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

/*********************************************************
					　　　　初期設定
**********************************************************/

.pc{display: block;}

.sp{display: none;}

.tb{display: none;}

.brpc{display: block;}

.brsp{display: none;}

.brtb{display: none;}

.eng{
	font-family: 'Montserrat', sans-serif;
}

.wrapper {
	background-image: url(../img/top_haikei_04.jpg);
	background-repeat: repeat-y ;
	background-position: center;
	width: 100%;
}

/*********************************************************
					ここからお問い合わせ_メインビュー
**********************************************************/
.contact_main {
	max-width: 1366px;
	width: 100%;
	height: 45vw;
	max-height: 450px;
	min-height: 160px;
	margin: 0 auto;
	background: url(../img/contact_mv_img.jpg) no-repeat center / cover;
	
}

.contact_main_h1 {
	width: 80%;
	padding-bottom: 0.05em;
	margin: 0 auto;
	border-bottom: 3px solid #fff;
	text-align: center;
	font-size: min(6vw,5.5rem);
	color: #fff;

}

.contact_title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 800px;
	height: 100%;
	margin: 0 auto;
}
/*********************************************************
					ここからお問い合わせ_本文_section1
**********************************************************/

.contact_h3 {
	padding: 100px 0 50px;
	text-align: center;
	font-size: min(6.28vw,3rem);
	line-height: 1.6em;
}

.formwrap_inner {
	width: 85%;
	margin: 0 auto;
}

.input_content {
	margin-bottom: 2px;
	border-bottom: 2px dotted #9FA0A0 ;
}

#formWrap {
	width: 100%;
	max-width: 1366px;
	margin:0 auto;
	font-size: 90%;
	line-height: 120%;
	color:#555;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable td,table.formTable th{
	padding:44px 10px 40px;
	font-size: min(4.57vw,2rem);
}

table.formTable th{
	width:33%;
	text-align:left;
	vertical-align: middle;
	white-space: nowrap;
	font-weight:normal;
}

.required {
	width: 200px;
	height: 80px;
	padding: 3px 7px;
	margin-left: 6px;
	font-size: 1.4rem;
	color: #fff;
	background: #F25773;

}

.inpt_area {
	width: 550px;
	border: none;
	font-size: min(4.57vw,2rem) !important;
	line-height: 1.7em;
	background: #ECECEC;
}

.text_area {
	width: 550px;
	max-width: 550px;
	height: 300px;
	border: none;
	font-size: min(4.57vw,1.8rem);
	line-height: 1.7em;
	background: #ECECEC;

}

.consent_text1 {
	padding-bottom: 16px;
	font-size: min(4vw,1.6rem);
	line-height: 1.6em;
}

.consent_text2 {
	padding-bottom: 10px;
	font-size: min(4vw,1.6rem);
	line-height: 1.6em;
}

.consent {
	display: flex;
	padding-top: 60px;
}

.toprivacy {
	width: 100%;
	max-width: 280px;
	height: 50px;
	padding: 1px;
	margin: 24px 0 0 120px;
	border-radius: 200px;
	color: #fff;
	background: #C2940F;

}

.toprivacy_button {
	display: grid;
	align-items: center;
	height: 100%;
	border-width:5px;
	border-radius: 170px;
	text-align: center;
	font-size: min(4vw,1.6rem);
	color: #C2940F;
	background-color:#fff;

}

input[type="submit"] {
	width: 100%;
	max-width: 360px;
	height: 70px;
	border-style: none;
	cursor: pointer;
	border-radius: 14vw;
	color: #FFFFFF;
	background-color: #C3950F;
}

.consent_required {
	width: 200px;
	height: 80px;
	padding: 3px 7px;
	margin-left: 28px;
	color: #fff;
	background: #F25773;

}

.consent2 {
	width: 100%;
	max-width: 1366px;
	padding-top: 50px;
	text-align: center;
}

.confirmation {
	width: 100%;
	max-width: 1366px;
	padding: 80px 0 200px;
	text-align: center;
}

.checkbox_size {
	width: 30px;
	height: 30px;
	margin-right: 30px;
}
.consent_checkarea {
	font-size: min(4vw,1.6rem);
}

.confirmation_text {
	font-size: min(5.14vw,2rem);
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 14vw;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*********************************************************
					ここからフッター上イメージ_section2
**********************************************************/
.contact_footer_photo_img {
	width: 100%;
	height: 30vw;
	max-height: 450px;
	min-height: 160px;
	background: url(../img/footer_img.jpg) no-repeat center / cover;
}

/*************************************************************************************
			ここからメディアクエリ(タブレット）1000px
**************************************************************************************/

@media screen and (max-width: 1000px){
	.pc{display: none;}
	.sp{display: none;}
	.tb{display: block;}
	.brpc{display: none;}
	.brsp{display: none;}
	.brtb{display: block;}

	.wrapper {
		background-image: url(../img/top_haikei_04_1000px.jpg);
	}

/*********************************************************
					ここからお問い合わせ_本文_section1
**********************************************************/
.consent {
	display: block;
	text-align: center;
}

.toprivacy {
	width: 260px;
	height: 50px;
	padding: 1px;
	margin: 0 auto;
	border-radius: 200px;
	color: #fff;
	background: #C2940F;

}

.consent_text{
	text-align: left;
}

.consent_text2 {
	padding-bottom: 50px;
}

.consent2 {
	font-size: min(4vw,1.6rem);
}

table.formTable th {
    width: 90%;
		padding:44px 10px 10px;
}

table.formTable td {
	padding:10px 10px 40px;
}

.confirmation {
	padding: 80px 0 140px;
}

table th,
    table td{
      display: block;
    }

.inpt_area {
    width: 100%;
}

.text_area {
	width: 100%;
	max-width: 100%;
}

.checkbox_size {
	margin-right: 8px;
}

.consent_required {
	margin-left: 3px;
	font-size: 1.4rem;
}

}


/*********************************************************************************
			   ここからメディアクエリ(SP） 750px
**********************************************************************************/

@media screen and (max-width: 750px){
	.pc{display: none;}
	.sp{display: block;}
	.brpc{display: none;}
	.brsp{display: block;}

	.wrapper {
		background-image: url(../img/top_haikei_04_500px.jpg);
	}

/*********************************************************
					ここからお問い合わせ_メインビュー
**********************************************************/

.contact_main {
	position: relative;
	width: 100%;
	max-width: 750px;
	height: 48vw;
	max-height: 450px;
	min-height: 160px;
	padding-top: 0px;
	background: url(../img/contact_mv_img_sp.jpg) no-repeat center / cover;

}

.contact_main_h1 {
	text-align: center;
	font-size: min(7.5vw,4.5rem);
}

.contact_h3 {
	padding: 50px 0 20px;
}
/*********************************************************
					ここからフッター上イメージ_section2
**********************************************************/
.contact_footer_photo_img {
	background: url(../img/footer_img_sp.jpg) no-repeat center / cover;
}
}