@charset "utf-8";
/* CSS Document */

.page_tit_wrap.pattern01 .page_tit::before{
	height: 10.45rem;
}

.page_tit_wrap.pattern01 .page_tit h2.page_title{
	padding-top: 4px;
	line-height: 1.2105;
}

h2.h2-midashi.confirm{
	line-height: 1.35;
}

/*===================================
	.block01
=====================================*/

.block01{
	padding: 33px 0 40px;
}

.block01 .block_inner{
	width: 83.3333%;/*600*/
	margin: 0 auto;
}

.block01 .block_inner .txt_area{
	margin-top: 19px;
}

.block01 .block_inner .txt_area p.large_txt{
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 0.2em;
	color: #026a9e;
	text-align: center;
}

.block01 .block_inner .txt_area p.txt01{
	margin-top: 1.15rem;
	font-size: 1.3rem;
	line-height: 1.7307;
	letter-spacing: 0.1em;
	color: #333333;
}

.block01 .block_inner .contact_area01{
	margin-top: 28px;
	width: 100%;
	border: 1px solid #026a9e;
	border-radius: 1.25rem;
	padding: 17px 0 3.25rem;
}

.block01 .block_inner .contact_area01 .flex_area{
	width: 88.3333%;/*530*/
	margin: 0 auto;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area{
	width: 100%;
	text-align: center;
	padding-bottom: 18px;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area + .tel_area{
	border-top: 1px solid #026a9e;
	padding-top: 21px;
	padding-bottom: 0;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area p.tel_head{
	font-size: 1.35rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
	margin-bottom: 7px;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area a.tel_num{
	font-size: 3.19rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #026a9e;
	display: flex;
	justify-content: center;
	align-items: center;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area a.tel_num::before{
	content: '';
	background: url("../images/contact/tel_ico.webp")no-repeat;
	background-size: cover;
	width: 8.1132%;/*43*/
	height: auto;
	aspect-ratio: 34 / 41;
	margin-right: 4.3396%;/*23*/
	position: relative;
	top: -2px;
}

.block01 .block_inner .contact_area01 .flex_area .tel_area p.tel_txt{
	margin-top: 1.05rem;
	font-size: 1.15rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #333333;
}

.block01 .block_inner .contact_area01 .flex_area .link_area{
	width: 100%;
	margin-top: 21px;
}

.block01 .block_inner .contact_area01 .flex_area .link_area .anchor_btn{
	width: 100%;
}

.block01 .block_inner .contact_area01 .flex_area .link_area .anchor_btn a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 42px;
	border-radius: 21px;
	background: url("../images/contact/anchor_ico.webp")no-repeat #ef7c1d right 5.0943% center;/*27*/
	background-size: 7.3584% auto;/*39*/
	padding-left: 29.4339%;/*156*/
	box-sizing: border-box;
	font-size: 1.3rem;
	line-height: 1;
	color: #fff;
	box-shadow: 5px 5px 4px rgba(140, 211, 242, 0.45);
	position: relative;
}

.block01 .block_inner .contact_area01 .flex_area .link_area .anchor_btn a::before{
	content: '';
	background: url("../images/contact/mail_ico.webp")no-repeat;
	background-size: cover;
	width: 9.0566%;/*48*/
	height: auto;
	aspect-ratio: 38 / 28;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 11.6981%;/*62*/
}

/*===================================
	.block02
=====================================*/

.block02{
	padding: 56px 0 68px;
	background: #f0f5f7;
	position: relative;
	z-index: 0;
}

.block02.no-bg{
	background: none;
}

.block02:not(.no-bg)::before{
	content: '';
	background: url("../images/contact/sp-b02_parts.webp")no-repeat;
	background-size: 100% 100%;
	width: 111.25%;/*801*/
	height: 24.15rem;
	position: absolute;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.block02 .block_inner{
	width: 83.3333%;/*600*/
	margin: 0 auto;
}

.block02 .block_inner p.form_txt01{
	margin-top: 15px;
	font-size: 1.3rem;
	line-height: 1.7307;
	letter-spacing: 0.1em;
	color: #333333;
}

.block02 .block_inner p.form_txt01.color-red{
	color: #e81c24;
}

.block02 .block_inner .form_step_area{
	margin-top: 21px;
}

.block02 .block_inner .form_step_area p.step_txt{
	font-size: 1.3rem;
	line-height: 1.3461;
	color: #026a9e;
	text-align: center;
}

.block02 .block_inner .form_step_area ul.step_list{
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin-top: 2.35rem;
}

.block02 .block_inner .form_step_area ul.step_list li{
	width: 31.5%;/*189*/
}

.block02 .block_inner .form_step_area ul.step_list li p{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 4.25rem;
	border-radius: 1.75rem;
	background: #026a9e;
	font-size: 1.15rem;
	line-height: 1.3043;
	color: #fff;
	text-align: center;
}

.block02 .block_inner .form_step_area ul.step_list li.on p{
	background: #f28e1e;
}

/**/

.block02 .block_inner .form_wrap{
	width: 100%;/*1000*/
	margin-top: 16px;
	padding-top: 19px;
	border-top: 1px solid rgba(2,106,158,0.5);
}

.block02 .block_inner .form_wrap .form_contents{
	width: 100%;
	margin: 0 auto;
}

.block02 .block_inner .form_wrap .form_contents + .form_contents{
	margin-top: 32px;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area{
	width: 100%;
	display: flex;
	align-items: center;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area.mt-15{
	margin-top: 34px;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area .must{
	width: 13.0%;/*78*/
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area .must p{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 25px;
	background: #ec2028;
	border-radius: 4px;
	font-size: 1.331rem;
	line-height: 1;
	color: #fff;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area .must.any p{
	background: #aeaeae;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area .koumoku{
	width: calc(100% - 13.0%);/*78*/
	padding-left: 0.5185em;/*7*/
	box-sizing: border-box;
}

.block02 .block_inner .form_wrap .form_contents.confirm .koumoku_area .koumoku{
	padding-left: 0;
}

.block02 .block_inner .form_wrap .form_contents .koumoku_area .koumoku p{
	font-size: 1.4rem;
	line-height: 25px;
	color: #353535;
}

.block02 .block_inner .form_wrap .form_contents .detail_area{
	width: 100%;
	margin-top: 11px;
}

.block02 .block_inner .form_wrap .form_contents .detail_area select,
.block02 .block_inner .form_wrap .form_contents .detail_area input[type=text],
.block02 .block_inner .form_wrap .form_contents .detail_area input[type=email],
.block02 .block_inner .form_wrap .form_contents .detail_area input[type=tel],
.block02 .block_inner .form_wrap .form_contents .detail_area textarea{
	width: 100%;
}

.block02 .block_inner .form_wrap .form_contents .detail_area select{
	height: 40px;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 5px;
	background: url("../images/contact/select_ico.webp")no-repeat #fff right 5.8333% center;/*35*/
	background-size: 4.3333% auto;/*26*/
	padding: 0 11.0% 0 4.1666%;/*66 25*/
	box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: #000;
}

.block02 .block_inner .form_wrap .form_contents .detail_area input[type=text],
.block02 .block_inner .form_wrap .form_contents .detail_area input[type=email],
.block02 .block_inner .form_wrap .form_contents .detail_area input[type=tel]{
	height: 40px;
	border: 1px solid rgba(148,148,148,0.5);
	font-size: 1.4rem;
	padding: 0 1em;
	box-sizing: border-box;
}

.block02 .block_inner .form_wrap .form_contents .detail_area textarea{
	height: 15.85rem;
	border: 1px solid rgba(157,165,168,0.5);
	padding: 1em;
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 1.5;
}

.block02 .block_inner .form_wrap .form_contents .detail_area p.exa_txt{
	font-size: 1.25rem;
	line-height: 1;
	color: #575757;
	margin-top: 7px;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .flex_input{
	position: relative;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .flex_input p.input_txt{
	font-size: 1.1rem;
	line-height: 1;
	color: #333333;
	position: absolute;
	top: -17px;
	transform: translateY(-100%);
	right: 0;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area{
	padding: 10px 0 5px;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area input[type=checkbox]{
	display: none;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area label.check01{
	display: inline-block;
	width: 100%;
	padding-left: 16.3333%;/*98*/
	box-sizing: border-box;
	font-size: 1.5rem;
	line-height: 1.3333;
	color: #333;
	position: relative;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area label.check01::before{
	content: '';
	background: #fff;
	width: 9.1666%;/*55*/
	height: auto;
	aspect-ratio: 1 / 1;
	border: 1px solid rgba(148,148,148,0.5);
	position: absolute;
	top: -3px;
	left: 4.5833%;/*27.5*/
	z-index: 1;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area label.check01::after{
	content: '';
	background: #026a9e;
	width: 5.8333%;/*35*/
	height: auto;
	aspect-ratio: 1 / 1;
	opacity: 0;
	position: absolute;
	top: 3px;
	left: calc(9.1666% / 2 + 4.5833%);
	transform: translateX(-50%);
	z-index: 1;
}

.block02 .block_inner .form_wrap .form_contents .detail_area .check_area input[type=checkbox]:checked + .check01::after {
    opacity: 1 !important;
}

.block02 .block_inner .form_wrap .form_contents .privacy_wrap{
	margin-top: 1.05rem;
	width: 100%;
	height: 145px;
	border: 1px solid rgba(199,199,199,0.5);
	padding: 12px 7.3333% 9px 4.1666%;/*44 25*/
	box-sizing: border-box;
	overflow-y: scroll;
	background: #fff;
}

.block02 .block_inner .form_wrap .form_contents .privacy_wrap p.p_txt01{
	font-size: 1.25rem;
	line-height: 1.28;
	color: #3f2a14;
}

.block02 .block_inner .form_wrap .form_contents .privacy_wrap p.p_txt02{
	font-size: 1.15rem;
	line-height: 1.4782;
	color: #000;
	text-align: justify;
	margin-top: 9px;
}

.block02 .block_inner .form_wrap .form_contents .privacy_wrap p.p_txt02 + p.p_txt02{
	margin-top: 18px;
}

.block02 .block_inner .form_wrap .form_contents .privacy_area{
	width: 100%;
	height: 47px;
	background: rgba(2,106,158,0.1);
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.block02 .block_inner .form_wrap .form_contents .privacy_area input[type=checkbox]{
	display: none;
}

.block02 .block_inner .form_wrap .form_contents .privacy_area label.policy_check{
	display: inline-block;
	width: 100%;/*600*/
	padding-left: 11.1666%;/*67*/
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 1;
	color: #353535;
	position: relative;
}

.block02 .block_inner .form_wrap .form_contents .privacy_area label.policy_check::before{
	content: '';
	background: #fff;
	width: 6.0%;/*36*/
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.85);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2.5%;/*15*/
}

.block02 .block_inner .form_wrap .form_contents .privacy_area label.policy_check::after{
	content: '';
	background: #026a9e;
	width: 4.0%;/*24*/
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: calc(6% / 2 + 2.75%);
	transform: translate(-50%, -50%);
}

.block02 .block_inner .form_wrap .form_contents .privacy_area input[type=checkbox]:checked + .policy_check::after {
    opacity: 1 !important;
}

.block02 .block_inner .form_wrap .submit_btn{
	width: 70.0%;/*420*/
	margin: 48px auto 0;
}

button.common_btn{
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 4.75rem;
	background: url("../images/common/link_ico_blue02.webp")no-repeat #ef7c1d right 7.1428% center;/*30*/
	background-size: 10.4761% auto;/*44*/
	border-radius: 2.25rem;
	box-shadow: 5px 5px 3.5px rgba(140, 211, 242, 0.45);
}

button.common_btn.bgwhite{
	border: 1px solid rgba(51,51,51,0.5);
	box-sizing: border-box;
	background: url("../images/contact/bak_ico.webp")no-repeat #fff left 7.1428% center;/*30*/
	background-size: 10.4761% auto;/*44*/
}

button.common_btn span{
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
}

button.common_btn.bgwhite span{
	color: #333333;
}

button.is-inactive{
	background: #d3d3d3;
	pointer-events: none;
}

/**/

.block02 .block_inner .form_wrap .form_contents .detail_area span.msg{
	color: #e81c24;
}

.block02 .block_inner .form_wrap .submit_btn + .submit_btn{
	margin-top: 30px;
}

/*===================================
	.block03
=====================================*/

.block03{
	padding: 48px 0 54px;
}

.block03 .block_inner{
	width: 90.5555%;/*652*/
	margin: 0 auto;
}

.block03 .block_inner h3.ga_midashi{
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(172,172,172,0.5);
	font-size: 1.4rem;
	line-height: 1;
	color: #000;
	text-align: center;
}

.block03 .block_inner p.ga_txt{
	margin-top: 1.33rem;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #000000;
}
