@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: 20px;
	top: 50%;
	width: 34px;
	height: 34px;
	border: 2px solid currentcolor;
	border-radius: 50%;
	transform: translateY(-50%);
}
.use_open_icon::before,.use_open_icon::after{
	content: '';
	position: absolute;
	left: 5px;
	top: calc(50% - 2px);
	width: 20px;
	height: 4px;
	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;
	height: 350px;
	padding-top: 30px;
	color: #fff;
	text-align: center;
}
.qa_img_lead{
	width: 14.2%;
	max-width: 179px;
	margin: 0 auto 20px;
}
.qa_h1_box h1{
	font-size: 1.8rem;
	line-height: 1.9;
}
.qa_h1_box h1 strong{
	font-size: 3.6rem;
	color: #fff;
	display: inline-block;
	line-height: 1.2;
}
.qa_top_navi li {
	width: calc((100% - 60px)/2);
}
.qa_top_navi li a{
	background: #565a5b;
	border-radius: 10px;
	padding: 20px 0 22px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;
	line-height: 1.1;
}
.qa_top_navi li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 13px;
	height: 13px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: translateY(-65%) rotate(135deg);
}
.qa_sub_tit{
	background: #565a5b;
	padding: 40px;
}
.qa_line_tit{
	background: #fff;
	border-radius: 20px;
	justify-content: center;
	align-items: center;
}
.qa_line_tit h2{
	font-size: 2.5rem;
	color: #565a5b;
	font-weight: bold;
}
.f1_col01{
	width: 33%;
	position: relative;
}
.f1_col01:nth-child(2){
	width: 35%;
}
.f1_col01:nth-child(3){
	width: 32%;
}
.f1_col01::after{
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 dashed;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
}
.f1_col01:last-child::after{
	border-right: none;
}
.f1_type{
	background: #565a5b;
	border-radius: 10px;
	padding: 5px;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	margin-right: 5.4%;
	min-height: 79px;
}
.f1_col01:nth-child(2) .f1_type{
	margin-right: 4.3%;
	margin-left: 3.8%;
}
.f1_col01:nth-child(3) .f1_type{
	margin-left: 4%;
	margin-right: 0;
}
.qa_img_type{
	margin-right: 20px;
	max-width: 39px;
}
.f1_type p{
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
}
.f1_type p span{
	font-size: 1.2rem;
}
.f1_col02{
	flex-direction: column-reverse;
	flex-wrap: wrap;
}
.f1_info01,
.f1_img01{
	width: 100%;
	text-align: center;
}
.f1_info01 .f1_linebox{
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 3px #d2d2d2 solid;
	min-height: 130px;
}
.f1_info01 p{
	font-size: 1.2rem;
	font-weight: bold;
	color: #565a5b;
}
.f1_info01 p span{
	color: #c92f19;
}
.f1_img01 img{
	width: 198px;
	margin: 0 auto;
}
.cau_btn{
	background: #f1f1f1;
	border: 3px #d2d2d2 solid;
	padding: 20px 0;
	font-size: 1.25rem;
	text-align: center;
	color: #565a5b;
}
.cau_contents{
	border: 3px #d2d2d2 solid;
	border-top: none;
	padding: 20px 35px;
}
.cau_txt {
	line-height: 1.7;
	color: #231815;
}
.cau_txt span{
	color: #878788;
}
.cau_txt span.cau_red{
	color: #c92f19;
}
.f1_col03{
	width: 67.5%;
	position: relative;
}
.f1_col03::after{
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 dashed;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
}
.f1_col04{
	width: 32.5%;
}
.f1_box02 .f1_type{
	margin-bottom: 10px;
}
.f1_box02 .f1_type p span{
	margin-left: 15px;
}
.f1_col03 .f1_type{
	margin-right: 2.4%;
}
.f1_col04 .f1_type{
	margin-left: 4%;
	margin-right: 0;
}
.f1_item_01{
	width: 50%;
	position: relative;
}
.f1_item_01::after{
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 dashed;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
}
.f1_item_02{
	width: 50%;
}
.f1_gray_tit{
	background: #d2d2d2;
	padding: 5px 0;
	text-align: center;
	font-size: 1.2rem;
	color: #565a5b;
	font-weight: bold;
	line-height: 1.4;
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.f1_item_01 .f1_gray_tit{
	margin-right: 5%;
}
.f1_item_02 .f1_gray_tit{
	margin-left: 4%;
	margin-right: 4.6%;
}
.f1_line01{
	border-bottom: 3px #d2d2d2 solid;
	min-height: 332px;
	text-align: center;
	padding-top: 20px;
}
.f1_img02{
	width: 68%;
	max-width: 270px;
	margin: 0 auto;
}
.f1_line02{
	border-bottom: 3px #d2d2d2 solid;
	min-height: 400px;
	text-align: center;
	padding-top: 20px;
}
.f1_img03{
	width: 66%;
	max-width: 261px;
	margin: 0 auto;
}
.f1_info01 p.fea_noteS{
	color: #000;
	line-height: 1.5;
}
.f1_col04 .f1_gray_tit{
	margin-left: 5%;
}
.f1_line03{
	border-bottom: 3px #d2d2d2 solid;
	min-height: 114px;
	padding-top: 6px;
}
.f1_item_03{
	display: flex;
	justify-content: center;
	align-items: center;
}
.f1_item_03 p{
	margin-right: 20px;
}
.f1_img04{
	max-width: 98px;
}
.f1_item_04{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0;
}
.f1_col05{
	width: 33.8%;
	position: relative;
}
.f1_col05::after{
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 dashed;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
}
.f1_col06{
	width: 66.2%;
}
.f1_line04{
	border-bottom: 3px #d2d2d2 solid;
	min-height: 114px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.f_btn01{
	margin-bottom: 100px;
}
.f_btn01 a{
	background: #f1f1f1;
	border: 3px #d2d2d2 solid;
	font-size: 1.25rem;
	text-align: center;
	position: relative;
	display: block;
	color: #565a5b;
	text-decoration: none;
	padding: 4px 0 7px;
	font-weight: bold;
}
.f_btn01 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 27px;
	width: 16px;
	height: 16px;
	border-top: 4px solid currentColor;
	border-right: 4px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f_btn01 a span{
	font-size: 1rem;
}
.f_btn02 {
	width: 49%;
}
.f_btn02 a{
	background: #565a5b;
	padding: 5px 0 7px;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.75rem;
	line-height: 1.5;
	position: relative;
	font-weight: bold;
	min-height: 104px;
}
.f_btn02 a div{
	margin-right: 30px;
}
.f_btn02 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 16px;
	height: 16px;
	border-top: 4px solid currentColor;
	border-right: 4px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f_btn02 a p{
	line-height: 1.4;
}
.f_btn02 a img{
	width: auto;
	max-height: 90px;
}
.f_btn03{
	width: 100%;
}
.f_btn03 img{
	width: auto;
}
.f_btn03 a{
	justify-content: center;
	background: #565a5b;
	padding: 21px 0;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.75rem;
	line-height: 1.5;
	position: relative;
	display: flex;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.f_btn03 a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	width: 16px;
	height: 16px;
	border-top: 4px solid currentColor;
	border-right: 4px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.fea_mb80{
	margin-bottom: 80px;
}
.fea_mb100{
	margin-bottom: 100px!important;
}
.fea_mbL{
	margin-bottom: 120px!important;
}
.f1_flex_reverse{
	display: flex;
	flex-direction: column-reverse;
}
.idx_img_lead{
	width: 6%;
	max-width: 73px;
}
.idx_titbox{
	display: flex;
	justify-content: center;
}
.idx_txt01{
	font-size: 1.8rem;
	color: #565a5b;
	text-align: center;
	font-weight: bold;
	margin-bottom: 15px;
}
.idx_txt01 strong{
	color: #fff;
	background: #c92f19;
	padding: 0 20px 3px;
	margin: 0 10px;
}
.idx_txt01 span{
	font-size: 0.75rem;
	font-weight: normal;
	color: #000;
}
.idx_fL{
	font-size: 1.25rem;
	color: #565a5b;
}
.idx_tit01{
	justify-content: flex-end;
}
.idx_tit01 .qa_img_h2{
	margin-left: 100px;
}
.idx_tit_step{
	margin-bottom: 25px;
}
.idx_step{
	width: 21%;
	background: #565a5b;
	border-radius: 10px;
	font-size: 1.75rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.idx_step span{
	font-size: 2.5rem;
	margin-left: 10px;
	margin-bottom: 8px;
}
.idx_tit02{
	width: 78%;
	border: 3px #565a5b solid;
	border-radius: 10px;
	padding: 15px 40px;
	font-size: 1.75rem;
	font-weight: bold;
	color: #565a5b;
	line-height: 1.6;
}
.idx_tit02 span{
	font-size: 0.75rem;
	margin-left: 10px;
	color: #000;
	font-weight: normal;
}
.idx_box01{
	justify-content: flex-start;
}
.idx_col01{
	width: 44%;
	margin-right: 4%;
}
.idx_col02{
	width: 46%;
}
.idx_tit03{
	background: #d2d2d2;
	padding: 4px 40px 5px;
	font-size: 1.25rem;
	color: #565a5b;
	font-weight: bold;
}
.idx_img01{
	width: 85.4%;
	margin-left: auto;
}
.idx_img02{
	width: 71.6%;
	margin-left: auto;
	margin-top: -30px;
}
.idx_box02{
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.idx_tit04{
	background: #565a5b;
	color: #fff;
	padding: 4px 20px 5px;
	margin-right: 15px;
	font-size: 1.25rem;
}
.idx_box02 .idx_fL{
	color: #000;
}
.qa_txt_orange{
	color: #e96000;
}
.qa_txt_blue{
	color: #009ee7;
}
.qa_txt_pink{
	color: #e2007f;
}
.idx_col03{
	width: 61%;
	position: relative;
}
.idx_col03::after {
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 solid;
	right: -27px;
	top: 0;
	width: 3px;
	height: 100%;
}
.idx_col04{
	width: 35%;
}
.idx_box03{
	margin-bottom: 80px;
}
.idx_box03 .idx_tit03{
	display: block;
	width: 100%;
	text-align: center;
}
.qa_num_small{
	font-size: 80%;
}
.idx_unit{
	font-size: 0.875rem;
	text-align: right;
	display: block;
	min-height: 26px;
}
.idx_img03{
	width: 95.3%;
	margin-top: -10px;
}
.idx_txt03 {
	justify-content: flex-start;
}
.idx_txt03 ul{
	width: 42%;
}
.idx_txt03 ul:last-child{
	width: 46%;
}
.idx_txt04{
	border: 1px #231815 solid;
	padding: 5px 15px;
	display: inline-block;
}
.idx_img04{
	width: 46.1%;
	margin: -10px auto 4px;
}
.idx_black{
	color: #000!important;
}
.idx_col05{
	width: 31.36%;
	position: relative;
}
.idx_col05::after {
	content: "";
	position: absolute;
	border-right: 3px #d2d2d2 solid;
	right: -20px;
	top: 0;
	width: 3px;
	height: 100%;
}
.idx_col05 .idx_tit03{
	display: block;
	text-align: center;
}
.idx_col05:last-child::after{
	border-right: none;
}
.idx_box04 .idx_tit03{
	padding: 4px 55px 5px;
	margin-bottom: 10px;
	display: inline-block;
}
.idx_box05{
	justify-content: flex-start;
	margin-bottom: 20px;
}
.idx_box05 li{
	width: 20.6%;
	margin-right: 4%;
}
.idx_box05 li:last-child{
	margin-right: 0;
}
.idx_tit05{
	background: #d2d2d2;
	color: #565a5b;
	padding: 5px 15px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}
.idx_col06{
	width: 45%;
}
.idx_img05{
	width: 41.1%;
	margin: 0 auto;
}
.idx_col07{
	width: 46%;
}
.idx_img06{
	width: 38.8%;
}
.idx_box07{
	justify-content: flex-end;
	flex-direction: row-reverse;
}
.idx_col08{
	width: 71%;
	margin-right: 10px;
}
.idx_img07{
	width: 21.3%;
	margin-top: -15%;
}
.idx_note01{
	width: 71%;
}
.f_ico01{
	max-width: 189px;
}
.f_btn_L{
	font-size: 2.5rem;
}
.f_btn02 span{
	font-size: 1rem;
	display: block;
	font-weight: normal;
	line-height: 1.5;
}
.f4_img_lead{
	width: 22%;
	max-width: 281px;
	margin-bottom: 30px;
}
.qa_h1_box h1 .fea_noteS{
	text-align: right;
	font-weight: normal;
	display: block;
	margin-right: 17%;
	margin-top: 10px;
}
.f4_col01{
	margin: 0 auto;
	padding-right: 2%;
	max-width: 200px;
	width: 17.26%;
}
.f4_col02{
	width: 78.44%;
	max-width: 1000px;
	position: relative;
}
.f4_box01{
	align-items: center;
	margin-bottom: 40px;
}
.f4_btn01{
	position: absolute;
	background: #f1f1f1;
	border: 4px #d2d2d2 solid;
	color: #565a5b;
	font-size: 1.125rem;
	width: 27%;
	left: 45%;
	bottom: 0;
	padding: 12px 20px 12px 5px;
	color: #565a5b!important;
	text-align: center;
	text-decoration: none!important;
	font-weight: bold;
}
.f4_btn01::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 11px;
	height: 11px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}
.f4_col03{
	position: relative;
}
.f4_btn02{
	left: 17.85%;
	width: 21.2%;
}
.f4_btn03{
	left: 60.6%;
	width: 21.2%;
}
.f4_tit01 {
	background: #d2d2d2;
	padding: 4px 25px 5px;
	font-size: 1.25rem;
	color: #565a5b;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.f4_col04{
	width: 50%;
	position: relative;
}
.f4_col04::after {
	content: "";
	position: absolute;
	border-right: 4px #d2d2d2 dashed;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
}
.f4_col05{
	width: 47%;
	justify-content: flex-start;
}
.f4_item01{
	width: 44%;
	padding-top: 60px;
}
.f4_item02{
	width: 52%;
	font-size: 1.25rem;
}
.f4_txt01 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.f4_txt01 span{
	border: 1px #333 solid;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	line-height: 1.3;
}
.f4_txt01 p{
	color: #c92f19;
	font-weight: bold;
}
.f4_txt01 p strong{
	font-size: 1.5rem;
	color: #c92f19;
}
.f4_item03{
	width: 43.9%;
	margin-right: 4%;
}
.f4_item04{
	width: 43.4%;
}
.f4_txt02{
	font-size: 1.25rem;
	font-weight: bold;
	color: #565a5b;
}
.f4_letter{
	border: 1px #c92f19 solid;
	border-radius: 12px;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 0 3px;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	color: #c92f19;
	font-size: 1.1rem;
}
.f4_txt03{
	text-align: center;
}
.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: 21.2%;
	display: inline-block;
}
.f4_item05{
	width: 46.1%;
}
.f4_item06{
	padding-top: 15px;
}
.f4_red{
	color: #c92f19 !important;
	border-color: currentcolor !important;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) { /*PAD*/
	.qa_h1_box h1 strong{
		font-size: 3rem;
	}
	.qa_h1_box h1 .fea_noteS{
		margin-right: 9%;
	}
	.f4_btn01{
		font-size: 0.93rem;
		padding: 10px 20px 10px 10px;
	}
	.f4_btn01::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		border-top: 3px solid currentColor;
		border-right: 3px solid currentColor;
	}
	.idx_tit02{
		font-size: 1.3rem;
	}
	.f4_item02,
	.f4_txt02,
	.f4_txt03{
		font-size: 0.875rem;
	}
	.f4_item03{
		width: 50%;
	}
	.f_btn02 a,
	.f_btn03 a{
		font-size: 1.2rem;
	}
	.qa_sub_tit{
		padding: 20px 0;
	}
	.f1_type p,
	.f1_info01 p{
		font-size: 1rem;
	}
	.f_ico01{
		max-width: 120px;
	}
	.qa_top_navi li a{
		font-size: 1.1rem;
	}
	.qa_line_tit h2{
		font-size: 1.8rem;
	}
	.idx_tit01 .qa_img_h2{
		width: 40%;
		margin-left: 5%;
	}
	.idx_tit02 span{
		display: block;
		margin-left: 0;
	}
	.idx_col05::after{
		right: -13px;
	}
	.idx_col03::after{
		right: -19px;
	}
	.idx_fL{
		font-size: 1rem;
	}
	.f_btn_L {
		font-size: 1.6rem;
	}
	.f_btn03 img{
		width: 60%;
	}
	.f_btn02 a div{
		width: 8%;
		margin-right: 10px;
	}
	.f_btn02 a div.f_ico01{
		width: 26%;
		margin-right: 10px;
	}
	.f_btn02 a div.idx_btn02 {
		margin-right: 10px;
		width: 16%;
	}
	
	
	
	
}