@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* 共通
---------------------------------------------- */
@media print, screen and (max-width: 767px){
.sp_inner_pd{padding: 0 20px;}
}

/* プロモーション
---------------------------------------------- */
.swiper-container {width: 100%;height: 700px;overflow: hidden;}
.swiper-slide {    position: relative;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {width: 100vw; /* 画像の幅をビューポートの幅に設定 */height: 700px;object-fit: cover; /* 画像がはみ出すようにカバー */}
.caption {position: absolute;left: 30px;bottom: 70px;color: #FFFFFF;font-size: 60px;font-weight: 700; text-shadow: #222222 1px 0 5px;letter-spacing: 0.1em;line-height: 1.6;}
.caption span{font-size: 26px;display: block;margin-top: 50px;}
@media print, screen and (max-width: 1200px){
.caption {bottom:50px;font-size: 35px;}
.caption span{font-size: 16px;margin-top: 25px;}
}

@media print, screen and (max-width: 767px){
.swiper-container {width: 100%;height: 450px;}
.swiper-slide img {height: 450px;}
.caption {left: 20px;bottom:50px;font-size: 27px;}
.caption span{font-size: 13px;margin-top: 25px;}
}

/* 共通
---------------------------------------------- */
/* TTL */
h2.ttl_bdr_stl01 {color:#9EAAC5;font-size: 20px;font-weight: 700;line-height: 1.0;margin-bottom:32px;}
h2.ttl_bdr_stl01 span{color: #FFFFFF; position: relative;display: block;font-size: 60px;font-family: "Barlow", sans-serif;letter-spacing: 0.1em;font-weight: 600;margin-bottom:77px;}
h2.ttl_bdr_stl01 span:after {position: absolute;content: " ";display: block;border-bottom: solid 4px #FFFFFF;bottom: -38px;width: 50px;}
@media print, screen and (max-width: 767px){
h2.ttl_bdr_stl01 {font-size: 18px;margin-bottom:24px;}
h2.ttl_bdr_stl01 span{font-size: 45px;margin-bottom:58px;}
h2.ttl_bdr_stl01 span:after {border-bottom: solid 3px #FFFFFF;bottom: -30px;width: 40px;}
}

/* ボタン */
p.btn_more_stl01{font-size: 15px!important;font-weight: 600!important;font-family: "Barlow", sans-serif;line-height: 1.0;display: inline-block;letter-spacing: 0.1em;padding: 13px 0;}
p.btn_more_stl01 span{background: #F79222;border-radius: 50%;margin-left: 10px;position: relative;padding: 11px 20px;}
p.btn_more_stl01 span img{position: absolute;left: 12px;top: 16px;width: 16px;height: 7px;}
p.btn_more_stl01 a{color: #000345;}
p.btn_more_stl01 a:hover{color: #9E9E9E;}
p.btn_more_stl01 a:hover span{margin-left: 15px;background: #9E9E9E;transition: 0.3s;}

@media print, screen and (max-width: 767px){
p.btn_more_stl01{font-size: 13px!important;}
p.btn_more_stl01 span{padding: 12px 20px;}
p.btn_more_stl01 span img{top: 17px;}
}

/* トップページコンテンツ01
---------------------------------------------- */
section#content01{padding: 140px 0;text-align: center;}
div#content01_wrap{width: 1200px;margin: 0 auto;}
section#content01 h2{color: #4D5D7C;font-size: 120px;font-family: "Barlow", sans-serif;font-weight: 600;letter-spacing: 0.1em;line-height: 1.0;margin:-23px 0 32px;}
section#content01 h3{font-size: 36px;font-weight: 600;margin-bottom: 40px;}
section#content01 p{font-size: 18px;font-weight: 600;margin-bottom: 24px;}
section#content01 p:last-child{margin-bottom: 0;}
section#content01 p.btn_more_blk{margin-bottom: 0;}

@media print, screen and (max-width: 1200px){
section#content01{padding: 140px 20px;}
div#content01_wrap{width: 100%;margin: 0;}
}

@media print, screen and (max-width: 767px){
section#content01{padding:50px  20px 75px;}
section#content01 h2{font-size: 70px;}
section#content01 h3{font-size: 22px;margin-bottom: 25px;}
section#content01 p{font-size: 15px;margin-bottom: 40px;}
}

/* トップページコンテンツ02
---------------------------------------------- */
section#content02{background:#F3F5FA url(/img/content02_bg.png) no-repeat top 140px center;background-size:1920px 500px;min-height: 780px;padding: 140px 0;overflow: hidden;}
div#content02_wrap{width: 90%;margin: 0 auto;}
p#content02_img_sp{display: none;}
div#content02_box{width: 36.6%;float: right;color: #222222;font-weight: 600;margin-top: 28px;}
div#content02_box p{margin-bottom: 30px;}
div#content02_box p:nth-last-child(2){margin-bottom: 34px;}
div#content02_box p.btn_more_stl01{margin:0;}

div#content02_box h2.ttl_bdr_stl01{color:#222222;}
div#content02_box h2.ttl_bdr_stl01 span{color: #000345;}
div#content02_box h2.ttl_bdr_stl01 span:after {border-bottom: solid 4px #000345;}
    
@media print, screen and (max-width: 1200px){
div#content02_wrap{width:96%;}
}

@media print, screen and (max-width: 767px){
section#content02{background: #E8E8E8;min-height: auto; padding: 70px 0;overflow: visible;}
div#content02_wrap{width: 100%;margin: 0 auto;}

section#content02 p#content02_img_sp{display: block;margin-bottom: 41px;}
div#content02_box{width: 100%;float: none;margin:0;padding: 0 20px;}
div#content02_box p{margin-bottom: 30px;}
}

/* トップページコンテンツ03
---------------------------------------------- */
section#content03{padding: 140px 0;}
div#content03_wrap{overflow: hidden;width: 1200px;margin: 0 auto;}
div#content03_wrap h2{float: left;margin-top: 28px;}
div#content03_wrap div#content03_img{float: right;width: 700px;}
div#content03_wrap div#content03_img:hover{opacity: 0.7;}

@media print, screen and (max-width: 1200px){
section#content03{padding: 140px 20px;}
div#content03_wrap{width: 100%;}
div#content03_wrap div#content03_img{width: 55%;}
}

@media print, screen and (max-width: 767px){
section#content03{padding: 70px 20px;}
div#content03_wrap{overflow: visible;width: 100%;margin: 0;}
div#content03_wrap h2{float: none;margin: -9px 0 30px 0;}
div#content03_wrap div#content03_img{float: none;width: 100%;}
div#content03_wrap div#content03_img h3{font-size: 20px;height: 36%;padding: 13px 0;}
div#content03_wrap div#content03_img h3 span{font-size: 15px;margin-top: 12px;}
div#content03_wrap div#content03_img:hover{opacity: 0.5;}
}