@charset "UTF-8";
/* CSS PC/SP共通レイアウト */
/*--------------------------------------------------*
 *   コンタクトページ
 *--------------------------------------------------*/
#contact {
	width: 100%;
}
#contact .contact_block {
	margin-bottom: 200px;
}



/* PC.SPの表示非表示 */
.pc{
	display: block;
}

.sp{
	display: none;
}





/* コンテンツ幅 */
.contents01{
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
}





/* お電話でのお問い合わせ */
.contact_tel{
	width: 100%;
	padding: 90px 0px;
	background-color: #2174C6;
}

.contact_tel_text{
	color: #ffffff;
	text-align: center;
	font-size: 3.3rem;
	font-weight: 500;
}

.contact_tel_back{
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding: 30px 0px;
	margin-top: 20px;
	text-align: center;
	border-radius: 8px;
}

.tel{
	font-size: 3.7rem;
	font-weight: 500;
	color: #1B69E0;
}

.tel span{
	font-size: 2.0rem;
	font-weight: 600;
	letter-spacing: 2px;
}

.contact_tel_back p{
	font-size: 1.6rem;
	font-weight: 700;
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}





/* メールフォームでのお問い合わせ */
.contact_text{
	text-align: center;
	font-size: 3.3rem;
	font-weight: bold;
	margin-top: 92px;
}

.border{
	margin-top: 10px;
	text-align: center;
}

.text{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	margin-top: 20px;
}

.flow{
	margin-top: 70px;
}

.flow img{
	max-width: 100%;
	height: auto;
}





/* メールフォーム */
.contact_form{
	margin-top: 80px;
}

.form_box{
	padding-top: 60px;
	border-top:2px solid #F4F5F6;
	font-size: 1.6rem;
}

td{
	padding-bottom: 20px;
}

.item_name{
	display: flex;
	width: 300px;
}

.item_name p{
	font-weight: 700;
}

.koumoku{
	display: flex;
	padding-bottom: 50px;
}

.koumoku li{
	margin-right: 40px;
	font-weight: 700;
}

.size1{
	width: 100%;
	padding: 15px;
	border: 1px solid #CACACA;
	border-radius: 5px;
}

.size2{
	width: 100%;
	height: 240px;
	border: 1px solid #CACACA;
	border-radius: 5px;
}

.item_02{
	width: 100%;
	padding-bottom: 30px;
}

.item_02 p{
	color: #E82E2E;
	font-size: 1.4rem;
	font-weight: 700;
}

.item_03{
	padding-bottom: 70px;
}

.item_03 p{
	color: #77808C;
	font-size: 1.4rem;
	font-weight: 600;
}

::placeholder {
	color:#CACACA;
	font-weight: 500;
}





/* 必須マーク */
.item_01{
	margin-left: 10px;
}
.item_01 p{
	border:1px solid #000;
	display:block;
	padding:0px 15px;
}
.item_01 div.addr{
	background-color: #EBF3FC;
	color: #1B69E0;
	display:block;
	padding:0px 15px;
	text-align:center;
	width:60px;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
}
.item_01 div.addr p{
	border:none;
	display:inline-block;
	padding:0;
}





/* 任意マーク */
.item_04{
	margin-left: 10px;
}
.item_04 p{
	border:1px solid #000;
	display:block;
	padding:0px 15px;
}
.item_04 div.addr{
	background-color: #F4F5F6;
	color: #77808C;
	display:block;
	padding:0px 15px;
	text-align:center;
	width:60px;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
}
.item_04 div.addr p{
	border:none;
	display:inline-block;
	padding:0;
}




/* 図面等画像アップロード */
.item_03_text{
	margin-top: 15px;
}
input::file-selector-button {
  padding: 2px 12px;
	font-size: 1.4rem;
	font-weight: 500;
  color:#ffffff;
  border: thin solid #77808C;
  border-radius: 5px;
  background-color: #77808C;
	cursor:pointer;
}
.file_limit{
	color:#77808C!important;
}
.mwform-checkbox-field-text{
	font-weight:bold;
}
.mwform-radio-field-text{
	font-weight:bold;
}
/*
input[type="file"] {
    display: none;
}

.file1 {
    padding: 2px 12px;
	font-size: 1.4rem;
	font-weight: 500;
    color: #ffffff;
    background-color: #77808C;
	border-radius: 5px;
    cursor: pointer;
}

input[type="file"] {
    display: none;
}

.item_03_file{
	margin-left: 15px;
	color: #000000;
	font-size: 14px;
	font-weight: 700;
}

.file{
	display: flex;
}
*/

input[type="file"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
textarea{
	padding:6px;
}

/* プライバシーポリシー */
.form_box_privacypolicy{
	padding: 40px 0px;
	border-top:2px solid #F4F5F6;
	font-size: 1.6rem;
}

.text1{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
}

.text1 a{
	color: #1B69E0;
	border-bottom: 1px solid #1B69E0;
}





/* 同意チェック */
.check{
	text-align: center;
	font-weight: 800;
}





/* ボタン */
.btn{
	margin-top: 20px;
	text-align: center;
}
.btn p {
	display: inline-block;
}

input[type="submit"]{
	background-color: #ffffff;
	color: #1B69E0;
	border: 2px solid #1B69E0;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 2px;
	display: inline-block;
	width: 180px;
	padding:12px 20px 12px 10px;
	max-width: 100%;
	height: auto;
	position: relative;
}
input[type="submit"]:hover{
	opacity: 0.7;
}
.btn-submit{
	display:inline-block;
	position:relative;
	transition:all 0.3s;
	margin:0px 12px;
}
.btn-submit:after{
	border-right: 1.5px solid #1B69E0;
	border-top:1.5px solid #1B69E0;
	bottom:0px;
	content:"";
	height:5px;
	margin: auto;
	right:15px;
	top:0px;
	bottom:0px;
	transform: rotate(45deg);
	width: 5px;
	position: absolute;
}










/*--------------------------------------------------*
 *   コンタクト確認ページ
 *--------------------------------------------------*/
.contact_border{
	border-top: 1px solid #CACACA;
}

.contact_text1{
	text-align: center;
	font-size: 3.3rem;
	font-weight: bold;
	margin-top: 120px;
}

.form_box1{
	padding-top: 60px;
	border-top:2px solid #F4F5F6;
	font-size: 1.6rem;
}

.text_gray{
	color: #77808C;
	font-weight: 700;
}

.item_05{
	font-size: 1.6rem;
}

.item_name_01{
	width: 300px;
}

.item_name_01 p{
	font-weight: 700;
}

/* ボタン */
.btn{
	text-align: center;
}

button.back{
	background-color: #ffffff;
	color: #77808C;
	border: 2px solid #77808C;
	font-weight: bold;
	font-size: 1.6rem;
	letter-spacing: 2px;
	display: inline-block;
	width: 180px;
	padding:12px 10px;
	max-width: 100%;
	height: auto;
	position: relative;
	margin:0px 12px;
}

button.back:hover{
	opacity: 0.7;
}







/* スマホレイアウト */
@media (max-width: 1024px) {
/*--------------------------------------------------*
 *   コンタクトページ
 *--------------------------------------------------*/
	#contact {
		width: 100%;
	}
	#contact .contact_block {
		margin-bottom: 32vw;
	}



	
	
	/* PC.SPの表示非表示 */
	.pc{
		display: none;
	}

	.sp{
		display: block;
	}




	
	/* お電話でのお問い合わせ */
	.contact_tel{
		padding: 70px 0px;
	}
	
	.contact_tel_text{
		font-size: 6.13vw;
	}

	.tel{
		font-size: 8vw;
	}

	.tel span{
		font-size: 4.8vw;
	}

	.contact_tel_back p{
		font-size: 3.73vw;
		text-align: center;
	}
	
	
	
	
	
	/* メールフォームでのお問い合わせ */
	.contact_text{
		font-size: 5.6vw;
	}

	.border{
		margin-top: 10px;
		text-align: center;
	}
	
	.text{
		font-size: 1.4rem;
	}
	
	.flow{
		margin-top: 50px;
	}

.flow img{
		width:60%;
		height:auto;
	}


	
	
	/* メールフォーム */
	.contact_form{
		margin-top: 30px;
	}
	
	.form_box{
		padding-top: 40px;
		font-size: 1.4rem;
	}
	
	td{
		padding-bottom: 10px;
	}
	
	table td{
		display: block;
	}

	table{
		width: 100%;
	}	

	.contents01{
		padding: 0px 20px;
	}
	
	.koumoku{
		padding-bottom: 40px;
	}
	
	.koumoku li{
		margin-right: 25px;
	}
	
	.item_02{
		padding-bottom: 40px;
	}

	.item_03{
		padding-bottom: 40px;
	}
	




	/* プライバシーポリシー */
	.form_box_privacypolicy{
		padding: 25px 0px;
	}
	
	.text1{
		font-size: 1.4rem;
		text-align: left;
	}	



	
	
	/* 同意チェック */
	.check{
		font-size: 1.4rem;
	}
	
.btn-submit{
	width: 46%;
	margin:0 1%;
}
input[type="submit"]{
	width: 100%;
	padding-top:3.87vw!important;
	padding-bottom:3.87vw!important;
}
button.back{
	width: 46%;
	margin:0 1%;
	padding-top:3.87vw!important;
	padding-bottom:3.87vw!important;
}
	
	
	
	
	
	
	
	
	
	
	/*--------------------------------------------------*
	 *   コンタクト確認ページ
	 *--------------------------------------------------*/
	.contact_text1{
		font-size: 5.6vw;
		margin-top: 70px;
	}
	
	.form_box1{
		padding-top: 35px;
		font-size: 1.4rem;
	}
	
	.text_gray{
		color: #77808C;
		font-weight: 700;
	}

	.item_05{
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	
	/* ボタン */
	.btn2{
		margin-right: 0px;
	}
	.confirm_form .btn p{
		width: 46%;
		margin:0 1%;
	}
	.confirm_form .btn p button{
		width: 100%;
	}

}