/*各ページ共通*/
.pagewrapper {margin-top:10vh;}
/* bg_header.jpg : ページタイトルエリア背景画像 */
.titlearea {padding:6vw 10vw;background:#15263b url(../img/cmn/bg_header.jpg) no-repeat center center;background-size:cover;position:relative;}
.titlearea::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(21,38,59,0.55);}
.titlearea > * {position:relative;z-index:2;}
.titlearea h1 {font-size:3.4rem;margin-bottom:1rem;color:#fff;line-height:1.3em;}
.titlearea h2 {font-size:2.0rem;margin-bottom:1rem;color:#fff;}
.titlearea p {font-size:1.5rem;color:#fff;line-height:1.8em;}
.pankuzuarea {padding-bottom:1rem;}
.pankuzu {color:#fff;font-size:1.0rem;}
.pankuzu span,.pankuzu a {color:#fff;}
/*SP*/
@media (max-width: 896px){
	.titlearea h1 {font-size:1.8rem;}
	.titlearea h2 {font-size:1.4rem;}
	.titlearea p {font-size:1.2rem;}
}

.ariclepage {}
.ariclepage .contents01 {}
.ariclepage .contents01 h2 {margin-top:1.5em;margin-bottom:0.5em;border-left:solid #1b6fa8 0.4em;padding-left:0.5em;line-height:1.4em;}
.ariclepage .contents01 h2.mb0 {margin-bottom:0em;}
.ariclepage .contents01 h3 {font-size:1.8rem;margin-top:1.2em;margin-bottom:0.8em;color:#1b3a5c;}
.ariclepage .contents01 p {margin-bottom:1.2em;}
.ariclepage .contents01 img {max-width:100%;width:68%;margin:0.5rem 0 1.5rem;border-radius:0.5rem;}
.ariclepage .contents01 ul.dotlist {margin:0 0 1.5em 0;}
.ariclepage .contents01 ul.dotlist li {font-size:1.4rem;line-height:1.9em;list-style:disc;list-style-position:inside;}
.ariclepage .contents01 table.datatable {width:100%;border-collapse:collapse;margin:1rem 0 2rem;font-size:1.2rem;}
.ariclepage .contents01 table.datatable th,.ariclepage .contents01 table.datatable td {border:solid #ccd5de 1px;padding:0.8rem 1rem;text-align:left;line-height:1.7em;}
.ariclepage .contents01 table.datatable th {background:#1b3a5c;color:#fff;font-weight:bold;}
.ariclepage .contents01 table.datatable tr:nth-child(even) td {background:#f3f6f9;}
/*SP*/
@media (max-width: 896px){
	.ariclepage .contents01 img {width:100%;}
	.ariclepage .contents01 h3 {font-size:1.4rem;}
	.ariclepage .contents01 ul.dotlist li {font-size:1.2rem;}
	.ariclepage .contents01 table.datatable {font-size:1.0rem;}
}

/*記事内CTAボックス*/
.ctabox {background:#eef2f6;border:solid #1b6fa8 1px;border-radius:1rem;padding:2.5rem 3rem;margin:2.5rem 0;}
.ctabox p {font-size:1.3rem;line-height:1.8em;margin-bottom:1rem;}
.ctabox a.btn {background:#1b6fa8;color:#fff;border:solid #1b6fa8 2px;font-size:1.1rem;}
.ctabox a.btn:hover {background:#fff;color:#1b6fa8;}
@media (max-width: 896px){
	.ctabox {padding:1.5rem;}
	.ctabox p {font-size:1.2rem;}
}

/*関連記事リンク*/
.relatedbox {margin:3rem 0 0;padding:2.5rem 3rem;background:#f3f6f9;border-radius:1rem;}
.relatedbox h2 {font-size:1.8rem !important;border:none !important;padding:0 !important;margin:0 0 1rem !important;color:#15263b;}
.relatedbox ul li {list-style:none;font-size:1.3rem;line-height:1.9em;padding-left:1.2em;position:relative;}
.relatedbox ul li::before {content:"▶";color:#1b6fa8;position:absolute;left:0;font-size:0.9rem;top:0.4em;}
.relatedbox ul li a {color:#1b3a5c;text-decoration:underline;}
@media (max-width: 896px){
	.relatedbox {padding:1.5rem;}
	.relatedbox ul li {font-size:1.15rem;}
}

/*カテゴリーハブ cardlist*/
.cardlist {display:flex;flex-wrap:wrap;gap:2%;}
.cardlist .card {width:48%;background:#fff;border:solid #dde3ea 1px;border-radius:1rem;padding:2.5rem;margin-bottom:3%;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:0.3s;}
.cardlist .card:hover {box-shadow:0 6px 18px rgba(0,0,0,0.14);transform:translateY(-3px);}
.cardlist .card h3 {font-size:1.6rem !important;color:#15263b !important;margin-bottom:0.8rem !important;line-height:1.5em;}
.cardlist .card p {font-size:1.2rem;line-height:1.8em;margin-bottom:1.2rem;color:#444;}
.cardlist .card a.btn {font-size:1.0rem;}
@media (max-width: 896px){
	.cardlist {display:block;}
	.cardlist .card {width:100%;margin-bottom:1.5rem;padding:1.8rem;}
}

/*サービス servicelist*/
.servicelist {display:flex;flex-wrap:wrap;gap:2%;margin:2rem 0;}
.servicelist .sbox {width:48%;background:#fff;border-top:solid #1b6fa8 0.4rem;border-radius:0.6rem;padding:2.5rem;margin-bottom:3%;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
.servicelist .sbox h3 {font-size:1.7rem !important;color:#15263b !important;margin:0 0 1rem !important;}
.servicelist .sbox p {font-size:1.2rem;line-height:1.8em;color:#444;}
@media (max-width: 896px){
	.servicelist {display:block;}
	.servicelist .sbox {width:100%;margin-bottom:1.5rem;padding:1.8rem;}
}

/*ステップ flow*/
.flowlist {margin:2rem 0;}
.flowlist .step {background:#fff;border:solid #dde3ea 1px;border-left:solid #1b6fa8 0.5rem;border-radius:0.5rem;padding:1.5rem 2rem;margin-bottom:1rem;}
.flowlist .step h3 {font-size:1.4rem !important;color:#1b6fa8 !important;margin:0 0 0.5rem !important;}
.flowlist .step p {font-size:1.2rem;line-height:1.8em;margin:0;}

/*privacy*/
.privacy .contents01 {}
.privacy .contents01 h2 {font-size:1.6rem;margin-top:1.8em;margin-bottom:0.6em;border-left:solid #1b6fa8 0.4em;padding-left:0.5em;}
.privacy .contents01 li {list-style-type:decimal;list-style-position:inside;}
.privacy .contents01 li ul {padding:10px 0px 10px 1.5em;}
/*SP*/
@media (max-width: 896px){
	.privacy .contents01 h2 {font-size:1.3rem;}
}

/*sitemap*/
.sitemap .contents01 {}
.sitemap .contents01 h2 {font-size:1.8rem;margin-top:1.5em;margin-bottom:0.5em;border-left:solid #1b6fa8 0.4em;padding-left:0.5em;}
.sitemap .contents01 p {font-size:1.2rem;line-height:2.4em;}
.sitemap .contents01 p a {color:#1b3a5c;text-decoration:underline;}

/*faqarea*/
.faqpage .contents01 {background:#eef2f6;}
.faqpage .contents01 h2 {border-left:solid #1b6fa8 0.4em;padding-left:0.5em;}
.faq {background:#fff;border-radius:1rem;padding:2rem 5rem;margin-bottom:0.5rem;}
.faq > summary {cursor: pointer;list-style: none;font-size:1.4rem;font-weight:bold;color:#1b6fa8;}
.faq > summary::-webkit-details-marker {display: none;}
.faq > summary::after {content: "+";float: right;}
.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.8em;}

/*SP*/
@media (max-width: 896px){
	.faqarea .faq {padding:15px;}
	.faqarea .faq summary {font-size:1.2rem;}
}

/*formarea / Googleフォーム埋め込み*/
.formarea {width:100%;max-width:760px;}
.formembed {width:100%;}
.formembed iframe {width:100%;min-height:1200px;border:none;background:#fff;}
.formnote {font-size:1.1rem;color:#666;line-height:1.8em;margin-top:1rem;}
@media (max-width: 896px){
	.formembed iframe {min-height:1400px;}
}