@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#header_res
	{
	width:100%;
	margin:0 auto 0;
	background: #1b51ab;
	}

header#header_res h1
	{
	margin:0 auto 0;
	width:50%;
	text-align: center;
	max-width:500px;
	padding:2% 5%;
	}
	
header#header_res p
	{
	margin:0 auto 0;
	text-align: center;
	background: #1b51ab;
	line-height: 160%;
	color:#fff;
	font-size:20px;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

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

header#header_res h1
	{
	width:50%;
	margin:0 auto 0;
	}
	
header#header_res p
	{
	font-size:16px;
	}

 /* *************** */
	}
	
	
	
/* ************************************************************
フッター部分
************************************************************ */

.contact_footer
	{
	width:100%;
	margin:6% auto 0;
	background: #1b51ab;
	padding:3% 5%;
	height:auto;
	text-align: center
	}

.contact_footer h1
	{
	max-width: 180px;
	margin:0 auto 0;
	text-align: center
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */
.contact_footer
	{
	margin:8% auto 0;
	padding:5% 7%;
	}
 /* *************** */
	}
	

/* ************************************************************
内容確認
************************************************************ */
	
section#result_box/* （本文の大外枠。背景色指定や背景画像指定がある場合に使ってくださいね） */
	{
	margin:0 auto 0;
	padding:0;
	width:100%;
	}


.contact_result/* （本文実際の横幅指定） */
	{
	margin:0 auto 0;
	padding:3% 5%;
	width:100%;
	max-width:1200px;
	}	
	
.contact_result .result_text01
	{
	}
	
.contact_result .result_text01 h3/* （入力エラー） */
	{
	padding:0 0 2% 0;
	font-size:18px;
	line-height:180%;
	}	
	
.backbtn input/* （入力エラー時の前に戻るボタン） */
	{
	margin:6% 0 0 0;
	width:100%;
	font-size:18px;
	text-align:center;
	line-height:400%;
	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;
	}
	
.result_text02/* （お客様のご入力内容は以下の〜〜「送信する」ボタンを押してください。） */
	{
	font-size:18px;
	padding:3% 0 0 0;
	line-height:160%;
	}
	
dl#mail_box/* （確認内容の大枠） */
	{
	margin:2% auto;
	width:100%;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
dl#mail_box dt/* （確認内容の項目名。ボーダー部分とバックグラウンドをコーポレートカラーなどに合わせるとラクです。） */
	{
	box-sizing:border-box;
	border-left:solid 14px #1b51ab;
	border-bottom:solid 1px #1b51ab;
	padding:1.2% 2%;
	font-size:18px;
	line-height:180%;
	}
	
dl#mail_box dd/* （確認内容の中身） */
	{
	box-sizing:border-box;
	padding:3.4% 2.2%;
	font-size:18px;
	line-height:150%;
	letter-spacing:0.02em;
	}
	
.submitbox/* （送信すると前に戻るの大枠） */
	{
	width:800px;
	margin:2% auto 0;
	text-align: center
	}
	
.submitstyle02 input/* （送信するボタン） */
	{
	width:100%;
	margin:2% auto;
	font-size:20px;
	text-align:center;
	line-height:420%;
	background:#E32C34;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle02 input:hover
	{
	background:#FF7B53;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.submitstyle03 input/* （前に戻るボタン） */
	{
	width:80%;
	margin:3% auto;
	font-size:16px;
	text-align:center;
	line-height:420%;
	background:#5672C0;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle03 input:hover
	{
	background:#56A1B2;
	-webkit-transition: all .3s;
	transition: all .3s;
	}	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1280(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
section#result_box/* （本文の大外枠。背景色指定や背景画像指定がある場合に使ってくださいね） */
	{
	padding:0;
	}

.contact_result/* （本文実際の横幅指定） */
	{
	margin:0 auto 0;
	padding:3% 6%;
	max-width:100%;
	}	
	
.contact_result .result_text01 h3/* （入力エラー） */
	{
	padding:0 0 2% 0;
	font-size:16px;
	}	
	
.backbtn input/* （入力エラー時の前に戻るボタン） */
	{
	margin:6% 0 0 0;
	font-size:18px;
	}
	
.result_text02/* （お客様のご入力内容は以下の〜〜「送信する」ボタンを押してください。） */
	{
	font-size:16px;
	padding:4% 0 0 0;
	}
	
dl#mail_box/* （確認内容の大枠） */
	{
	margin:2% auto;
	width:100%;
	}
	
dl#mail_box dt/* （確認内容の項目名） */
	{
	border-left:solid 12px #3d5778;
	padding:1.2% 2.4%;
	font-size:16px;
	line-height:180%;
	}
	
dl#mail_box dd/* （確認内容の中身） */
	{
	padding:3.4% 2.4%;
	font-size:16px;
	}
	
.submitstyle02 input/* （送信するボタン） */
	{
	width:100%;
	margin:2% auto;
	font-size:20px;
	line-height:420%;
	border-radius:12px;
	}
	
.submitstyle03 input/* （前に戻るボタン） */
	{
	width:80%;
	margin:3% auto;
	font-size:16px;
	line-height:420%;
	border-radius:12px;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1024px) {
 /* ************** */	
.submitbox/* （送信すると前に戻るの大枠） */
	{
	width:80%;
	max-width: 100%;
	margin:6% auto 0;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(mobile)▼▼▼▼▼▼▼▼ */

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

section#result_box/* （本文の大外枠。背景色指定や背景画像指定がある場合に使ってくださいね） */
	{
	padding:0;
	}

.contact_result/* （本文実際の横幅指定） */
	{
	margin:0 auto 0;
	padding:3% 6%;
	}	
	
.contact_result .result_text01 h3/* （入力エラー） */
	{
	padding:0 0 2% 0;
	font-size:14px;
	}	
	
.backbtn input/* （入力エラー時の前に戻るボタン） */
	{
	margin:6% 0 0 0;
	font-size:16px;
	}
	
.result_text02/* （お客様のご入力内容は以下の〜〜「送信する」ボタンを押してください。） */
	{
	font-size:16px;
	padding:4% 0 0 0;
	}
	
dl#mail_box/* （確認内容の大枠） */
	{
	margin:4% auto;
	width:100%;
	}
	
dl#mail_box dt/* （確認内容の項目名） */
	{
	border-left:solid 10px #3d5778;
	padding:1.2% 2.4%;
	font-size:16px;
	line-height:180%;
	}
	
dl#mail_box dd/* （確認内容の中身） */
	{
	padding:3.4% 2.4%;
	font-size:16px;
	}
	
.submitbox/* （送信すると前に戻るの大枠） */
	{
	width:80%;
	max-width: 100%;
	margin:2% auto 0;
	}
	
.submitstyle02 input/* （送信するボタン） */
	{
	width:100%;
	margin:2% auto;
	font-size:18px;
	line-height:420%;
	border-radius:12px;
	}
	
.submitstyle03 input/* （前に戻るボタン） */
	{
	width:80%;
	margin:3% auto;
	font-size:14px;
	line-height:420%;
	border-radius:12px;
	}

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

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

section#result_box/* （本文の大外枠。背景色指定や背景画像指定がある場合に使ってくださいね） */
	{
	padding:0;
	}
	
.contact_result .result_text01 h3/* （入力エラー） */
	{
	padding:0 0 3% 0;
	font-size:12px;
	}	
	
.backbtn input/* （入力エラー時の前に戻るボタン） */
	{
	margin:6% 0 0 0;
	font-size:16px;
	}
	
.result_text02/* （お客様のご入力内容は以下の〜〜「送信する」ボタンを押してください。） */
	{
	font-size:12px;
	padding:4% 0 0 0;
	}
	
dl#mail_box/* （確認内容の大枠） */
	{
	margin:4% auto;
	width:100%;
	}
	
dl#mail_box dt/* （確認内容の項目名） */
	{
	border-left:solid 10px #3d5778;
	padding:1.2% 3%;
	font-size:14px;
	line-height:180%;
	}
	
dl#mail_box dd/* （確認内容の中身） */
	{
	padding:3.4% 2.4%;
	font-size:14px;
	}
	
.submitstyle02 input/* （送信するボタン） */
	{
	width:100%;
	margin:2% auto;
	font-size:16px;
	line-height:420%;
	border-radius:12px;
	}
	
.submitstyle03 input/* （前に戻るボタン） */
	{
	width:80%;
	margin:3.8% auto;
	font-size:12px;
	line-height:430%;
	border-radius:12px;
	}

 /* *************** */
	}	
	


/* ************************************************************
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;
}