@charset "utf-8";

.bo-top {}
.bo-article {}
.bo-bottom {}


#section01 {}
#section01 .width-m {width:192rem;}
#section01 .item-box {display:flex;flex-wrap:wrap;padding-top:12rem;}
#section01 .item-box .item {width:100%;height:53.5rem;display:flex;}
#section01 .item-box .item .left,
#section01 .item-box .item .right {position:relative;width:calc(100% / 2);background:#f8f8f8;}
#section01 .item-box .item img {height:100%;object-fit:cover;}
#section01 .item-box .item .point {font-weight:300;font-size:2.2rem;font-weight:600;letter-spacing:-0.2rem;}
#section01 .item-box .item h3 {color:#353f86;font-size:4.05rem;font-weight:600;padding-top:1.5rem;letter-spacing:-0.35rem;}
#section01 .item-box .item .desc {font-size:2.2rem;line-height:1.3;padding-top:1.5rem;word-break:keep-all;letter-spacing:-0.2rem;font-weight:300;}
#section01 .item-box .item .btn {padding-top:7.5rem;}
#section01 .item-box .item .btn a {background:#353f86;color:#fff;display:inline-block;width:24rem;height:4rem;padding:1rem 0 1rem 1rem;font-size:1.7rem;font-weight:600;text-align:center;border:0.1rem solid #353f86;border-radius:10rem;transition:0.3s;display:flex;align-items:center;justify-content:center;}
#section01 .item-box .item .btn a img {padding-left:1.5rem;}
#section01 .item-box .item.a .right {padding-top: 12.5rem;padding-left: 11rem;}
#section01 .item-box .item.b .left {padding-top:13rem;padding-left:13rem;padding-right:8rem;}
#section01 .item-box .item.c .right {padding-top:15rem;padding-left:8rem;}
/* #section01 .item-box .item.b.show-pc {display:flex;} */
#section01 .item-box .item.b.show-m {display:none;}
#section01 .badge {position:absolute;top:5.5rem;right:11rem;background:#353f86;color:#fff;padding:1.5rem 2.5rem;text-align:center;border-radius:50%;font-size:1.5rem;font-weight:600;}

#section02 {position:relative;padding-bottom:15.5rem;}
#section02 .tit-wrap {padding-top:11rem;}
#section02 .tit-wrap .title {padding-top:4rem;letter-spacing:-0.15rem;}
#section02 .swiper-container-top {position:relative;padding-top:7rem;overflow:hidden;}
#section02 .swiper-container-top .swiper-slide {cursor:pointer;}
#section02 .swiper-container-top .swiper-slide img {width:100%;}
#section02 .swiper-container-top .tit-inner {position:absolute;bottom:5rem;left:8.5rem;font-size:2.2rem;font-weight:200;line-height:3rem;text-align:left;color:#fff;cursor:pointer;}
#section02 .swiper-container-top .tit-inner h3 {font-size:3rem;padding-bottom:3rem;}
#section02 .swiper-container-bottom {overflow:hidden;padding-top:1rem;}
#section02 .swiper-container-bottom .swiper-slide {display:flex;flex-wrap:wrap;gap:0.8rem;}
#section02 .swiper-container-bottom img {width:calc((100% - 3.2rem) / 5);cursor:pointer;}
#section02 .swiper-button-prev {background:url(../img/section02_prev_01.png) no-repeat;background-size:100% auto;background-position:center;width:4.4rem;height:7.7rem;left:11.5%;position:absolute;top:50%;transform:translateY(-50%);top:calc(50% - 5.5rem);cursor:pointer;}
#section02 .swiper-button-next {background:url(../img/section02_next_01.png) no-repeat;background-size:100% auto;background-position:center;width:4.4rem;height:7.7rem;right:11.5%;position:absolute;top:50%;transform:translateY(-50%);top:calc(50% - 5.5rem);cursor:pointer;}
#section02 .swiper-button-prev:after,
#section02 .swiper-button-next:after {display:none;}


@media screen and (max-width: 1279px) {
    #section01 .width-m {width:100%;}
    #section01 .item-box {padding-top:9rem;}
    #section01 .item-box .item {height:auto;flex-direction:column;}
    #section01 .item-box .item .left,
    #section01 .item-box .item .right {width:100%;}
    #section01 .item-box .item img {width:100%;}
    #section01 .item-box .item.a .right {padding:0;}
    #section01 .item-box .item.a .right-inner {width:90%;margin:0 auto;padding:2.5rem 0 8.5rem;}
    #section01 .item-box .item.b .left {padding:0;}
    #section01 .item-box .item.b .left-inner {width:90%;margin:0 auto;padding:2.5rem 0 8.5rem;}
    #section01 .item-box .item.c .right {padding:0;}
    #section01 .item-box .item.c .right-inner {width:90%;margin:0 auto;padding:2.5rem 0 8.5rem;}
	/* #section01 .badge {top:3.5rem;right:3rem;padding:1.5rem 2rem;} */
    #section01 .badge {display:none;}

    /* show */
    #section01 .item-box .item.b.show-pc {display:none;}
    #section01 .item-box .item.b.show-m {display:flex;}
    #section01 .item-box .item .point {font-size:1.5rem;font-weight:600;}
    #section01 .item-box .item h3 {font-size:2.4rem;font-weight:600;letter-spacing:-0.15rem;;}
    #section01 .item-box .item .desc {font-size:1.4rem;line-height:1.2;padding-top:1rem;letter-spacing:0.15rem;}
    #section01 .item-box .item .btn {padding-top:3rem;}
    #section01 .item-box .item .btn a {display:flex;justify-content:center; width:35%;height:5rem;line-height:5rem;font-size:1.2rem;padding:0 2rem;white-space:nowrap;}
    #section01 .item-box .item .btn a img {display:none;}
    #section01 .item-box .item .btn a:hover {background:transparent;color:#353f86;}
    
	#section02 {padding-bottom:11.5rem;}
    #section02 .swiper-container-top {width:95%;margin:0 auto;}
    #section02 .swiper-container-bottom {width:95%;margin:0 auto;padding-top:0.4rem;}

    .swiper-button-prev {display:none;}
    .swiper-button-next {display:none;}

}
  
@media (min-width: 1280px) and (max-width: 1680px) {
    .width-m {width:100%;}
    #section01 .width-m {width:100%;}
    #section01 .item-box .item.a .right {padding:15rem 0 0 8rem;}
    #section01 .item-box .item.b .left {padding:15rem 8rem 0 8rem;}
    #section01 .item-box .item.c .right {padding:15rem 0 0 8rem;}
    
    .swiper-button-prev {display:none;}
    .swiper-button-next {display:none;}
}
  
@media (min-width: 1681px) and (max-width: 1850px) {
    #section01 .width-m {width:100%;}
    #section01 .item-box .item.b .left {padding:15rem 8rem 0 8rem;}
}