@charset "UTF-8";
/* swiper設定　ここから */
.swiper {width: 100%;height: 100%;position: relative;list-style: none;padding: 0;z-index: 1;display: block;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);box-sizing: content-box;isolation: isolate;}
.swiper-slide .image{position: relative;max-width: 2000px;width: 100%;height: auto; margin:auto;container-type: inline-size;}
.l-page .swiper-slide .image{max-width: 1440px;}
.swiper-slide img{object-fit: cover;width: 100%;height: 100%;}
@media print, screen and (min-width: 768px){
.swiper-slide .image{height: 700px;}
.l-page .swiper-slide img{aspect-ratio: 16 / 7;}
}
@media screen and (max-width: 767px){
.swiper-slide img{aspect-ratio: 3 / 2;}
}
.swiper-slide .catchphrase{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);color:#ffffff;width: 70%;text-align: center;line-height:1.2;}
@media print, screen and (min-width: 768px){
.swiper-slide .catchphrase{width: 70%;}
.swiper-pagination-bullet {background: rgb(255, 255, 255); mix-blend-mode: difference;opacity:0.5;border-radius:0;height:6px;width:40px;}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-horizontal>.swiper-pagination-bullets {bottom:40px;}
}
@media screen and (max-width: 767px){
.swiper-slide .catchphrase{width: 85%;}
.swiper-pagination-bullet {background: rgb(255, 255, 255); mix-blend-mode: difference;opacity:0.5;border-radius:0;height:4px;width:30px;}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-horizontal>.swiper-pagination-bullets {bottom:10px;}
}

/* swiper設定　ここまで */

/* シンプルヘッダーフッター設定　ここから */
div.simple-header-page{position:relative;}
header.simple-header {position: absolute;top: 0;right: 0;left: 0;width: 100%;z-index: 100;max-width: 2000px;margin: auto;}
header.simple-header .site-name {display: flex;position: relative;}
@media print, screen and (min-width: 768px){
header.simple-header .site-name {margin-top: 30px;margin-left: 3%;width: 140px;}
}
@media screen and (max-width: 767px){
header.simple-header .site-name {margin-top: 15px;margin-left: 20px;width: 90px;}
}
footer.simple-footer {padding: 50px 0;background: #e7f0f6;}
footer.simple-footer .logo a{display: flex;justify-content: center;align-items: center;}
footer #copyright{margin-top:30px;font-size: 1.2rem;text-align: center;}
@media print, screen and (min-width: 768px){
footer.simple-footer .logo img{width: 160px;}
}
@media screen and (max-width: 767px){
footer.simple-footer .logo img{width: 120px;}
}
/* シンプルヘッダーフッター設定　ここまで */

/* コンテンツレイアウト設定　ここから */
.content-wrap {position: relative;padding: 0;border-bottom: 1px solid #ddd;--main-color: #1c97d1;--main-color-bright01: #2da9e4;--main-color-bright02: #47b6ea;--sub-color: #caeefb;--highlight-color: #dce8ed;}
.content-wrap .main-content .article-block div.t-center{text-align: center;}
.content-wrap .main-content .article-block section article ul li {position: relative;padding-left: 1em;margin-bottom: .7em;}
.content-wrap .main-content .article-block section article ul li::before {content: '';position: absolute;top: .9em;left: 0;width: 6px;height: 6px;background: var(--main-color);border-radius: 50%;transform: translateY(-50%);}

.article-btn{width: 99%;margin-right: auto;margin-left: auto;max-width:900px;}
.article-btn a{position: relative;display: flex;justify-content: space-between;align-items: center;font-weight: 600;color: #fff;background: linear-gradient(90deg,var(--main-color),var(--main-color-bright01));overflow: hidden;border-radius: 3px;cursor: pointer;text-decoration: none;}
.article-btn a i{width: 20px;}
.article-btn a i svg{display: inline-block;fill:#ffffff;}
.article-btn a::before {content: '';position: absolute;inset: 0;background: linear-gradient(90deg,var(--main-color-bright01),var(--main-color-bright02));opacity: 0;transition: all 0.5s ease;border-radius: inherit;}
.article-btn a:hover::before{opacity: 1;}
.article-btn a span {text-align: center;display: block;width: 100%;}
.article-btn a > * {position: relative;z-index: 1;}
.article-btn a::before {z-index: 0;}
.content-wrap .main-content .article-block section article div.bg-color{padding:30px 30px 10px 30px;background-color:var(--sub-color);border-radius: 5px;margin-bottom: 1.2em;}
.content-wrap .main-content .article-block table{width: 100%;border-collapse: collapse;}
.content-wrap .main-content .article-block table th{text-align: center;padding: 20px 10px;border-bottom:1px solid #333333;border-top:1px solid #333333;background:#eeeeee;}
.content-wrap .main-content .article-block table td{text-align: left;padding: 20px 10px;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;background:#ffffff;}


@media print, screen and (min-width: 768px){
.l-page .content-wrap{margin-top: 138px;}
.l-page	.content-wrap .main-content .menu-block .menu-wrap{top:155px;}
.simple-header .content-wrap{margin-top: 0;}
.no-header .content-wrap{margin-top: 0;}
}
@media screen and (max-width: 767px){
.l-page .content-wrap{margin-top: 72px;}
.simple-header .content-wrap{margin-top: 30px;}
}
@media print, screen and (min-width: 768px){
.catchphrase{font-size: 4.6cqw;}
.catchphrase span{font-size: 3cqw;}
}
@media screen and (max-width: 767px){
.catchphrase{font-size: 5.6cqw;}
.catchphrase span{font-size: 3.4cqw;}
}

@media print, screen and (min-width: 768px){
.content-wrap{font-size:1.6rem;line-height: 1.8;}
.content-wrap .main-content {position: relative;padding: 0;}
.content-wrap .main-content .menu-block{position: absolute;max-width: 1380px;width: 100%;height:100%;right: 0;left: 0;margin:0 auto;padding: 80px 0 0;pointer-events: none;}
.l-page .content-wrap .main-content .menu-block{max-width: 1020px;}
.content-wrap .main-content .menu-block .menu-wrap{position: sticky;top:20px;left:0;width: 240px;padding:0;line-height: 1.4;pointer-events:auto;background:rgba(255,255,255,0.6);border-top:solid 1px var(--main-color);}
.content-wrap .main-content .menu-block .menu-wrap .menu-ttl{color:var(--main-color);font-size:1.7rem;font-weight: 600;margin: 0;padding: 20px 10px;}
.content-wrap .main-content .menu-block .menu-wrap ul{font-size:1.6rem;font-weight: 600;margin:0;border-bottom:solid 1px #dddddd;}
.content-wrap .main-content .menu-block .menu-wrap ul li{margin:0;border-top:solid 1px #dddddd;}
.content-wrap .main-content .menu-block .menu-wrap ul li a{text-decoration: none;color: #333333;padding: 15px;display: block;}
.content-wrap .main-content .menu-block .menu-wrap ul li a:hover {background: #eeeeee;}
.content-wrap .main-content .menu-block .menu-wrap ul li a.link-current{background: var(--highlight-color);}
	
.content-wrap .main-content .article-block section{width: 100%;margin:0;padding: 80px 0 200px;}
.content-wrap .main-content .article-block section:nth-child(2n){background: #F6F6F6;}
.content-wrap .main-content .article-block section article{max-width: 1380px;min-width: 1020px;width: 100%;margin-left: auto;margin-right: auto;padding: 0 40px 0 300px;}
.l-page	.content-wrap .main-content .article-block section article{max-width: 1020px;}
.content-wrap .main-content.no-menu .article-block section article{padding: 0 60px;}
	
.content-wrap .main-content .article-block section article .header-asirai{margin-bottom: 3em;position: relative;}
.content-wrap .main-content .article-block section article .header-asirai:before{content: "";height: 1px;background: linear-gradient(90deg, var(--main-color) 100px, #dddddd 0);width: 100%;display: block;}
.content-wrap .main-content .article-block section article .header-asirai.t-center:before{content: "";height: 1px;background: linear-gradient(90deg, #dddddd calc(50% - 50px),var(--main-color) 0 calc(50% + 50px), #dddddd 0);}
.content-wrap .main-content .article-block section article .header-asirai span{display: block; margin-top: .5em;font-size: 1.2rem;font-weight: bold;color:var(--main-color);}
.content-wrap .main-content .article-block section article h2{font-size: 4.2rem;line-height: 1.4;margin-bottom: 2em;}
.content-wrap .main-content .article-block section article h2.t-center {text-align: center;}
.content-wrap .main-content .article-block section article h3{font-size: 3.6rem;line-height: 1.4;margin-bottom: 2em;color:var(--main-color);}
.content-wrap .main-content .article-block section article h4{font-size: 1.8rem;line-height: 1.4;margin-bottom: 2em;border-bottom:solid 1px var(--main-color);padding-bottom: 5px;}
.content-wrap .main-content .article-block section article p{margin-bottom: 1.2em;}

.content-wrap .main-content .article-block .image-wrap{margin-bottom: 1.2em;}
.content-wrap .main-content .article-block .image-wrap img{width: 100%;}
.content-wrap .main-content .article-block .image-wrap p.cap{font-size: 1.4rem;line-height: 1.4;margin-top: .5em;}
	
.content-wrap .cols-wrap{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.content-wrap .cols-wrap .col-unit{width: 100%;}
.content-wrap .cols-wrap.col-2 .col-unit{width: 48.5%;margin-right: 3%;}
.content-wrap .cols-wrap.col-2 .col-unit:nth-child(2n){margin-right: 0;}
.content-wrap .cols-wrap.col-3 .col-unit{width: 31.33%;margin-right: 3%;}
.content-wrap .cols-wrap.col-3 .col-unit:nth-child(3n){margin-right: 0;}
.content-wrap .cols-wrap.col-4 .col-unit{width: 22.75%;margin-right: 3%;}
.content-wrap .cols-wrap.col-4 .col-unit:nth-child(4n){margin-right: 0;}
	
.article-btn{margin-top: 30px;margin-bottom: 30px;}
.article-btn a{gap: 10px;padding: 30px;font-size: 2rem;line-height: 1.4;}
.article-btn a i svg{width: 20px;height:20px;}
}

@media screen and (max-width: 767px){
.content-wrap{font-size:1.4rem;line-height: 1.8;}
.content-wrap .main-content {position: relative;padding: 0;}
.content-wrap .main-content .menu-block{position: relative;width: 100%;height:100%;right: 0;left: 0;margin:0 auto;padding: 10px 0 40px;background-color:#F6F6F6;}
.content-wrap .main-content .menu-block .menu-wrap{position: relative;width: 100%;padding:0;line-height: 1.4;}
.content-wrap .main-content .menu-block .menu-wrap .menu-ttl{color:var(--main-color);font-size:1.6rem;font-weight: 600;padding: 20px 0;margin:0 auto;width: 88%;}
.content-wrap .main-content .menu-block .menu-wrap ul{font-size:1.5rem;font-weight: 600;margin:0 auto;width: 88%; border-left:solid 1px var(--main-color);}
.content-wrap .main-content .menu-block .menu-wrap ul li{margin:0;}
.content-wrap .main-content .menu-block .menu-wrap ul li a{text-decoration: none;color: #333333;padding: 10px 0 10px 20px;display: block;}
	
.content-wrap .main-content .article-block section{width: 100%;margin:0;padding: 60px 0 150px;}
.content-wrap .main-content .article-block section:nth-child(2n){background: #F6F6F6;}
.content-wrap .main-content .article-block section article{max-width: 1020px;width: 100%;margin-left: auto;margin-right: auto;padding: 0 20px;}
.content-wrap .main-content.no-menu .article-block section article{padding: 0 20px;}
	
.content-wrap .main-content .article-block section article .header-asirai{margin-bottom: 3em;position: relative;}
.content-wrap .main-content .article-block section article .header-asirai:before{content: "";height: 1px;background: linear-gradient(90deg, var(--main-color) 100px, #dddddd 0);width: 100%;display: block;}
.content-wrap .main-content .article-block section article .header-asirai.t-center:before{content: "";height: 1px;background: linear-gradient(90deg, #dddddd calc(50% - 50px),var(--main-color) 0 calc(50% + 50px), #dddddd 0);}
.content-wrap .main-content .article-block section article .header-asirai span{display: block; margin-top: .5em;font-size: 1.2rem;font-weight: bold;color:var(--main-color);}
.content-wrap .main-content .article-block section article h2{font-size: 2.8rem;line-height: 1.4;margin-bottom: 2em;}
.content-wrap .main-content .article-block section article h2.t-center {text-align: center;}
.content-wrap .main-content .article-block section article h3{font-size: 2.4rem;line-height: 1.4;margin-bottom: 2em;color:var(--main-color);}
.content-wrap .main-content .article-block section article h4{font-size: 1.6rem;line-height: 1.4;margin-bottom: 2em;border-bottom:solid 1px var(--main-color);padding-bottom: 4px;}
.content-wrap .main-content .article-block section article p{margin-bottom: 1.2em;}

.content-wrap .main-content .article-block .image-wrap{margin-bottom: 1.2em;}
.content-wrap .main-content .article-block .image-wrap img{width: 100%;}
.content-wrap .main-content .article-block .image-wrap p.cap{font-size: 1.3rem;line-height: 1.4;margin-top: .5em;}
	
.content-wrap .cols-wrap{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.content-wrap .cols-wrap .col-unit{width: 100%;}
.content-wrap .cols-wrap.col-4 {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}
.content-wrap .cols-wrap.col-4 .col-unit{width: 48.5%;margin-right: 3%;}
.content-wrap .cols-wrap.col-4 .col-unit:nth-child(2n){margin-right: 0;}

.article-btn{margin-top: 20px;margin-bottom: 20px;}
.article-btn a{gap: 10px;padding: 20px;font-size: 1.6rem;line-height: 1.4;}
.article-btn a i svg{width: 16px;height:16px;}
}

/* コンテンツレイアウト設定　ここまで */


/* カスタム調整クラス　ここから */
@media print, screen and (min-width: 768px){
.m-b00{margin-bottom:0 !important;}
.m-b10{margin-bottom:10px !important;}
.m-b20{margin-bottom:20px !important;}
.m-b30{margin-bottom:30px !important;}
.m-b40{margin-bottom:40px !important;}
.m-b50{margin-bottom:50px !important;}
.m-b60{margin-bottom:60px !important;}
}
@media screen and (max-width: 767px){
.m-b00{margin-bottom:0 !important;}
.m-b10{margin-bottom:6px !important;}
.m-b20{margin-bottom:12px !important;}
.m-b30{margin-bottom:18px !important;}
.m-b40{margin-bottom:24px !important;}
.m-b50{margin-bottom:30px !important;}
.m-b60{margin-bottom:36px !important;}
}

.button-color01 .article-btn a {background: linear-gradient(90deg, #f4b725, #fbbf30);}
.button-color01 .article-btn a::before {background: linear-gradient(90deg, #fbbf30, #f9d042);}

#navi-features {background: #e9f7fc;}

@media print, screen and (min-width: 768px){
.content-wrap .main-content .article-block section article .three-features{counter-reset: num;}
.content-wrap .main-content .article-block section article .three-features div.col-unit{counter-increment: num;  position: relative;align-items: center;min-height: 120px;z-index: 1;background-color: #ffffff;border-radius: 30px;padding: 40px 40px 40px 140px;margin-bottom: 40px;}
.content-wrap .main-content .article-block section article .three-features div.col-unit h4{border-bottom:none;color:var(--main-color);margin-bottom: 0;font-size:2.4rem;}
.content-wrap .main-content .article-block section article .three-features div.col-unit h4::before{content: counter(num) ; font-size:12rem; color: transparent;-webkit-text-stroke: 1px var(--main-color);position: absolute;left: 40px;top: 50%;transform: translateY(-50%);line-height: 1;font-weight: 800;z-index: -1;}
}

@media screen and (max-width: 767px){
.content-wrap .main-content .article-block section article .three-features{counter-reset: num;}
.content-wrap .main-content .article-block section article .three-features div.col-unit{counter-increment: num; min-height: 120px;z-index: 1;background-color: #ffffff;border-radius: 30px;margin-bottom: 40px;padding: 30px 30px 10px;}
.content-wrap .main-content .article-block section article .three-features div.col-unit h4{border-bottom:none;color:var(--main-color);margin-bottom: 0;font-size:2rem; position: relative;align-items: center;padding: 0 0 0 60px;}
.content-wrap .main-content .article-block section article .three-features div.col-unit h4::before{content: counter(num) ; font-size:7rem; color: transparent;-webkit-text-stroke: 1px var(--main-color);position: absolute;left: 0;top: 50%;transform: translateY(-50%);line-height: 1;font-weight: 800;z-index: -1;}
	.content-wrap .main-content .article-block section article .three-features div.col-unit p{margin-top: 20px;}
}
/* カスタム調整クラス　ここまで */


/* プリント調整クラス　ここから */
@media print{
.swiper-slide .image {position: relative;width: 100%;height: auto;margin: auto;container-type: inline-size;}
.content-wrap{font-size:1.4rem;line-height: 1.8;}
.content-wrap .main-content {position: relative;padding: 0;}
.content-wrap .main-content .menu-block{position: relative;width: 100%;max-width: 1380px;min-width:auto;height:100%;right: 0;left: 0;margin:0 auto;padding: 10px 40px 40px;background-color:#F6F6F6;}
.content-wrap .main-content .menu-block .menu-wrap{position: relative;top:0;left:0;width: 100%;padding:0;line-height: 1.4;border-top:none;background:none;}
.content-wrap .main-content .menu-block .menu-wrap .menu-ttl{color:var(--main-color);font-size:1.6rem;font-weight: 600;padding: 20px 0;margin:0 auto;width: 100%;}
.content-wrap .main-content .menu-block .menu-wrap ul{font-size:1.5rem;font-weight: 600;margin:0 auto;width: 100%; border-left:solid 1px var(--main-color);border-bottom:none;}
.content-wrap .main-content .menu-block .menu-wrap ul li{margin:0;border:none;}
.content-wrap .main-content .menu-block .menu-wrap ul li a.link-current{background: none;}
.content-wrap .main-content .article-block section{width: 100%;margin:0;padding: 60px 0 150px;}
.content-wrap .main-content .article-block section article{min-width: 1020px;width: 100%;margin-left: auto;margin-right: auto;padding: 0 40px;}
.l-page	.content-wrap .main-content .article-block section article{min-width: 1020px;width: 100%;}
}
/* プリント調整クラス　ここまで */