/*各ページ共通*/
.pagewrapper {margin-top:10vh;}
/* bg_header.jpg : ページタイトルエリア背景画像 */
.titlearea {padding:6vw 10vw;background:#16202b 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(22,32,43,0.55);}
.titlearea > * {position:relative;z-index:10;}
.titlearea h1 {font-size:3.5rem;margin-bottom:1rem;color:#fff;line-height:1.3em;}
.titlearea h2 {font-size:2.0rem;margin-bottom:1rem;color:#fff;line-height:1.5em;}
.titlearea p {font-size:1.6rem;color:#fff;line-height:1.8em;}
.pankuzuarea {padding-bottom:1rem;}
.pankuzu {color:#fff;font-size:1.0rem;}
.pankuzu span,.pankuzu a {color:#fff;font-size:1.0rem;}
/*SP*/
@media (max-width: 896px){
	.titlearea h1 {font-size:1.8rem;}
	.titlearea h2 {font-size:1.4rem;}
	.titlearea p {font-size:1.2rem;}
	.pankuzu, .pankuzu span, .pankuzu a {font-size:1.0rem;}
}

.ariclepage {}
.ariclepage .contents01 h2 {margin-top:1.5em;margin-bottom:0.5em;font-size:2.6rem;border-left:solid #0f4c81 0.5rem;padding-left:1rem;line-height:1.4em;}
.ariclepage .contents01 h2.mb0 {margin-bottom:0em;}
.ariclepage .contents01 h3 {font-size:1.8rem;margin-top:1.5em;margin-bottom:1em;color:#0f4c81;}
.ariclepage .contents01 h4 {font-size:1.4rem;margin-top:1.2em;margin-bottom:0.5em;}
.ariclepage .contents01 img {max-width:100%;width:68%;margin-bottom:1rem;margin-top:1rem;}
.ariclepage .contents01 .lead {font-size:1.5rem;line-height:2.0em;padding-bottom:1rem;border-bottom:solid #dde3e9 1px;}

/*注記ボックス*/
.notebox {background:#eef1f4;border-left:solid #0f4c81 0.4rem;padding:2rem 2.5rem;margin:2rem 0;}
.notebox p {font-size:1.2rem;line-height:1.9em;}
.notebox .noteboxttl {font-size:1.3rem;font-weight:bold;display:block;margin-bottom:0.8rem;color:#0f4c81;}

/*定義テーブル*/
.datatable {width:100%;border-collapse:collapse;margin:2rem 0;font-size:1.2rem;}
.datatable th,.datatable td {border-bottom:solid #dde3e9 1px;padding:1.2rem 1rem;text-align:left;vertical-align:top;line-height:1.8em;}
.datatable th {width:14rem;background:#f6f8fa;font-weight:bold;white-space:nowrap;}
/*SP*/
@media (max-width: 896px){
	.datatable {font-size:1.1rem;}
	.datatable th,.datatable td {display:block;width:100%;border-bottom:none;padding:0.8rem 1rem;}
	.datatable th {white-space:normal;}
	.datatable tr {display:block;border-bottom:solid #dde3e9 1px;padding:0.5rem 0;}
}

/*年表*/
.historylist {margin:2rem 0;}
.historylist dl {display:flex;flex-wrap:wrap;border-top:solid #dde3e9 1px;padding:1.2rem 0;}
.historylist dl:last-child {border-bottom:solid #dde3e9 1px;}
.historylist dt {width:12rem;font-size:1.2rem;font-weight:bold;color:#0f4c81;}
.historylist dd {width:calc(100% - 12rem);font-size:1.2rem;line-height:1.8em;}
/*SP*/
@media (max-width: 896px){
	.historylist dt {width:100%;margin-bottom:0.3rem;}
	.historylist dd {width:100%;}
}

/*カード*/
.cardlist {margin:3rem 0 1rem;}
.cardlist .inner {padding:0.5rem;}
.cardlist .inner .box {border:solid #dde3e9 1px;border-top:solid #0f4c81 4px;padding:2.5rem;height:100%;background:#fff;}
.cardlist .inner .box .label {font-size:1.0rem;font-weight:bold;color:#d9730d;letter-spacing:0.12em;display:block;margin-bottom:0.6rem;}
.cardlist .inner .box h3 {font-size:1.8rem;margin:0 0 1rem 0;color:#16202b;}
.cardlist .inner .box p {font-size:1.2rem;line-height:1.8em;margin-bottom:1.5rem;}
.cardlist .inner .box a.btn {font-size:1.0rem;}
/*SP*/
@media (max-width: 896px){
	.cardlist .inner .box {padding:2rem;margin-bottom:0.5rem;}
}

/*ステップ*/
.steplist {margin:2rem 0;}
.steplist .step {border-left:solid #dde3e9 3px;padding:0 0 2.5rem 2.5rem;position:relative;}
.steplist .step:last-child {border-left:solid transparent 3px;padding-bottom:0;}
.steplist .step::before {content:"";position:absolute;left:-0.85rem;top:0.3rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#0f4c81;}
.steplist .step .stepnum {font-size:1.0rem;font-weight:bold;color:#d9730d;letter-spacing:0.1em;display:block;}
.steplist .step h4 {font-size:1.6rem;margin:0.2rem 0 0.7rem 0;}
.steplist .step p {font-size:1.2rem;line-height:1.8em;}

/*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 .lead {font-size:1.25rem;}
}

/*privacy*/
.privacy .contents01 h2 {font-size:1.4rem;font-weight:bold;margin-top:2em;margin-bottom:10px;border-left:solid #0f4c81 0.4rem;padding-left:0.8rem;}
.privacy .contents01 li {list-style-type:decimal;list-style-position:inside;font-size:1.2rem;line-height:1.9em;}
.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 h2 {font-size:1.8rem;}
.sitemap .contents01 p {font-size:1.2rem;line-height:2.5em;}
.sitemap .contents01 p a {color:#16202b;text-decoration:underline;}
.sitemap .contents01 p .child {padding-left:2em;}

/*faqarea*/
.faqpage .contents01 {background:#eef1f4;}
.faq {background:#fff;border-radius:0.6rem;padding:2rem 5rem;margin-bottom:0.5rem;}
.faq > summary {cursor: pointer;list-style: none;font-size:1.4rem;font-weight:bold;color:#0f4c81;}
.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.9em;}

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

/*formarea*/
.formarea {width:50vw;}
.formarea form table {width:100%;border-collapse:collapse;margin-bottom:2rem;}
.formarea form input[type=text],.formarea form input[type=email],.formarea form input[type=tel],.formarea form textarea,.formarea form select {border:solid #96a3b0 1px;outline:none;padding:1rem;width:100%;font-family:inherit;font-size:1.1rem;background:#fff;border-radius:3px;}
.formarea form textarea {height:10rem;resize:vertical;}
.formarea form input[type=submit] {font-size:1.2rem;width:50%;padding:1rem 0rem;background:#0f4c81;border:solid #0f4c81 3px;color:#fff;font-weight:bold;border-radius:4px;cursor:pointer;}
.formarea form input[type=submit]:hover {background:#fff;color:#0f4c81;}
.formarea form table td {padding:0.5rem 0;}
.formarea form table td:nth-child(1){width:18rem;font-size:1.2rem;font-weight:bold;}
.formarea form table td:nth-child(2){width:calc(100% - 18rem);}
.formarea form table td:nth-child(2) div {font-size:0.9rem;color:#666;margin-bottom:0.3rem;}
.formarea .req {color:#c0392b;font-size:0.9rem;padding-left:0.4em;}
.formarea .formnote {font-size:1.1rem;color:#666;line-height:1.8em;margin-top:1rem;}
/*SP*/
@media (max-width: 896px){
	.formarea {width:100%;}
	.formarea form table td {display:block;width:100%;}
	.formarea form table td:nth-child(1){width:100%;}
	.formarea form table td:nth-child(2){width:100%;}
	.formarea form input[type=submit] {width:100%;}
}

/*contact 連絡先ブロック*/
.contactinfo {display:flex;flex-wrap:wrap;margin:2rem 0 3rem;border:solid #dde3e9 1px;}
.contactinfo .infobox {width:50%;padding:2.5rem;border-right:solid #dde3e9 1px;}
.contactinfo .infobox:last-child {border-right:none;}
.contactinfo .infobox h3 {font-size:1.4rem;margin-bottom:1rem;color:#0f4c81;margin-top:0;}
.contactinfo .infobox p {font-size:1.2rem;line-height:1.9em;}
.contactinfo .infobox p .big {font-size:2.2rem;font-weight:bold;display:block;}
/*SP*/
@media (max-width: 896px){
	.contactinfo .infobox {width:100%;border-right:none;border-bottom:solid #dde3e9 1px;padding:2rem;}
	.contactinfo .infobox:last-child {border-bottom:none;}
}