@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
#page_main-visual{
	background:url('../img/contact/main-visual_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　メールフォーム　
*****************************************************/
#mailform{
	margin:0 0 110px;
}
/* コンテンツ 
------------------------------------------------- */
#contactform{
	margin:65px auto 0;
	max-width:770px;
	width:100%;
}
#contactform .txt{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 30px;
}
#contactform .txt .hissu{
	color:#e90000;
	font-size:inherit;
	line-height:inherit;
}
#contactform .block{
	display:flex;
	justify-content:space-between;
	margin:0 0 28px;
}
#contactform .block .box{
	max-width:370px;
	width:49%;
}
#contactform dl + dl{
	margin:28px 0 0;
}
#contactform dl dt{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	line-height:1.4;
	margin:0 0 5px;
}
#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="tel"],
#contactform textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#f9f9f9;
	border:none;
	box-sizing:border-box;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
	padding:14px 25px;
	width:100%;
}
#contactform input[type="text"]::placeholder,
#contactform input[type="email"]::placeholder,
#contactform input[type="tel"]::placeholder,
#contactform textarea::placeholder{
	color:#888a8b;
}
#contactform textarea{
	height:240px;
}
#contactform .privacy-policy_txt{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.6;
	margin:40px 0 20px;
	text-align:center;
}
#contactform .privacy-policy_txt a{
	color:#00a4f8;
	text-decoration:underline;
}
#contactform .acceptance{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
	margin:0 0 35px;
	text-align:center;
}
#contactform .submitbtn{
	text-align:center;
}
#contactform .submitbtn input[type="submit"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	border-radius:5px;
	background:#00a4f8;
	color:#fff;
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:81px;
	width:426px;
}
#contactform .submitbtn input[type="submit"]:disabled{
	background:#ccc;
}
#contactform .wpcf7 .submitbtn .ajax-loader{
	display:block;
	margin:15px auto 0;
}
#contactform .wpcf7-not-valid-tip{
	margin:10px 0 0;
}
#contactform .wpcf7 form .wpcf7-response-output{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
	padding:20px;
}


/* 添付ボタン
------------------------------------------------- */

label
{
font-weight:100;
}
span.filebutton
{
display: block;
color: #fff;
font-size: 13px;
background: #31a8ff;
border: 1px solid #31a8ff;
margin: 4px 0 0 0;
padding: 7px 20px;
border-radius: 16px;
max-width: 160px;
text-align: center;
transition: .3s;
cursor:pointer;
}
span.filebutton:hover
{
border: 1px solid #31a8ff;
color: #31a8ff;
background: white;
}
input[type=file]
{
position: relative;
margin: 0px 0 0 -14px;
font-size:13px;
width: 430px;
}
input[type=file]:focus
{
outline: none;
}
input[type=file]::before
{
content: "添付ファイル：";
position: absolute;
background: #fff;
font-size:13px;
width: 100px;
height: 26px;
line-height: 1.8;
text-align: right;
}


#contactform dl dt .hissu{
   color: #e90000;
    font-size: inherit;
    line-height: inherit;
}




/*****************************************************
　電話・ファックス　
*****************************************************/
#tel-fax{
	margin:0 0 90px;
}
/* コンテンツ 
------------------------------------------------- */
#tel-fax .contents{
	background:#f9f9f9;
	box-sizing:border-box;
	padding:45px 110px 35px;
	margin:55px auto 0;
	max-width:1070px;
	width:100%;
}
#tel-fax .contents .block{
	display:flex;
	justify-content:space-between;
	margin:0 0 20px;
}
#tel-fax .contents .block dl{
	padding:10px 0 10px 95px;
}
#tel-fax .contents .block .tel{
	background:url('../img/contact/tel_icon.png') no-repeat left center;
}
#tel-fax .contents .block .fax{
	background:url('../img/contact/fax_icon.png') no-repeat left center;
}
#tel-fax .contents .block .tel .sp{
	display:none;
}
#tel-fax .contents .block dl dt,
#tel-fax .contents .block dl dd{
	color:#00a4f8;
	font-weight:bold;
	letter-spacing:0.05em;
}
#tel-fax .contents .block dl dt{
	font-size:20px;
	font-size:2.0rem;
	margin:0 0 5px;
}
#tel-fax .contents .block dl dd{
	font-size:36px;
	font-size:3.6rem;
	line-height:0;
}
#tel-fax .contents .other{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.4;
	margin:0 0 10px;
	text-align:center;
}
#tel-fax .contents .other a{
	color:#00a4f8;
}
#tel-fax .contents .txt{
	background:#002a4b;
	color:#fff;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.4;
	padding:17px 15px 18px;
	text-align:center;
}
#tel-fax .contents .txt br{
	display:none;
}



@media screen and (max-width:1024px){
	/*****************************************************
	　メールフォーム　
	*****************************************************/
	#mailform{
		margin:0 0 17.18vw;
	}
	/* コンテンツ 
	------------------------------------------------- */
	#contactform{
		margin:10.15vw auto 0;
	}
	#contactform .txt{
		font-size:3.28vw;
		margin:0 0 30px;
	}
	#contactform .txt .hissu{
		display:block;
	}
	#contactform .block{
		display:block;
		margin:0 0 4.37vw;
	}
	#contactform .block .box{
		max-width:none;
		width:auto;
	}
	#contactform .block .box + .box,
	#contactform dl + dl{
		margin:4.37vw 0 0;
	}
	#contactform dl dt{
		font-size:3.28vw;
		margin:0 0 0.78vw;
	}
	#contactform input[type="text"],
	#contactform input[type="email"],
	#contactform input[type="tel"],
	#contactform textarea{
		font-size:3.28vw;
		padding:2.18vw 3.9vw;
	}
	#contactform textarea{
		height:37.5vw;
	}
	#contactform .privacy-policy_txt{
		font-size:3.28vw;
		margin:6.25vw 0 3.12vw;
	}
	#contactform .acceptance{
		font-size:3.28vw;
		margin:0 0 5.46vw;
	}
	#contactform .submitbtn input[type="submit"]{
		border-radius:0.78vw;
		font-size:6.25vw;
		line-height:15vw;
		width:66.56vw;
	}
	#contactform .wpcf7 .submitbtn .ajax-loader{
		margin:2.34vw auto 0;
	}
	#contactform .wpcf7-not-valid-tip{
		margin:1.56vw 0 0;
	}
	#contactform .wpcf7 form .wpcf7-response-output{
		font-size:3.28vw;
		padding:3.12vw;
	}


	/*****************************************************
	　電話・ファックス　
	*****************************************************/
	#tel-fax{
		margin:0 0 14.06vw;
	}
	/* コンテンツ 
	------------------------------------------------- */
	#tel-fax .contents{
		padding:6.25vw;
		margin:8.59vw auto 0;
	}
	#tel-fax .contents .block{
		display:block;
		margin:0 0 3.12vw;
	}
	#tel-fax .contents .block dl{
		padding:1.2vw 0 1.2vw 14.84vw;
	}
	#tel-fax .contents .block .tel,
	#tel-fax .contents .block .fax{
		background-size:12.03vw auto;
	}
	#tel-fax .contents .block .tel .pc{
		display:none;
	}
	#tel-fax .contents .block .tel .sp{
		display:block;
	}
	#tel-fax .contents .block .fax{
		margin:3.12vw 0 0;
	}
	#tel-fax .contents .block dl dt{
		font-size:4.21vw;
		margin:0 0 0.78vw;
	}
	#tel-fax .contents .block dl dd{
		font-size:7.96vw;
	}
	#tel-fax .contents .block dd img{
		height:4.84vw;
	}
	#tel-fax .contents .other{
		font-size:3.28vw;
		margin:0 0 1.56vw;
	}
	#tel-fax .contents .txt{
		font-size:3.28vw;
		padding:2.34vw;
	}
	#tel-fax .contents .txt br{
		display:block;
	}
}