@charset "utf-8";
*,
body {
	line-height: normal;
}
/* faq area */
.section.faq {
	width: min(93vw, 1200px);
	margin: auto;
	padding: min(5vw, 60px) 0 min(7.5vw, 90px);
}

/*title*/
.inner_faq_ttl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3rem;
}
.inner_faq_ttl .faq_ttl {
	color: #333;
  font-size: var(--font20pt);
	width: calc(100% - 80px);
}

.block_a .faq_a,
.inner_faq_ttl .faq_q {
	color: #fff;
  font-size: var(--font26pt);
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	padding-bottom: 5px;
	border-radius: 50%;
}
.inner_faq_ttl .faq_q {
	background-color: #003686;
}
.block_a .faq_a {
	background-color: #00947d;
}

@media screen and (max-width:640px) {
	.inner_faq_ttl .faq_ttl {
		font-size: clamp(2rem, 5.21vw, 4rem);
		width: calc(100% - min(13.6vw, 102px));
	}
	.block_a .faq_a,
	.inner_faq_ttl .faq_q {
		font-size: clamp(2.3rem, 5.99vw, 4.6rem);
		width: min(12vw, 90px);
		height: min(12vw, 90px);
	}
}
@media screen and (max-width:360px) {
	.block_a .faq_a,
	.inner_faq_ttl .faq_q {
		width: 48px;
		height: 48px;
	}
	.inner_faq_ttl .faq_ttl {
		width: calc(100% - 60px);
	}
}

/* answer */
.block_a {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	padding: 45px 40px 35px;
	margin-bottom: 50px;
	background-color: #cbeaf7;
	position: relative;
}
.block_a::before,
.block_a::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #54b8e6;
	position: absolute;
	left: 0;
	right: 0;
}
.block_a::before {top: 5px;}
.block_a::after {bottom: 5px;}
.block_a .inner_faq_a {
	width: calc(100% - 80px);
}
.block_a .txt_a {
	color: #333;
  font-size: var(--font26pt);
	font-weight: 400;
	line-height: 1 ;
	margin-bottom: 25px;
}
.block_a .txt_a em {
	color: #00947d;
  font-family: 'Noto Serif JP', serif;
	font-style: normal;
	font-weight: 800;
}
.block_a .kome {
	color: #333;
  font-size: var(--font16pt);
	font-weight: 400;
}
.ans_dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.ans_dl.__column {
	flex-direction: column;
}
.ans_dl .ans_dt {
	color: #00947d;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: var(--font20pt);
	font-weight: 400;
	text-align: center;
	line-height: 1;
	border: 1px solid #00947d;
	padding: 5px 10px 5px;
	margin-bottom: 10px;
}
.ans_dl.__column .ans_dt {
	margin-bottom: 0;
}
.ans_dl .ans_dd .bold,
.ans_dl .ans_dd {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: var(--font20pt);
	width: calc(100% - 3.8em);
	margin-bottom: 10px;
}
.ans_dl.__short .ans_dt {
	width: 2em;
}
.ans_dl.__short .ans_dd {
	width: calc(100% - 2.5em);
}
.ans_dl.__mdl .ans_dt {
	width: 6.2em;
}
.ans_dl.__mdl .ans_dd {
	width: calc(100% - 6.8em);
}
.ans_dl.__long .ans_dt {
	width: 8.2em;
}
.ans_dl.__long .ans_dd {
	width: calc(100% - 8.8em);
}
.ans_dl .ans_dd .bold,
.ans_dl .ans_dd.bold {
	color: #00947d;
	font-weight: 500;
}

@media screen and (max-width:640px) {
	.block_a {
		flex-direction: column;
		padding: min(6.4vw, 48px) min(5.2vw, 39px);
	}
	.block_a .inner_faq_a {
		width: 100%;
		margin-top: min(2vw, 15px);
	}
	.block_a .txt_a {
		font-size: clamp(2.3rem, 5.99vw, 4.6rem);
		margin-bottom: min(4vw, 30px);
	}
	.block_a .kome {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.ans_dl {
		align-items: flex-start;
	}
	.ans_dl .ans_dt {
		font-size: clamp(2rem, 5.21vw, 4rem);
		margin-top: .4em;
		padding: 3px 10px 5px;
	}
	.ans_dl .ans_dd .bold,
	.ans_dl .ans_dd {
		font-size: clamp(2rem, 5.21vw, 4rem);
	}
}
@media screen and (max-width:360px) {

}

/*content faq*/
.content_faq * {
  font-family: 'Noto Sans JP', sans-serif;
}
.txt_read {
	color: #333;
  font-size: var(--font16pt);
	font-weight: 400;
	line-height: 1.8;
	margin-bottom: 1.2em;
}
.content_faq .sec {margin-top: 50px;}
.content_faq .sec .block {margin-top: 25px;}
.sec .h2_faq {
	color: #333;
  font-size: var(--font20pt);
	font-weight: 500;
	background-color: #cbeaf7;
	padding: 7px 23px;
	margin-bottom: 25px;
}
.sec .txt {
	color: #333;
  font-size: var(--font16pt);
	font-weight: 400;
}
.sec .txt_s,
.sec .kome {
	color: #333;
  font-size: var(--font14pt);
	font-weight: 400;
}
.sec .list_li em,
.sec .kome em,
.sec .txt_s em,
.sec .txt em {
	font-style: normal;
	font-weight: 600;
}
.sec .h3_faq {
	color: #136eab;
  font-size: var(--font18pt);
	font-weight: 600;
	margin-bottom: 5px;
}
.sec .h4_faq {
	color: #333;
  font-size: var(--font18pt);
	font-weight: 600;
}
.sec .txt + .txt,
.sec * + .h4_faq {margin-top: 25px;}

.content_faq .list_ul {
	margin-left: 2em;
}
.content_faq .list_li {
	color: #333;
  font-size: var(--font16pt);
	font-weight: 400;
}

.content_faq .summary_dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 25px 0 15px;
}
.content_faq .summary_dl * {
	color: #333;
  font-size: var(--font16pt);
	font-weight: 400;
	margin-bottom: 10px;
}
.content_faq .summary_dl .suml_dt {
	text-align: center;
	width: 6em;
	padding: 3px 0 5px;
	border: 1px solid #333;
}
.content_faq .summary_dl .suml_dd {
	padding-top: 4px;
	width: calc(100% - 7em);
}
.content_faq .summary_dl.__mdl .suml_dt {
	width: 7.5em;
}
.content_faq .summary_dl.__mdl .suml_dd {
	width: calc(100% - 8.5em);
}
.content_faq .summary_dl.__long .suml_dt {
	width: 9em;
}
.content_faq .summary_dl.__long .suml_dd {
	width: calc(100% - 10em);
}

@media screen and (max-width:640px) {
	.txt_read {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec .h2_faq {
		font-size: clamp(2rem, 5.21vw, 4rem);
	}
	.sec .txt {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.sec .txt_s,
	.sec .kome {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
	}
	.sec .h4_faq,
	.sec .h3_faq {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	}
	.content_faq .summary_dl * {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
	}
	.content_faq .summary_dl .suml_dd {
		padding-top: 0;
	}
}

/*bottom bottn */
.faq_btm-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 8rem;
}
.faq_btm-btn .btn_inner {
	display: flex;
	flex-direction: column;
}
.faq_btm-btn .gra-btn {
	width: 400px;
	margin-bottom: 5px;
}
.faq_btm-btn .gra-btn + .gra-btn {
	margin-top: 25px;
}

.faq_btm-btn .txt_s {
	color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: var(--font14pt);
}

@media screen and (max-width:640px) {
	.faq_btm-btn .gra-btn {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		font-size: clamp(2rem, 5.21vw, 4rem);
		width: 90vw;
	}
	.faq_btm-btn .txt_s {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
	}
}