@charset "utf-8";

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

#wrapper{padding:0;width:100% !important;}
#container .tit-wrap .desc{padding-top:1.8rem;}
#section01 {}
#section01 .width-m {width:auto;}
#section01 .item-box {display:flex;flex-wrap:wrap;padding-top:13rem;}
#section01 .item-box .item {width:100%;height:53.5rem;display:flex;}
#section01 .item-box .item .left{position:relative;width:calc(100% / 2);background:#f8f8f8;}
#section01 .item-box .item .right {position:relative;width:calc(100% / 2);background:#f8f8f8;}

#section01 .item-box .item .point {font-size:2.1rem;letter-spacing:-0.075em;color:#999;}
#section01 .item-box .item h3 {color:#bf987a;font-size:4rem;padding-top:1.5rem;letter-spacing:-0.35rem;}
#section01 .item-box .item .desc {font-size:2rem;line-height:1.4;padding-top:1.5rem;word-break:keep-all;letter-spacing:-0.2rem;font-weight:300;}
#section01 .item-box .item .btn {padding-top:5rem;}
#section01 .item-box .item .btn a {background:#bf987a;color:#fff;display:inline-block;width:26.6rem;height:5.9rem;padding:0rem 0 0rem 0rem;font-size:1.8rem;text-align:center;border:0.1rem solid #bf987a;border-radius:10rem;transition:0.3s;display:flex;align-items:center;justify-content:center;letter-spacing: -0.075em;gap:10px;}
#section01 .item-box .item .btn a span{display: flex;width: 44px;height: 44px;background-color:#f8f8f8;position:relative;left:23px;border-radius:50%;justify-content: center;align-items: center;}
#section01 .item-box .item .btn a img {}
#section01 .item-box .item.a .right .right-inner{padding-top: 13rem;padding-left:12%;}
#section01 .item-box .item.b .left .left-inner{padding-top: 13rem;padding-left:12.5%;}
#section01 .item-box .item.c .right .right-inner{padding-top: 13rem;padding-left:12%;}
#section01 .item-box .item.a .btn{padding-top: 8rem;}


/* #section01 .item-box .item.b.show-pc {display:flex;} */
#section01 .item-box .item.b.show-m {display:none;}
#section01 .badge {position:absolute;top:6rem;right:9.5rem;background:#bf987a;color:#fff;text-align:center;border-radius:50%;font-size:1.4rem;width:113px;height:53px;display:flex;justify-content: center;align-items: center;letter-spacing: 0;font-size: 1.4rem;}

#section02 {position:relative;padding-bottom:20rem;padding-left: 20px;padding-right: 20px;width:calc(100% - 40px);}
#section02 .width-m{width:100%; max-width:1300px;}
#section02 .tit-wrap {padding-top:11rem;}
#section02 .swiper-container-top {position:relative;padding-top:6rem;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/slide_prev.png") no-repeat;background-size:100% auto;background-position:center;width:3.8rem;height:6.7rem;left:11%;position:absolute;top:38.5%;transform:translateY(-50%);cursor:pointer;}
#section02 .swiper-button-next {background:url("/img/slide_next.png") no-repeat;background-size:100% auto;background-position:center;width:3.8rem;height:6.7rem;right:11%;position:absolute;top:38.5%;transform:translateY(-50%);cursor:pointer;}
#section02 .swiper-button-prev:after,
#section02 .swiper-button-next:after {display:none;}

#section02 .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  position: relative;
  bottom: unset;
  padding-top: 5.5rem;
}
#section02 .swiper-pagination-bullet {
  border-radius: 1rem !important;
  width: 1.5rem;
  height: 1.5rem;
  background: #f0d6c3 !important;
  opacity: 1 !important;
  margin: 0 0.45rem;
}
#section02 .swiper-pagination-bullet-active {
  border-radius: 1rem !important;
  width: 4.5rem;
  height: 1.5rem;
  background: #bf987a !important;
}


@media screen and (max-width: 1279px) {
    #wrapper{padding:0;}
    
    #section01 .width-m {width:100%;}
    #section01 .item-box {padding-top:5rem;}
    #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:1.5rem;right:1.5rem;font-size:1rem;width:72px;height:32px;}



    /* 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;}
    #section01 .item-box .item h3 {font-size:2.7rem;}
    #section01 .item-box .item .desc {font-size:1.6rem;padding-top:1rem;}
    #section01 .item-box .item .btn {padding-top:3rem !important;}
    #section01 .item-box .item .btn a{width:18rem;height:4.2rem;font-size:1.5rem;gap:0px;position:relative;justify-content: flex-start;padding-left:20px;}
    #section01 .item-box .item .btn a span{width:30px;height:30px;left:unset;right:10px;position: absolute;}
    #section01 .item-box .item .btn a img{width:13px;}


    #section01 .item-box .item .right .right-inner{padding:4rem 10px 4rem 20px !important;}
    #section01 .item-box .item.b .left-inner{padding:4rem 10px 4rem 20px !important;}

    #section02 .tit-wrap{padding-top: 6.5rem;}
	#section02 {padding-bottom:7.5rem;padding-left: 10px;padding-right: 10px;width: calc(100% - 20px);}
    #section02 .swiper-container-top {width:100%;margin:0 auto;padding-top: 3rem;}
    #section02 .swiper-container-bottom .swiper-slide{gap:3px;  }
    #section02 .swiper-container-bottom {width:100%;margin:0 auto;padding-top:0.4rem;}
    #section02 .swiper-container-bottom img{width:calc((100% - 12px) / 5)}
    .swiper-button-prev {display:none;}
    .swiper-button-next {display:none;}
    #section02 .swiper-pagination {display: none;}

}