@charset "utf-8";
#page-kv { margin-bottom: -24px;}
#page-kv .inner-kv { width: 92%; max-width: 1720px; margin: 0 auto; padding-top: 180px;}
#page-kv h1 { margin-bottom: 8px; color: #00b4a5; font-size: clamp(60px,10.0vw,100px);; line-height: 1;}
#page-kv p { font-size: clamp(21px,3.0vw,30px); letter-spacing: 0.15rem; line-height: 1.4;}
@media (max-width: 801px) {
	#page-kv { margin-bottom: -20px;}
	#page-kv .inner-kv { padding-top: 120px;}
}
@media (max-width: 481px) {
	#page-kv { margin-bottom: 0px; border-bottom: solid 0.5px #969696;}
	#page-kv .inner-kv { padding: 80px 0 18px;}
	#page-kv h1 { font-size: 36px;}
	#page-kv p { font-size: 14px; letter-spacing: 0.05rem;}
}


#sub-kv { border-bottom: solid 0.5px #969696;}
#sub-kv .inner-kv { width: 92%; max-width: 1720px; margin: 0 auto; padding: 180px 0 20px;}
#sub-kv h1 { font-size: 16px; letter-spacing: 0.15rem; line-height: 1.4;}
#sub-kv h1 span { display: inline-block; margin-right: 10px; color: #00b4a5; font-size: clamp(42px,6.0vw,58px);; line-height: 1;}
@media (max-width: 801px) {
	#sub-kv .inner-kv { padding: 120px 0 18px;}
}
@media (max-width: 481px) {
	#sub-kv .inner-kv { padding: 80px 0 18px;}
	#sub-kv h1 span { font-size: 36px; letter-spacing: 0rem;}
	#sub-kv h1 { font-size: 14px; letter-spacing: 0.05rem;}
}

#breadlist { padding-bottom: 30px; border-bottom: solid 0.5px #969696;}
#breadlist ul { width: 92%; max-width: 1720px; margin: 0 auto; font-size: 0px; text-align: right;}
#breadlist ul li { position: relative; display: inline-block; margin-right: 10px; padding-right: 40px;
 font-size: 18px; line-height: 1; vertical-align: middle;}
#breadlist ul li:last-child { padding-right: 0px; margin-right: 0px;}
#breadlist ul li::after { content: ''; display: block; width: 30px; height: 1px; background: #969696;
 position: absolute; right: 0; top: 50%;
}
#breadlist ul li:last-child:after { content: none;}
#breadlist ul li a{ text-decoration: none;}
#breadlist ul li a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
@media (max-width: 801px) {
	#breadlist { padding-bottom: 20px;}
	#breadlist ul li { font-size: 16px;}
}
@media (max-width: 481px) {
	#breadlist { display: none; padding-bottom: 12px;}
	#breadlist ul li { margin-right: 6px; padding-right: 25px; font-size: 12px;}
	#breadlist ul li::after { width: 18px;}
}



.ttl { text-align: center;}
.ttl h2 span { display: inline-block; padding: 0 20px; line-height: 1; vertical-align: baseline;}
.ttl h2 span.eng{ color: #00b4a5; font-size: clamp(24px,6.0vw,50px); letter-spacing: 0.08rem;}
.ttl h2 span.jp { font-size: clamp(18px,3.0vw,30px); letter-spacing: 0.15rem;}
@media (max-width: 801px) {
	.ttl { padding: 0 20px; text-align: left;}
	.ttl h2 span { padding: 0 12px;}
}
@media (max-width: 481px) {
	.ttl h2 span { padding: 0 8px;}
	.ttl h2 span.eng{ font-size: 24px; letter-spacing: 0.05rem;}
	.ttl h2 span.jp { font-size: 13px; letter-spacing: 0.1rem;}
}


.btn-more { width: 45%; max-width: 400px; margin: 0 auto;}
.btn-more a { display: block; border: solid 1px #373737;
 color: #373737; font-size: clamp(15px,1.8vw,21px); letter-spacing: 0.15rem; line-height: 1.4; text-align: center; text-decoration: none; transition: 0.3s ease;
}
.btn-more a span { display: block; padding: 15px 0;}
.btn-more a:hover{ background: #373737; color: #fff;}
@media (max-width: 801px) {
	.btn-more a span { padding: 12px 0;}
}
@media (max-width: 481px) {
	.btn-more a { font-size: 13px; letter-spacing: 0.05rem;}
	.btn-more a span { padding: 6px 0;}
}



.pager-no { position: relative; padding: 6px 0;}
.pager-no .prev,
.pager-no .next { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 90;}
.pager-no .prev a,
.pager-no .next a { position: relative; display: block; width: 100%; height: 100%;}
.pager-no .prev a::before,
.pager-no .next a::before { position: absolute; content: ''; display: block; width: 16px; height: 16px; top: 50%;
 transform: translateY(-50%) rotate(45deg);}
.pager-no .prev a::before { left: 30%; border-bottom: solid 2px #191919; border-left: solid 2px #191919;}
.pager-no .next a::before { right: 30%; border-top: solid 2px #191919; border-right: solid 2px #191919;}

.pager-no .prev { margin-left: -80px;}
.pager-no .next { margin-left: 80px;}

.pager-no .prev a:hover:before,
.pager-no .next a:hover:before { border-color: #00b4a5;}

.pager-no p { font-size: 24px; line-height: 1; vertical-align: middle; text-align: center;}
.pager-no p span { position: relative; display: inline-block; padding: 0 18px;}
.pager-no p span.total:before { content: ''; display: block; width: 2px; height: 25px; background: #191919;
 position: absolute; left: 0; top: 50%; transform: translateY(-45%) skewX(-20deg);
}
.pager-no p .count { color: #00b4a5;}
@media (max-width: 801px) {
	.pager-no p { font-size: 20px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.pager-no p { font-size: 14px;}
	.pager-no p span.total:before { width: 1px; height: 18px;}
	.pager-no .prev,
	.pager-no .next { width: 32px; height: 32px;}
	.pager-no .prev { margin-left: -60px;}
	.pager-no .next { margin-left: 60px;}
	.pager-no .prev a::before,
	.pager-no .next a::before{ width: 12px; height: 12px; border-width: 1px;}
}


.pager { position: relative; display: flex; justify-content: space-between; width: 88%; max-width: 1100px; margin: 0 auto;}
.pager .prev { width: 50%; text-align: left;}
.pager .next { width: 50%; text-align: right;}
.pager .prev a,
.pager .next a { position: relative; display: inline-block; font-size: 18px; text-decoration: none;}
.pager .prev a { padding-left: 25px;}
.pager .next a { padding-right: 25px;}
.pager .prev a::before,
.pager .next a::after { position: absolute; content: ''; display: block; width: 15px; height: 15px; top: 50%;
 transform: translateY(-50%) rotate(45deg);}
.pager .prev a::before { left: 0%; border-bottom: solid 2px #191919; border-left: solid 2px #191919;}
.pager .next a::after { right: 0%; border-top: solid 2px #191919; border-right: solid 2px #191919;}
.pager .prev a:hover,
.pager .next a:hover { color: #00b4a5}
.pager .prev a:hover:before,
.pager .next a:hover:after { border-color: #00b4a5;}
@media (max-width: 801px) {
	.pager .prev a,
	.pager .next a { font-size: 14px;}
}
@media (max-width: 481px) {
	.pager .prev a,
	.pager .next a { font-size: 13px;}
	.pager .prev a { padding-left: 18px;}
	.pager .next a { padding-right: 18px;}
	.pager .prev a::before,
	.pager .next a::after{ width: 12px; height: 12px; border-width: 1px;}
}


#about .btn-more { display: none !important;}



.cta { background: #373737;}
.cta .inner-sct { padding: 80px 0;}
.cta .ctn { width: 90%; max-width: 1180px; margin: 0 auto;}
.cta .txt { margin-bottom: 30px; padding: 60px 0 50px; border: solid 1px #fff;}
.cta .txt p { color: #fff; font-size: clamp(18px,2.4vw,24px); letter-spacing: 0.15rem; text-align: center;}
.cta .txt p.tel { margin-top: 60px;}
.cta .txt p.tel img { display: block; width: 65%; max-width: 540px; margin: 0 auto 30px;}
.cta .txt p.tel span{ display: block; font-size: 20px;}
.cta .btn { width: 50%; max-width: 320px; margin: 0 auto;}
.cta .btn a { position: relative; display: block; width: 100%; background: #373737; border: solid 1px #fff;
 color: #fff; font-size: clamp(12px,1.8vw,18px); line-height: 1; text-decoration: none;
}
.cta .btn a span { display: block; padding: 18px 0; padding-right: 12px; text-align: center;}

.cta .btn a:hover { background: #fff; color: #373737;}
@media (max-width: 1281px) {
}
@media (max-width: 801px) {
	.cta .inner-sct { padding: 60px 0;}
	.cta .txt { padding: 40px 0 30px;}
	.cta .txt p.tel { margin-top: 40px;}
	.cta .txt p.tel img { margin-bottom: 20px;}
	.cta .txt p.tel span{ font-size: 12px;}

	.cta .btn a span { padding: 12px 0;}
}
@media (max-width: 481px) {
	.cta .inner-sct { padding: 30px 0;}
	.cta .txt { margin-bottom: 12px; padding: 12px 0px;}
	.cta .txt p { font-size: 12px; letter-spacing: 0.05rem;}
	.cta .txt p.tel { margin-top: 12px;}
	.cta .txt p.tel img { margin-bottom: 6px;}
	.cta .txt p.tel span{ font-size: 10px;}
	
	.cta .btn a span { padding: 8px 0;}
}


.form-sct .inner-sct { padding: 80px 0;}
.form-sct .ttl { margin-bottom: 20px;}
.form-sct p.kome { margin-bottom: 10px; font-size: 14px;}
.form-sct p.kome span { color: #e60039;}
.form-sct .ctn { width: 88%; max-width: 960px; margin: 0 auto;}
.form-sct .box { width: 100%; border: solid 0.5px #969696; padding: 10px 40px 60px;}
.form-sct .box ul { margin-bottom: 12px;}
.form-sct .box ul li { padding: 12px 0; border-bottom: solid 0.5px #969696;}
.form-sct .box ul li dl { display: table; width: 100%;}
.form-sct .box ul li dl dt,
.form-sct .box ul li dl dd { display: table-cell; vertical-align: top;}
.form-sct .box ul li dl dt { width: 260px; padding-top: 4px;}
.form-sct .box ul li dl dd { width: auto;}
.form-sct .box ul li dl dt span.require { color: #e60039;}
.form-sct .box ul li dl dd input[type="text"],
.form-sct .box ul li dl dd input[type="email"],
.form-sct .box ul li dl dd input[type="tel"] { width: 100%; max-width: 600px; padding: 5px 8px; background: #dbf2f0; border: none;}

.form-sct .box ul li dl dd span.mwform-checkbox-field { position: relative; display: block; padding: 3px; cursor: pointer;}
.form-sct .box ul li dl dd span.mwform-checkbox-field label { position: relative; line-height: 1.2;}
.form-sct .box ul li dl dd span.mwform-checkbox-field .mwform-checkbox-field-text { position: relative; display: block; padding-left: 30px; line-height: 1.4:}
.form-sct .box ul li dl dd span.mwform-checkbox-field .mwform-checkbox-field-text::before,
.form-sct .box ul li dl dd span.mwform-checkbox-field .mwform-checkbox-field-text::after { content: ""; display: block;
 position: absolute; top: 50%;
}
.form-sct .box ul li dl dd span.mwform-checkbox-field .mwform-checkbox-field-text::before { left: 0px; transform: translateY(-45%); width: 18px; height: 18px; border: solid 1px #969696; background: #dbf2f0;}
.form-sct .box ul li dl dd span.mwform-checkbox-field .mwform-checkbox-field-text::after { display: none; width: 10px; height: 15px; left: 5px; transform: translateY(-65%) rotate(45deg); border-bottom: solid 3px #00b4a5; border-right: solid 3px #00b4a5;}
.form-sct .box ul li dl dd span.mwform-checkbox-field input[type="checkbox"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box ul li dl dd span.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text::after { display: block;}


.form-sct .box ul li dl dd span.mwform-radio-field { position: relative; display: block; padding: 3px; cursor: pointer;}
.form-sct .box ul li dl dd span.mwform-radio-field label { position: relative; line-height: 1.2;}
.form-sct .box ul li dl dd span.mwform-radio-field input[type="radio"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box ul li dl dd span.mwform-radio-field .mwform-radio-field-text { position: relative; display: block; padding-left: 30px; line-height: 1.4:}
.form-sct .box ul li dl dd span.mwform-radio-field .mwform-radio-field-text::before,
.form-sct .box ul li dl dd span.mwform-radio-field .mwform-radio-field-text::after { content: ""; display: block; border-radius: 50%;
 position: absolute; top: 50%;
}
.form-sct .box ul li dl dd span.mwform-radio-field .mwform-radio-field-text::before { left: 0px; transform: translateY(-50%); width: 18px; height: 18px; border: solid 1px #969696; background: #dbf2f0;}
.form-sct .box ul li dl dd span.mwform-radio-field .mwform-radio-field-text::after { display: none; width: 12px; height: 12px; left: 3px; transform: translateY(-48%); background: #00b4a5;}
.form-sct .box ul li dl dd span.mwform-radio-field input[type="radio"]:checked + .mwform-radio-field-text::after { display: block;}


.form-sct .box ul li dl dd span.wpcf7-list-item { position: relative; display: block; margin: 0; padding: 3px; cursor: pointer;}
.form-sct .box ul li dl dd span.wpcf7-list-item label { position: relative; line-height: 1.2;}
.form-sct .box ul li dl dd span.wpcf7-list-item .wpcf7-list-item-label { position: relative; display: block; padding-left: 30px; line-height: 1.4:}
.form-sct .box ul li dl dd span.wpcf7-list-item .wpcf7-list-item-label::before,
.form-sct .box ul li dl dd span.wpcf7-list-item .wpcf7-list-item-label::after { content: ""; display: block; position: absolute; top: 50%;}
.form-sct .box ul li dl dd span.wpcf7-list-item .wpcf7-list-item-label::before { left: 0px; transform: translateY(-45%); width: 18px; height: 18px; border: solid 1px #969696; background: #dbf2f0;}
.form-sct .box ul li dl dd span.wpcf7-list-item .wpcf7-list-item-label::after { display: none; width: 10px; height: 15px; left: 5px; transform: translateY(-65%) rotate(45deg); border-bottom: solid 3px #00b4a5; border-right: solid 3px #00b4a5;}
.form-sct .box ul li dl dd span.wpcf7-list-item input[type="checkbox"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box ul li dl dd span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after { display: block;}
.form-sct .box ul li dl dd span.wpcf7-list-item input[type="radio"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box ul li dl dd span.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label::after { display: block;}

.form-sct .box ul li dl dd input.mid { max-width: 500px;}

.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timeseth"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timesetm"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date1"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timeseth1"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timesetm1"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date2"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timeseth2"],
.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_timesetm2"]{ vertical-align: middle;}

.form-sct .box ul li dl dd input.hasDatepicker { width: 100%; max-width: 200px; margin-right: 10px; padding: 5px 8px; background: #dbf2f0; border: none;}
.form-sct .box ul li dl dd select[name="on_timeseth"], .form-sct .box ul li dl dd select[name="on_timesetm"],
.form-sct .box ul li dl dd select[name="on_timeseth1"], .form-sct .box ul li dl dd select[name="on_timesetm1"],
.form-sct .box ul li dl dd select[name="on_timeseth2"], .form-sct .box ul li dl dd select[name="on_timesetm2"]{ 
 display: inline-block; width: 60px; padding: 5px 8px; background: #dbf2f0; border: none; text-align: center; vertical-align: baseline;}
.form-sct .box ul li dl dd span.time { display: inline-block; margin: 0 8px; vertical-align: baseline;}
.form-sct .box ul li dl dd textarea { width: 100%; max-width: 600px; padding: 5px 8px; background: #dbf2f0; border: none;}

.form-sct .box ul li dl dd span.def { display: block; padding: 4px 0;}

.form-sct .box p.confirm { margin-bottom: 30px; text-align: center;}
.form-sct .box p.confirm span.mwform-checkbox-field { position: relative; display: block; padding: 3px; cursor: pointer;}
.form-sct .box p.confirm span.mwform-checkbox-field label { position: relative; line-height: 1.4;}
.form-sct .box p.confirm span.mwform-checkbox-field .mwform-checkbox-field-text { position: relative; display: inline-block; padding-left: 30px;}
.form-sct .box p.confirm span.mwform-checkbox-field .mwform-checkbox-field-text::before,
.form-sct .box p.confirm span.mwform-checkbox-field .mwform-checkbox-field-text::after { content: ""; display: block;
 position: absolute; top: 50%;
}
.form-sct .box p.confirm span.mwform-checkbox-field .mwform-checkbox-field-text::before { left: 0px; transform: translateY(-45%); width: 18px; height: 18px; border: solid 1px #969696; background: #dbf2f0;}
.form-sct .box p.confirm span.mwform-checkbox-field .mwform-checkbox-field-text::after { display: none; width: 10px; height: 15px; left: 5px; transform: translateY(-65%) rotate(45deg); border-bottom: solid 3px #00b4a5; border-right: solid 3px #00b4a5;}
.form-sct .box p.confirm span.mwform-checkbox-field input[type="checkbox"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box p.confirm span.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text::after { display: block;}
.form-sct .box p.confirm span.require { color: #e60039;}

.form-sct .box p.confirm span.wpcf7-list-item { position: relative; display: block; padding: 3px; cursor: pointer;}
.form-sct .box p.confirm span.wpcf7-list-item label { position: relative; line-height: 1.2;}
.form-sct .box p.confirm span.wpcf7-list-item .wpcf7-list-item-label { position: relative; display: inline-block; padding-left: 30px; line-height: 1.4:}
.form-sct .box p.confirm span.wpcf7-list-item .wpcf7-list-item-label::before,
.form-sct .box p.confirm span.wpcf7-list-item .wpcf7-list-item-label::after { content: ""; display: block; position: absolute; top: 50%;}
.form-sct .box p.confirm span.wpcf7-list-item .wpcf7-list-item-label::before { left: 0px; transform: translateY(-45%); width: 18px; height: 18px; border: solid 1px #969696; background: #dbf2f0;}
.form-sct .box p.confirm span.wpcf7-list-item .wpcf7-list-item-label::after { display: none; width: 10px; height: 15px; left: 5px; transform: translateY(-65%) rotate(45deg); border-bottom: solid 3px #00b4a5; border-right: solid 3px #00b4a5;}
.form-sct .box p.confirm span.wpcf7-list-item input[type="checkbox"] { opacity: 0; position: absolute; left: 2.5px; top: 6px;}
.form-sct .box p.confirm span.wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after { display: block;}


.form-sct .box .domain { margin-bottom: 30px; padding: 20px 40px; background: #dbf2f0;}
.form-sct .box .domain h4 { margin-bottom: 12px; font-size: 16px; font-weight: 700;}
.form-sct .box .domain p { margin-bottom: 8px; font-size: 14px;}
.form-sct .box .domain p span { font-weight: 700;}
.form-sct .box .domain p:last-child { margin-bottom: 0px;}
.form-sct .box .btn-area { display: flex; width: 100%; max-width: 600px; margin: 0 auto;}
.form-sct .box .btn-area .btn-reset { width: 50%;}
.form-sct .box .btn-area .btn-submit { width: 50%;}
.form-sct .box .btn-area .btn-reset input { display: block; width: 85%; margin: 0 auto; padding: 15px 0; border: solid 1px #969696;
 font-size: 18px; line-height: 1; text-align: center;
}
.form-sct .box .btn-area .btn-reset input:hover { background: #eee;}
.form-sct .box .btn-area .btn-submit input { display: block; width: 85%; margin: 0 auto; padding: 15px 0; border: solid 1px #373737; background: #373737;
 color: #fff; font-size: 18px; font-weight: 700; line-height: 1; text-align: center;
}
.form-sct .box .btn-area .btn-submit input:hover { background: #fff; color: #373737;}

@media (max-width: 1001px) {
	.form-sct .box ul li { font-size: 14px;}
	.form-sct .box ul li dl dt { width: 240px;}
}
@media (max-width: 801px) {
	.form-sct .inner-sct { padding: 60px 0;}
	.form-sct p.kome { font-size: 12px;}
	.form-sct .box ul li dl dt,
	.form-sct .box ul li dl dd { display: block;}
	.form-sct .box ul li dl dt { width: 100%; padding-top: 0px; padding-bottom: 4px; font-weight: 700;}
	.form-sct .box p.confirm { font-size: 14px;}
}
@media (max-width: 641px) {
	.form-sct .box { padding: 6px 20px 40px;}
	.form-sct .box .domain { padding: 12px 30px;}
	.form-sct .box .btn-area .btn-reset input { padding: 12px 0; font-size: 14px;}
	.form-sct .box .btn-area .btn-submit input{ padding: 12px 0; font-size: 14px;}
}
@media (max-width: 481px) {
	.form-sct .inner-sct { padding: 40px 0;}
	.form-sct .ttl h2 span { display: block; padding: 0 0 4px;}
	.form-sct p.kome { font-size: 10px;}
	.form-sct .box ul li dl dd span.mwform-checkbox-field { padding: 5px 2px;}
	.form-sct .box ul li dl dd span.mwform-radio-field { padding: 5px 2px;}
	.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date"],
	.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date1"],
	.form-sct .box ul li dl dd span.wpcf7-form-control-wrap[data-name="on_date2"] { display: block; width: 100%; margin-bottom: 8px;}
	
	.form-sct .box p.confirm { font-size: 12px; text-align: left;}

	.form-sct .box .domain { margin-bottom: 20px; padding: 12px 20px;}
	.form-sct .box .domain h4 { margin-bottom: 8px; font-size: 14px;}
	.form-sct .box .domain p { font-size: 11px;}
	.form-sct .box .btn-area .btn-reset input { padding: 8px 0; font-size: 13px;}
	.form-sct .box .btn-area .btn-submit input{ padding: 8px 0; font-size: 13px;}
}