@charset "utf-8";
@import url("base.css");
.page-kv { background: url(/images/yoga/kv-price.jpg) no-repeat 50% 50% / cover;}
@media (max-width: 641px) {
	.page-kv { background: url(/images/yoga/kv-price@sp.jpg) no-repeat 50% 50% / cover;}
}

@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
}

#plan .inner-sct { padding: 100px 0 50px;}
#plan .first-plan { width: 88%; max-width: 1000px; margin: 0 auto 100px;}
#plan .first-plan .table { display: table; width: 100%; background: #f1e0e0; border-radius: 20px;}
#plan .first-plan .tit,
#plan .first-plan .txt { display: table-cell; vertical-align: middle;}
#plan .first-plan .tit { width: 40%; border-right: solid 2px #fff;}
#plan .first-plan .txt { width: 60%; padding: 60px 20px 50px; text-align: center;}
#plan .first-plan .tit h3 { font-size: 26px; font-weight: 400; letter-spacing: 0.08rem; line-height: 1.4; text-align: center;}
#plan .first-plan .tit h3 span { display: block; color: #BB6662; font-size: 18px;}
#plan .first-plan .txt dl { display: table; width: 90%; max-width: 420px; margin: 0 auto 30px;}
#plan .first-plan .txt dl dt,
#plan .first-plan .txt dl dd { display: table-cell; vertical-align: middle; color: #BB6662; font-weight: 700; text-align: left;}
#plan .first-plan .txt dl dt { width: 180px; font-size: 18px; }
#plan .first-plan .txt dl dd { position: relative; width: auto; padding-left: 50px;}
#plan .first-plan .txt dl dd:before { content: ''; display: block; width: 0px; height: 0px; border: solid 20px transparent; border-left: solid 20px #ddb2b0; border-right: 0px;
 position: absolute; left: 0; top: 50%; transform: translate(0,-50%);
}
#plan .first-plan .txt dl dt span { display: block; font-size: 30px; font-weight: 700;}
#plan .first-plan .txt dl dd { font-size: 48px;}
#plan .first-plan .txt dl dd em { padding-left: 6px; font-size: 82px; line-height: 1;}

#plan .first-plan .txt ul { display: inline-block; text-align: left;}
#plan .first-plan .txt ul li { color: #776F6B; font-size: 14px;}
@media (max-width: 801px) {
	#plan .inner-sct { padding: 80px 0 40px;}
	#plan .first-plan { margin: 0 auto 80px;}
	#plan .first-plan .tit,
	#plan .first-plan .txt { display: block;}
	#plan .first-plan .tit { width: 100%; padding: 30px 0 20px; border-right: 0px; border-bottom: solid 2px #fff;}
	#plan .first-plan .txt { width: 100%; padding: 30px 20px;}
	#plan .first-plan .txt dl { max-width: 320px; margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#plan .inner-sct { padding: 40px 0px;}
	#plan .first-plan .tit { padding: 20px 0 16px;}
	#plan .first-plan .tit h3 { font-size: 20px;}
	#plan .first-plan .txt { padding: 20px;}
	#plan .first-plan .txt dl { width: 100%; max-width: 100%; margin-bottom: 20px;}
	#plan .first-plan .txt dl dt,
	#plan .first-plan .txt dl dd { display: block; text-align: center;}
	#plan .first-plan .txt dl dt { width: 100%; margin-bottom: 10px;}
	#plan .first-plan .txt dl dd { width: 100%; padding: 30px 0 0; font-size: 36px;}
	#plan .first-plan .txt dl dd:before { border: solid 20px transparent; border-top: solid 20px #ddb2b0; border-bottom: 0px;
 left: 50%; top: 0%; transform: translate(-50%,0);
}
	#plan .first-plan .txt ul li { font-size: 12px;}
}

#plan .read { width: 88%; margin: 0 auto 40px;}
#plan .read h3 { margin-bottom: 30px; color: #776F6B; font-size: 18px; font-weight: 700; text-align: center;}
#plan .read h3 span { display: inline-block; padding: 4px; border-bottom: solid 2px #776F6B;}
#plan .read p { letter-spacing: 0.08rem; line-height: 2; text-align: center;}

#plan .bloc { padding: 20px 0;}
#plan .ctn { width: 90%; max-width: 1000px; margin: 0 auto;}
#plan .ctn .plan-tit { padding: 18px 0; background: #DFDDDC;}
#plan .ctn.ticket .plan-tit { background: #E0E7E8;}
#plan .ctn .plan-tit h4 { font-size: 16px; letter-spacing: 0.08rem; line-height: 1.4; text-align: center;}
#plan .ctn .plan-tit h4 span { margin-left: 4px; font-size: 26px;}
#plan .ctn .flex-3,
#plan .ctn .flex-4 { display: flex; justify-content: space-around; width: 94%; margin: 0 auto; padding: 10px 0;}
#plan .ctn .flex-3 .box { width: 33%; border-left: solid 1px #707070;}
#plan .ctn .flex-4 .box { width: 25%; border-left: solid 1px #707070;}
#plan .ctn .box { padding: 20px 0;}
#plan .ctn .box:first-child { border-left: none;}
#plan .ctn .box p { margin-bottom: 25px; line-height: 1; text-align: center;}
#plan .ctn .box p img { width: 90%; max-width: 250px;}
#plan .ctn .box dl { text-align: center;}
#plan .ctn .box dl dt { margin-bottom: 30px;}
#plan .ctn .box dl dt span { display: block; width: 90%; max-width: 160px; margin: 0 auto 20px; padding: 12px 0px; background: #DFDDDC; border-radius: 50px;
 font-weight: 700;
}
#plan .ctn.ticket .box dl dt span { background: #E0E7E8;}
#plan .ctn .box dl dd { font-size: 16px;}
#plan .ctn .box dl dd span{ display: block;}
#plan .ctn .box dl dd span.price em { font-size: 23px; font-weight: 700; letter-spacing: 0.1rem;}
@media (max-width: 801px) {
	#plan .read { margin-bottom: 30px;}
	#plan .read p { text-align: left;}
}
@media (max-width: 641px) {
	#plan .read { margin-bottom: 20px;}
	#plan .ctn { width: 100%;}
	#plan .ctn .flex-3,
	#plan .ctn .flex-4 { display: block; width: 86%;}
	#plan .ctn .flex-3 .box { width: 100%; border-left: none;}
	#plan .ctn .flex-4 .box { width: 100%; border-left: none;}
	#plan .ctn .box { padding: 20px 0 0;}
	#plan .ctn .box::after { content: ''; display: block; width: 88%; height: 1px; background: #C3C3C3; margin: 20px auto 0;}
	#plan .ctn .box:last-child:after  { content: none;}
	#plan .ctn .box dl { display: table; width: 100%; max-width: 400px; margin: 0 auto;}
	#plan .ctn .box dl dt,
	#plan .ctn .box dl dd { display: table-cell; vertical-align: middle;}
	#plan .ctn .box dl dt { margin-bottom: 0px; width: 40%;}
	#plan .ctn .box dl dt span { margin-bottom: 6px; padding: 2px 0px;}
	#plan .ctn .box dl dd { width: 60%;}
}
@media (max-width: 481px) {
	#plan .read p { font-size: 14px;}
	#plan .bloc { padding: 12px 0;}
	#plan .ctn .plan-tit { padding: 10px 0;}
	#plan .ctn .plan-tit h4 { font-size: 14px;}
	#plan .ctn .plan-tit h4 span { font-size: 15px}

	#plan .ctn .box p { margin-bottom: 12px;}
	#plan .ctn .box dl { display: table; width: 100%; max-width: 240px;}
	#plan .ctn .box dl dt { font-size: 11px;}
	#plan .ctn .box dl dt span { width: 100px; margin-bottom: 6px; padding: 2px 0px; font-size: 13px;}
	#plan .ctn .box dl dd { font-size: 11px;}
	#plan .ctn .box dl dd span { text-align: right;}
}


#plan .discount { width: 88%; margin: 0 auto; padding: 40px 0;}
#plan .discount p { font-size: 16px; text-align: center;}
#plan .discount p span { display: inline-block; padding: 0 0 2px; border-bottom: dashed 2px #BB6662; color: #BB6662; font-size: 18px; font-weight: 700;}
#plan .discount p br.sp { display: none;}
@media (max-width: 641px) {
	#plan .discount { padding: 30px 0;}
	#plan .discount p { font-size: 14px; text-align: left;}
	#plan .discount p span { font-size: 16px;}
	#plan .discount p br.sp { display: block;}
}


#plan .ex-box { width: 88%; max-width: 1000px; margin: 0 auto 80px; padding: 0 6px; border: solid 1px #000;}
#plan .ex-box .inner { padding: 50px 60px; border-left: solid 1px #000; border-right: solid 1px #000;}
#plan .ex-box dl { margin-bottom: 30px;}
#plan .ex-box dl dt {}
#plan .ex-box dl dt span { display: block;}
#plan .ex-box dl dd { line-height: 1.8;}
#plan .ex-box dl dd span { display: inline-block; padding-right: 1em;}
#plan .ex-box dl dd span em { display: inline-block; padding-right: 1em; font-weight: 700;}
#plan .ex-box ul li { line-height: 1.8;}
#plan .ex-box ul li::before { content: '※';}
@media (max-width: 641px) {
	#plan .ex-box { margin-bottom: 60px;}
	#plan .ex-box .inner { padding: 40px;}
}
@media (max-width: 481px) {
	#plan .ex-box { margin-bottom: 40px;}
	#plan .ex-box .inner { padding: 20px;}
	#plan .ex-box dl dt { font-size: 14px;}
	#plan .ex-box dl dt span { display: inline;}
	#plan .ex-box dl dd { font-size: 14px;}
	#plan .ex-box dl dd span { display: block;}
	#plan .ex-box ul li { font-size: 12px;}
}


#plan .need { width: 88%; max-width: 1000px; margin: 0 auto 40px;}
#plan .need h4 { margin-bottom: 20px; font-size: 17px;}
#plan .need h4 span { display: inline-block; padding: 4px; border-bottom: solid 2px #000;}
#plan .need ol { font-size: 0; }
#plan .need ol li { display: inline-block; margin-right: 20px; font-size: 14px; font-weight: 700;}
#plan .need ol li:last-child { margin-right: 0px;}
#plan .need ul.kome { margin-bottom: 40px; padding-left: 1.5em;}
#plan .need ul.kome li { position: relative; padding: 2px 0; padding-left: 1.2em; font-size: 14px;}
#plan .need ul.kome li:before { content: '※'; position: absolute; left: 0;}
#plan .need .pay { width: 100%; max-width: 560px; margin: 0 auto;}
#plan .need .pay picture { display: block; width: 100%; max-width: 560px; margin: 0 auto; text-align: center;}
#plan .need .pay picture img { width: 100%; max-width: 560px;}
#plan .need .pay p { font-size: 12px; text-align: right;}
@media (max-width: 481px) {
	#plan .need ul.kome { margin-bottom: 20px; padding-top: 8px; padding-left: 0em;}
	#plan .need ul.kome li { font-size: 12px;}
	#plan .need .pay p { font-size: 10px;}
}


#plan .value .inner { width: 92%; max-width: 1000px; margin: 0 auto; padding: 40px 0;}
#plan .value .tips { margin-bottom: 30px; padding: 20px; border: solid 2px #BB6662; border-radius: 50px;}
#plan .value .tips h4 { color: #BB6662; font-size: 22px; letter-spacing: 0.08rem; line-height: 1.4; text-align: center;}
#plan .value .ctn-flex { position: relative; display: flex; justify-content: space-between; width: 100%; padding: 30px 0;}
#plan .value .ctn-flex:after { content: ''; display: block; width: 2px; height: 100%; background: #BB6662;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(15deg);
}
#plan .value .box { width: 50%;}
#plan .value .box dl { display: table; width: 100%;}
#plan .value .box dl dt,
#plan .value .box dl dd { display: table-cell; vertical-align: middle; color: #BB6662; text-align: center;}
#plan .value .box dl dt { width: 60%; font-size: 14px; line-height: 1.4;}
#plan .value .box dl dd { position: relative; width: 40%;}
#plan .value .box dl dd:before { content: ''; display: block; width: 0px; height: 0px; border: solid 20px transparent; border-left: solid 20px #ddb2b0; border-right: 0px;
 position: absolute; left: 0; top: 50%; transform: translate(0,-50%);
}
#plan .value .box dl dt span { display: block; font-size: 30px; font-weight: 700;}
#plan .value .box dl dd span { font-size: 48px; font-weight: 700;}
#plan .value .box dl dd span em { display: inline-block; padding-left: 6px; font-size: 82px; line-height: 1;}
#plan .value .note ul { text-align: right;}
@media (max-width: 801px) {
	#plan .value .tips { margin-bottom: 0px; padding: 12px 0;}
	#plan .value .ctn-flex { padding: 20px 0;}
	#plan .value .ctn-flex:after { content: none;}
	#plan .value .box dl { display: block;}
	#plan .value .box dl dt,
	#plan .value .box dl dd { display: block; }
	#plan .value .box dl dt { width: 100%; margin-bottom: 12px; font-size: 12px;}
	#plan .value .box dl dt span { font-size: 24px;}
	#plan .value .box dl dd { position: relative; width: 100%; padding-top: 30px;}
	#plan .value .box dl dd:before { border: solid 20px transparent; border-top: solid 20px #ddb2b0; border-bottom: 0px; left: 50%; top: 0%; transform: translate(-50%,0);}
}
@media (max-width: 481px) {
	#plan .value .tips h4 { font-size: 18px; font-weight: 700;}
}


#amenities { background: #F1F0F0;}


#trial .inner-sct { padding: 140px 0 120px;}
#trial .outer { margin-bottom: 70px;}
#trial .btn-flex { display: flex; justify-content: space-between; width: 88%; max-width: 1080px; margin: 0 auto;}
#trial .btn-flex .bloc { width: 50%;}
@media (max-width: 801px) {
	#trial .inner-sct { padding: 80px 0px;}
	#trial .outer { margin-bottom: 0px;}
	#trial .btn-flex { display: block;}
	#trial .btn-flex .bloc { width: 100%; padding: 12px 0;}
}
@media (max-width: 481px) {
	#trial .inner-sct { padding: 40px 0px;}
	#trial .btn-flex { width: 100%;}
	#trial .btn-flex .bloc { padding: 8px 0;}
}