/*各ページ共通*/
.pagewrapper {margin-top:10vh;}
/* bg_header.jpg : ページタイトルエリア背景画像 */
.titlearea {padding:6vw 10vw;background:#101c33 url(../img/cmn/bg_header.jpg) no-repeat center center;background-size:cover;}
.titlearea h1 {font-size:3.5rem;margin-bottom:1rem;color:#fff;}
.titlearea h2 {font-size:2.0rem;margin-bottom:1rem;color:#e8d9b5;}
.titlearea p {font-size:1.6rem;color:#fff;}
.pankuzuarea {padding-bottom:1rem;}
.pankuzu {color:#fff;}
.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;font-size:2.6rem;color:#1b2a4a;border-left:solid #b08d45 0.4rem;padding-left:1rem;}
.ariclepage .contents01 h2.mb0 {margin-bottom:0em;}
.ariclepage .contents01 h3 {font-size:1.8rem;margin-top:1.2em;margin-bottom:0.8em;color:#b08d45;}
.ariclepage .contents01 p {margin-bottom:1.2em;}
.ariclepage .contents01 img {max-width:100%;width:68%;margin-bottom:1rem;}
.ariclepage .contents01 table.datatable {width:100%;border-collapse:collapse;margin-bottom:2rem;}
.ariclepage .contents01 table.datatable th,
.ariclepage .contents01 table.datatable td {border:solid #ccc 1px;padding:1rem;font-size:1.3rem;text-align:left;vertical-align:top;}
.ariclepage .contents01 table.datatable th {background:#f0ede4;color:#1b2a4a;white-space:nowrap;}
.ariclepage .contents01 ul.dotlist {list-style:disc;padding-left:2em;margin-bottom:1.5em;}
.ariclepage .contents01 ul.dotlist li {font-size:1.4rem;line-height:1.9em;}
.ariclepage .contents01 .casebox {background:#f5f2ea;border-radius:1rem;padding:2.5rem;margin-bottom:2rem;}
.ariclepage .contents01 .casebox h3 {margin-top:0;}
.ariclepage .contents01 .casebox .tag {display:inline-block;background:#1b2a4a;color:#fff;font-size:1.1rem;padding:0.3em 1em;border-radius:2em;margin-bottom:1rem;}

/*faqwrap*/
.faqwrap {padding-top:7vw;}
.faqwrap h1 {font-size:3.5rem;}

/*SP*/
@media (max-width: 896px){
	.ariclepage .contents01 img {width:100%;}
	.ariclepage .contents01 h2 {font-size:1.8rem;}
	.ariclepage .contents01 h3 {font-size:1.4rem;}
	.ariclepage .contents01 table.datatable th,
	.ariclepage .contents01 table.datatable td {font-size:1.1rem;padding:0.7rem;}
	.ariclepage .contents01 .casebox {padding:1.5rem;}
}

/*privacy*/
.privacy .contents01 {}
.privacy .contents01 h2 {font-size:1.4rem;font-weight:normal;margin-top:2em;margin-bottom:10px;}
.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.2rem;}
}

/*sitemap*/
.sitemap .contents01 {}
.sitemap .contents01 p {font-size:1.2rem;line-height:2.5em;}
.sitemap .contents01 p a {color:#000;text-decoration:underline;}

/*faqarea*/
.faqpage .contents01 {background:#eee;}
.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:#1b2a4a;}
.faq > summary::-webkit-details-marker {display: none;}
.faq > summary::after {content: "+";float: right;color:#b08d45;}
.faq[open] > summary::after {content: "−";}
.faq .answer {margin-top:1rem;}
.faq .answer p {font-size:1.2rem;font-weight:normal;color:#333;}

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

/*formarea（Google Form埋め込み）*/
.formarea {width:50vw;margin:0 auto;}
.formarea iframe {width:100%;min-height:1300px;border:none;}
/*SP*/
@media (max-width: 896px){
	.formarea {width:100%;}
	.formarea iframe {min-height:1450px;}
}

/*columnリスト*/
.columnlist {display:flex;flex-wrap:wrap;}
.columnlist .item {width:33.3%;padding:0.8rem;}
.columnlist .item .box {background:#fff;border:solid #e0dccf 1px;border-radius:1rem;padding:2rem;height:100%;display:block;text-decoration:none;}
.columnlist .item .box:hover {box-shadow:0 0 10px rgba(0,0,0,0.15);text-decoration:none;}
.columnlist .item .cat {display:inline-block;background:#b08d45;color:#fff;font-size:1.0rem;padding:0.2em 1em;border-radius:2em;margin-bottom:1rem;}
.columnlist .item h3 {font-size:1.5rem;color:#1b2a4a;margin-bottom:1rem;}
.columnlist .item p {font-size:1.2rem;color:#555;line-height:1.7em;}
/*SP*/
@media (max-width: 896px){
	.columnlist .item {width:100%;}
}