@charset "UTF-8";
/* CSS Document */


/* メイントップスライド */
#slick-main{ z-index: 1; position: relative; background-color: transparent !important;}
.slider_box .video_wrap { position: relative; width: 100%; height: 100%; overflow: hidden;}
.slider_box .video_wrap video { width: 100%; height: auto; display: block;}
.slider_box .title1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; z-index: 1; pointer-events: none; margin: 0;}
.slick-slide { opacity: 0; transition: opacity 1s ease;}
.slick-active { opacity: 1;}

@media (min-width: 768px) {
	.loop-container{ display: none;}
	.sp_top_slide { display: none;}
}
@media (max-width: 767.98px) {
	.slider_box { display: none;}
	
	.sp_top_slide { height: 596px; position: relative;}
	.sp_top_slide .swiper-slide { overflow: hidden;}
	.sp_top_slide .swiper-slide > img { width: 1166px; height: 596px; max-width: none; position: relative; left: 0; top: 0;}
	.sp_top_slide .swiper-slide.swiper-slide-active > img { animation: flowimg 10000ms linear both;}
	.sp_top_slide .swiper-slide.swiper-slide-next > img { left: 0;}
	.sp_top_slide .swiper-slide.swiper-slide-prev > img { left: calc(-1165px + 100vw);}
	.sp_top_slide > .swiper_ttl { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 10;}
	.sp_top_slide > .swiper_ttl > img { width: 80%;}
}

@keyframes flowimg {
  0% { left: 0;}
  100% { left: calc(-1165px + 100vw);}
}


/* リード */
@media (min-width: 768px) {
	.lead_box{ padding: 150px 15px 100px; margin: 0 auto; max-width: 1170px;}
	.lead_box .lead_logo{ text-align: center;}
	.lead_box .lead_logo img{ width: 600px;}
	.lead_box .lead_text{ text-align: center; font-size: 50px; margin: 30px auto 56px; font-weight: 300; line-height: 1.0;}
	.lead_box .lead_btn{ background-color: #003f76; width: 686px; height: 53px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 21px; border-radius: 5px; box-shadow: 0px 5px 5px rgba(35,24,21,0.35); margin: 56px auto 0;}
	.lead_box .lead_btn:hover{ color: #fff;}
	.lead_box .lead_btn small{ font-size: 14px;}
	
	.lead_box .lead_photo_box{ margin: 94px auto 0; width: 800px;}
	
	.lead_box .lead_photo_ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.lead_box .lead_photo_ul li{ position: relative; height: 100%; margin: 0 0 20px; width: 32%;}
	.lead_box .lead_photo_ul li .li_cap{ position: absolute; right: 3px; bottom: 3px; color: #fff;}
	.lead_box .lead_photo_ul li:nth-child(4),.lead_box .lead_photo_ul li:nth-child(5),.lead_box .lead_photo_ul li:nth-child(6){ margin: 0;}
	.lead_box .lead_photo_ul li img{ width: 100%;}
	.lead_box .lead_photo_ul div{ position: absolute; bottom: 14px; color: #fff; text-align: center; width: 100%; line-height: 1.6;}
	.lead_box .lead_photo_ul div.lh{ line-height: 0.8;}
	.lead_box .lead_photo_ul div h3{ font-size: 24px; line-height: 1.4; margin: 0;}
	.lead_box .lead_photo_ul div h3.h3{ font-size: 26px;}
	.lead_box .lead_photo_ul div h3 strong{ font-size: 38px; line-height: 1.0; display: inline-block; font-weight: normal; margin: 0 2px;}
	.lead_box .lead_photo_ul div small{ font-size: 15px; line-height: 1.4; display: inline-block;}
	.lead_box .lead_photo_ul div small.sm{ font-size: 12px;}
	.lead_box .lead_photo_ul div.lh h3 strong{ line-height: 0.9;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.lead_box .lead_btn{ width: 600px;}

	.lead_box{ padding: 110px 15px 100px; margin: 0 auto;}
	.lead_box .lead_logo img{ width: 500px;}
	
	.lead_box .lead_photo_box{ margin: 94px auto 0; width: 730px;}
}
@media (max-width: 767.98px) {
	.lead_box{ padding: 60px 15px 50px; margin: 0 auto;}
	.lead_box .lead_logo{ text-align: center;}
	.lead_box .lead_logo img{ width: 70%; max-width: 480px;}
	.lead_box .lead_text{ text-align: center; font-size: clamp(20px, 5vw, 32px); margin: 1.88vw auto 3.5vw;}
	.lead_box .lead_btn{ background-color: #003f76; width: 80%; height: 60px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 18px; border-radius: 5px; box-shadow: 0px 5px 5px rgba(35,24,21,0.35); margin: 40px auto 0; padding: 0 0 2px 0;}
	.lead_box .lead_btn:hover{ color: #fff;}
	.lead_box .lead_btn small{ font-size: 12px;}
	
	.lead_box .lead_photo_box{ margin: 60px auto 0; width: 100%;}
	
	.lead_box .lead_photo_ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.lead_box .lead_photo_ul li{ position: relative; height: 100%; margin: 0 0 15px; width: 49%;}
	.lead_box .lead_photo_ul li .li_cap{ position: absolute; right: 3px; bottom: 3px; color: #fff;}
	.lead_box .lead_photo_ul li:nth-child(4),.lead_box .lead_photo_ul li:nth-child(5),.lead_box .lead_photo_ul li:nth-child(6){ margin: 0;}
	.lead_box .lead_photo_ul li img{ width: 100%;}
	.lead_box .lead_photo_ul div{ position: absolute; bottom: 10px; color: #fff; text-align: center; width: 100%; line-height: 1.6;}
	.lead_box .lead_photo_ul div.lh{ line-height: 0.8;}
	.lead_box .lead_photo_ul div h3{ font-size: 18px; line-height: 1.2; margin: 0;}
	.lead_box .lead_photo_ul div h3.h3{ font-size: 20px;}
	.lead_box .lead_photo_ul div h3 strong{ font-size: 26px; line-height: 1.0; display: inline-block; font-weight: normal;}
	.lead_box .lead_photo_ul div small{ font-size: 12px; line-height: 1.4; display: inline-block;}
	.lead_box .lead_photo_ul div.lh h3 strong{ line-height: 0.9;}
}


/* 資料請求 */
.simple-parallax { background-image: url('../images/parallax-brochure.jpg'); background-size: cover; background-position: center; height: 300px; position: relative; margin: 0 0 84px 0;}
.overlay-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 100%;}
.parallax-brochure .parallax-caption { padding-top: 24px;}
.parallax-brochure h3 { line-height: 1.5; font-size: 21px; margin-top: 20px; margin-bottom: 10px;}
@media (min-width: 768px) {
	.simple-parallax{ background-attachment: fixed;}
}
@media screen and (max-width: 767px) {
	.parallax-brochure .parallax-caption { padding-top: 24px;}
	.parallax-brochure h3 { font-size: 16px;}
	.parallax-brochure .small { font-size: 78%;}
}
.parallax-brochure .btn { margin-right: 6px; margin-left: 6px;}
.parallax-brochure-tel { font-size: 18px;}
.parallax-brochure-tel a,
.parallax-brochure-tel a:link,
.parallax-brochure-tel a:visited,
.parallax-brochure-tel a:hover,
.parallax-brochure-tel a:active {color: #FFF;}

.simple-parallax a.btn { color: #3a3364; background-color: transparent; border-color: #001b39; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 12px; padding: 12px 40px;}
.simple-parallax a.btn.btn-img { color: #3a3364; background-color: #fff; border-color: #fff; margin: 10px 6px;}
.simple-parallax a.btn.btn-img:focus,
.simple-parallax a.btn.btn-img:active,
.simple-parallax a.btn.btn-img:hover { background-color: #3a3364; border-color: #3a3364; color: #fff;}


@media (min-width: 768px) {
	.memo_text{ width: 800px; margin: 0 auto 100px; font-size: 13px;}
	.memo_text p{ text-indent: -1em; padding-left: 1em;}
}
@media (max-width: 767.98px) {
	.memo_text{ margin: 0 15px 50px; font-size: 13px;}
	.memo_text p{ text-indent: -1em; padding-left: 1em;}
}