@charset "utf-8";

.section#section0{position: relative; width:100%; height:100%; }
.section#section0 .container{position:relative; width:100%;height:100%;  }

.section#section0 .container.pc {display:block;}
.section#section0 .container.mobile{display:none;}

.mySwiper {overflow: hidden; position:relative; height: 100%;}

.mySwiper .swiper-wrapper {}
.mySwiper .swiper-wrapper .swiper-slide {position: relative;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit {position: absolute; bottom: 210px; left:10%;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size:46px; font-weight: 800; color : #fff; }
.mySwiper .swiper-wrapper .swiper-slide .main_tit p { color : #fff; margin-bottom: 4px;}
.mySwiper .swiper-wrapper .swiper-slide img {width: calc(100% + 17px); height: 100%; vertical-align: middle;}
.mySwiper .swiper-wrapper .swiper-slide img.pc{display:block; object-fit: cover;}
.mySwiper .swiper-wrapper .swiper-slide img.mobile{display:none;}

.mySwiper .paging_wrap {position: absolute;bottom : 170px; left: calc(10% + 3px);  }

.mySwiper .swiper-progress-bar {position:relative; top: 53px; left: 36px; width: 90px; display: block; z-index: 1; height: 2px;}
.mySwiper .swiper-progress-bar .slide_progress-bar {position:absolute; height:2px; background:#aaa; width : auto; bottom:41px; left:0; right:0;}
.mySwiper .swiper-progress-bar .slide_progress-bar:after {position:absolute; top:0; left:0; background: #fff; height: 100%; width: 0px; content: "";}
.mySwiper .swiper-progress-bar.active .slide_progress-bar { opacity: 1;}
/* .mySwiper .swiper-progress-bar.animate .slide_progress-bar:after { transition:width ease-in-out; transition-delay: unset; width:100%; transition-duration: 4s; } */
.mySwiper .swiper-progress-bar.animate .slide_progress-bar:after { animation-name: bar01; animation-duration: 4s; animation-timing-function: ease-in-out;}

.mySwiper .swiper-button-next {top:0 !important;  left:507px !important; background-image:url('../img/s_img/icon-arrow-right-fff.svg') !important; width:21px !important; height:21px !important; background-size:21px 21px !important;}
.mySwiper .swiper-button-prev { top: 0px !important; left:470px !important; background-image: url('../img/s_img/icon-arrow-left-fff.svg') !important; width:21px !important; height:21px !important;  background-size:21px 21px !important;}
.mySwiper .swiper-pagination {top: 0 !important; left: 0 !important;  width:175px !important; bottom: auto !important; color: #fff !important;}
.mySwiper .swiper-pagination-current {position: absolute !important; left: 0 !important; font-weight:700; color:#fff;background:none; font-size: 16px; font-weight: bold;}
.mySwiper .swiper-pagination-total { position: absolute !important;  right: 15px !important; font-size: 16px; font-weight:700; color:#aaa;}
.swiper-pagination{}
@keyframes bar01 {
  0%{width:0;}
  100%{width:100%;}
} 

/* swiper3 start */
.mySwiper3{height: 100%;}
.mySwiper3 .swiper {
  width: 100%;
  height: 100%;
}

.mySwiper3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mySwiper3 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* font-family: 'Marcellus', 'Roboto', serif;  */
.mySwiper3 .swiper-wrapper {}
.mySwiper3 .swiper-wrapper .swiper-slide {position: relative;}
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit {position: absolute; top: 144px; left: 50%; transform: translateX(-50%); }
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit h2 {font-size:40px; font-weight: 800; color : #000; line-height: 55px; }
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit p {font-size:16px; font-weight: 800; color : var(--primary-color); }
.mySwiper3 .swiper-wrapper .swiper-slide img {width: calc(100% + 33px); height: 100%; vertical-align: middle;}
.mySwiper3 .swiper-wrapper .swiper-slide img.pc{display:block; object-fit: cover;}
.mySwiper3 .swiper-wrapper .swiper-slide img.mobile{display:none;}

.mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets,
.mySwiper3 .swiper-pagination-custom,
.mySwiper3 .swiper-pagination-fraction{display : flex; gap: 140px; justify-content: center; left: 50%; transform: translateX(-50%); bottom: 78px; background: #ffffffc3; border-radius: 19px; padding : 22px 30px 50px 30px; width : 470px; margin : 0 auto;}

.mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets::after{content : ''; display : block; position: absolute; width: 308px; height: 1px; background: #ccc; bottom: 55px; z-index: -1; }
.page_txt{width : 79px; position: relative;}
.page_txt .b_txt{position: absolute; top: 16px;}
.swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; box-sizing: border-box; background: #ccc; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border : 2px solid var(--primary-color); background-color: #fff;}
.swiper-pagination .swiper-pagination-bullet:nth-child(1) .b_txt{left: -31%;}
.swiper-pagination .swiper-pagination-bullet:nth-child(2) .b_txt{left: -53%;}
.swiper-pagination .swiper-pagination-bullet:nth-child(3) .b_txt{left: -14%;}
/* swiper3 end */
.swiper-pagination-bullet-active .b_txt{font-weight: bold;}

/* section 2 - 2023.10.12 */
#section2 .fp-tableCell{position : relative;}
.section2_title{position: absolute; top: 178px; left: 10%;}
.section2_title p:first-of-type{font-size: 16px; font-weight: 800; color : var(--primary-color);}
.section2_title h2{font-size: 40px; font-weight: 800; color : #111; line-height: 55px; margin : 5px 0 20px;}
.section2_title p:nth-of-type(2){ line-height: 27px;}

/* section 3 - 2023.10.12 */
#section3{}
#section3 .section_tit{text-align: center; font-size: 40px; font-weight: 800; margin : 84px 0 100px;}


@media (max-width : 1680px){

}

@media (max-width:1200px) {

.section#section0 .container {
    position: relative;
    width: 100%;
    height: auto;
  }
.mySwiper .swiper-wrapper .swiper-slide .main_tit {left: 5%; bottom: 150px;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size:36px; margin-bottom:10px;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size:16px;}
.mySwiper .paging_wrap {left: 5%; bottom: 122px;}

  .section#section0 {
    position: relative;
    width: 100%;
    /* height: auto !important; */
  }

.section#section0 .container {
  position: relative;
  width: 100%;

}

/* swiper3 */
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit { }
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit h2 {}
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit p {}


} /* end */


@media (max-width:1199px) {


.mySwiper {overflow: hidden;  position:relative;}

.mySwiper .swiper-wrapper {}
.mySwiper .swiper-wrapper .swiper-slide {position: relative;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit {}
.mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size:28px;}
.mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size:16px;}
.mySwiper .swiper-wrapper .swiper-slide img {width: 100%; vertical-align: middle;}

.mySwiper .paging_wrap {}


/* swiper3 */
.mySwiper3 .swiper-wrapper {}
.mySwiper3 .swiper-wrapper .swiper-slide {position: relative;}
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit { top: 34px; width: 100%;}
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit h2 {font-size:28px; line-height: 1.5;}
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit p {font-size:16px; margin-bottom: 4px;}
.mySwiper3 .swiper-wrapper .swiper-slide img {width: 100%; vertical-align: middle;}

.section2_title{left: 5%; top: 75px;}
.section2_title h2{font-size: 28px; line-height: 1.5;}
#section2 .fp-tableCell{height: 600px !important;}
.section2_title p:nth-of-type(2){line-height: 1.5;}

#section3 .section_tit{margin : 75px 0 50px; font-size: 28px;}

}/* 1199px End*/



@media (max-width: 991px) {

/*991px section0 */

.mySwiper .swiper-wrapper .swiper-slide .main_tit{}
.mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets, .mySwiper3 .swiper-pagination-custom, .mySwiper3 .swiper-pagination-fraction{bottom: 40px;}

}/* 991px End*/





@media (max-width:768px) {

/*991px section0 */

.mySwiper .swiper-wrapper .swiper-slide .main_tit {  position: absolute; width: 100%;  color: #fff; bottom: 60px; left: 50%; transform: translateX(-50%); text-align: center;}


.mySwiper .swiper-button-next {  top: 0;  left: 217px;  background-image: url('../img/right.png');  width: 10px;  height: 18px;  background-size: 10px 18px;}
.mySwiper .swiper-button-prev {  top: 0px;  left: 7px;  background-image: url('../img/left.png');  width: 10px;  height: 18px;  background-size: 10px 18px;}
.mySwiper .swiper-pagination {  top: -24px;  left: 30px;  width: 175px;  bottom: auto;  color: #fff;}

.mySwiper .paging_wrap {display:none;  position: absolute;  top: 77%;}

.mySwiper .swiper-progress-bar {  position: absolute;  top: 30px;  left:70px;  width: 90px;  display: block;  z-index: 1;  height: 2px;}

.main_tit span.m_cut{display:block;}

.mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets, .mySwiper3 .swiper-pagination-custom, .mySwiper3 .swiper-pagination-fraction{width: 420px; padding : 16px 17px 42px 17px; border-radius: 10px; }
.mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets::after{bottom: 47px;}

}/*768px End*/

@media (max-width: 576px) {
  .mySwiper .swiper-wrapper .swiper-slide .main_tit h2 {font-size: 7vw;}
  .mySwiper .swiper-wrapper .swiper-slide .main_tit p {font-size: 4vw; }

  .mySwiper3 .swiper-wrapper .swiper-slide .main_tit h2 {font-size: 5.5vw;}
  .mySwiper3 .swiper-wrapper .swiper-slide .main_tit p {font-size: 15px; margin-bottom: 10px;}

  .mySwiper .swiper-wrapper .swiper-slide img.pc{display:none;}
.mySwiper .swiper-wrapper .swiper-slide img.mobile{display:block; object-fit: cover; height: calc(var(--var, 1vh) * 100 - 60px); height : calc(100svh - 60px)}


/* swiper3 */
.mySwiper3 .swiper-wrapper .swiper-slide .main_tit { }

.mySwiper3 .swiper-wrapper .swiper-slide img.pc{display:none;}
.mySwiper3 .swiper-wrapper .swiper-slide img.mobile{display:block; object-fit: cover;}

#section2{background-position: center left; background-image: url('/file/img/s_img/main_03_img_m.png');}
.section2_title h2{font-size: 4.6vw;}
.section2_title p:nth-of-type(2){font-size: 2.5vw; font-weight: 400; line-height: 1.7;}

#section3 .section_tit{font-size: 4.6vw; margin : 50px 0 30px}
.press_main li{max-width : 336px; width: 100%; margin : 0 auto;}
.press_main .img img{max-width : 336px;}
.press_main .tit{font-size: 15px;}
.press_main .date{margin : 8px auto 6px;}
.section2_title p:first-of-type{font-size: 15px;}
#section2 .fp-tableCell{height : 540px !important;}
}

@media (max-width : 480px){
  .mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets::after{width: 178px;}
  .mySwiper3.swiper-container-horizontal>.swiper-pagination-bullets, .mySwiper3 .swiper-pagination-custom, .mySwiper3 .swiper-pagination-fraction{gap: 75px; width: 273px;}
}