/* 下層ページ共通CSS（ESV流） */
.pagewrapper {margin-top:10vh;overflow:hidden;}

/**************************************** ページタイトルエリア ****************************************/
.maintitlearea {position:relative;width:100%;overflow:hidden;background:#111;}
.maintitlearea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:#111 url(../img/cmn/bg_header.jpg) no-repeat center center;background-size:cover;transform:scale(1.0);}
.maintitlearea.on .bgcover {transform:scale(1.1);transition:20s;}
.maintitlearea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:linear-gradient(100deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.64) 100%);}
.maintitlearea .maintitle {position:relative;z-index:100;padding:14vh 5vw 10vh 5vw;width:72vw;max-width:100%;margin:0 auto;}
.maintitlearea h2 {font-size:0.85rem;color:#e8b98a;letter-spacing:0.2em;margin-bottom:1.8em;line-height:1.9em;}
.maintitlearea h1 {font-size:3.2rem;color:#fff;line-height:1.45em;font-weight:normal;margin-bottom:0.7em;}
.maintitlearea p {font-size:1.0rem;color:#ddd;line-height:2.1em;}
.pankuzuarea {padding:0 0 3em 0;}
.pankuzuarea .pankuzu {color:rgba(255,255,255,0.7);font-size:0.75rem;}
.pankuzuarea .pankuzu span, .pankuzuarea .pankuzu a {color:rgba(255,255,255,0.7);}
.maintitlearea .updated {color:rgba(255,255,255,0.6);}
/*SP*/
@media (max-width: 896px){
	.maintitlearea .maintitle {padding:8vh 6vw 7vh 6vw;width:100%;}
	.maintitlearea h1 {font-size:1.8rem;}
	.maintitlearea h2 {font-size:1.0rem;letter-spacing:0.15em;}
	.maintitlearea p {font-size:1.15rem;}
	.pankuzuarea .pankuzu {font-size:0.95rem;line-height:1.9em;}
}

/**************************************** 記事本文 ****************************************/
.ariclepage .contentarea {padding:12vh 5vw;}
.ariclepage .contentarea h2 {font-size:2.2rem;font-weight:normal;line-height:1.5em;
	margin-top:3em;margin-bottom:1.2em;padding-bottom:0.6em;border-bottom:solid #111 1px;position:relative;}
.ariclepage .contentarea h2:after {content:"";position:absolute;left:0;bottom:-1px;width:4rem;height:3px;background:#e8833a;}
.ariclepage .contentarea h2:first-child {margin-top:0;}
.ariclepage .contentarea h3 {font-size:1.4rem;margin-top:2.5em;margin-bottom:1em;line-height:1.6em;
	padding-left:0.9em;border-left:solid #e8833a 3px;}
.ariclepage .contentarea p {margin-bottom:2em;}
.ariclepage .contentarea img {max-width:100%;width:100%;margin:2em 0 3em 0;display:block;}
/*SP*/
@media (max-width: 896px){
	.ariclepage .contentarea {padding:7vh 6vw;}
	.ariclepage .contentarea h2 {font-size:1.5rem;}
	.ariclepage .contentarea h2:after {width:3rem;}
	.ariclepage .contentarea h3 {font-size:1.3rem;}
	.ariclepage .contentarea p {font-size:1.15rem;}
}

/**************************************** FAQページ ****************************************/
.faqpage .contentarea h2 {border-bottom:none;padding-bottom:0;}
.faqpage .contentarea h2:after {display:none;}
.faqarea {margin-bottom:6vh;}
.faq {border-bottom:solid #ddd 1px;}
.faq > summary {cursor:pointer;list-style:none;font-size:1.1rem;line-height:1.7em;padding:2.2em 3em 2.2em 0;
	position:relative;transition:0.3s;}
.faq > summary::-webkit-details-marker {display:none;}
.faq > summary::after {content:"";position:absolute;right:1em;top:50%;margin-top:-1px;width:0.9em;height:1px;background:#111;}
.faq > summary span.pm {position:absolute;right:1em;top:50%;margin-top:-1px;width:0.9em;height:1px;background:#111;
	transform:rotate(90deg);transition:0.3s;}
.faq[open] > summary span.pm {transform:rotate(0deg);}
.faq > summary:hover {color:#c0632a;}
.faq .answer {padding:0 3em 2.5em 0;}
.faq .answer p {font-size:0.95rem;color:#444;margin-bottom:0;}
/*SP*/
@media (max-width: 896px){
	.faq > summary {font-size:1.2rem;padding:1.8em 2.5em 1.8em 0;}
	.faq .answer {padding:0 0 2em 0;}
	.faq .answer p {font-size:1.15rem;}
}

/**************************************** 規約系（privacy / terms） ****************************************/
.privacy .contentarea h2, .terms .contentarea h2 {font-size:1.5rem;margin-top:3em;margin-bottom:1.2em;}
.privacy .contentarea li, .terms .contentarea li {list-style-type:decimal;list-style-position:outside;
	margin-left:1.5em;font-size:1.0rem;line-height:2.0em;margin-bottom:0.7em;}
/*SP*/
@media (max-width: 896px){
	.privacy .contentarea h2, .terms .contentarea h2 {font-size:1.3rem;}
	.privacy .contentarea li, .terms .contentarea li {font-size:1.15rem;}
}

/**************************************** サイトマップ ****************************************/
.sitemap .contentarea p {font-size:1.0rem;line-height:2.8em;}
.sitemap .contentarea p a {text-decoration:none;border-bottom:solid #ddd 1px;padding-bottom:0.2em;transition:0.3s;}
.sitemap .contentarea p a:hover {border-bottom:solid #e8833a 1px;}
@media (max-width: 896px){ .sitemap .contentarea p {font-size:1.15rem;} }

/**************************************** お問い合わせ ****************************************/
.contactgrid {display:flex;flex-wrap:wrap;margin:4vh 0 6vh 0;}
.contactgrid .ccard {width:50%;background:#f2f2f2;padding:6vh 3vw;text-align:center;}
.contactgrid .ccard:first-child {border-right:solid #fff 0.5rem;}
.contactgrid .ccard:last-child {border-left:solid #fff 0.5rem;}
.contactgrid .ccard .ico {font-size:2.4rem;margin-bottom:0.8em;}
.contactgrid .ccard h3 {font-size:1.3rem;margin-bottom:1em;}
.contactgrid .ccard p {font-size:0.95rem;margin-bottom:1.5em;}
.gform-wrap {border:solid #ddd 1px;padding:1rem;margin:3vh 0 6vh 0;background:#fff;}
.gform-wrap iframe {display:block;width:100%;border:0;}
/*SP*/
@media (max-width: 896px){
	.contactgrid {display:block;}
	.contactgrid .ccard {width:100%;padding:5vh 6vw;margin-bottom:0.5rem;border:none !important;}
	.contactgrid .ccard h3 {font-size:1.35rem;}
	.contactgrid .ccard p {font-size:1.15rem;}
}

/**************************************** コラムハブ ****************************************/
.column .arclist {margin:2vh 0 6vh 0;}
.column .arclist a.arc {display:block;padding:3em 0;border-bottom:solid #ddd 1px;transition:0.3s;position:relative;}
.column .arclist a.arc:first-child {border-top:solid #ddd 1px;}
.column .arclist a.arc:hover {text-decoration:none;padding-left:1.5em;}
.column .arclist a.arc .t {font-size:1.4rem;display:block;margin-bottom:0.8em;line-height:1.6em;}
.column .arclist a.arc .d {font-size:0.95rem;color:#555;line-height:2.0em;display:block;}
/*SP*/
@media (max-width: 896px){
	.column .arclist a.arc {padding:2.5em 0;}
	.column .arclist a.arc .t {font-size:1.3rem;}
	.column .arclist a.arc .d {font-size:1.1rem;}
}

/**************************************** 会社案内 ****************************************/
.company .contentarea table.dt th {white-space:nowrap;width:14rem;}

/**************************************** 料金ページ ****************************************/
.pricecard {background:#f2f2f2;padding:6vh 3vw;margin:3vh 0;}
.pricecard .ttl {font-size:0.8rem;color:#e8833a;letter-spacing:0.2em;margin-bottom:1.8em;}
.pricecard .amount {font-size:3.2rem;line-height:1.1em;}
.pricecard .amount .unit {font-size:1.2rem;}
.pricecard .tax {font-size:0.8rem;color:#888;margin-top:1em;}
/*SP*/
@media (max-width: 896px){
	.pricecard {padding:5vh 6vw;}
	.pricecard .ttl {font-size:1.0rem;}
	.pricecard .amount {font-size:2.2rem;}
	.pricecard .tax {font-size:0.95rem;}
}