@charset "utf-8";
/* CSS Document */

/*===================================
	共通パーツ
=====================================*/

h2.h2-midashi{
	font-size: 2.15rem;
	line-height: 1;
	letter-spacing: -0.01em;
	color: #f74701;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
}

h2.h2-midashi::before{
	content: '';
	display: inline-block;
	background: url("images/pages/midashi_line.webp")no-repeat;
	background-size: cover;
	width: 134px;
	aspect-ratio: 221 / 46;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

/*===================================
	.block01
=====================================*/

.block01{
	padding: 50px 0 97px;
}

.block01 .block_inner{
	width: 80.5555%;/*580*/
	margin: 0 auto;
}

.block01 .block_inner .kiyaku_wrap{
	margin-top: 25px;
	width: 100%;
	aspect-ratio: 580 / 600;
	border: 1px solid #c7c7c7;
	background: #f9f9f9;
	padding: 20px 7.7586% 18px 5.1724%;/*45 30*/
	box-sizing: border-box;
	overflow-y: auto;
}

/* スクロールバー全体 */
.block01 .block_inner .kiyaku_wrap::-webkit-scrollbar {
	width: 22px;   /* 縦スクロールの幅 */
}

/* スクロールバーのトラック（背景部分） */
.block01 .block_inner .kiyaku_wrap::-webkit-scrollbar-track {
	border-radius: 11px;
}

/* スクロールバーのつまみ */
.block01 .block_inner .kiyaku_wrap::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 11px;
	border: 8px solid #f9f9f9; /* ← トラックと同じ色でダミー余白を作る */	
}

.block01 .block_inner .kiyaku_wrap h3.h3-midashi{
	font-size: 1.4rem;
	line-height: 1;
	color: #f74701;
}

.block01 .block_inner .kiyaku_wrap .kiyaku_txt_area{
	margin-top: 10px;
}

.block01 .block_inner .kiyaku_wrap .kiyaku_txt_area + .kiyaku_txt_area{
	margin-top: 16px;
}

.block01 .block_inner .kiyaku_wrap .kiyaku_txt_area.mt01{
	margin-top: 12px;
}

.block01 .block_inner .kiyaku_wrap .kiyaku_txt_area.mt02{
	margin-top: 30px;
}

.block01 .block_inner .kiyaku_wrap .kiyaku_txt_area p{
	font-size: 1.15rem;
	line-height: 1.4782;
	color: #333333;
	text-align: justify;
}

.block01 .block_inner .btn_wrap{
	width: 81.0344%;/*470*/
	margin: 26px auto 0;
	display: flex;
	flex-direction: column;
	gap: 14px 0;
}

.block01 .block_inner .btn_wrap .bk_btn,
.block01 .block_inner .btn_wrap .next_btn{
	width: 100%;
}

.block01 .block_inner .btn_wrap .bk_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	border: 1px solid #000000;
	border-radius: 6px;
	background: url("images/pages/link_ico02.webp")no-repeat #a8a8a8 left 10.6382% center;/*50*/
	background-size: 8px auto;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	padding-left: 34.6808%;/*163*/
	box-sizing: border-box;
}

.block01 .block_inner .btn_wrap .next_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	border: 1px solid #000000;
	border-radius: 8px;
	background: url("images/pages/link_ico01.webp")no-repeat #f74701 right 10.6382% center;/*50*/
	background-size: 8px auto;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	padding-left: 37.8723%;/*178*/
	box-sizing: border-box;
}

/*===================================
	.form_block01
=====================================*/

.wpcf7-form-control-wrap,
.wpcf7-form-control.wpcf7-acceptance,
.wpcf7-list-item{
    display: contents !important; /* 子要素だけ表示 */
	margin: 0 !important;
}

.form_block01{
	padding: 50px 0 194px;
}

.form_block01 .block_inner{
	width: 90.2777%;/*650*/
	margin: 0 auto;
}

.form_block01 .block_inner p.form_txt01{
	font-size: 1.35rem;
	line-height: 1;
	color: #333333;
	text-align: center;
	margin-top: 19px;
}

.form_block01 .block_inner p.form_txt01.thx_txt{
	line-height: 1.5;
	margin-top: 35px;
	text-align: justify;
}
.form_block01 .block_inner .step_wrap{
	margin-top: 18px;
}

.form_block01 .block_inner .thx_txt + .step_wrap{
	margin-top: 50px;
}

.form_block01 .block_inner .step_wrap ul.form_step{
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.form_block01 .block_inner .step_wrap ul.form_step li{
	width: 31.8461%;/*207*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5.15rem;
	border: 0.15rem solid #969696;
	border-radius: 3px;
	background: #e6e6e6;
	font-size: 1.25rem;
	line-height: 1.236;
	color: #7f8282;
	text-align: center;
	box-sizing: border-box;
}

.form_block01 .block_inner .step_wrap ul.form_step li.on{
	border: 0.15rem solid #f74701;
	background: #f74701;
	color: #fff;
}

.form_block01 .block_inner .form_wrap{
	margin-top: 30px;
}

.form_block01 .block_inner .form_wrap .form_area01{
	width: 100%;
}

.form_block01 .block_inner .form_wrap .form_area01 + .form_area01{
	margin-top: 36px;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_midashi{
	width: 100%;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_midashi p{
	display: flex;
	align-items: center;
	width: 100%;
	height: 40px;
	background: #fff5f2;
	border: 1px solid #f74701;
	border-radius: 20px;
	padding-left: 8.3076%;/*54*/
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #f74701;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content{
	width: 95.8461%;/*623*/
	margin: 42px auto 0;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content + .form_content{
	margin-top: 30px;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .koumoku{
	width: 100%;
	display: flex;
	align-items: center;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .koumoku .mark{
	width: 11.4494%;/*78.2*/
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .koumoku .mark p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 2.45rem;
	background: #aeaeae;
	border-radius: 4px;
	font-size: 1.331rem;
	line-height: 1;
	color: #fff;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .koumoku .mark.hissu p{
	background: #ec2028;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .koumoku p.koumoku_name{
	width: calc(100% - 11.4494%);/*-78.2*/
	padding-left: 2.7287%;
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 1;
	color: #333333;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area{
	width: 100%;
	margin-top: 1.25rem;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area input[type="text"],
.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area input[type="email"]{
	width: 100%;
	height: 40px;
	border: 1px solid #949494;
	padding: 0 1em;
	box-sizing: border-box;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	color: #333;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area textarea{
	width: 100%;
	height: 125px;
	border: 1px solid #949494;
	padding: 0.5em 1em;
	box-sizing: border-box;
	font-size: 1.6rem;
	line-height: 1.50;
	letter-spacing: 0.05em;
	color: #333;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area p.ex_txt{
	margin-top: 0.75rem;
	font-size: 1.25rem;
	line-height: 1.6;
	color: #575757;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area p.rule_txt{
	margin-top: 15px;
	font-size: 1.3rem;
	line-height: 1.75;
	color: #353535;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area p.rule_txt span{
	color: #ec2028;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .flex_input_area{
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .flex_input_area select{
	width: 100%;
	height: 40px;
	border: 1px solid #000000;
	border-radius: 5px;
	background: url("images/pages/select_ico.webp")no-repeat #fff right 4.8154% center;/*30*/
	background-size: 13px auto;
	padding-left: 1em;
	box-sizing: border-box;
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .flex_input_area02{
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .flex_input_area02 p.ex_txt02{
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1;
	color: #333333;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area{
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area + .c_area{
	margin-top: 15px;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area .wpcf7-list-item{
	display: block !important;
	width: 100%;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area label{
	width: 100%;
	display: flex;
	align-items: center;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area input{
	width: 7.2231%;/*45*/
	aspect-ratio: 30 / 30;
	border: 1px solid #949494;
	background: #f9f9f9;
	box-sizing: border-box;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area span.wpcf7-list-item-label{
	width: calc(100% - 7.2231%);
	padding: 0 0 0 0.5em;
	box-sizing: border-box;
	font-size: 1.3rem;
	line-height: 1.35;
	color: #333333;
}

.form_block01 .block_inner .form_wrap .form_area01 .form_content .input_area .c_area .wpcf7-list-item + .wpcf7-list-item label{
	margin-top: 15px;
}

.form_block01 .block_inner .form_wrap .submit_btn{
	width: 72.3076%;/*470*/
	margin: 40px auto 0;
}

.form_block01 .block_inner .form_wrap .submit_btn input{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	background: url("images/pages/link_ico01.webp")no-repeat #f74701 right 10.6382% center;/*50*/
	background-size: 8px auto;
	border: 1px solid #000000;
	border-radius: 6px;
	padding-left: 34.8936%;/*164*/
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1;
	text-align: left;
	color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
}

.form_block01 .block_inner .top_btn{
	width: 72.3076%;/*470*/
	margin: 50px auto 0;
}

.form_block01 .block_inner .top_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;
	background: url("images/pages/link_ico01.webp")no-repeat #f74701 right 10.6382% center;/*50*/
	background-size: 8px auto;
	border: 1px solid #000000;
	border-radius: 6px;
	padding-left: 30.8510%;/*145*/
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1;
	text-align: left;
	color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
}

.codedropz-btn-wrap{
	margin: 15px auto;
}

.codedropz-btn-wrap a.cd-upload-btn{
	font-weight: 700;
	color: #f74701;
	background: #fff5f2;
	padding: 0.25em 2.0em;
	border: 1px solid #c5c5c5;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 3px 3px 0px 0px rgba(197, 197, 197, 1) !important;
}