
.secBtn {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 100%;
	color: #fff !important;
	background: #f08221;
	border-radius: 10px;
	text-align: center;
	line-height: 1;
	padding: 1em 1em 1em 1em;
	text-decoration: none !important;
	font-size: min(3.75vw, 150%);
	font-weight: 700;
	box-shadow: 0 10px 0 0 #b06128;
	position: relative;
	cursor: pointer;
}
.secBtn:hover {
	text-decoration: none!important;
}
.secBtn::after {
	position: absolute;
	right: .25em;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	display: block;
	margin-right: .5em;
	width: 13px;
	height: 22px;
	flex-basis: auto;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 22"><path d="M2,21a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L9.59,11,1.29,2.71A1,1,0,0,1,2.71,1.29l9,9a1,1,0,0,1,0,1.42l-9,9A1,1,0,0,1,2,21Z" style="fill:%23fff"/></svg>');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
}
.secBtn .intext {
	margin-bottom: 0;
	font-weight: 700;
}
@media (max-width: 767px) {
	.secBtn {
		padding: 1em 1em 1em 1em;
	}
}
.panel > .secBtn {
	width: 94%;
	margin: 5% auto 0 auto;
	background: #0c5fa9;
    box-shadow: 0 10px 0 0 #0b3e6b;
	color: #fff!important;
}


.sec {
	margin: 0 auto;
	padding: .1% 0;
	width: 100%;
	max-width: 1200px;
	position: relative;
}
.sec.qa {
	background-repeat: no-repeat;
	background-position: center 0;
	background-image: url(../img/bg_question.png);
	background-size: 100% auto;
	background-color: #efefef;
	border-radius: 0 0 20px 20px;
}
.sec.faq {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/bg_faq.png);
	background-size: 100% auto;
	padding-bottom: .05%;
	background-color: #efefef;
	border-radius: 20px 20px 20px 20px;
}
@media (max-width: 767px) {
	.sec.qa {
		background-image: url(../img/bg_question_sp.png);
		background-position: center 16%;
	}
	.sec.faq {
		background-image: url(../img/bg_faq_sp.png);
	}
}

.secInner {
	width: calc( 100% - (100px * 2) );
	border-radius: 20px;
	margin: 40px auto;
	background: rgba(255,255,255,.75);
	padding: 40px;
	box-shadow: 0 0 5px 4px rgba(0,0,0,.1);
}
.faq .secInner {
	padding: min(16vmax, 150px) 40px 40px 40px;
}
@media (max-width: 767px) {
	.secInner {
		width: calc( 100% - (4vw * 2) );
		margin: 6vw auto;
		padding: 8vw 4vw 4vw 4vw;
	}
	.faq .secInner {
		padding: 90px 4vw 4vw 4vw;
	}
}

.secHeadline {
	background: #fecb7c;
	color: #343434;
	text-align: center;
	margin: 0;
	line-height: 1;
	padding: .75em 0;
	font-size: min(4.5vw, 150%);
}
@media (max-width: 767px) {
	.secHeadline {
		line-height: 1.8;
		padding: .5em 0;
	}
}

.announce dd {
	background: #f18221;
	color: #fff;
	text-align: center;
	margin: 0;
}
.announce dd p {
	padding: 1em;
	margin: 0;
	line-height: 1.4;
	font-size: min(4.5vw, 176%);
	font-weight: 700;
}
@media (max-width: 767px) {
	.announce dd p {
		line-height: 1.8;
	}
}

.sec1stHeadline {
	color: #0c60a9;
	background: rgba(255,255,255,.5);
	text-align: center;
	margin: 1em auto;
	width: 100%;
	padding: .5em .5em;
	font-size: min(6.5vw, 210%);
	position: relative;
	font-weight: 700;
}
@media (max-width: 767px) {
	.sec1stHeadline {
		background: transparent;
		padding: 0 .5em;
		line-height: 1.8;
	}
}

.sec2ndHeadline {
	color: #0c60a9;
	text-align: center;
	margin-bottom: 0;
	font-size: min(4.25vw, 180%);
	position: relative;
	font-weight: 700;
}

@media (max-width: 767px) {
	.sec2ndHeadline {
		margin-bottom: .25em;
	}
}

.alertMessage {
	text-align: center;
	font-size: min(3.75vw, 105%);
	padding: 1em 0 0 0;
}


/* question
______________________________________________ */
.panel {
	display: none;
	position: relative;
	overflow: hidden;
	opacity: 0;
	animation: fade 1.5s cubic-bezier(0.1, 0.57, 0.1, 1) 0s normal forwards;
}
.panel.show {
	-webkit-filter: blur(7px);
	filter: blur(7px);
	animation: fade 1.5s cubic-bezier(0.1, 0.57, 0.1, 1) 0s normal forwards;
	display: block;
}
.panel[data-target*='result'].show {
	-webkit-filter: blur(12px);
	filter: blur(12px);
	animation: fade 1.5s cubic-bezier(0.1, 0.57, 0.1, 1) 0s normal forwards;
	display: block;
}
@keyframes fade {
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}
.panel.start {
	display: block;
	opacity: 1;
}

.panel[data-target*='result'] .sec2ndHeadline {
	color: #fff;
	background: #f18221;
	text-align: center;
	margin-bottom: .75em;
	line-height: 1;
	padding: 1em 0;
	font-size: min(5vw, 210%);
	position: relative;
	font-weight: 700;
	width: calc( 100% + (40px * 2) );
	transform: translateX(-40px);
}
@media (max-width: 767px) {
	.panel[data-target*='result'] .sec2ndHeadline {
		width: calc( 100% + (4vw * 2) );
		transform: translateX(-4vw);
	}
}
.sec3rdHeadline {
	color: #f18221;
	display: flex;
	align-items: center;
	border-bottom: 3px solid #f18221;
	font-size: min(4vw, 165%);
	padding-bottom: 0;
	margin: .5em 0 1.5em 0;
}
.panel[data-target*='result'] .sec3rdHeadline {
	margin: 0 0 1.5em 0;
}

.sec3rdHeadline p {
	margin: 0;
}
.sec3rdHeadline::before {
	content: '\0030fb';
	font-size: 1.5em;
	font-weight: 700;
	display: block;
	width: 1em;
}
.sec3rdHeadline span {
	font-size: 50%;
	letter-spacing: .15em;
	padding-left: .5em;
}
@media (max-width: 767px) {
	.sec3rdHeadline {
		padding-bottom: .5em;
	}

}

.selectAns {
	display: flex;
	flex-direction: row;
	padding-left: 0;
	margin-bottom: 2%;
}
.selectAns li {
	width: 50%;
	cursor: pointer;
}
.selectAns li:nth-of-type(1) {
	padding: 0 3% 0 0;
}
.selectAns li:nth-of-type(2) {
	padding: 0 0 0 3%;
}
.selectAns li .secBtn {
	min-height: 4.75em;
	font-size: min(4vw, 140%);
	line-height: 1.4;
	letter-spacing: .05em;
	display: flex;
	flex-direction: column;
}
.selectAns li .secBtn img {
	width: 35%;
	display: block;
	margin: 0 auto .75em auto;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.selectAns li .secBtn {
		min-height: 7em;
	}
}
@media (max-width: 767px) {
	.selectAns {
		flex-direction: column;
	}
	.selectAns li {
		padding: 0;
		width: 100%;
	}
	.selectAns li:nth-of-type(1) {
		padding: 0 0 10% 0;
	}
	.selectAns li:nth-of-type(2) {
		padding: 0 0 5% 0;
	}
	.selectAns li .secBtn {
		min-height: 4.5em;
	}
}





.annotation {
	font-size: min(3.75vw, 130%);
	line-height: 1.6;
	padding: .5em 0 1em 0;
	font-weight: 400;
}
.annotation figcaption {
	line-height: 1.4;
	margin-bottom: .5em;
	text-align: center;
}
.annotation figcaption + img {
	width: 100%;
}


.plain {
	font-size: min(4vw, 132%);
	margin-bottom: 1em;
}
.requestDocs {
	counter-reset: docs;
	margin-bottom: 1em;
	padding: 0;
}
.requestDocs + .plain {
	padding-left: 40px;
}
@media (max-width: 767px) {
	.plain {
		padding-left: 4vw;
	}
	.requestDocs {
		padding-left: 0;
	}
	.requestDocs + .plain {
		padding-left: 4vw;
	}
}

.requestDocs li {
	margin-bottom: 1em;
}
.requestDocs li > p,
.requestDocs li > div {
	color: #0c60a9;
    font-weight: 500;
    font-size: min(4vw, 132%);
    margin-bottom: 1em;
    border: 1px solid rgb(12 96 169);
    padding: .5em 1em;
    border-radius: 2em;
    background: rgba(12,96,169,.15);
}
.requestDocs li > div p {
	margin: 0;
}
dl.subRequest {
	font-size: min(4vw, 132%);
	color: #0c60a9;
	font-weight: 500;
	padding-left: .5em;
}
dl.subRequest dd {
	padding-left: 1em;
	line-height: 1.6;
}
.ind1 {
	padding-left: 1em;
}
dl.subRequest dd sup {
	padding-right: .25em;
}
dl.subRequest dd > p {
	margin-bottom: .5em;
}
@media (max-width: 767px) {
	dl.subRequest {
		padding-left: 0;
	}
	dl.subRequest dd {
		padding-left: 0;
	}
}

dl.subRequest dd p b {
	font-weight: 700;
}

.requestDocs li > p a {
	text-decoration: none!important;
}
.requestDocs li > p a:hover {
	text-decoration: none!important;
}
.requestDocs li > p > span {
	display: inline-block;
}

.requestNotes {
	border: 2px solid #0c60a9;
	padding: 1em;
	width: 94%;
	margin: 5% auto 0 auto;
}
.requestNotes p {
	font-size: min(4vw, 130%);
	text-align: justify;
	margin-bottom: 0;
}
.requestNotes p > span {
	width: 2.5em;
}

.backhome {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: -moz-fit-content;
	width: fit-content;
	color: #fff !important;
	background: #0061d5;
	border-radius: 10px;
	margin: 2rem auto 0;
	text-align: center;
	line-height: 1;
	padding: .75em 3em;
	text-decoration: none !important;
	font-size: min(4vw, 116%);
	font-weight: 400;
	box-shadow: 0 5px 0 0 #01509f;
	position: relative;
	cursor: pointer;
  border: 2px solid #0061d5;
}

em {
	font-weight: 700;
	font-style: normal;
}


/* faq
______________________________________________ */
.faq dl {
	margin-bottom: 1.75rem;
	width: 100%;
	position: relative;
}
.faq dl:first-of-type::before {
	content: '';
	background-size: cover;
	display: block;
	width: min(15vw, 82px);
	height: min(15vw, 74px);
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 2em);
	margin: 0 auto;
	background: url(../img/icon_title_faq.svg) no-repeat;
}
@media (max-width: 767px) {
	.faq dl:first-of-type::before {
		bottom: calc(100% + .75em);
	}
}

.faq .q {
	width: 100%;
}
.faq .a {
	background: #0c5fa9;
	border-radius: 10px;
	color: #fff;
	margin-bottom: 0;
	height: 0;
	width: 100%;
	padding: 0 1.5em;
	overflow: hidden;
	transition: padding .4s cubic-bezier(0.1, 0.57, 0.1, 1), height 1s cubic-bezier(0.65, 0, 0, 1.01);
}
.faq .faqOpen .a {
    height: auto;
    opacity: 1;
    align-items: center;
    padding: 1.5em;
	overflow: visible;
	transition: padding .4s cubic-bezier(0.1, 0.57, 0.1, 1), height 1s cubic-bezier(0.65, 0, 0, 1.01);
}
.faq .a p {
	line-height: 1.6;
}
.faq .a p:last-child {
	margin: 0;
}
.faq .a .notes {
	padding-left: 1em;
}
.faq .a ul {
	padding-left: 1em;
}
.faq .a a {
	color: #f18221 !important;
	text-decoration: underline!important;
}

.faq .secBtn {
	justify-content: flex-start;
	text-align: left;
	line-height: 1.4;
	padding: 1em 2.5em calc(1em / 1.3) 1em;
}
.faq .faqOpen .secBtn {
	margin-bottom: 1.25rem;
}
.faq .secBtn::after {
	width: 18px;
	height: 10px;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 10"><g id="a"/><g id="b"/><g id="c"/><g id="d"/><g id="e"/><g id="f"/><g id="g"/><g id="h"/><g id="i"/><g id="j"/><g id="k"><path d="M17,1.4c0-.2-.08-.41-.23-.57-.31-.31-.82-.31-1.13,0l-6.63,6.63L2.37,.83c-.31-.31-.82-.31-1.13,0-.31,.31-.31,.82,0,1.13l7.2,7.2c.31,.31,.82,.31,1.13,0L16.77,1.97c.16-.16,.23-.36,.23-.57Z" style="fill:%23fff;"/></g></svg>');
}
.faq .faqOpen .secBtn::after {
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 10"><g id="a"/><g id="b"/><g id="c"/><g id="d"/><g id="e"/><g id="f"/><g id="g"/><g id="h"/><g id="i"/><g id="j"/><g id="k"><path d="M17,8.6c0,.2-.08,.41-.23,.57-.31,.31-.82,.31-1.13,0L9,2.53,2.37,9.17c-.31,.31-.82,.31-1.13,0-.31-.31-.31-.82,0-1.13L8.43,.83c.31-.31,.82-.31,1.13,0l7.2,7.2c.16,.16,.23,.36,.23,.57Z" style="fill:%23fff;"/></g></svg>');
}

.faq .faqPlain {
	text-align: center;
	padding: 0;
	margin: 5% auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq .faqPlain a {
	font-size: min(3.75vw, 150%);
}

.targetNotes {
	display: flex;
	margin-bottom: 0;
}
.targetNotes > span {
	flex-basis: auto;
	padding-right: .5em;
	flex-basis: auto;
}

p + .targetNotes {
	margin-top: 1em;
}


.divide {
	padding: 2.5% 4vw calc(2.5% + 6px) 4vw;
	text-align: center;
}
.divide .secBtn {
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	color: #fff!important;
	text-decoration: none;
	border-radius: 6px;
	padding: .75em 2em .75em 2em;
	font-weight: 700;
	box-shadow: 0 6px 0 0 #b06128;
	line-height: 1.4;
}
@media (max-width: 767px) {
	.divide {
		padding: 5% 4vw calc(5% + 6px) 4vw;
	}
	.divide .secBtn {
		width: calc( 100% - (4vw * 2) );
	}
}

a[target="_blank"].pdf::after {
	content: '';
	display: inline-block;
	margin-left: .25em;
	width: 1em;
	height: 1em;
	vertical-align: -3px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve"><g transform="translate(128 128) scale(0.72 0.72)" style=""><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(-175.05 -175.05000000000004) scale(3.89 3.89)" ><path d="M 11.58 54.882 v 31.965 c 0 1.741 1.412 3.153 3.153 3.153 h 60.534 c 1.741 0 3.153 -1.412 3.153 -3.153 V 54.882 C 56.073 47.881 33.792 47.838 11.58 54.882 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(184,53,53); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 78.42 54.882 V 18.345 C 69.386 13.658 63.133 7.61 60.075 0 H 14.733 c -1.741 0 -3.153 1.412 -3.153 3.153 v 51.729 H 78.42 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(233,233,224); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 78.42 18.345 H 62.948 c -1.587 0 -2.873 -1.286 -2.873 -2.873 V 0 L 78.42 18.345 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(217,215,202); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 32.116 62.679 h -5.944 c -0.829 0 -1.5 0.672 -1.5 1.5 v 9.854 v 6.748 c 0 0.828 0.671 1.5 1.5 1.5 s 1.5 -0.672 1.5 -1.5 v -5.248 h 4.444 c 2.392 0 4.338 -1.946 4.338 -4.338 v -4.177 C 36.454 64.625 34.508 62.679 32.116 62.679 z M 33.454 71.194 c 0 0.737 -0.6 1.338 -1.338 1.338 h -4.444 v -6.854 h 4.444 c 0.738 0 1.338 0.601 1.338 1.339 V 71.194 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 46.109 82.28 h -5.652 c -0.829 0 -1.5 -0.672 -1.5 -1.5 V 64.179 c 0 -0.828 0.671 -1.5 1.5 -1.5 h 5.652 c 2.553 0 4.63 2.077 4.63 4.63 V 77.65 C 50.739 80.203 48.662 82.28 46.109 82.28 z M 41.957 79.28 h 4.152 c 0.898 0 1.63 -0.731 1.63 -1.63 V 67.309 c 0 -0.898 -0.731 -1.63 -1.63 -1.63 h -4.152 V 79.28 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 63.828 62.679 h -8.782 c -0.828 0 -1.5 0.672 -1.5 1.5 V 80.78 c 0 0.828 0.672 1.5 1.5 1.5 s 1.5 -0.672 1.5 -1.5 v -6.801 h 4.251 c 0.828 0 1.5 -0.672 1.5 -1.5 s -0.672 -1.5 -1.5 -1.5 h -4.251 v -5.301 h 7.282 c 0.828 0 1.5 -0.672 1.5 -1.5 S 64.656 62.679 63.828 62.679 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,249,249); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></g></svg>');
}


@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.announce dd p {
		font-size: 176%;
		font-weight: 700!important;
	}
	.secInner {
		padding: 150px 40px 40px 40px;
	}
	.sec2ndHeadline {
		font-size: 200%;
		font-weight: 700!important;
	}
	.sec2ndHeadline::before {
		width: 84px;
		height: 72px;
	}
	.sec3rdHeadline {
		font-size: 165%;
	}
	.selectAns li .secBtn {
		font-size: 140%;
		display: inline-table;
	}
	.selectAns li .secBtn .intext {
		display: table-cell;
		vertical-align: middle;
	}
	.requestDocs li > p,
	.requestDocs li > div {
		font-size: 132%;
		font-weight: 700!important;
	}
	dl.subRequest {
		font-size: 132%;
	}
	.requestNotes p {
		font-size: 130%;
	}

	.secBtn {
		font-size: 150%;
		font-weight: 700!important;
	}
	.secBtn::after {
		content: '\003009';
		font-size: 100%;
		top: 50%;
		background: none!important;
	}
	.faq .secBtn::after {
		content: '\00fe40';
		font-size: 100%;
	}
	.faq .faqOpen .secBtn::after {
		content: '\00fe3f';
		top: 36%;
	}

	.divide .secBtn {
		width: auto;
		display: inline-block;
	}
	.backhome {
		width: auto;
		display: inline-block;
		font-size: 116%;
		padding: .75em 1em .5em 1em;
	}
	.annotation {
		font-size: 130%;
	}
	.faq .faqPlain a {
		font-size: 150%;
	}

	.faq dl:first-of-type::before {
		width: 82px;
		height: 74px;
	}
}











.f { display: flex; align-items: baseline; }
@media (max-width: 767px) {
	._pc { display: none; }
}
@media (min-width: 768px) {
	._sp { display: none; }
}
