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


/* ************************************************************
フォーム部分のリセット
************************************************************ */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 横のみリサイズ可
textarea {
	resize: horizontal;
}

/* 縦のみリサイズ可 */
textarea {resize: vertical;}

/* 縦横ともにリサイズ不可
textarea {
	resize: none;
} */

/* ************************************************************
CONTACT_FORM_BOX
************************************************************ */
.contact_form_box{
margin:0 auto;
padding: 0 10% 5% 10%;
width:100%;
}

.form{
margin:0 auto;
width:60%;
text-align: center;
}
	
.form dt{
font-size:17px;
padding: 0 0 0 2%;
position:relative;
text-align:left;
}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:2% 0 10% 0 ;
border:solid 1px #6a3906;
border-radius: 50px;
padding:2% 2%;
width:100%;
font-size:15px;
letter-spacing: 0.1em;
line-height:200%;
color:#6a3906;
}

textarea{
box-sizing:border-box;
border:solid 1px #6a3906;
margin:2% 0 10% 0 ;
border-radius: 30px;
padding:2%;
width: 100%;
min-height: 280px;
max-height: 440px;
font-size:15px;
letter-spacing: 0.2em;
line-height:138%;
color:#6a3906;
}

textarea:focus{background:#fff;}

/*　入力内容の確認ボタン　*/
.submit_btn{width:100%;}
.sub01{width:100%;}

.submitstyle{
margin:0 auto;
padding: 1.5% 0;
width:40%;
font-size:20px;
letter-spacing: 0.1em;
border-radius: 50px;
text-align:center;
background:#8fd6a6;
color:#fff;	
transition: 0.5s;
font-family: 'Zen Maru Gothic', sans-serif;
font-weight: 600;
}
	
.submitstyle:hover{
opacity: 0.7;
transition: 0.3s;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

.contact_form_box{padding: 0 7% 5% 7%;}
.form{width:70%;}
.form dt{font-size:16px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:2% 0 8% 0 ;
padding:1.5% 1.5%;
}

textarea{
margin:2% 0 8% 0 ;
padding:1.5%;
}

/*　入力内容の確認ボタン　*/
.submitstyle{
padding: 1% 0;
width:50%;
font-size:18px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

.contact_form_box{margin:3% auto 0;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */

.contact_form_box{padding: 0 8% 8% 8%;}
.form{width:85%;}
.form dt{font-size:14px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:3% 0 12% 0 ;
}

textarea{
margin:2% 0 8% 0 ;
border-radius: 25px;
}

/*　入力内容の確認ボタン　*/
.submitstyle{
padding: 2% 0;
width:60%;
font-size:16px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

.contact_form_box{
margin:8% auto 0;
padding: 0 5% 8% 5%;
}

.form{width:90%;}
.form dt{font-size:12px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
font-size:13px;
}

textarea{
min-height: 200px;
max-height: 350px;
font-size:13px;
}

 /* ---------------------------------- */
}

/* ************************************************************
googleタグの余白をけす
************************************************************ */

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}