/*各ページ共通*/
.pagewrapper {margin-top:10vh;}
/* bg_header.jpg : ページタイトルエリア背景画像 */
.titlearea {padding:6vw 10vw;background:#142c4d url(../img/cmn/bg_header.jpg) no-repeat center center;background-size:cover;}
.titlearea h1 {font-size:3.2rem;margin-bottom:1rem;color:#fff;line-height:1.4em;}
.titlearea h2 {font-size:1.8rem;margin-bottom:1rem;color:#fff;font-weight:normal;}
.titlearea p {font-size:1.4rem;color:#e6eef7;line-height:1.9em;}
.pankuzuarea {padding-bottom:1rem;}
.pankuzu {color:#fff;font-size:0.95rem;}
.pankuzu span,.pankuzu a {color:#fff;}
/*SP*/
@media (max-width: 896px){
	.titlearea {padding:8vh 7vw;}
	.titlearea h1 {font-size:1.7rem;}
	.titlearea h2 {font-size:1.3rem;}
	.titlearea p {font-size:1.2rem;}
}

.ariclepage .contents01 h2 {margin-top:1.5em;margin-bottom:0.5em;font-size:2.4rem;color:#142c4d;}
.ariclepage .contents01 h2.mb0 {margin-bottom:0em;}
.ariclepage .contents01 h3 {font-size:1.7rem;margin-bottom:1em;margin-top:1.2em;color:#14457a;}
.ariclepage .contents01 p {font-size:1.3rem;line-height:2em;margin-bottom:1rem;}
.ariclepage .contents01 img {max-width:100%;width:80%;margin:1rem auto 1.5rem;display:block;border-radius:0.6rem;}
.ariclepage .contents01 ul.dot {margin:1rem 0 1.5rem;padding-left:0;}
.ariclepage .contents01 ul.dot li {font-size:1.3rem;line-height:1.8em;padding-left:1.4em;position:relative;margin-bottom:0.4em;list-style:none;}
.ariclepage .contents01 ul.dot li::before {content:"";position:absolute;left:0;top:0.7em;width:0.7em;height:0.7em;background:#2a7bc0;border-radius:50%;}
.cv-block {background:#eef4fa;border-radius:1rem;padding:3rem;text-align:center;margin:3rem 0;}
.cv-block p {font-size:1.3rem;margin-bottom:1.5rem;}
/*SP*/
@media (max-width: 896px){
	.ariclepage .contents01 img {width:100%;}
	.ariclepage .contents01 h2 {font-size:1.9rem;}
	.ariclepage .contents01 h3 {font-size:1.4rem;}
	.cv-block {padding:2rem 1.5rem;}
}

/* リード文ボックス */
.intro {font-size:1.4rem;line-height:2em;background:#f5f8fc;border-left:solid #2a7bc0 4px;padding:2rem;border-radius:0 0.6rem 0.6rem 0;margin-bottom:2rem;}
@media (max-width: 896px){ .intro {font-size:1.2rem;padding:1.5rem;} }

/* STEPフロー */
.flowlist {margin-top:2rem;}
.flowstep {display:flex;gap:2rem;background:#fff;border:solid #e1e9f2 1px;border-radius:1rem;padding:2.5rem;margin-bottom:1.5rem;position:relative;}
.flowstep .stepno {flex:0 0 auto;width:5rem;height:5rem;border-radius:50%;background:#2a7bc0;color:#fff;font-size:1.8rem;font-weight:bold;display:flex;align-items:center;justify-content:center;}
.flowstep .stepbody h3 {font-size:1.8rem;color:#142c4d;margin-bottom:0.6rem;}
.flowstep .stepbody p {font-size:1.25rem;line-height:1.9em;}
/*SP*/
@media (max-width: 896px){
	.flowstep {gap:1.2rem;padding:1.5rem;}
	.flowstep .stepno {width:3.5rem;height:3.5rem;font-size:1.4rem;}
	.flowstep .stepbody h3 {font-size:1.4rem;}
	.flowstep .stepbody p {font-size:1.15rem;}
}

/* 比較表（features） */
.comparea {overflow-x:auto;margin:2rem 0;}
.comptable {width:100%;border-collapse:collapse;font-size:1.2rem;min-width:40rem;}
.comptable th,.comptable td {border:solid #dbe4ee 1px;padding:1.2rem 1rem;text-align:center;vertical-align:middle;}
.comptable thead th {background:#142c4d;color:#fff;font-size:1.2rem;}
.comptable thead th.ours {background:#2a7bc0;}
.comptable tbody th {background:#f1f6fb;text-align:left;font-size:1.15rem;color:#142c4d;width:14rem;}
.comptable td.ours {background:#eef6ff;font-weight:bold;color:#14457a;}
.comptable .mark {color:#2a7bc0;font-weight:bold;font-size:1.4rem;}
.comptable .cross {color:#b94a4a;font-weight:bold;}
/*SP*/
@media (max-width: 896px){
	.comptable {font-size:1.05rem;}
	.comptable tbody th {width:auto;}
}

/* 特徴カード */
.feature-grid {margin-top:2rem;}
.feature-grid .inner {padding:0.8rem;}
.feature-grid .box {background:#fff;border:solid #e1e9f2 1px;border-radius:1rem;padding:2.5rem;height:100%;}
.feature-grid .box h3 {font-size:1.6rem;color:#142c4d;margin-bottom:0.8rem;}
.feature-grid .box p {font-size:1.2rem;line-height:1.85em;}
@media (max-width: 896px){ .feature-grid .box {padding:2rem;margin-bottom:1rem;} }

/* 料金 */
.priceintro {text-align:center;margin-bottom:2.5rem;}
.pricecard {background:#fff;border:solid #e1e9f2 1px;border-radius:1rem;padding:3rem;text-align:center;max-width:38rem;margin:0 auto;box-shadow:0 3px 12px rgba(20,44,77,0.08);}
.pricecard .label {font-size:1.4rem;color:#142c4d;font-weight:bold;}
.pricecard .price {font-size:2.8rem;color:#14457a;font-weight:bold;margin:1rem 0;}
.pricecard .price small {font-size:1.2rem;color:#666;}
.pricecard p {font-size:1.15rem;}
.pricepoints {margin:2.5rem 0;}
.pricepoints .inner {padding:0.8rem;}
.pricepoints .box {background:#f5f8fc;border-radius:1rem;padding:2rem;height:100%;}
.pricepoints .box h3 {font-size:1.4rem;color:#142c4d;margin-bottom:0.6rem;}
.pricepoints .box p {font-size:1.15rem;}
@media (max-width: 896px){ .pricepoints .box {margin-bottom:1rem;} }

/* コラム一覧 */
.columnlist {margin-top:2rem;}
.columncard {display:flex;gap:2rem;background:#fff;border:solid #e1e9f2 1px;border-radius:1rem;overflow:hidden;margin-bottom:2rem;transition:0.3s;}
.columncard:hover {box-shadow:0 6px 18px rgba(20,44,77,0.12);text-decoration:none;}
.columncard .thumb {flex:0 0 30%;background:#dbe7f4 no-repeat center center;background-size:cover;min-height:14rem;}
.columncard .body {padding:2rem;}
.columncard .cat {display:inline-block;font-size:1.0rem;background:#2a7bc0;color:#fff;border-radius:2rem;padding:0.3em 1.2em;margin-bottom:0.8rem;}
.columncard .body h2 {font-size:1.7rem;color:#142c4d;margin-bottom:0.6rem;line-height:1.4em;}
.columncard .body p {font-size:1.15rem;color:#444;line-height:1.8em;}
.columncard .date {font-size:1.0rem;color:#888;margin-top:0.8rem;}
.col-empty {background:#f5f8fc;border-radius:1rem;padding:2.5rem;text-align:center;color:#555;font-size:1.2rem;}
/*SP*/
@media (max-width: 896px){
	.columncard {display:block;}
	.columncard .thumb {min-height:40vw;}
	.columncard .body h2 {font-size:1.4rem;}
}

/* 会社概要・特商法テーブル */
.infotable {width:100%;border-collapse:collapse;font-size:1.25rem;margin:1rem 0 2rem;}
.infotable th,.infotable td {border-bottom:solid #e1e9f2 1px;padding:1.2rem 1rem;text-align:left;vertical-align:top;}
.infotable th {width:14rem;background:#f5f8fc;color:#142c4d;font-weight:bold;}
.todo {color:#b07a00;background:#fff6e5;padding:0.1em 0.6em;border-radius:0.3rem;font-size:0.9em;}
@media (max-width: 896px){
	.infotable,.infotable tbody,.infotable tr,.infotable th,.infotable td {display:block;width:100%;}
	.infotable th {border-bottom:none;padding-bottom:0;}
}

/*privacy*/
.privacy .contents01 h2 {font-size:1.6rem;font-weight:bold;margin-top:1.8em;margin-bottom:10px;}
.privacy .contents01 p {font-size:1.25rem;}

/*sitemap*/
.sitemap .contents01 h2 {font-size:1.6rem;margin-top:1.5em;}
.sitemap .contents01 p {font-size:1.2rem;line-height:2.5em;}
.sitemap .contents01 p a {color:#14457a;text-decoration:underline;}

/*faqページ*/
.faqpage .contents01 {background:#eef4fa;}
.faqpage .contents01 h2 {font-size:2rem;color:#142c4d;}
.faqarea {margin-bottom:2rem;}
.faq {background:#fff;border-radius:1rem;padding:2rem 4rem;margin-bottom:0.5rem;}
.faq > summary {cursor: pointer;list-style: none;font-size:1.35rem;font-weight:bold;color:#14457a;}
.faq > summary::-webkit-details-marker {display: none;}
.faq > summary::after {content: "+";float: right;color:#2a7bc0;}
.faq[open] > summary::after {content: "−";}
.faq .answer {margin-top:1rem;}
.faq .answer p {font-size:1.2rem;font-weight:normal;color:#333;line-height:1.9em;}
/*SP*/
@media (max-width: 896px){
	.faqarea .faq {padding:15px;}
	.faqarea .faq summary {font-size:1.2rem;}
}

/* お問い合わせ */
.contactgrid {margin-top:1rem;}
.formwrap {background:#fff;border:solid #e1e9f2 1px;border-radius:1rem;padding:2rem;margin-bottom:2rem;}
.formwrap iframe {width:100%;height:1200px;border:0;}
.contactsub {margin-top:2rem;}
.contactsub .inner {padding:0.8rem;}
.contactsub .box {background:#f5f8fc;border-radius:1rem;padding:2.5rem;height:100%;text-align:center;}
.contactsub .box h3 {font-size:1.5rem;color:#142c4d;margin-bottom:1rem;}
.contactsub .box p {font-size:1.2rem;line-height:1.8em;}
.contactsub .box .mail {font-size:1.4rem;font-weight:bold;color:#14457a;word-break:break-all;}
.contactsub .box .qr {width:14rem;height:14rem;margin:1rem auto 0;display:block;border:solid #e1e9f2 1px;border-radius:0.6rem;background:#fff;}
.contactsub .box .lineadd {display:inline-block;margin-top:1rem;background:#06c755;color:#fff;border-radius:2rem;padding:0.7em 2em;font-weight:bold;font-size:1.1rem;border:solid #06c755 2px;}
.contactsub .box .lineadd:hover {background:#fff;color:#06c755;text-decoration:none;}
/* サンクス */
.thanks .contents01 {text-align:center;}
.thanks .contents01 .big {font-size:2.2rem;color:#142c4d;font-weight:bold;margin:1rem 0 2rem;}
@media (max-width: 896px){
	.formwrap iframe {height:1400px;}
	.contactsub .box {margin-bottom:1rem;}
}