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

/* ************************************************************
送信結果表示

↓↓↓↓↓↓↓↓ラクラクポイント↓↓↓↓↓↓
header#header_res pに指定してある背景色を
作成中のHPのコーポーレートカラーなどで一括変更しておくのが吉。
合わせてdl#mail_box dtのバックグラウンドカラーも適宜変えましょう。

************************************************************ */
/* ************************************************************
リセット（念の為）
************************************************************ */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


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



/* ************************************************************
送信結果表示
************************************************************ */
#header_res {
	margin: 0 auto;
	margin: 0 auto;
}
#header_res h1{
	padding: 3% 0;
}
#header_res p{
	background-color: #F39800;
	margin: 0 auto;
	padding: 1% 0;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0.2em;
}
.contact_result
	{
	margin:5% auto ;
	width:700px;
	}	
	
.contact_result .result_text01
	{
	font-size:14px;
	line-height:160%;
	}
	
.contact_result .result_text01 h3
	{
	padding:0 0 2% 0;
	font-size:16px;
	line-height:180%;
	}	
	
.backbtn input
	{
	display:block;
	margin:4% 0 0 0;
	width:100%;
	font-size:16px;
	text-align:center;
	line-height:360%;
	background:#E32C34;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.backbtn input:hover
	{
	background:#FF7B53;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.backbtn input
	{
	font-size:16px;
	color:#fff;
	}
	
.result_text02
	{
	font-size:16px;
	color:#000;
	padding:3% 0 0 0;
	line-height:160%;
	}
	
dl#mail_box
	{
	margin:2% auto;
	width:700px;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
dl#mail_box dt
	{
	box-sizing:border-box;
	border-left:solid 14px #F39800;
	border-bottom:solid 1px #F39800;
	padding:1.2% 2%;
	font-size:16px;
	background:#fffbe2;
	line-height:160%;
	}
	
dl#mail_box dd
	{
	box-sizing:border-box;
	padding:2.4% 2.2%;
	font-size:16px;
	line-height:160%;
	letter-spacing:0.02em;
	}
	
.submitbox
	{
	width:700px;
	margin:2% auto;
	}
	
.submitstyle02 input
	{
	width:100%;
	margin:2% auto;
	font-size:16px;
	text-align:center;
	line-height:420%;
	background:#F39800;
	color:#fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
.submitstyle02 input:hover
	{
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
		transition: 0.3s;
	}

	
.submitstyle03 input
	{
	width:100%;
	margin:2% auto 10%;
	font-size:16px;
	text-align:center;
	line-height:420%;
	background:rgba(111,111,111,1.00);
	color:#fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	margin−bottom:10%;
	}
.submitstyle03 input:hover
	{
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
		transition: 0.3s;
	}	

.contact_footer{
	background-color: #F39800;
	padding:3%;
}
.contact_footer h1{
	width: 240px;
	margin: 0 auto;
}
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

.contact_result
	{
	margin:17% auto 15%;
	width:90%;
	}
	
.result_text02
	{
	font-size:14px;
	}
	
dl#mail_box
	{
	margin:2% auto;
	width:100%;
	}
	
dl#mail_box dt
	{
	border-left:solid 14px #F39800;
	font-size:15px;
	}
	
dl#mail_box dd
	{
	font-size:14px;
	}
	
.submitbox
	{
	width:84%;
	margin:2% auto 0;
	}
	
.submitstyle02 input
	{
	width:100%;
	margin:2% auto;
	font-size:14px;
	line-height:360%;
	border-radius:12px;
	}
	
.submitstyle03 input
	{
	width:100%;
	margin:2% auto;
	font-size:14px;
	line-height:360%;
	border-radius:12px;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

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

.contact_result
	{
	margin:15% auto 20%;
	width:86%;
	}	
	
.contact_result .result_text01
	{
	font-size:12px;
	}
	
.contact_result .result_text01 h3
	{
	padding:0 0 2% 0;
	font-size:14px;
	}	
	
.backbtn
	{
	width:100%;
	cursor:default;
	line-height:320%;
	}
	
.backbtn input
	{
	font-size:14px;
	}
	
.result_text02
	{
	font-size:12px;
	}
	
dl#mail_box
	{
	margin:2% auto;
	width:100%;
	}
	
dl#mail_box dt
	{
	border-left:solid 10px #F39800;
	font-size:14px;
	line-height:180%;
	}
	
dl#mail_box dd
	{
	font-size:14px;
	padding:3.8% 2.2%;
	line-height:140%;
	}
	
.submitbox
	{
	width:84%;
	margin:2% auto 0;
	}
	
.submitstyle02 input
	{
	width:100%;
	margin:2% auto;
	font-size:14px;
	line-height:360%;
	border-radius:12px;
	}
	
.submitstyle03 input
	{
	width:100%;
	margin:2% auto;
	font-size:14px;
	line-height:360%;
	border-radius:12px;
	}

 /* *************** */
	}	
/* ************************************************************
サンクスページ
************************************************************ */
#thanks{
	width: 100%;
	margin: 0 auto;
}
#thanks .thanks01{
	width: 100%;
	margin: 0 auto;
	padding-top: 10%;
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
#thanks .thanks02{
	width: 100%;
	margin: 0 auto;
	padding-top: 5%;
	padding-bottom: 10%;
	text-align: center;
}

#thanks .thanks02 a{
  display: inline-block;
  padding: 10px 70px;
  text-align: center;
  font-size: 16px;
  background-color: #F39800;
  color: #fff;
}
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 768px) {
 /* ************** */
#thanks .thanks01{
	padding-top: 40%;
}
#thanks .thanks02{
	padding-bottom: 40%;
}
	
/* *************** */
}
/* ************************************************************
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;
}