@charset "utf-8";
.twitter_01{}
.twitter_01 .layout{}
.twitter_01 .pub_tit_01{
    color: #191919;
}
.twitter_01 .pub_tit_01 .p1{color: #191919;}
.twitter_01 .twitter_01_a{}
.twitter_01_a{
    background: #E9F0FF;
    border-radius: 15px;
    overflow: hidden;
} 
.twitter_01_a .tt_top{
    height: 45px;
    background: #B7CDFF;
    position: relative;
}
.twitter_01_a .tt_bottom{
    display: flex;
    justify-content: flex-end;
}
.twitter_01_a .tt_top span{
    left: 20px;
    width: 11px;
    height: 11px;
    background: #EA4335;
    box-shadow: 0px 0px 10px 0px rgba(32,32,32,0.1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    cursor: pointer;
}
.twitter_01_a .tt_top span:active{transform:scale(2)}
.twitter_01_a .tt_top .s_01{}
.twitter_01_a .tt_top .s_02{left: 50px;background-color: #34A853;}
.twitter_01_a .tt_top .s_03{
    left: 80px;
    background-color: #FED968;
}
.twitter_01_a .tt_bottom .swiper{
    width: calc(100% - 90px);
    margin: inherit;
    background-color: white;
    background: #F4F7FF;
}
.twitter_01_a .tt_bottom .swiper-pagination{
    position: absolute;
    bottom: 100px;
    text-align: left;
    padding-left: 50px;
}
.twitter_01_a .tt_bottom .swiper-wrapper{}
.twitter_01_a .tt_bottom .swiper-slide{
    padding: 100px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
.twitter_01_a .tt_bottom .swiper-slide .ro{
    width: 40%;
}
.twitter_01_a .tt_bottom .swiper-slide .ro .h3{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 30px;
    color: #191919;
    line-height: 30px;
}
.twitter_01_a .tt_bottom .swiper-slide .ro .p{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 16px;
    color: #191919;
    line-height: 30px;
    height: 206px;
    overflow-y: auto;
    margin-top: 20px;
}
.twitter_01_a .tt_bottom .swiper-slide .scImg{
    width: 50%;
    padding-bottom: 34%;
    box-shadow: 0px 0px 17px 5px rgb(35 102 254 / 30%);
    border-radius: 15px;
}
.twitter_01_a .tt_bottom .swiper-pagination span{
    background: white;
    opacity: 1;
    width: 10px;
height: 10px;
background: #FFFFFF;
box-shadow: 0px 0px 2px 0px rgba(32,32,32,0.49);
border-radius: 50%;
}
.twitter_01_a .tt_bottom .swiper-pagination span.swiper-pagination-bullet-active{
    width: 31px;
height: 10px;
background: #0052D9;
border-radius: 5px;
}
.twitter_02{
    margin-top: 80px;
}
.twitter_02 .layout{}
.twitter_02 .pub_tit_01{}
.twitter_02 .pub_tit_01 .h3{color:white}
.twitter_02 .twitter_02_list01{}
.twitter_02 .twitter_02_list02{
    margin-top: 50px;
}
.twitter_02_list01{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.twitter_02_list01 li{
    width: 48%;
    display: flex;
    background-color: #2366FE;
    margin-bottom: 50px;
    border-radius: 15px;
    border: 1px solid #363939;
    overflow: hidden;
}
.twitter_02_list01 li .scImg{
    width: 40%;
}
.twitter_02_list01 li .scImg img{}
.twitter_02_list01 li .ro{
    width: 60%;
    display: flex;
    align-items: center;
    padding: 10px 5%;
    color: white;
}
.twitter_02_list01 li .roA{}
.twitter_02_list01 li .ro .h3{
    font-family: Source Han Sans CN VF;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}
.twitter_02_list01 li .ro .p{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    opacity: 0.49;
    margin-top: 15px;
}
.twitter_02_list01 li .ro a{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
    border-bottom: 1px solid;
    display: inline-block;
    margin-top: 20px;
}
.twitter_02_list01 li .ro a:hover{
    opacity:.8
}
.twitter_02_list02{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    color: white;
}
.twitter_02_list02 li{
    width: 22%;
    text-align: center;
    margin-bottom: 70px;
}
.twitter_02_list02 li .pic{
    width: 118px;
    height: 118px;
    border-radius: 100%;
    border: 1px solid white;
    margin: 0 auto;
}
.twitter_02_list02 li .icoImg{
    width: 118px;
    height: 118px;
}
.twitter_02_list02 li .icoImg img{
    width: 118px;
    height: 118px;
}
.twitter_02_list02 li .ro{
    margin-top: 30px;
}
.twitter_02_list02 li .ro .h3{
    font-family: Source Han Sans CN VF;
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}
.twitter_02_list02 li .ro .p{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 5px;
    text-align: left;
}
@media only screen and (max-width: 950px) {
	.twitter_01_a .tt_bottom .swiper{width:100%}
    .twitter_01_a .tt_bottom .swiper-slide .scImg{width:100%;padding-bottom: 65%;margin-bottom: 20px;}
    .twitter_01_a .tt_bottom .swiper-slide .ro{width:100%;margin-bottom: 20px;}
    .twitter_01_a .tt_bottom .swiper-slide{padding:5%}
    .twitter_01_a .tt_bottom .swiper-pagination{bottom: 25px;}
    .twitter_01_a .tt_bottom .swiper-slide .ro .p{height:auto;font-size: 16px;line-height: 1.5;margin-bottom: 20px;}
    .twitter_02_list01 li{width:100%}
    .twitter_01_a .tt_bottom .swiper-slide .ro .h3{font-size:24px}
    .pub_tit_01{padding:50px 0}
    .twitter_02_list01 li .ro .h3{font-size:22px}
    .twitter_02_list01 li .ro .p{line-height:1.5;margin-top: 5px;}
    .twitter_02_list01 li .ro a{margin-top:10px}
    .twitter_02_list02 li{width:48%}
}