@charset "UTF-8";
/*-----------------------------------

	title_block

-----------------------------------*/

#title_block{
	margin-top: 100px;
    width: 100%;
	position: relative;
}
#title_block::after{
	content: "";
	position: absolute;
	background: #F5F5F5;
    border-radius: 0 40px 40px 0;
    width: 95%;
    height: 100%;
    z-index: -1;
    top: 0;
}
#title_block .contents_inner{
	padding: 110px 0;
}
#title_block .contents_inner .row_box{
	justify-content: space-between;
	align-items: flex-end;
}
#title_block .contents_inner h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: #000000;
	line-height: 62px;
}
#title_block .contents_inner h2 span{
	display: block;
	font-family: 'Lato';
	font-size: 14px;
	font-weight: 600;
	color: #005DB9;
	line-height: 20px;
	padding-top: 14px;
}

.breadcrumb_list.row_box li{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #000000;
}
.breadcrumb_list.row_box li a{
	color: #005DB9;
	position: relative;
	padding-right: 22px;
	margin-right: 5px;
}
.breadcrumb_list.row_box li a::after{
	content: "…";
	position: absolute;
	right: 0;
	color: #000000;
	pointer-events: none;
}
@media screen and (max-width: 1240px){
	#title_block .contents_inner .row_box{
		padding-right: 3%;
	}
}
@media screen and (max-width: 840px){
	#title_block .contents_inner{
		padding: 75px 0;
	}
	#title_block .contents_inner h2{
		font-size: 30px;
	}
}
@media screen and (max-width: 640px){
	#title_block .contents_inner{
		padding: 50px 0;
	}
	/*#title_block .contents_inner .row_box{
		display: block;
	}*/
	#title_block .contents_inner .row_box .breadcrumb_list{
		margin-top: 25px;
		margin-left: auto;
	}
}

/*-----------------------------------

	contact_block

-----------------------------------*/

#contact_block{
	padding: 120px 0;
}
.form_box{
	width: 786px;
    margin: 0 auto;
	margin-top: 40px;
}
.form_box:first-child{
	margin-top: 0;
}
.form_box dt label{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
}
.form_box dt label span{
	width: 54px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 700;
	padding: 0 12px;
	margin-right: 13px;
}
.form_box dt label .blue_bg{
	background: #005DB9;
}
.form_box dt label .gray_bg{
	background: #909090;
}
.form_box dd{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
}
.form_box dd input{
	border: 1px solid #707070;
	width: 780px;
	height: 45px;
	line-height: 45px;
	margin-top: 10px;
}
.form_box dd textarea{
	border: 1px solid #707070;
	width: 780px;
	height: 190px;
	line-height: 45px;
	margin-top: 10px;
}

.content_form .checkbox{
	margin-top: 60px;
    display: block;
    text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 500;
}
.content_form .checkbox input{
	width: 27px;
	height: 27px;
	margin-right: 20px;
}
.content_form .checkbox a{
	display: inline;
	text-decoration: underline;
}
.content_form .checkbox a:hover{
	color: #005DB9;
	transition: ease 0.3s;
}
.content_form .btn_area p{
	width: 480px;
	height: 70px;
	line-height: 70px;
	background: #005DB9;
	margin: 40px auto 0;
    text-align: center;
	position: relative;
	border: 2px solid #fff;
}
.content_form .btn_area p:hover{
	background: #fff;
	border: 2px solid #005DB9;
	transition: ease 0.3s;
}
.content_form .btn_area p::after{
	content: "";
	position: absolute;
	background: url("../img/index/arrow.svg")no-repeat;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
    height: 13px;
    background-size: 12px 15px;
}
.content_form .btn_area p:hover::after{
	background: url("../img/index/arrow_blue.svg")no-repeat;
	width: 15px;
    height: 13px;
    background-size: 12px 15px;
	right: 25px;
	transition: ease 0.3s;
}
.content_form .btn_area p a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: 500;
}
.content_form .btn_area p:hover a{
	color: #005DB9;
	transition: ease 0.3s;
}

/****button****/
.content_form .btn_area{
	text-align: center;
}
.content_form .btn_area button{
	width: 480px;
	height: 70px;
	line-height: 70px;
	background: #005DB9;
	margin: 40px auto 0;
    text-align: center;
	position: relative;
	border: 2px solid #fff;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	font-weight: 500;
}
.content_form .btn_area button:hover{
	background: #fff;
	border: 2px solid #005DB9;
	transition: ease 0.3s;
	color: #005DB9;
}
.content_form .btn_area button::after{
	content: "";
	position: absolute;
	background: url("../img/index/arrow.svg")no-repeat;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
    height: 13px;
    background-size: 12px 15px;
}
.content_form .btn_area button:hover::after{
	background: url("../img/index/arrow_blue.svg")no-repeat;
	width: 15px;
    height: 13px;
    background-size: 12px 15px;
	right: 25px;
	transition: ease 0.3s;
}

@media screen and (max-width: 840px){
	#contact_block{
		padding: 75px 0;
	}
	.form_box{
		width: 100%;
	}
	.form_box dd input,
	.form_box dd textarea{
		width: 98%;
	}
}
@media screen and (max-width: 640px){
	#contact_block{
		padding: 50px 0;
	}
	.content_form .btn_area p{
		width: 85%;
	}
	.content_form .btn_area button{
		width: 85%;
	}
}


/*-----------------------------------

	confirm.html

-----------------------------------*/
.btn_wrap.row_box{
	gap: 20px;
	margin-top: 70px;
}
.btn_wrap.row_box .btn_area p{
	width: 240px;
	margin-top: 0;
}
.mw_wp_form_confirm form .content_form .checkbox{
	display: none;
}
.mw_wp_form_confirm form .content_form .btn_area{
	display: flex;
	gap: 20px;
    margin-top: 70px;
	justify-content: center;
}
.mw_wp_form_confirm form .content_form .btn_area button{
	width: 244px;
	margin: 0;
	
}
@media screen and (max-width: 640px){
	.btn_wrap.row_box{
		display: block;
	}
	.btn_wrap.row_box .btn_area p{
		width: 85%;
	}
}

/*-----------------------------------

	complete_block

-----------------------------------*/
#complete_block{
	padding: 120px 0;
}
#complete_block .contents_inner .complete_text{
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
#complete_block .contents_inner .complete_text h3{
	font-size: 32px;
	margin-bottom: 20px;
}
#complete_block .contents_inner .complete_text h4{
	font-size: 20px;
	margin-bottom: 20px;
}
#complete_block .contents_inner .complete_text p{
	line-height: 32px;
}

@media screen and (max-width: 840px){
	#complete_block{
		padding: 75px 0;
	}
}
@media screen and (max-width: 640px){
	#complete_block{
		padding: 50px 0;
	}
	#complete_block .contents_inner .complete_text h3{
		font-size: 28px;
	}
	#complete_block .contents_inner .complete_text h4{
		font-size: 15px;
	}
	#complete_block .contents_inner .complete_text p{
		font-size: 14px;
	}
}