@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.qa_wrap{
	font-family: "Noto Sans JP", serif;
}

.ui_open_btn{
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.use_open_icon{
	position: absolute;
	right: 10px;
	top: 50%;
	width: 20px;
	height: 20px;
	border: 1px solid currentcolor;
	border-radius: 50%;
	transform: translateY(-50%);
}
.use_open_icon::before,.use_open_icon::after{
	content: '';
	position: absolute;
	left: 4px;
	top: calc(50% - 1px);
	width: 10px;
	height: 2px;
	background: currentColor;
}
.use_open_icon::before{
	transform: rotate(-90deg);
}
.ui_open_close{
	margin: 25px auto 0;
	width: 80px;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}
.ui_open_close:hover{
	opacity: 0.6;
	transition: 0.3s;
}
.ui_open_btn.is_on .use_open_icon::before{
	display: none;
}
.ui_open_box{
	display: none;
}

.qa_h1_box{
	background: #565a5b;
	padding: 20px 0;
	color: #fff;
	text-align: center;
}
.qa_img_lead{
	width: 24%;
	margin: 0 auto 15px;
}
.qa_h1_box h1{
	font-size: 1.1rem;
}
.qa_h1_box h1 strong{
	font-size: 1.8rem;
	color: #fff;
	display: inline-block;
	margin-top: 5px;
	line-height: 1.2;
}
.qa_top_navi li {
	margin-bottom: 10px;
}
.qa_top_navi li a{
	background: #565a5b;
	border-radius: 5px;
	padding: 6px 0;
	color: #fff;
	font-size: 0.93rem;
	font-weight: 500;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;
}
.qa_top_navi li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-65%) rotate(135deg);
}
.qa_sub_tit{
	background: #565a5b;
	padding: 10px;
}
.qa_line_tit{
	background: #fff;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
}
.qa_line_tit h2{
	font-size: 1.1875rem;
	color: #565a5b;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
	line-height: 1.3;
}
.qa_line_tit:last-child{
	padding-left: 25px;
}
.qa_img_h2{
	width: 34%;
}
.f1_col01:last-child{
	border-bottom: 1px #d2d2d2 solid;
}
.f1_type{
	background: #565a5b;
	border-radius: 5px;
	padding: 5px;
	justify-content: center;
	align-items: center;
}
.qa_img_type{
	width: 8%;
	margin-right: 10px;
}
.f1_type p{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}
.f1_type p span{
	font-size: 0.875rem;
}
.f1_col02{
	margin-right: 10%;
	align-items: center;
}
.f1_img01{
	width: 35%;
}
.f1_info01 .f1_linebox{
	border-bottom: 1px #d2d2d2 dashed;
	min-height: 80px;
	display: flex;
	align-items: center;
	padding-left: 10px;
}
.f1_hei01sp{
	min-height: 100px!important;
}
.f1_info01 .f1_linebox:last-child{
	border-bottom: none;
}
.f1_info01 p{
	font-size: 0.9rem;
	font-weight: bold;
	color: #565a5b;
}
.f1_info01 p span{
	color: #c92f19;
}
.cau_btn{
	background: #f1f1f1;
	border: 2px #d2d2d2 solid;
	padding: 10px 0;
	text-align: center;
	color: #565a5b;
}
.cau_contents{
	border: 2px #d2d2d2 solid;
	border-top: none;
	padding: 10px 10px 20px;
}
.cau_txt {
	font-size: 0.875rem;
	line-height: 1.7;
}
.cau_txt span{
	color: #878788;
}
.cau_txt span.cau_red{
	color: #c92f19;
}
.f1_box02 .f1_type{
	margin-bottom: 10px;
}
.f1_box02 .f1_type p{
	line-height: 1.2;
}
.f1_box02 .f1_info01 p{
	text-align: left!important;
}
.f1_gray_tit{
	background: #d2d2d2;
	padding: 3px 0;
	text-align: center;
	font-size: 1.1rem;
	color: #565a5b;
	font-weight: bold;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	min-height: 52px;
}
.f1_line01{
	border-bottom: 1px #d2d2d2 dashed;
	text-align: center;
	padding: 12px 30px 12px 10px;
	display: flex;
	align-items: center;
}
.f1_line01 p{
	width: 70%;
}
.f1_img02{
	width: 65%;
	margin-left: -30%;
}
.f1_line02{
	border-bottom: 1px #d2d2d2 dashed;
	text-align: center;
	padding: 8px 0 8px 10px;
}
.f1_line02.f1_line_s{
	padding: 5px 0 5px 10px;
}
.f1_flex_reverse p{
	width: 58%!important;
}
.f1_img03{
	width: 42%;
	margin-top: -23%;
}
.f1_img03_sp{
	margin-top: -15.5%;
}
.f1_info01 p.fea_noteS{
	color: #000;
	line-height: 1.5;
}
.f1_line03{
	border-bottom: 1px #d2d2d2 dashed;
	padding-top: 5px;
}
.f1_item_03{
	display: flex;
	align-items: center;
}
.f1_item_03 p{
	width: 76%;
	padding-left: 10px;
}
.f1_img04{
	max-width: 78px;
}
.f1_item_04{
	padding-top: 20px;
}
.f1_col05{
	padding: 20px 0 20px 10px;
}
.f1_col06{
	padding: 20px 0 20px 10px;
}
.f1_col07{
	border-bottom: 1px #d2d2d2 dashed;
	padding: 20px 0 20px 10px;
}
.f1_col08{
	border-bottom: 1px #d2d2d2 solid;
	padding: 20px 0 20px 10px;
}
.f1_line04{
	border-bottom: 1px #d2d2d2 dashed;
	display: flex;
	align-items: center;
	justify-content: center;
}
.f_btn01{
	margin-bottom: 80px;
}
.f_btn01 a{
	background: #f1f1f1;
	border: 1px #d2d2d2 solid;
	text-align: center;
	position: relative;
	display: block;
	color: #565a5b;
	text-decoration: none;
	padding: 4px 0 7px;
	font-weight: bold;
	line-height: 1.3;
}
.f_btn01 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f_btn01 a span{
	font-size: 0.875rem;
}
.f_btn02 a{
	background: #565a5b;
	padding: 5px 0;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.1rem;
	line-height: 1.5;
	position: relative;
	font-weight: bold;
	margin-bottom: 20px;
}
.f_btn02 a div{
	width: 7%;
	margin-right: 20px;
}
.f_btn02:last-child a div{
	width: 24%;
}
.f_btn02 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f_btn03{
	width: 100%;
}
.f_btn03 div{
	max-width: 92px;
	margin-right: 5px;
}
.f_btn03 a{
	background: #565a5b;
	padding: 10px 0;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.1rem;
	line-height: 1.5;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	min-height: 67px;
}
.f_btn03 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.fea_mb80{
	margin-bottom: 80px;
}
.idx_img_lead{
	width: 10%;
	margin-bottom: 5px;
}
.idx_titbox{
	padding-left: 12%;
	display: flex;
	flex-wrap: wrap;
}
.idx_txt01{
	font-size: 1.05em;
	color: #565a5b;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.idx_txt01 strong{
	color: #fff;
	background: #c92f19;
	padding: 0 20px 3px;
	margin: 0 5px 0 0;
	min-width: 110px;
	display: inline-block;
}
.idx_txt01 span{
	font-size: 0.75rem;
	font-weight: normal;
	color: #000;
}
.idx_fL{
	color: #565a5b;
}
.idx_tit01{
	justify-content: flex-end;
}
.idx_tit01 .qa_img_h2{
	margin-left: 10px;
}
.idx_tit_step{
	margin-bottom: 20px;
}
.idx_step{
	width: 23%;
	background: #565a5b;
	border-radius: 5px;
	font-size: 0.875rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.idx_step span{
	font-size: 1.25rem;
	margin-left: 5px;
}
.idx_tit02{
	width: 75%;
	border: 1px #565a5b solid;
	border-radius: 5px;
	padding: 5px 5px 5px 15px;
	font-size: 1.05rem;
	font-weight: bold;
	color: #565a5b;
	line-height: 1.4;
	min-height: 62px;
	display: flex;
	align-items: center;
}
.idx_box01{
	justify-content: flex-start;
}
.idx_col01{
	margin-bottom: 30px;
}
.idx_tit03{
	background: #d2d2d2;
	padding: 2px 15px 3px;
	color: #565a5b;
	font-weight: bold;
}
.idx_img01{
	margin-top: -2%;
}
.idx_img02{
	margin-top: -18%;
}
.idx_box02{
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.idx_tit04{
	background: #565a5b;
	color: #fff;
	padding: 2px 20px 3px;
	font-size: 1rem;
}
.idx_box02 .idx_fL{
	color: #000;
}
.qa_txt_orange{
	color: #e96000;
}
.qa_txt_blue{
	color: #009ee7;
}
.qa_txt_pink{
	color: #e2007f;
}
.idx_box03 .idx_tit03{
	width: 100%;
	min-height: 57px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.idx_unit{
	font-size: 0.75rem;
	text-align: right;
	display: block;
}
.idx_img03{
	width: 95.3%;
	margin-top: -10px;
}
.idx_box03 ul {
	margin: 0 3%;
}
.idx_box03 ul li{
	font-size: 0.875rem;
	margin-left: 1.7em;
	text-indent: -1.7em;
	line-height: 1.4;
}
.idx_txt04{
	border: 1px #231815 solid;
	padding: 5px 10px;
	font-size: 0.875rem;
	margin-bottom: 25px;
}
.idx_img04{
	width: 50%;
	margin: -10px auto 4px;
}
.idx_black{
	color: #000!important;
}
.idx_col05{
	padding-bottom: 10px;
}
.idx_col05:last-child{
	border-bottom: 1px #d2d2d2 solid;
}
.idx_col05 .idx_tit03{
	display: block;
	text-align: center;
}
.idx_box04 .idx_tit03{
	padding: 0 30px 1px;
	margin-bottom: 10px;
	display: inline-block;
}
.idx_box05{
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.idx_box05 li{
	width: 47%;
	margin-bottom: 10px;
}
.idx_box05 li:nth-child(2n){
	margin-right: 0;
}
.idx_box05 p{
	font-size: 0.875rem;
	line-height: 1.2;
}
.idx_tit05{
	background: #d2d2d2;
	color: #565a5b;
	padding: 5px 10px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}
.idx_img05{
	width: 60%;
	margin: 0 auto 10px;
}
.idx_img06{
	width: 65%;
	margin: 0 auto 10px;
}
.idx_box07{
	justify-content: flex-end;
	flex-direction: row-reverse;
}
.idx_img07{
	width: 70%;
	margin: 0 8% 10px 22%;
}
.f_ico01{
	max-width: 189px;
}
.f_btn02 a{
	min-height: 67px;
}
.f_btn02 span{
	font-size: 0.875rem;
	display: block;
	font-weight: normal;
	line-height: 1.5;
	text-align: center;
}
.idx_line_h2{
	padding-left: 10px!important;
	padding-right: 5px;
}
.idx_line_h2 .qa_img_h2{
	width: 40%;
}
.idx_note02{
	margin-left: 25%;
	display: block;
	line-height: 1.3;
}
.fea_mbL{
	margin-bottom: 50px;
}
.idx_bor_line{
	border: 1px #565a5b solid;
	margin-bottom: 50px;
}
.idx_txt05{
	padding: 10px 10px 0;
}
.idx_inner_sp{
	padding: 0 10px 10px;
}
.idx_txt02{
	font-size: 0.875rem;
}
.f_btn02 a div.idx_btn02{
	width: 60px;
	margin-right: 5px;
}
.f4_img_lead{
	width: 36%;
	margin-bottom: 5px;
}
.qa_h1_box h1 .fea_noteS{
	text-align: right;
	font-weight: normal;
	display: block;
	margin-right: 17%;
	margin-top: 10px;
}
.f4_col01{
	width: 35%;
	margin: 0 auto 20px;
}
.f4_col02{
	position: relative;
}
.f4_box01{
	align-items: center;
	margin-bottom: 40px;
}
.f4_btn01{
	position: absolute;
	background: #f1f1f1;
	border: 2px #d2d2d2 solid;
	color: #565a5b;
	font-size: 0.875rem;
	width: 58%;
	right: 0;
	bottom: 0;
	padding: 1.6vw 6% 1.6vw 1.5%;
	color: #565a5b!important;
	text-align: center;
	text-decoration: none!important;
	font-weight: bold;
}
.f4_btn01::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f4_col03{
	position: relative;
}
.f4_btn02{
	left: 38%;
	top: 41%;
	bottom: auto;
}
.f4_btn03{
	left: 17%;
	bottom: 0;
	width: 66%;
	padding: 7px 15px 7px 15px;
}
.f4_tit01 {
	background: #d2d2d2;
	padding: 2px 25px 1px;
	color: #565a5b;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.f4_col04{
	align-items: flex-end;
	margin-bottom: 30px;
}
.f4_item01{
	width: 52%;
	padding-top: 60px;
}
.f4_item02{
	width: 46%;
	font-size: 0.875rem;
}
.f4_txt01 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.f4_txt01 span{
	border: 1px #333 solid;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	display: flex;
	justify-content: center;
	margin-right: 5px;
	line-height: 1;
	font-size: 0.82rem;
}
.f4_txt01 p{
	color: #c92f19;
	font-weight: bold;
}
.f4_txt01 p strong{
	font-size: 1.1rem;
	color: #c92f19;
}
.f4_item03{
	width: 52%;
}
.f4_item04{
	width: 46%;
}
.f4_txt02{
	font-size: 0.875rem;
	font-weight: bold;
	color: #565a5b;
}
.f4_letter{
	border: 1px #c92f19 solid;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 3px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #c92f19;
	font-size: 0.82rem;
}
.f4_txt03{
	text-align: center;
	font-size: 0.75rem;
}
.f4_txt03 .f4_letter{
	border: 1px #000 solid;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
}
.f4_box03 .f4_btn01{
	position: relative;
	left: 0;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-right: 2vw;
}
.f4_item05{
	width: 54%;
}
.f4_item06{
	width: 45%;
}
.f_btn02.f_btn_check a div{
	width: 7%;
}
.f_btn02 a .f_ico02{
	width: 92px;
	margin-right: 5px;
}
.f4_btn01_sp{
	position: relative;
	left: 0;
	width: 66%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-right: 2vw;
}
.f4_red{
	color: #c92f19 !important;
	border-color: currentcolor !important;
}