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



/*--------------------------------------------------------------
head
--------------------------------------------------------------*/

.ttl_image{
	box-sizing: border-box;
	background:url("/img/content_head.jpg") no-repeat center center;
	background-size:cover;
	width:100%;
    height: 240px;
	position:relative;
}

.ttl_image h2{
	width:100%;
	font-size:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	letter-spacing: 0.1em;
	position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ttl_image h2 span{
	font-size:25px;
	color:#fff;
	letter-spacing: 0.05em;
}


/*--------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------*/

.section02{
	width:1000px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:150px;
}
.contact_info{
	text-align:left;
}

.contactpage_box{
	width:100%;
}
.contactpage_box dl{
	display:flex;
	padding:50px 0;
	border-bottom:1px solid #B5B5B5;
}
.contactpage_box dl dt{
	width:30%;
	font-weight:bold;
	color:#007B45;
	position:relative;
}
.contactpage_box dl dd{
	width:70%;
	word-break:break-all;
}
.contactpage_box dl dd input[type=text],
.contactpage_box dl dd input[type=email],
.contactpage_box dl dd input[type=tel]{
	width:100%;
	height:60px;
	background:#F7F7EC;
	border-radius:3px;
	border:0;
	padding-left:10px;
	font-size:15px;
}
.contactpage_box dl dd input[type=text].error,
.contactpage_box dl dd input[type=email].error,
.contactpage_box dl dd input[type=tel].error,
.contactpage_box dl dd input[type=text].form-error,
.contactpage_box dl dd input[type=email].form-error,
.contactpage_box dl dd input[type=tel].form-error{
	background: #FDF4F4;
	border:1px solid #D84040;
}

textarea{
	width:100%;
	height:270px;
	background: #F7F7EC;
	border:none;
	border-radius:3px;
	padding:10px;
	font-size:15px;
}
textarea.error,
textarea.form-error{
	background: #FDF4F4;
	border:1px solid #D84040;
}

.error_mes{
	font-weight:bold;
	color:#D84040;
}

.wrap_name dt:after,.wrap_tel dt:after,.wrap_mail dt:after,.wrap_txtarea dt:after{
	content:"必須";
	font-size:13px;
	font-weight:normal;
	color:#fff;
	background:#D84040;
	padding:2px 10px;
	border-radius:3px;
	position:absolute;
	right:20px;
	top:0;
}



/*ボタン*/
.wrap_button{
	width:700px;
	margin:0 auto;
	padding-top:100px;
	overflow:hidden;
}
.wrap_button .buttom_submit{
	box-sizing: border-box;
	width:380px;
	height:80px;
	line-height:80px;
	text-align:center;
	background:#0D7B45;
	color:#fff;
	font-weight:bold;
	letter-spacing: 0.1em;
	border-radius:5px;
	position:relative;
	font-size:20px;
	border:0;
	display:block;
	margin:0 auto;
}
.wrap_button .buttom_submit:after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-left:10px;
	position:absolute;
	right:20px;
	top:40%;
}
.wrap_button .buttom_submit:hover{
	cursor: pointer;
}

.flash_error_message {
    color:#D84040;
    font-size:18px;
    font-weight:bold;
    margin: 25px 0 10px 0;
    text-align: center;
}

/*--------------------------------------------------------------
お問い合わせチェック
--------------------------------------------------------------*/
h3{
	font-size:25px;
}
.check_name dt:after,.check_tel dt:after,.check_mail dt:after,.check_txtarea dt:after{
	content:none;
}

.wrap_button .buttom_fix{
	box-sizing: border-box;
	float:left;
	width:250px;
	height:80px;
	line-height:80px;
	text-align:center;
	border:1px solid #0D7B45;
	border-radius:5px;
    background-color: #ffffff;
	color:#0D7B45;
    font-size: 16px;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.wrap_button .buttom_fix:hover{
	cursor: pointer;
}

.wrap_button form + form .buttom_submit{
	float:right;
}

/*--------------------------------------------------------------
お問い合わせ完了
--------------------------------------------------------------*/
.contact_txt01{
	padding-top:40px;
}
/*ボタン*/
.back{
	width:380px;
	margin:0 auto;
	padding-top:200px;
}
.back p a{
	width:380px;
	height:80px;
	line-height:80px;
	display:block;
	text-align:center;
	border:1px solid #0D7B45;
	color:#0D7B45;
	font-weight:bold;
	letter-spacing: 0.1em;
	border-radius:5px;
	position:relative;
}
.back p a:after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #0D7B45;
	border-right: 2px solid #0D7B45;
	transform: rotate(45deg);
	margin-left:10px;
	position:absolute;
	right:20px;
	top:40%;
}
.back p a:hover{
	background:#0D7B45;
	color:#fff;
}
.back p a:hover:after{
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-left:10px;
	position:absolute;
	right:20px;
	top:40%;
}



@media screen and (max-width: 999px){
	.section02{
		width:100%;
		margin:0 auto;
		padding-right:20px;
		padding-left:20px;
		padding-bottom:100px;
		padding-top:80px;
	}
	.contact_info{
		padding-bottom:50px;
	}
}

@media screen and (max-width: 766px){
	/*head*/
	.ttl_image{
		box-sizing: border-box;
		background: url("/img/content_head.jpg") no-repeat center center;
		background-size: cover;
		width:100%;
		height: 125px;
		padding-top: 30.29%;
		position:relative;
	}
	
	.section02{
		width:100%;
		margin:0 auto;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:100px;
		padding-top:50px;
	}
	/*ページタイトル*/
	.ttl_image h2{
		width:100%;
		font-size:30px;
		line-height:30px;
		text-align:center;
		color:#fff;
		letter-spacing: 0.1em;
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.ttl_image h2 span{
		font-size:15px;
		color:#fff;
		letter-spacing: 0.05em;
	}
	
	.contact_info{
		text-align:left;
		font-size:14px;
	}
	/*form装飾*/
	.contactpage_box dl{
		display:block;
		padding:20px 0;
		border-bottom:1px solid #B5B5B5;
	}
	.contactpage_box dl dt{
		width:100%;
		font-weight:bold;
		color:#007B45;
		position:relative;
		font-size:13px;
		padding-left:43px;
		padding-bottom:10px;
	}
	.wrap_shopname dt{
		padding-left:0;
	}
	.wrap_name dt:after,.wrap_tel dt:after,.wrap_mail dt:after,.wrap_txtarea dt:after{
		content:"必須";
		font-size:12px;
		font-weight:normal;
		color:#fff;
		background:#D84040;
		padding:2px 5px;
		border-radius:3px;
		position:absolute;
		right:auto;
		left:0;
		top:0;
	}
	.contactpage_box dl{
		padding:20px 0;
	}
	.contactpage_box dl dd{
		width:100%;
	}
	.contactpage_box dl dd input[type=text],
	.contactpage_box dl dd input[type=email],
	.contactpage_box dl dd input[type=tel]{
		width:100%;
		height:50px;
		background:#F7F7EC;
		border-radius:3px;
		border:0;
		padding-left:10px;
	}
	.error_mes{
		font-weight:normal;
		color:#D84040;
		font-size:13px;
}
	
	/*ボタン*/
	.wrap_button{
		width:100%;
		margin:0 auto;
		padding-top:50px;
	}
	.wrap_button .buttom_submit{
		width:100%;
		height:80px;
		line-height:80px;
		text-align:center;
		background:#0D7B45;
		color:#fff;
		font-weight:bold;
		letter-spacing: 0.1em;
		border-radius:5px;
		position:relative;
		font-size:20px;
		border:0;
	}
	.wrap_button .buttom_submit:after{
		content: '';
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		margin-left:10px;
		position:absolute;
		right:20px;
		top:40%;
	}
	
	.wrap_button .buttom_fix{
		width:100%;
		height:60px;
		line-height:60px;
		text-align:center;
		border:1px solid #0D7B45;
		border-radius:5px;
		margin-bottom:30px;
		color:#0D7B45;
        font-size:16px;
		font-weight:bold;
		letter-spacing: 0.1em;
	}
	
	/*お問い合わせチェック*/
	.check_name dt:after,.check_tel dt:after,.check_mail dt:after,.check_txtarea dt:after{
	content:none;
	}

	.check_name dt,.check_tel dt,.check_mail dt,.check_txtarea dt{
		padding-left:0;
	}

	/*--------------------------------------------------------------
	お問い合わせ完了
	--------------------------------------------------------------*/
	.contact_txt01{
		padding-top:40px;
	}
	/*ボタン*/
	.back{
		width:100%;
		margin:0 auto;
		padding-top:200px;
	}
	.back p a{
		width:100%;
		height:63px;
		line-height:63px;
		display:block;
		text-align:center;
		border:1px solid #0D7B45;
		color:#0D7B45;
		font-weight:bold;
		letter-spacing: 0.1em;
		border-radius:5px;
		position:relative;
	}
	.back p a:after{
		content: '';
		width: 10px;
		height: 10px;
		border-top: 2px solid #0D7B45;
		border-right: 2px solid #0D7B45;
		transform: rotate(45deg);
		margin-left:10px;
		position:absolute;
		right:20px;
		top:40%;
	}
	.back p a:hover{
		background:#0D7B45;
		color:#fff;
	}
	.back p a:hover:after{
		content: '';
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		margin-left:10px;
		position:absolute;
		right:20px;
		top:40%;
	}

	
}