@charset "utf-8";
#page-kv { position: relative; background: url('../img/common/page-kv.jpg') no-repeat 50% 50% / cover;}
#page-kv .inner-kv { position: relative; height: 450px;}
#page-kv .ctn { position: relative; width: 100%; max-width: 1180px; margin: 0 auto; padding: 150px 20px 0px;}
#page-kv .ctn .txt { width: 86%; max-width: 500px; padding: 30px; padding-left: 50px; background: rgba(255,255,255,0.9); border-radius: 30px;}
#page-kv .ctn .txt h1 { margin-bottom: 12px; color: #322926; font-size: 26px; font-weight: 700; letter-spacing: 0.1rem;}
#page-kv .ctn .txt h1 span { display: inline-block; width: 160px; margin-left: 10px; border-bottom: solid 1px #85734c; font-size: 12px; font-weight: 400px;}
#page-kv .ctn .txt h1 span.chara4 { width: calc( 100% - 12em);}
#page-kv .ctn .txt h1 span.chara5 { width: calc( 100% - 14em);}
#page-kv .ctn .txt h1 span.chara6 { width: calc( 100% - 16em);}
#page-kv .ctn .txt h1 span.chara7 { width: calc( 100% - 18em);}
#page-kv .ctn .txt h1 span.chara8 { width: calc( 100% - 20em);}
#page-kv .ctn .txt p { font-size: 14px; line-height: 1.8;}
#page-kv .ctn .txt p span { display: block;}

#page-kv .wave { position: absolute; left: 0; bottom: -1px; width: 100%;}
@media (max-width: 801px) {
	#page-kv .ctn { padding: 120px 20px 0px;}
	#page-kv .ctn .txt { padding: 20px; padding-left: 30px;}
	#page-kv .ctn .txt h1 { font-size: 24px;}
	#page-kv .ctn .txt p { font-size: 12px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#page-kv .inner-kv { height: 360px;}
	#page-kv .ctn { padding: 90px 20px 0px;}
	#page-kv .ctn .txt { padding: 12px; padding-left: 20px; border-radius: 20px;}
	#page-kv .ctn .txt h1 { margin-bottom: 8px; font-size: 21px;}
	#page-kv .ctn .txt h1 span { display: none;}
	#page-kv .ctn .txt p { font-size: 11px;}
	#page-kv .ctn .txt p span { display: inline;}
}


#reserve .inner-sct { padding: 40px 0 100px;}
#reserve .read-2 .illust { display: block; width: 90px; height: 90px; position: absolute; left: -50px; top: -60px;
 background: url('../img/illust/9.png') no-repeat 50% 50% / 100% auto;
}
@media (max-width: 801px) {
	#reserve .inner-sct { padding: 40px 0 80px;}
	#reserve .read-2 .illust { width: 60px; height: 60px; top: -120px; left: 4%;}
}
@media (max-width: 481px) {
	#reserve .inner-sct { padding: 30px 0 50px;}
	#reserve .read-2 .illust { width: 50px; height: 50px;}
}




/*		料金案内
-------------------------------------------------- */
#price { background: #f2f0e9;}
#price .inner-sct { padding: 50px 0px;}
#price .price-box { width: 92%; max-width: 1200px; margin: 0 auto; background: #fff; border-radius: 40px; overflow: hidden;}
#price .price-box.mb { margin-bottom: 60px;}
#price .price-box.mb2 { margin-bottom: 90px;}
#price .price-box .box-tit { padding: 20px 0; background: #bd4401;}
#price .price-box .box-tit h2 { line-height: 1; text-align: center;}
#price .price-box .box-tit h2 img { width: 92%; max-width: 580px;}
#price .price-box .inner-box { padding: 80px 100px;}
#price .price-box h4 {}
#price .price-box .box-1 { width: 100%; max-width: 1000px; margin: 0 auto; border: solid 1px #322926; border-radius: 20px; overflow: hidden;}
#price .price-box .box-1.mb { margin-bottom: 72px;}
#price .price-box .box-1 .tit { background: #322926; text-align: center;}
#price .price-box .box-1 .tit:before { content: ''; display: inline-block; width: 86px; height: 80px; margin-right: 6px; vertical-align: middle;}
#price .price-box .box-1 .tit.tit-1a:before { background: url('../img/illust/20.png') no-repeat 50% 50% / 100% auto;}
#price .price-box .box-1 .tit.tit-1b:before { background: url('../img/illust/21.png') no-repeat 50% 50% / 100% auto;}
#price .price-box .box-1 .tit.tit-1c:before { background: url('../img/illust/22.png') no-repeat 50% 50% / auto 100%;}
#price .price-box .box-1 .tit div { display: inline-block; padding: 20px 0; vertical-align: middle;}
#price .price-box .box-1 .tit div h3 { color: #fff; font-size: clamp(21px,2.4vw,28px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2;}
#price .price-box .box-1 .tit div p { color: #fff; font-size: clamp(20px,1.85vw,22px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2;}
#price .price-box .box-1 .tit div p:before,
#price .price-box .box-1 .tit div p:after { content: ''; display: inline-block; width: 15px; height: 2px; background: #fff; vertical-align: middle;
}
#price .price-box .box-1 .tit div p span { display: inline-block; margin: 0 10px; vertical-align: middle; }


#price .price-box .box-1 .inner { padding: 50px 60px;}
#price .price-box .box-1 .flex { display: flex; justify-content: space-between; flex-direction: row-reverse;
 margin-bottom: 30px;
}
#price .price-box .box-1 .img { width: 32%;}
#price .price-box .box-1 .txt { width: 64%;}
#price .price-box .box-1 .img figure { text-align: center;}
#price .price-box .box-1 .img figure img { width: 100%;}
#price .price-box .box-1 .img figure.circle img { border-radius: 50%;}
#price .price-box .box-1 .txt h4 { margin-bottom: 10px; font-size:  clamp( 20px, 3.0vw, 30px); font-weight: 700; line-height: 1.2;}
#price .price-box .box-1 .txt p { margin-bottom: 20px;}
#price .price-box .box-1 .txt figure img { width: 100%;}
#price .price-box .box-1 .table { width: 100%;}
#price .price-box .box-1 .table ul { border: solid 1px #e2e6e9; font-size: 0; text-align: center;}
#price .price-box .box-1 .table ul li { display: inline-block;}
#price .price-box .box-1 .table ul.col-1 li { width: 100%;}
#price .price-box .box-1 .table ul.col-2 li { width: 50%;}
#price .price-box .box-1 .table ul.col-3 li { width: 33.333334%;}
#price .price-box .box-1 .table ul li dl dt { padding: 8px; border-left: solid 1px #fff; background: #e2e6e9; font-size: 20px;}
#price .price-box .box-1 .table ul li dl dd { padding: 8px; border-left: solid 1px #e2e6e9; font-size: 14px;}
#price .price-box .box-1 .table ul li dl dd span { color: #bd4401; font-size: 26px; font-weight: 700;}
#price .price-box .box-1 .table ul li:first-child dl dt { border-left: none;}
#price .price-box .box-1 .table ul li:first-child dl dd { border-left: none;}


#price .price-box .read { position: relative; margin-bottom: 40px; padding-bottom: 30px; text-align: center;}
#price .price-box .read:after { content: ''; display: block; width: 220px; height: 220px; border-radius: 50%;
 background: url('../img/price/plan-2.jpg') no-repeat 50% 50% / 100% auto;
 position: absolute; right: 0; bottom: 0;
}
#price .price-box .read h4 { margin-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1.2;}
#price .price-box .plan-flex { display: flex; justify-content: space-between;}

#price .price-box .box-2 { position: relative; width: 48%;}
#price .price-box .box-2 .illust-L,
#price .price-box .box-2 .illust-R { display: block; width: 120px; height: 120px; position: absolute;}
#price .price-box .box-2 .illust-L { left: -40px; top: 80px;
 background: url('../img/illust/23.png') no-repeat 50% 50% / 100% auto;
}
#price .price-box .box-2 .illust-R { right: -50px; top: 70px;
 background: url('../img/illust/24.png') no-repeat 50% 50% / 100% auto;
}

#price .price-box .box-2 .box-inner { border: solid 1px #322926; border-radius: 20px; overflow: hidden;}
#price .price-box .box-2 .tit-2 { position: relative; background: #322926; text-align: center;}
#price .price-box .box-2 .tit-2 div { display: inline-block; padding: 15px 0; vertical-align: middle;}
#price .price-box .box-2 .tit-2 div h3 { color: #fff; font-size: clamp(21px,2.4vw,26px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2;}
#price .price-box .box-2 .tit-2 div p { color: #fff; font-size: clamp(18px,1.8vw,21px); font-weight: 700; letter-spacing: 0.1rem; line-height: 1.4;}
#price .price-box .box-2 .tit-2 div p.line { font-size: clamp(20px,1.85vw,22px);}
#price .price-box .box-2 .tit-2 div p.line:before,
#price .price-box .box-2 .tit-2 div p.line:after { content: ''; display: inline-block; width: 15px; height: 2px; background: #fff; vertical-align: middle;
}
#price .price-box .box-2 .tit-2 div p.line span { display: inline-block; margin: 0 10px; vertical-align: middle; }
#price .price-box .box-2 .tit-2 div p em { color: #ff7b32;}
#price .price-box .box-2 .inner { padding: 30px;}
#price .price-box .box-2 figure { margin-bottom: 20px; text-align: center;}
#price .price-box .box-2 figure img { width: 100%; max-width: 320px;}
#price .price-box .box-2 .table dl { width: 100%; border: solid 1px #e2e6e9; text-align: center;}
#price .price-box .box-2 .table dl dt { padding: 8px; background: #e2e6e9; font-size: 20px;}
#price .price-box .box-2 .table dl dd { padding: 8px; font-size: 14px;}
#price .price-box .box-2 .table dl dd span { color: #bd4401; font-size: 26px; font-weight: 700;}


#price .plan-box { position: relative; width: 92%; max-width: 1200px; margin: 0 auto; border: solid 10px #fff;
 background: url('../img/price/bg-plan.jpg') no-repeat 50% 50% / cover;
 border-radius: 40px; overflow: hidden;
}
#price .plan-box:before,
#price .plan-box:after { content: ''; display: block; width: 300px; height: 120px; background: #fff;
 position: absolute; transform: rotate(-30deg);
}
#price .plan-box:before{ left: -50px; top: -40px;}
#price .plan-box:after { right: -50px; bottom: -40px;}
#price .plan-box .inner { position: relative; z-index: 2; padding: 40px 0; text-align: center;
 background: url('../img/illust/28.png') no-repeat 60px 90% / 100px auto;
}
#price .plan-box .inner:before,
#price .plan-box .inner:after { content: ''; display: block; height: 80px; position: absolute;}
#price .plan-box .inner:before{ width: 100px; left: 30px; top: 0;
 background: url('../img/illust/26.png') no-repeat 50% 0% / 100% auto;
}
#price .plan-box .inner:after { width: 120px; right: 90px; bottom: 10px;
 background: url('../img/illust/27.png') no-repeat 50% 100% / 100% auto;
}
#price .plan-box h3 { margin-bottom: 30px; color: #bd4401; font-size: 38px; font-weight: 700; line-height: 1.2;}
#price .plan-box h3 span { display: inline-block; width: 58px; height: 58px; margin: 0 4px; padding: 5px; background: #fff;}
#price .plan-box p { font-size: 24px; letter-spacing: 0.05rem;}
#price .plan-box p em { colopr: #bd4401;}

@media (max-width: 1281px) {
	#price .plan-box p { font-size: 21px;}

	#price .price-box .read:after { width: 200px; height: 200px; right: -40px;}
	#price .price-box .inner-box { padding: 60px 80px;}
}
@media (max-width: 1001px) {
	#price .price-box .read:after { width: 160px; height: 160px;}
	#price .price-box .inner-box { padding: 40px 50px;}
}
@media (max-width: 801px) {
	#price .price-box .inner-box { padding: 40px;}

 	#price .price-box .box-1.mb { margin-bottom: 40px;}
	#price .price-box .box-1 .tit:before { width: 60px; height: 54px; }
	#price .price-box .box-1 .tit div { padding: 12px 0;}
	#price .price-box .box-1 .tit div h3 { font-size: 24px;}
	#price .price-box .box-1 .tit div p { font-size: 18px;}

	#price .price-box .box-1 .inner { padding: 20px 30px;}
	#price .price-box .box-1 .txt p { margin-bottom: 12px; font-size: 14px;}

	#price .price-box .box-1 .table ul li dl dt { padding: 6px; font-size: 16px;}
	#price .price-box .box-1 .table ul li dl dd { padding: 6px; font-size: 12px;}
	#price .price-box .box-1 .table ul li dl dd span { font-size: 18px;}

	
	#price .price-box .read { position: relative; margin-bottom: 40px; padding-bottom: 0px; text-align: center;}
	#price .price-box .read:after { bottom: auto; top: -80px;}
	#price .price-box .read h4 { font-size: 21px;}
	#price .price-box .read h4 span { display: block;}

	#price .price-box .box-2 .illust-L,
	#price .price-box .box-2 .illust-R { width: 80px; height: 80px;}
	#price .price-box .box-2 .illust-L { left: -12px; top: 80px;}
	#price .price-box .box-2 .illust-R { right: -12px; top: 70px;}

	#price .price-box .plan-flex { display: block;}
	#price .price-box .box-2 { width: 100%; padding: 12px;}
	#price .price-box .box-2 .tit-2 div { padding: 12px 0;}
	#price .price-box .box-2 .tit-2 div h3 { font-size: 24px;}
	#price .price-box .box-2 .tit-2 div p { font-size: 16px;}
	#price .price-box .box-2 .tit-2 div p.line { font-size: 18px;}
	#price .price-box .box-2 .inner { padding: 20px;}


	#price .plan-box:before,
	#price .plan-box:after { width: 220px; height: 80px;}
	#price .plan-box:before{ left: -40px; top: -30px;}
	#price .plan-box:after { right: -40px; bottom: -30px;}
	#price .plan-box .inner { padding: 30px 0; background-size: 60px auto; background-position: 30px 90%;}
	#price .plan-box .inner:before,
	#price .plan-box .inner:after { height: 60px;}
	#price .plan-box .inner:before{ width: 80px; left: 30px; top: 0;}
	#price .plan-box .inner:after { width: 100px; right: 20px; bottom: 10px;}
	#price .plan-box h3 { margin-bottom: 20px; font-size: 30px;}
	#price .plan-box h3 span { width: 45px; height: 45px;}
	#price .plan-box p { font-size: 18px;}
	#price .plan-box p span { display: block;}
}
@media (max-width: 641px) {
	#price .price-box .box-1 .tit div h3 span { display: block; }
	#price .price-box .box-1 .flex { display: block; margin-bottom: 20px;}
	#price .price-box .box-1 .img { width: 80%; margin: 0 auto 20px;}
	#price .price-box .box-1 .txt { width: 100%;}

}
@media (max-width: 481px) {
	#price .price-box { border-radius: 20px;}
	#price .price-box.mb { margin-bottom: 30px;}
	#price .price-box.mb2 { margin-bottom: 40px;}

	#price .price-box .inner-box { padding: 20px;}
	#price .price-box .box-tit { padding: 12px 0;}
	#price .price-box .box-1 { border-radius: 12px;}
	#price .price-box .box-1 .inner { padding: 12px 20px;}
	#price .price-box .box-1 .tit div h3 { font-size: 16px;}
	#price .price-box .box-1 .tit div p { font-size: 13px;}
	#price .price-box .box-1 .tit div p:before,
	#price .price-box .box-1 .tit div p:after { width: 12px; height: 2px;}
	#price .price-box .box-1 .txt h4 {font-size: 16px;}
	#price .price-box .box-1 .txt p { font-size: 13px;}

	#price .price-box .box-1 .table ul li { display: block;}
	#price .price-box .box-1 .table ul.col-2 li { width: 100%;}
	#price .price-box .box-1 .table ul.col-3 li { width: 100%;}
	#price .price-box .box-1 .table ul li dl dt { padding: 5px; border-left: 0px;}
	#price .price-box .box-1 .table ul li dl dd { padding: 8px; border-left: 0px; font-size: 12px;}
	#price .price-box .box-1 .table ul li dl dd span { font-size: 21px;}

	#price .price-box .read { margin-bottom: 12px; padding-top: 8px;}
	#price .price-box .read:after { width: 100px; height: 100px; right: -30px; bottom: auto; top: -40px;}
	#price .price-box .read h4 { font-size: 16px; text-align: left;}
	#price .price-box .read p { font-size: 12px; text-align: left;}

	#price .price-box .box-2 .illust-L,
	#price .price-box .box-2 .illust-R { width: 60px; height: 60px;}
	#price .price-box .box-2 .illust-L { left: -8px; top: 60px;}
	#price .price-box .box-2 .illust-R { right: -8px; top: 65px;}

	#price .price-box .box-2 .tit-2 div h3 { font-size: 16px;}
	#price .price-box .box-2 .tit-2 div p { font-size: 12px;}
	#price .price-box .box-2 .tit-2 div p.line { font-size: 13px;}
	#price .price-box .box-2 .tit-2 div p.line:before,
	#price .price-box .box-2 .tit-2 div p.line:after { width: 12px; height: 2px;}
	#price .price-box .box-2 .table dl dt { padding: 5px; border-left: 0px; font-size: 16px;}
	#price .price-box .box-2 .table dl dd { padding: 8px; border-left: 0px; font-size: 12px;}
	#price .price-box .box-2 .table dl dd span { font-size: 21px;}

	#price .plan-box { border-width: 5px; border-radius: 20px;}
	#price .plan-box:before,
	#price .plan-box:after { width: 220px; height: 60px;}
	#price .plan-box:before{ left: -40px; top: -30px;}
	#price .plan-box:after { right: -40px; bottom: -30px;}
	#price .plan-box .inner { padding: 45px 0 60px; background-size: 50px auto; background-position: 12px 94%;}
	#price .plan-box .inner:before,
	#price .plan-box .inner:after { height: 50px;}
	#price .plan-box .inner:before{ width: 60px; left: 10px; top: 0;}
	#price .plan-box .inner:after { width: 80px; right: 12px; bottom: 10px;}
	#price .plan-box h3 { margin-bottom: 20px; font-size: 24px;}
	#price .plan-box h3 span { width: 32px; height: 32px;}
	#price .plan-box p { font-size: 14px;}
}



#flow {}
#flow .inner-sct { padding: 40px 0 50px;}
#flow h2 { margin-bottom: 20px; line-height: 1; text-align: center;}
#flow h2 img { width: 92%; max-width: 500px;}
#flow .bloc { padding: 30px 0;}
#flow .box { position: relative; width: 92%; max-width: 1000px; margin: 0 auto; background: #ebebeb; border-radius: 50px; padding: 30px;}
#flow .box.step-1 { padding-bottom: 50px;
	background-image: url('../img/illust/7.png');
	background-repeat: no-repeat;
	background-position: 96% 30px;
	background-size: 150px auto;
}
#flow .box.step-2 {
	background-image: url('../img/illust/25.png'), url('../img/illust/9.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 96% 20px, 4% 96%;
	background-size: 170px auto, 88px auto;
}
#flow .box.step-3 {
	background-image: url('../img/illust/18.png'), url('../img/illust/19.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 82% 20px, 96% 85%;
	background-size: 130px auto, 130px auto;
}

#flow .box .tit { position: relative; padding: 30px 0; padding-left: 100px;}
#flow .box .tit .no { position: absolute; left: 0px; top: 0px; width: 80px;}
#flow .box .tit .no span { display: block; width: 100%; height: 80px; padding-top: 22px; background: #fff; border-radius: 50%;
 font-size: 32px; font-weight: 700; line-height: 1; text-align: center;
}
#flow .box .tit h3 { margin-bottom: 20px; font-size: 22px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1;}
#flow .box .tit p { letter-spacing: 0.05rem;}

#flow .box .glaze { position: relative; width: 92%; margin: 0 auto 20px; padding-top: 28px; text-align: center;}
#flow .box .glaze:before { content: ''; display: block; width: calc(100% - 120px); max-width: 660px;
 height: 72%; background: #fff; border-radius: 15px;
 position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;
}
#flow .box .glaze h4 { position: relative; margin-bottom: 16px; font-size: 22px; font-weight: 700; letter-spacing: 0.05rem; text-align: center; z-index: 2;}
#flow .box .glaze p { position: relative; z-index: 2;}
#flow .box .glaze p.kome { margin-bottom: 6px;}
#flow .box .glaze p.kome span { color: #e94725;}
#flow .box .glaze ul { position: relative; margin-bottom: 12px; padding-top: 20px; font-size: 0px; text-align: center; z-index: 2;}
#flow .box .glaze ul li { display: inline-block; width: 25%; padding: 8px;}
#flow .box .glaze ul li figure { width: 100%;}
#flow .box .glaze ul li figure img { width: 100%; border-radius: 10px;}

#flow .box .arw { margin: 0 auto 20px;}
#flow .box .arw:after { content: ''; display: block; width: 18px; height: 18px;
 border-bottom: solid 3px #e94725; border-right: solid 3px #e94725;
 margin: 0 auto; position: relative; transform: rotate(45deg);
}

#flow .box .arw p.read { font-size: 23px; font-weight: 700; text-align: center;}

#flow .box .btn { max-width: 880px; margin: 0 auto;}
#flow .box .btn ul { font-size: 0; text-align: center;}
/*
#flow .box .btn ul li { display: inline-block; width: 50%; padding: 0 12px;}
*/
#flow .box .btn ul li { display: inline-block; width: 33%; padding: 6px;}
#flow .box .btn ul li a { padding-right: 5px; font-size: clamp(14px, 1.6vw, 16px);}
#flow .box .btn ul li a:after { border: solid 6px transparent; border-left: solid 8px #fff; right: 8px;}


#flow .box .process { position: relative; width: 92%; max-width: 780px; margin: 0 auto; padding-top: 28px;}
#flow .box .process:after { content: ''; display: block; width: calc(100% - 120px); height: 76%; background: #fff; border-radius: 15px;
 position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 1;
}
#flow .box .process h4 { position: relative; font-size: 22px; font-weight: 700; letter-spacing: 0.05rem; text-align: center; z-index: 2;}
#flow .box .process ul { position: relative; font-size: 0px; text-align: center; z-index: 2;}
#flow .box .process ul li { display: inline-block; width: 33%; padding: 15px; font-size: 16px;}
#flow .box .process ul li figure { width: 100%; margin-bottom: 10px;}
#flow .box .process ul li figure img { width: 100%; border-radius: 20px;}
#flow .box .process ul li span { display: block; font-weight: 700;}
@media (max-width: 801px) {
	#flow .box { padding: 20px; border-radius: 20px;}
	#flow .box.step-1 { padding-bottom: 50px;
		background-position: 96% 30px;
		background-size: 80px auto;
	}
	#flow .box.step-2 {
		background-position: 96% 20px, 4% 96%;
		background-size: 100px auto, 60px auto;
	}
	#flow .box.step-3 {
		background-position: 88% 20px, 96% 85%;
		background-size: 100px auto, 100px auto;
	}
	#flow .box .tit { padding: 20px 80px; padding-right: 100px;}

	#flow .box .tit .no { width: 60px;}
	#flow .box .tit .no span { height: 60px; padding-top: 12px;}
	#flow .box .tit p { font-size: 14px;}

	#flow .box .glaze { padding-top: 18px;}
	#flow .box .glaze h4 { margin-bottom: 12px; font-size: 20px;}
	#flow .box .glaze p { font-size: 14px;}

	#flow .box .arw p.read { font-size: 18px;}
	#flow .box .btn ul li a { font-size: 12px;}
	#flow .box .btn ul li a:after { right: 5px;}

	#flow .box .process { padding-top: 18px;}
	#flow .box .process h4 { margin-bottom: 12px; font-size: 20px;}
	#flow .box .process ul li { padding: 8px; font-size: 14px;}
	#flow .box .process ul li figure { margin-bottom: 6px;}
}
@media (max-width: 641px) {
	#flow .box .arw p.read span { display: block;}
	#flow .box .btn ul li { display: block; width: 100%; padding: 8px;}
}
@media (max-width: 481px) {
	#flow .inner-sct { padding: 40px 0px;}
	#flow h2 { margin-bottom: 12px;}
	#flow .bloc { padding: 10px 0;}
	#flow .box { padding: 12px;}
	#flow .box.step-1 { padding-bottom: 20px;
		background-position: 96% 12px;
		background-size: 60px auto;
	}
	#flow .box.step-2 {
		background-position: 98% 12px, 4% 96%;
		background-size: 60px auto, 50px auto;
	}
	#flow .box.step-3 {
		background-position: 95% 12px,10px 90%;
		background-size: 50px auto, 60px auto;
	}
	#flow .box .tit { padding: 15px 10px; padding-left: 65px;}
	#flow .box .tit .no { width: 50px;}
	#flow .box .tit .no span { height: 50px; padding-top: 12px; font-size: 24px;}
	#flow .box .tit h3 { font-size: 18px;}
	#flow .box .tit p { font-size: 12px;}

	#flow .box .glaze { padding-top: 12px;}
	#flow .box .glaze:before { width: calc(100% - 60px);}
	#flow .box .glaze h4 { margin-bottom: 6px;}
	#flow .box .glaze p { font-size: 12px;}
	#flow .box .glaze p span { display: block;}
	#flow .box .glaze ul { padding-top: 12px;}
	#flow .box .glaze ul li { width: 50%; padding: 6px;}
	#flow .box .glaze p.kome { text-align: left;}
	#flow .box .glaze p.kome span { display: inline;}

	#flow .box .process { padding-top: 12px;}
	#flow .box .process:after { width: calc(100% - 60px); height: 82%; border-radius: 10px;}
	#flow .box .process h4 { margin-bottom: 4px;}
	#flow .box .process ul li { display: inline-block; width: 50%; padding: 6px; font-size: 13px;}
	#flow .box .process ul li figure { height: 80px;}
	#flow .box .process ul li figure img { border-radius: 12px;}

	#flow .box .arw { margin-bottom: 12px;}	
	#flow .box .arw p.read { font-size: 13px;}
	#flow .box .btn ul li { padding: 5px;}
	#flow .box .btn ul li a { font-size: 16px;}
}



/*		おすすめポイント
-------------------------------------------------- */
#greeting { background: #f2f0e9;}
#greeting .inner-sct { position: relative; padding: 50px 0 250px;}
#greeting .inner-sct:after { content: ''; display: block; width: 100%; height: 470px;
 background: url('../img/point/img-3.png') no-repeat 50% 50% / auto 100%;
 position: absolute; left: 0; bottom: 80px; z-index: 10;
}
#greeting .box { position: relative; z-index: 2;
 width: 92%; max-width: 1000px; margin: 0 auto; padding: 70px 20px 320px; background: #fff; border-radius: 50px;
}
#greeting .box .tit { position: relative; margin-bottom: 50px; }
#greeting .box .tit:before { content: ''; display: block; width: 220px; height: 160px;
 position: absolute; left: -140px; top: -50px;
 background: url('../img/illust/10.png') no-repeat 50% 50% / 100% auto;
}
#greeting .box .tit h2 { margin-bottom: 40px; text-align: center;}
#greeting .box .tit h2 img { width: 60%; max-width: 150px;}
#greeting .box .tit h3 { font-size: 22px; font-weight: 700; letter-spacing: 0.05rem; text-align: center;}
#greeting .box .flex { display: flex; justify-content: space-between;}
#greeting .box .flex.re{ flex-direction: row-reverse; align-items: center;}
#greeting .box .flex.mb { margin-bottom: 30px;}
#greeting .box .txt { width: 58%; padding: 0 40px;}
#greeting .box .txt.pl { padding-left: 80px;}
#greeting .box .txt.pr { padding-right: 80px;}
#greeting .box .txt p { letter-spacing: 0.05rem;}
#greeting .box .txt p.mb { margin-bottom: 20px;}
#greeting .box .txt figure { display: none; text-align: center;}
#greeting .box .txt figure img { width: 100%;}
#greeting .box .img { width: 40%; }
#greeting .box .img figure { text-align: center;}
#greeting .box .img figure img { width: 100%; }
#greeting .box .img picture { width: 100%;}
#greeting .box .img picture img{ width: 100%;}
@media (max-width: 1281px) {
	#greeting .box .tit:before { left: -60px;}
}
@media (max-width: 1001px) {
	#greeting .inner-sct { padding: 50px 0 200px;}
	#greeting .inner-sct:after { height: 360px;}
	#greeting .box { padding: 60px 20px 250px;}
	#greeting .box .tit:before { left: -40px; width: 160px; height: 120px;}
	#greeting .box .txt.pl { padding-left: 40px;}
	#greeting .box .txt.pr { padding-right: 40px;}
}

@media (max-width: 801px) {
	#greeting .inner-sct { padding: 40px 0 100px;}
	#greeting .inner-sct:after { content: none;}
	#greeting .box { padding: 40px 20px;}
	#greeting .box .flex { display: block;}
	#greeting .box .flex.mb { margin-bottom: 20px;}
	#greeting .box .txt { width: 100%;}
	#greeting .box .txt.pl { padding-left: 40px;}
	#greeting .box .txt.pr { padding-right: 40px;}
	#greeting .box .img { width: 100%; padding: 20px 40px 0;}
	#greeting .box .txt figure { display: block; margin-bottom: 20px;}
	#greeting .box .img.pc { display: none;}
}

@media (max-width: 481px) {
	#greeting .inner-sct { padding: 40px 0 60px;}
	#greeting .box { padding: 40px 12px 20px; border-radius: 20px;}
	#greeting .box .tit { margin-bottom: 20px;}
	#greeting .box .tit:before { width: 100px; height: 75px; left: -20px;}
	#greeting .box .tit h2 { margin-bottom: 20px;}
	#greeting .box .tit h3 { font-size: 18px;}
	#greeting .box .tit h3 span { display: block;}
	#greeting .box .txt.pl { padding: 0px 10px;}
	#greeting .box .txt.pr { padding: 0px 10px;}
	#greeting .box .txt p { font-size: 13px;}
	#greeting .box .img { padding: 20px 0px 0px;}
}



#tradition .inner-sct { padding: 70px 0 30px;}
#tradition h2 { margin-bottom: 90px; text-align: center;}
#tradition h2 img { width: calc( 92% - 180px); max-width: 640px;}
#tradition h2 img.sp { display: none;}
#tradition .ctn { position: relative; width: 92%; max-width: 1048px; margin: 0 auto;}
#tradition .ctn:before,
#tradition .ctn:after { content: ''; display: block; width: 96px; height: 160px; position: absolute;}
#tradition .ctn:before{ left: -20px; top: -290px;
 background: url('../img/illust/11.png') no-repeat 50% 50% / 100% auto;
}
#tradition .ctn:after { right: -80px; top: -140px;
 background: url('../img/illust/12.png') no-repeat 50% 50% / 100% auto;
}
#tradition .flex { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;
 width: 100%; max-width: 1000px; margin: 0 auto 50px;
}
#tradition .txt { width: 64%;}
#tradition .ishou { width: 30%;}
#tradition .txt p { margin-bottom: 20px; letter-spacing: 0.05rem;}
#tradition .txt p:last-child { margin-bottom: 0px;}
#tradition .ishou figure { text-align: center;}
#tradition .ishou figure img { width: 80%; max-width: 160px;}
#tradition ul { width: 100%; margin: 0 auto; font-size: 0; text-align: center;}
#tradition ul li { display: inline-block; width: 33%; padding: 0 24px;}
#tradition ul li figure { text-align: center;}
#tradition ul li figure img { width: 100%; border-radius: 50px;}
@media (max-width: 1281px) {
	#tradition h2 { margin-bottom: 60px;}
	#tradition .ctn:before{ left: -20px; top: -240px;}
	#tradition .ctn:after { right: -10px; top: -120px;}
	#tradition .ishou { padding-right: 80px;}
}
@media (max-width: 1001px) {
	#tradition .ctn:after { right: -10px; top: -140px;}
	#tradition .ishou { padding-right: 80px;}
}
@media (max-width: 801px) {
	#tradition h2 { margin-bottom: 40px;}
	#tradition h2 img.pc { display: none;}
	#tradition h2 img.sp { display: block; max-width: 400px; margin: 0 auto;}
	#tradition .ctn:before,
	#tradition .ctn:after { width: 80px; height: 130px;}
	#tradition .ishou { padding-right: 20px;}
	#tradition ul li { padding: 0 12px;}
}
@media (max-width: 641px) {
	#tradition .inner-sct { padding: 60px 0 40px;}
	#tradition .flex { display: block; margin-bottom: 30px;}
	#tradition .txt { width: 100%; margin: 0 auto;}
	#tradition .ishou { width: 100%; margin: 0 auto 30px; padding: 0;}
	#tradition ul li { width: 50%; padding: 10px;}
}
@media (max-width: 481px) {
	#tradition h2 img { width: calc( 92% - 80px);}
	#tradition .ctn:before,
	#tradition .ctn:after { width: 50px; height: 80px;}
	#tradition .ctn:before{ left: 0px; top: -120px;}
	#tradition .ctn:after { right: -10px; top: -80px;}
	#tradition .ishou figure img { width: 60%; max-width: 100px;}
	#tradition .txt p { font-size: 13px;}
	#tradition ul li { padding: 6px;}
	#tradition ul li figure img { border-radius: 20px;}
}



#taiken { background: #f2f0e9;}
#taiken .inner-sct { position: relative; padding: 60px 0 40px;}
#taiken .read { position: relative; width: 100%; max-width: 1200px; margin: 0 auto 40px; padding: 0 200px;}
#taiken .read:before { content: ''; display: block; width: 200px; height: 140px;
 background: url('../img/illust/7.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: -10px; top: 0;
}
#taiken .read h2 { margin-bottom: 40px; text-align: center;}
#taiken .read h2 img { width: 92%; max-width: 480px;}
#taiken .read p { letter-spacing: 0.05rem; text-align: center;}
#taiken .ctn { position: relative; width: 92%; max-width: 1200px; margin: 0 auto; padding-bottom: 40px;}
#taiken .ctn:after { content: ''; display: block; width: 120px; height: 90px;
 background: url('../img/illust/13.png') no-repeat 50% 50% / 100% auto;
 position: absolute; right: 0; bottom: 0;
}
#taiken .ctn picture { text-align: center;}
#taiken .ctn picture img { width: 100%;}
@media (max-width: 1001px) {
	#taiken .read { padding: 0 100px;}
	#taiken .read:before { width: 120px; height: 80px; left: 20px;}
}
@media (max-width: 801px) {
	#taiken .read { margin-bottom: 20px; padding: 0 60px;}
	#taiken .read:before { width: 120px; height: 80px; left: 20px; top: -80px;}
	#taiken .read p { font-size: 14px;}
}
@media (max-width: 641px) {
	#taiken .read p { text-align: left;}
}
@media (max-width: 481px) {
	#taiken .inner-sct { padding: 40px 0px 20px;}
	#taiken .read { margin-bottom: 10px; padding: 0 30px;}
	#taiken .read:before { width: 80px; height: 54px; left: 20px; top: -70px;}
	#taiken .read h2 { margin-bottom: 20px;}
	#taiken .read p { font-size: 13px;}
	#taiken .ctn:after { width: 100px; height: 72px;}
}



#highlights .inner-sct { padding: 40px 0 30px;}
#highlights .read-1 { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 100px;}
#highlights .read-1:before { content: ''; display: block; width: 110px; height: 60px;
 background: url('../img/illust/8.png') no-repeat 50% 50% / 100% auto;
 position: absolute; left: 30px; top: 60%;
}
#highlights .read-1 h2 { margin-bottom: 20px; text-align: center;}
#highlights .read-1 h2 img { width: 92%; max-width: 840px;}
#highlights .read-1 h2 img.sp { display: none;}

#highlights .read-1 p { letter-spacing: 0.05rem; text-align: center;}

#highlights .read-2 { position: relative; width: 100%; max-width: 1200px; margin: 0 auto 50px; padding: 0 210px;}
#highlights .read-2:before,
#highlights .read-2:after { content: ''; display: block; width: 200px; height: 240px; position: absolute;}
#highlights .read-2:before{ left: -20px; top: 0;
 background: url('../img/illust/16.png') no-repeat 50% 50% / 100% auto;
}
#highlights .read-2:after{ right: 0; top: 0;
 background: url('../img/illust/17.png') no-repeat 50% 50% / 100% auto;
}
#highlights .read-2 h3 { margin-bottom: 40px; font-size: 28px; font-weight: 700; text-align: center;}

#highlights .read-2 p { margin-bottom: 20px; letter-spacing: 0.05rem; text-align: center;}
#highlights .read-2 p:last-child { margin-bottom: 0px;}

#highlights .point { width: 92%; max-width: 1080px; margin: 0 auto 90px;}
#highlights .point ul { width: 100%; font-size: 0; }
#highlights .point ul li { display: inline-block; width: 33%; vertical-align: top;}
#highlights .point ul li dl { position: relative; padding: 0 20px;}
#highlights .point ul li dl:after { content: ''; display: block; width: 60px; height: 60px; position: absolute; right: 8%; bottom: 0;}
#highlights .point ul li:nth-child(1) dl:after { background: url('../img/illust/2.png') no-repeat 50% 50% / 100% auto;}
#highlights .point ul li:nth-child(2) dl:after { background: url('../img/illust/14.png') no-repeat 50% 50% / 100% auto;}
#highlights .point ul li:nth-child(3) dl:after { background: url('../img/illust/15.png') no-repeat 50% 50% / 100% auto;}
#highlights .point ul li dl dt { position: relative; margin-bottom: 18px; padding-top: 30px;}
#highlights .point ul li dl dt img.badge { width: 20%; max-width: 108px; position: absolute; left: 0; top: 0;}
#highlights .point ul li dl dt span { display: block; width: 100%; border-radius: 80px; overflow: hidden;}
#highlights .point ul li dl dt span img { width: 100%;}
#highlights .point ul li dl dd { padding-left: 18px; font-size: 20px; font-weight: 700; letter-spacing: 0.05rem;}

#highlights .spot { width: 92%; max-width: 1080px; margin: 0 auto 40px;}
#highlights .spot ul { font-size: 0; text-align: center;}
#highlights .spot ul li { display: inline-block; width: 25%; font-size: 20px; vertical-align: top;}
#highlights .spot ul li:nth-child(even) { padding-top: 80px;}
#highlights .spot ul li figure { margin-bottom: 20px; text-align: center;}
#highlights .spot ul li figure img { width: 90%; max-width: 220px; border-radius: 50%;}
#highlights .spot ul li span { display: block; font-weight: 700;}

#highlights .access { width: 92%; max-width: 1000px; margin: 0 auto 50px;}
#highlights .access .flex { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
#highlights .access .map { width: 58%;}
#highlights .access .txt { width: 40%;}
#highlights .access .map .view { width: 100%; height: 350px; border-radius: 50px; overflow: hidden;}
#highlights .access .map .view iframe { width: 100%; height: 100%;}
#highlights .access .txt figure { text-align: center;}
#highlights .access .txt figure img { width: 90%;}

#highlights .place { width: 92%; max-width: 1000px; margin: 0 auto;}
#highlights .place ul { font-size: 0; text-align: center;}
#highlights .place ul li { display: inline-block; width: 33%; vertical-align: top;}
#highlights .place ul li figure { text-align: center; padding: 12px;}
#highlights .place ul li figure img { width: 100%; border-radius: 40px; margin-bottom: 25px;}
#highlights .place ul li figure figcaption { font-size: 20px; font-weight: 700;}

@media (max-width: 1001px) {
	#highlights .read-1 p span { display: block;}
	#highlights .point ul li dl { padding: 0 12px;}
	#highlights .point ul li dl dt span { border-radius: 40px;}
	#highlights .point ul li dl dd { padding-left: 12px; font-size: 18px;}
	
	#highlights .read-2 { margin: 0 auto 30px; padding: 0 150px;}
	#highlights .read-2:before,
	#highlights .read-2:after { width: 130px; height: 170px;}
	#highlights .read-2:before{ left: 0px; top: 0;}
}
@media (max-width: 801px) {
	#highlights .read-1 { margin-bottom: 20px; padding: 0;}
	#highlights .read-1:before {width: 110px; height: 60px; left: 20px; top: -80px;}

	#highlights .read-1 h2 img.pc { display: none;}
	#highlights .read-1 h2 img.sp { display: block; width: 92%; max-width: 600px; margin: 0 auto;}

	#highlights .point { margin-bottom: 60px;}
	#highlights .point ul li { display: block; width: 100%; padding: 10px;}
	#highlights .point ul li dl { display: table; width: 100%; max-width: 500px; margin: 0 auto; padding: 0px;}
	#highlights .point ul li dl:after { bottom: -8px;}
	#highlights .point ul li dl dt,
	#highlights .point ul li dl dd { display: table-cell; vertical-align: middle;}
	#highlights .point ul li dl dt { width: 45%; padding-top: 0px;}
	#highlights .point ul li dl dt span { border-radius: 40px;}
	#highlights .point ul li dl dd { width: 55%; padding-left: 20px;}

	#highlights .read-2 h3 { margin-bottom: 20px;}
	#highlights .spot ul li { font-size: 16px;}
	#highlights .spot ul li:nth-child(even) { padding-top: 60px;}
	#highlights .spot ul li figure { margin-bottom: 12px;}

	#highlights .place ul li figure img { border-radius: 20px; margin-bottom: 12px;}
	#highlights .place ul li figure figcaption { font-size: 18px;}

}
@media (max-width: 641px) {
	#highlights .access .flex { display: block;}
	#highlights .access .map { width: 100%; margin-bottom: 30px;}
	#highlights .access .txt { width: 100%;}
	#highlights .access .map .view { border-radius: 20px;}
	#highlights .access .txt figure img { width: 80%; max-width: 400px;}
}
@media (max-width: 481px) {
	#highlights .inner-sct { padding: 30px 0;}
	#highlights .read-1 { padding: 0 20px;}
	#highlights .read-1:before {width: 90px; height: 50px; top: -60px;}
	#highlights .read-1 h2 img.sp { width: 100%;}
	#highlights .read-1 p { font-size: 13px; text-align: left;}
	#highlights .point { margin-bottom: 40px;}
	#highlights .point ul li dl:after { right: 0px; width: 40px; height: 40px;}
	#highlights .point ul li dl dt img.badge { left: -10px; top: -8px;}
	#highlights .point ul li dl dt span { border-radius: 20px;}
	#highlights .point ul li dl dd { padding-left: 12px; font-size: 13px;}
	
	#highlights .read-2 { padding: 0 20px;}
	#highlights .read-2:before,
	#highlights .read-2:after { content: none;}
	#highlights .read-2 h3 { margin-bottom: 12px; font-size: 18px;}
	#highlights .read-2 p { margin-bottom: 12px; font-size: 13px; text-align: left;}
	#highlights .spot ul li { width: 50%;}
	#highlights .spot ul li:nth-child(even) { padding-top: 50px;}
	
	#highlights .access .map .view { height: 250px;}

	#highlights .place ul li { width: 50%;}
	#highlights .place ul li figure { padding: 6px;}
	#highlights .place ul li figure img { margin-bottom: 8px;}
	#highlights .place ul li figure figcaption { font-size: 14px;}
}


/*		ギャラリー
-------------------------------------------------- */

#gallery { background: #f2f0e9;}
#gallery .inner-sct { padding: 50px 0px;}
#gallery .box ul { font-size: 10;}
#gallery .box ul li { display: inline-block; width: 33%; padding: 10px;}
#gallery .box ul li img { width: 100%;}
@media (max-width: 481px) {
	#gallery .box ul li { width: 50%;}
}






/*		共通
-------------------------------------------------- */
.page .box { position: relative; width: 92%; max-width: 1000px; margin: 0 auto; padding: 60px 40px;
 background: #fff; border-radius: 40px;
}
@media (max-width: 481px) {
	.page .box { padding: 30px 20px; border-radius: 20px;}
}


/*		アクセス
-------------------------------------------------- */
#access { background: #f2f0e9;}
#access .inner-sct { padding: 50px 0px;}
#access .box {}
#access .box:before,
#access .box:after { content: ''; display: block; position: absolute;}
#access .box:before{ width: 100px; height: 150px; left: -40px; top: -30px;
 background: url('../img/illust/29.png') no-repeat 50% 50% / 100% auto;
}
#access .box:after { width: 160px; height: 70px; right: -80px; top: 120px;
 background: url('../img/illust/30.png') no-repeat 50% 50% / 100% auto;
}
#access .box h2 { margin-bottom: 20px; text-align: center;}
#access .box h2 img { width: 100%; max-width: 840px;}
#access .box h2 img.sp { display: none;}
#access .box p { margin-bottom: 30px; letter-spacing: 0.05rem; text-align: center;}
#access .box .map { width: 100%; max-width: 820px; margin: 0 auto 80px;}
#access .box .map .view { width: 100%; height: 480px; margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
#access .box .map .view iframe { width: 100%; height: 100%; border: none;}
#access .box .map ul { font-size: 0; text-align: center;}
#access .box .map ul li { display: inline-block; padding: 0 20px; font-size: 18px;}
#access .box .map ul li span { display: inline-block; padding-right: 20px;}
#access .box ul.point { width: 92%; max-width: 1080px; margin: 0 auto; font-size: 0; }
#access .box ul.point li { display: inline-block; width: 33%; vertical-align: top;}
#access .box ul.point li dl { position: relative; padding: 0 20px;}
#access .box ul.point li dl:after { content: ''; display: block; position: absolute; left: -10px; top: 0;}
#access .box ul.point li:nth-child(1) dl:after { width: 60px; height: 60px;
 background: url('../img/illust/2.png') no-repeat 50% 50% / 100% auto;}
#access .box ul.point li:nth-child(2) dl:after { width: 60px; height: 60px;
 background: url('../img/illust/14.png') no-repeat 50% 50% / 100% auto;}
#access .box ul.point li:nth-child(3) dl:after { width: 80px; height: 60px;
 background: url('../img/illust/15.png') no-repeat 50% 50% / 100% auto;}
#access .box ul.point li dl dt { position: relative; margin-bottom: 18px; padding-top: 30px;}
#access .box ul.point li dl dt span { display: block; width: 100%; border-radius: 20px; overflow: hidden;}
#access .box ul.point li dl dt span img { width: 100%;}
#access .box ul.point li dl dd { padding-left: 18px; font-size: 18px; font-weight: 700; letter-spacing: 0.05rem;}

@media (max-width: 1281px) {
	#access .box:before{ width: 80px; height: 120px; left: -25px; top: -30px;}
	#access .box:after { width: 120px; height: 55px; right: -25px; top: 120px;}
}
@media (max-width: 1001px) {
	#access .box ul.point li dl { padding: 0 12px;}
}
@media (max-width: 801px) {
	#access .box:before{ width: 80px; height: 120px; left: 25px; top: -20px;}
	#access .box:after { width: 120px; height: 55px; right: -15px; top: 180px;}
	#access .box h2 img.pc { display: none;}
	#access .box h2 img.sp { display: block; width: 92%; max-width: 420px; margin: 0 auto;}
	#access .box p span { display: block;}
	#access .box .map { margin-bottom: 60px;}
	#access .box .map .view { height: 400px;}
	#access .box ul.point { width: 100%}
	#access .box ul.point li { display: block; width: 100%; padding: 10px 0;}
	#access .box ul.point li dl { display: table; width: 100%;}
	#access .box ul.point li dl:after { top: -10px; left: auto; right: 5%;}
	#access .box ul.point li dl dt,
	#access .box ul.point li dl dd { display: table-cell; vertical-align: middle;}
	#access .box ul.point li dl dt { width: 40%; padding-top: 0px;}
	#access .box ul.point li dl dd { width: 60%; font-size: 16px;}
}
@media (max-width: 641px) {
	#access .box:before{ content: none;}
	#access .box:after { top: 200px;}
}
@media (max-width: 481px) {
	#access .box:after { width: 100px; height: 50px; top: 170px; right: -10px;}
	#access .box { padding: 40px 20px; border-radius: 20px;}
	#access .box p { font-size: 12px; text-align: left;}
	#access .box .map { margin-bottom: 40px;}
	#access .box .map .view { margin-bottom: 10px; border-radius: 12px; height: 300px;}
	#access .box .map ul li { display: block; width: 100%; font-size: 13px;}
	#access .box ul.point li { padding: 6px 0;}
	#access .box ul.point li dl:after { left: auto; right: 0%;}
	#access .box ul.point li:nth-child(1) dl:after { width: 40px; height: 40px; left: 0; top: auto; bottom: -12px;}
	#access .box ul.point li:nth-child(2) dl:after { width: 40px; height: 40px;}
	#access .box ul.point li:nth-child(3) dl:after { width: 50px; height: 40px; top: auto; bottom: -20px;}
	#access .box ul.point li dl dt span { border-radius: 12px;}
	#access .box ul.point li dl dd { font-size: 12px;}
}



/*		よくある質問
-------------------------------------------------- */

#faq { background: #f2f0e9;}
#faq .inner-sct { padding: 50px 0px;}
#faq .box {}
#faq .box ul { width: 100%; max-width: 800px; margin: 0 auto;}
#faq .box ul li { padding: 12px 10px 20px; border-bottom: solid 1px #c5c5c5;}
#faq .box ul li:last-child { border-bottom: none;}
#faq .box ul li dl dt { position: relative; padding: 8px; padding-left: 30px; font-size: 18px; font-weight: 700; letter-spacing: 0.1rem;}
#faq .box ul li dl dt span { position: absolute; left: 0; top: 8px; color: #e94725; font-size: 24px; line-height: 1;}
#faq .box ul li dl dd { letter-spacing: 0.05rem;}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#faq .box ul li dl dt { font-size: 16px;}
	#faq .box ul li dl dd { font-size: 14px;}
}
@media (max-width: 481px) {
	#faq .box ul li { padding: 10px 6px 15px;}
	#faq .box ul li dl dt { padding: 6px; padding-left: 24px; font-size: 14px;}
	#faq .box ul li dl dt span { top: 6px; font-size: 20px;}
	#faq .box ul li dl dd { font-size: 13px; letter-spacing: 0;}
}



/*		会社概要
-------------------------------------------------- */
#shop { background: #f2f0e9;}
#shop .inner-sct { padding: 50px 0px;}
#shop .box { margin-bottom: 60px;}
#shop .box h2 { margin-bottom: 12px; font-size: 24px; font-weight: 700; text-align: center;}
#shop .box ul.company { width: 100%; max-width: 540px; margin: 0 auto;}
#shop .box ul.company li { padding: 10px; border-bottom: dashed 1px #c5c5c5;}
#shop .box ul.company li:last-child { border-bottom: none;}
#shop .box ul.company li dl { display: table; width: 100%;}
#shop .box ul.company li dl dt,
#shop .box ul.company li dl dd { display: table-cell; font-size: 18px;}
#shop .box ul.company li dl dt { width: 120px; font-weight: 700; letter-spacing: 0.1rem;}
@media (max-width: 641px) {
	#shop .box ul.company li dl dt,
	#shop .box ul.company li dl dd { font-size: 16px;}
}
@media (max-width: 481px) {
	#shop .box { margin-bottom: 40px;}
	#shop .box h2 { font-size: 18px;}
	#shop .box ul.company li dl dt { width: 80px; font-size: 14px;}
	#shop .box ul.company li dl dd { font-size: 13px;}
}


#shop .form-box { width: 92%; max-width: 1000px; margin: 0 auto 60px; padding: 40px;
 background: #fff; border-radius: 40px;
}
#shop .form-box h3 { margin-bottom: 20px; font-size: 24px; font-weight: 700; text-align: center;}
#shop .form-box ul { margin-bottom: 30px;}
#shop .form-box ul li { padding: 10px; border-bottom: dashed 1px #c5c5c5;}
#shop .form-box ul li:last-child { border-bottom: none;}
#shop .form-box ul li dl { display: table; width: 100%;}
#shop .form-box ul li dl dt,
#shop .form-box ul li dl dd { display: table-cell; font-size: 18px; vertical-align: top;}
#shop .form-box ul li dl dt { width: 220px; font-weight: 700; letter-spacing: 0.1rem;}
#shop .form-box ul li dl dd input[type="text"],
#shop .form-box ul li dl dd input[type="email"],
#shop .form-box ul li dl dd input[type="tel"] { width: 100%; padding: 8px; background: #f5f5f5; border: solid 1px #ccc;
}
#shop .form-box ul li dl dd input[type="tel"] { max-width: 400px;}
#shop .form-box ul li dl dd input[type="date"]{ display: block; width: 200px; margin-bottom: 8px; padding: 8px; background: #f5f5f5; border: solid 1px #ccc;}
#shop .form-box ul li dl dd input.num { max-width: 100px; margin-right: 8px;}
#shop .form-box ul li dl dd label { display: block; border: none; margin: 0; padding: 0;}
#shop .form-box ul li dl dd label.mfp_checked { padding: 0px; background: none; box-shadow: none;}
#shop .form-box ul li dl dd input[type="radio"] { margin-right: 8px; vertical-align: middle;}
#shop .form-box ul li dl dd span.txt { display: inline-block; margin-right: 10px;}
#shop .form-box ul li dl dd select { padding: 5px 10px; background: #f5f5f5; border: solid 1px #ccc;}
#shop .form-box ul li dl dd textarea { width: 100%; height: 180px; padding: 8px; background: #f5f5f5; border: solid 1px #ccc;
}

#shop .form-box .btn-submit { width: 60%; max-width: 300px; margin: 0 auto;}
#shop .form-box .btn-submit input[type="submit"] { display: block; width: 100%; padding: 10px;
 background: #bd4401; border: none; border-radius: 50px; color: #fff; font-size: 21px; font-weight: 700;
}
@media (max-width: 641px) {
	#shop .form-box ul li dl dt,
	#shop .form-box ul li dl dd { display: block; font-size: 16px;}
	#shop .form-box ul li dl dt { width: 100%; margin-bottom: 6px;}
}
@media (max-width: 481px) {
	#shop .form-box { padding: 30px 20px; border-radius: 20px;}
	#shop .form-box h3 { margin-bottom: 12px; font-size: 18px;}
	#shop .form-box ul li dl dt { margin-bottom: 4px; font-size: 14px;}
	#shop .form-box ul li dl dd { font-size: 13px;}
	#shop .form-box ul li dl dd input[type="text"],
	#shop .form-box ul li dl dd input[type="email"],
	#shop .form-box ul li dl dd input[type="tel"] { padding: 5px;}
	#shop .form-box ul li dl dd input[type="date"]{ padding: 5px;}
	#shop .form-box ul li dl dd textarea { padding: 5px; height: 120px;}
	#shop .form-box .btn-submit input[type="submit"] { padding: 6px; font-size: 18px;}
}


#shop .box #policy { position: absolute; top: -20px;}
#shop .box p { margin-bottom: 20px;}
#shop .box ul.policy { width: 100%; margin: 0 auto;}
#shop .box ul.policy li { padding: 20px 0; border-bottom: dashed 1px #c5c5c5;}
#shop .box ul.policy li:last-child { border-bottom: none;}
#shop .box ul.policy li span { display: block; font-size: 18px; font-weight: 700;}
#shop .box ul.policy li ol { padding: 10px 0; padding-left: 1.2em;}
#shop .box ul.policy li ol li { padding: 2px 0; border-bottom: none; list-style-type: decimal; line-height: 1.4;}
#shop .box ul.policy li ul.disc { padding: 10px 0; padding-left: 2em;}
#shop .box ul.policy li ul.disc li{ padding: 2px 0; border-bottom: none; list-style-type: disc; line-height: 1.4;}
#shop .box ul.policy li dl.note { padding: 10px 10px 20px;}
#shop .box ul.policy li dl.note dt { margin-bottom: 6px; font-weight: 700;}
#shop .box ul.policy li dl.note dd { font-size: 14px;}

#shop .box ul.policy li dl.data { max-width: 320px; margin-top: 20px; padding: 20px; border: solid 1px #999;}
#shop .box ul.policy li dl.data dt { font-weight: 700;}
#shop .box ul.policy li dl.data dd { font-size: 14px;}
@media (max-width: 801px) {
}
@media (max-width: 481px) {
	#shop .box p { margin-bottom: 10px; font-size: 13px;}
	#shop .box ul.policy li { font-size: 12px;}
	#shop .box ul.policy li span { font-size: 13px;}

	#shop .box ul.policy li ol { padding: 8px 0; padding-left: 1.0em;}
	#shop .box ul.policy li ul.disc { padding: 8px 0; padding-left: 1.5em;}

	#shop .box ul.policy li dl.note dt { font-size: 13px;}
	#shop .box ul.policy li dl.note dd { font-size: 12px;}

	#shop .box ul.policy li dl.data { padding: 10px 20px;}
	#shop .box ul.policy li dl.data dt { font-size: 13px;}
	#shop .box ul.policy li dl.data dd { font-size: 12px;}
}


/*		サンクスページ
-------------------------------------------------- */
#thanks { background: #f2f0e9;}
#thanks .inner-sct { padding: 50px 0px;}
#thanks .box p { margin-bottom: 40px; letter-spacing: 0.05rem; text-align: center;}
#thanks .box .btn { max-width: 280px; margin: 0 auto;}