@charset "UTF-8";


/* visual */
.main-section {  width: 100%; position:relative; }
.main-section-visual {  height: 100vh;  overflow-x: hidden; }
.main-section-visual .main-visual {  position:relative;  overflow: hidden;  height: 100%;  }
.main-section-visual .main-visual-swiper-slide {  overflow: hidden;}
.main-section-visual .main-visual-swiper-slide .main-slide-bg {  width: 100%;  height: 101.5%;   background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;  -webkit-transform: scale(1.2, 1.2) rotate(0.002deg);  transform: scale(1.2, 1.2) rotate(0.002deg);  -webkit-transition: transform 4000ms ease-in-out;  -moz-transition: transform 4000ms ease-in-out;  -o-transition: transform 4000ms ease-in-out;  transition: transform 4000ms ease-in-out;}
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);  transform: scale(1.01, 1.01) rotate(0.002deg);}
.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {  background-image: url("/home/images/main_visual_bg_1.jpg") ;}
.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {  background-image: url("/home/images/main_visual_bg_2.jpg");}
.main-section-visual .main-visual-swiper-slide3 .main-slide-bg {  background-image: url("/home/images/main_visual_bg_3.jpg");}


.main-section-visual .main-visual-swiper-slide .main-slide-text1 {   display: flex; align-items: flex-start;  justify-content: flex-end;  flex-direction: column;  box-sizing: border-box; width: 40%;  }
.main-section-visual .main-visual-swiper-slide .main-slide-text1 .main-slide-text--sub {  position: absolute;  left: 18vw;   top:36vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }


.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text1 .main-slide-text--sub {  opacity: 1;  transform: translateZ(0);  justify-content:center; }


.main-section-visual .main-visual-swiper-slide .main-slide-text2 { box-sizing: border-box;   }
.main-section-visual .main-visual-swiper-slide .main-slide-text2 .main-slide-text--sub {  display: flex; flex-direction: column; justify-content: center; align-items: center;   position: absolute;  left: 18vw;   top:30vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }

.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text2 .main-slide-text--sub {  opacity: 1;  transform: translateZ(0);  justify-content:center; }


.main-section-visual .main-visual-swiper-slide .main-slide-text3 { box-sizing: border-box;   }
.main-section-visual .main-visual-swiper-slide .main-slide-text3 .main-slide-text--sub {  display: flex; flex-direction: column; justify-content: center; align-items: center;   position: absolute;  left: 30vw;   top:32vh;  z-index:0; opacity: 0;  transform: translate3d(0, 100px, 0);  transition-property: opacity, transform;  transition-timing-function: ease-in-out;  transition-duration: 2s;  transition-delay: 0.2s; }

.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text3 .main-slide-text--sub {  opacity: 1;  transform: translateZ(0);  justify-content:center; }

 

.main-section-visual .swiper-button-area .swiper-pagination-progressbar {  width: 157px;  opacity: 1;  background: rgba(255,255,255,.35);}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #ffffff;}
.main-section-visual .main-swiper-slide-button-area {  z-index: 11;  margin-left: 15px;  margin-bottom: 4px;}
.main-section-visual .main-swiper-slide-button {  width: 14px;  height: 14px;  background-repeat: no-repeat;  background-position: 50% 50%;}
.main-section-visual .main-swiper-slide-button.is--hide {  display: none;}


.main-section-visual .swiper-button-area {	position: absolute;	left: 46%; width:200px;	bottom: 50px;  z-index:20;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  font-size: 0;  opacity: 0;  -webkit-transition: opacity .5s ease 1s;  transition: opacity .5s ease 1s;}
.main-section-visual .swiper-button-area.show {  opacity: 1;}
.main-section-visual .swiper-button-area .swiper-pagination {  position: relative;  display: inline-block;}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar {  width: 100px;  height: 2px;  background: #fff;  -webkit-transition: background .8s linear;  transition: background .8s linear;}
.main-section-visual .swiper-button-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: #006f8c;  -webkit-transition: background .8s linear;  transition: background .8s linear;}
.main-section-visual .pagination-wrap {  margin-left: 15px;  width: 50px;  position: relative;}

.main-section-visual .swiper-button-next, .main-section-visual .swiper-button-prev {  padding: 0;  box-sizing: border-box;  position: absolute;  display: block;  top: 13px;  left: 6px;  z-index:21;  width: 14px;  height: 14px;  background-image: url("/home/images/icon-arrow_prev.png");  background-size: contain;  background-repeat: no-repeat;}
.main-section-visual .swiper-button-next {  left: auto;  right: 0;  background-image: url("/home/images/icon-arrow_next.png");}


.mcont_wrap {width:100%; height:100%; overflow: hidden; }


/* premium */
.premium { width: 90%; margin-top: 150px;  line-height: 1.8; }
.premium .label_text { display: flex; gap: 12px; margin-left: 160px;}
.premium .label_text .label { padding: 4px; width: 81px; background-color: #006f8c; color: #fff; font-weight: 500; text-align: center;  }
.premium .label_text .sub_txt { font-size: 22px; color: #006f8c; font-weight: 700;  }
.premium .label_text .sub_txt span { font-weight: 100; }

.premium .tit { font-size: 40px; color: #333; margin-left: 160px; }
.premium .tit span { font-weight: 700; }

.premium .wrap { margin-top: 40px;  display: flex;  align-items: center; justify-content: center;  gap: 2vw; }
.premium .wrap .pre_map {   }


.premium .wrap .pre_wrap.swiper { width: 48%; height: 600px; overflow: hidden;  position: relative;  }
.premium .wrap .pre_wrap .swiper-wrapper { height: 100%; }
.premium .wrap .pre_wrap .swiper-slide {  height: 100%; font-size: 18px; position: relative;  }

.premium .wrap .pre_wrap .swiper-slide img.pre_img { display: block; width: 820px;  object-fit: cover; }

.premium .wrap .pre_wrap .swiper-button-wrap { position: absolute; right: 2vw; bottom: 44vh; z-index: 10;  display: flex; gap: 12px; flex-direction: row-revers; }
.premium .wrap .pre_wrap .swiper-button-prev { width: 10px; height: 14px; background-image: url("/home/images/icon-arrow_next2.png"); background-size: contain; background-repeat: no-repeat; }
.premium .wrap .pre_wrap .swiper-button-next { width: 10px; height: 14px; background-image: url("/home/images/icon-arrow_prev2.png"); background-size: contain; background-repeat: no-repeat; }

.premium .wrap .cont { display: flex; flex-direction: column; }
.premium .wrap .cont .cont_tit { display: flex; align-items: center; }
.premium .wrap .cont .cont_tit .num { width: 40px; height: 24px; background-color: #006f8c; color: #fff; font-weight: 500; text-align: center; line-height: 24px; }
.premium .wrap .cont .cont_tit .tit { font-size: 24px; color: #006f8c; font-weight: 700; margin-left: 12px; }
.premium .wrap .cont .text { padding: 50px 32px; color: #333; font-size: 18px; box-sizing: border-box; letter-spacing: -1px; }

.premium .wrap .cont .img { position: relative; margin-top: 24px; }
.premium .wrap .cont .img .txt { position: absolute; right:1vw; bottom: 4vh; color: #fff; font-size: 12px; }

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



@media all and (max-width:1600px) {

.premium .wrap .cont .text { font-size: 17px;} 

}

@media all and (max-width:1400px) {

.premium .wrap .pre_map { width:60%; }
.premium .wrap .pre_wrap.swiper { width: 50%; }


}

.contact { padding: 80px 0;  background: url("/home/images/contact_bg.jpg") no-repeat center center; overflow: hidden; margin-top:180px;}



.contact  .tlt		{text-align:center; font-size:16px; color:#333; margin-bottom:40px;}
.contact  .tlt span	{display:block;  font-family: 'Montserrat'; font-size:42px; color:#000; padding-bottom:15px;}

.contact  .wrap		{max-width:1100px; margin:0 auto;   overflow: hidden}

.contact  .wrap  .map	{display:block; float:left; }

.contact  .wrap  .info_wrap	{display:block; float:left; width:380px; margin-left:55px; }
.contact  .wrap  .info_wrap	.info_text		{margin-top:50px; }
.contact  .wrap  .info_wrap	.info_text	.tit			{font-size:18px; color:#333; }
.contact  .wrap  .info_wrap	.info_text	.tit	 span	{display:inline-block; margin-right:15px; font-weight:600; }
.contact  .wrap  .info_wrap	.info_text	.btn_wrap_main		{margin-top:25px;}
.contact  .wrap  .info_wrap	.info_text	.btn_wrap_main a	{display:inline-block; margin-right:10px;}