@charset "utf-8";
/*===============================================
 *	大見出し
===============================================*/
#sub-main_head {background-color: #3395c9;background-image: linear-gradient(45deg, #3698cc 25%, transparent 25%, transparent 75%, #3698cc 75%),linear-gradient(45deg, #3698cc 25%, transparent 25%, transparent 75%, #3698cc 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;margin: 0 0 20px;position: relative;}
#sub-main_head::after {display: inline-block;content: "";background: url("../img/common/bg-layout_heading_pc.png") repeat-x;background-size: contain;width: 100%;height: 200px;position: absolute;left: 0;top: 0;}
.sub-main_content{max-width: 1120px;padding: 44px 0;width: 100%;margin: 0 auto;position: relative;z-index: 5;}
.sub-heading{color: var(--site-keycolor);font-size: 40px;font-weight: bold;}
.en-description{align-items: center;color: #fff;display: flex;font-size: 30px;font-weight: bold;}
.en-description:before {border-top: #fff 4px solid;content: "";margin-right: 10px;width: 40px;}
@media only screen and (max-width: 1024px) {
.sub-main_content{max-width: initial;width: 92%;}
}
@media only screen and (max-width: 960px) {
.sub-main_content{padding: 40px 0;}
.sub-heading {font-size: 36px;}
.en-description {font-size: 26px;}
}
@media only screen and (max-width: 560px) {
#sub-main_head {margin: 0 0 40px;}
#sub-main_head::after {background: url("../img/common/bg-layout_heading_sp.png") repeat-x;background-size: cover;height: 150px;}
.sub-heading {font-size: 30px;}
.en-description {font-size: 22px;}
.en-description:before {border-top: #fff 3px solid;width: 30px;}
}
/*===============================================
 *	下層見出し
===============================================*/
.underlayer-nm_ttl{font-size: 40px;font-weight: bold;padding: 0 0 20px;line-height: 1.3;margin: 0 0 50px;position: relative;}
.underlayer-nm_ttl::after{content: "";background: linear-gradient(90deg, var(--site-primary) 0% 50%, var(--site-basecolor) 50%);background-size: contain;display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 80px;height: 5px;}
.under-nm_txt{font-size: 32px;}
@media only screen and (max-width: 960px) {
.underlayer-nm_ttl {font-size: 32px;}
.under-nm_txt{font-size: 28px;}
}
@media only screen and (max-width: 568px) {
.underlayer-nm_ttl {font-size: 28px;margin: 0 0 40px;}
.under-nm_txt{font-size: 26px;}
}
/*===============================================
 *	bred-wrapper
===============================================*/
#bread {font-size: 15px;max-width: 1120px;margin: 0 auto 60px;width: 100%;}
#bread a{color: #333;}
#bread .bread-list {display: inline;}
#bread .bread-list::after {content: '\03e';color: var(--site-primary);}
#bread .bread-list:last-child::after {content: '';}
#bread .bread-list_link {display: inline-block;text-decoration: none;}
@media only screen and (max-width: 1024px) {
#bread {margin: 0 0 6% 3%;width: 92%;}
}
@media only screen and (max-width: 960px) {
#bread {margin: 0 auto 6%;}
}
@media only screen and (max-width: 568px) {
#bread {display: none;}
}
/*===============================================
 *	diagonal ttl
===============================================*/
.diagonal-ttl{font-size: 54px;font-weight: bold;margin: 0 0 40px 0;position: relative;}
.diagonal-ttl span {background:linear-gradient(transparent 75%, #f1de05 0%);}
@media only screen and (max-width: 1024px) {
.diagonal-ttl{font-size: 50px;}
}
@media only screen and (max-width: 960px) {
.diagonal-ttl{font-size: 38px;}
}
@media screen and (max-width: 568px) {
.diagonal-ttl{font-size: 1.647em;margin: 0 0 30px;}
}
/*===============================================
 *	Decoration
===============================================*/
.line-side_primary {color: #333;display: flex;justify-content: center;align-items: center;font-size: 37px;text-align: center;line-height: 1.2;}
.line-side_primary::before,
.line-side_primary::after {content: '';width: 3px;height: 40px;background-color: var(--site-primary);}
.line-side_primary::before {margin-right: 30px;transform: rotate(-35deg);}
.line-side_primary::after {margin-left: 30px;transform: rotate(35deg);}
@media only screen and (max-width: 1024px) {
.line-side_primary {font-size: 37px;}
}
@media only screen and (max-width: 960px) {
.line-side_primary {font-size: 30px;}
}
@media screen and (max-width: 568px) {
.line-side_primary {font-size: 22px;}
.line-side_primary::before {margin-right: 10px;transform: rotate(-25deg);}
.line-side_primary::after {margin-left: 10px;transform: rotate(25deg);}
}

/*===============================================
 *	料金のポイント
===============================================*/
.price-point{margin: 0 auto 40px;justify-content: space-between;}
.price-point li{max-width: 208px;}
.price-point li img{border:var(--site-secondary) 2px solid;border-radius: 6px 6px 0 0;}
.price-point li div{background:var(--site-secondary);padding: 10px;border-radius: 0 0 6px 6px;}
.price-point li div.txt-single{padding: 23px 10px;}
.price-point li div p{color: #fff;font-size: 18px;font-weight: bold;line-height: 1.5;text-align: center;}
.price-point li p em{font-size: 22px;line-height: 1;}
@media only screen and (max-width: 1024px) {
.price-point li {width: 19%;}
.price-point li div.txt-single {padding: 10px;}
}
@media only screen and (max-width: 960px) {
.price-point li {width: 19.5%;}
.price-point li div {padding: 10px 5px;}
.price-point li div p{font-size: 15px;}
.price-point li p em {font-size: 17px;}
}
@media only screen and (max-width: 568px) {
.price-point{justify-content: space-around;}
.price-point li {width: 48%;margin: 0 0 15px;}
.price-point li:last-child {margin: 0;}
.price-point li div p{font-size: 16px;}
.price-point li p em {font-size: 18px;}
}
/*===============================================
 *	layer
===============================================*/
.layer-nm_box{background: #fff;margin: 0 0 1em;position: relative;}
.nm-contents{width: 50%;}
@media screen and (max-width: 960px) {
.layer-nm_box {margin: 0;}
}
@media screen and (max-width: 568px) {
.layer-nm_box {border-radius: 0 6px 0 0;margin: 0 0 .5em;}
.nm-contents {width: 100%;}
}