@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;
	}

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: #009e96;
	line-height: 160%;
	color:#fff;
	font-size:20px;
  padding: 1vw 0 ;
	}
	
/* ▼▼▼▼▼▼▼▼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:0 auto ;
	padding:3% 5% ;
	}

.contact_footer h1
	{
	width:100%;
	margin:0 auto ;
	max-width:300px;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

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

/* ************************************************************
内容確認
************************************************************ */
	
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:#329bd2;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.backbtn input:hover
	{
	-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 #329bd2;
	border-bottom:solid 1px #329bd2;
	padding:1.2% 2%;
	font-size:18px;
	background:#FFF;/* （項目名の背景色） */
	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;
	}
	
.submitstyle02 input/* （送信するボタン） */
	{
	width:80%;
	margin:2% auto;
	font-size:20px;
	text-align:center;
	line-height:420%;
	background:#329bd2;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle02 input:hover
	{
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.submitstyle03 input/* （前に戻るボタン） */
	{
	width:80%;
	margin:3% auto;
	font-size:16px;
	text-align:center;
	line-height:420%;
	background:#329bd2;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle03 input:hover
	{
	-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 #329bd2;
	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 #329bd2;
	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 #329bd2;
	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;
	}

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

/* ************************************************************
サンクスページ
************************************************************ */

#thanks
	{
	width:100%;
	margin:0 auto 0;
	padding: 300px 0 200px;
	}

#thanks .thanks01
	{
	width:100%;
	margin:0 auto 0;
	padding-bottom: 50px;
	font-size: 18px;
	line-height: 1.5;
	}
#thanks .thanks02 
	{
	width:100%;
	margin:0 auto 0;
		background-color: #329bd2;
	position: relative;
	max-width: 300px;
	}
#thanks .thanks02 a
	{
	width:100%;
	margin:0 auto 0;
	padding: 15px;
	display: block;
	font-weight: 600;
	color: #FFF;
	font-size: 20px;
	line-height: 1.5;
	}
/* ▼▼▼▼▼▼▼▼MaxWidth900(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */	
#thanks
	{
	padding: 180px 0 100px;
	}
 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 480px) {
 /* ************** */	
#thanks
	{
	padding: 150px 0 100px;
	}
#thanks .thanks01
	{
	font-size: 16px;
	}
 /* *************** */
	}
/* ************************************************************
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;
}

/* レイアウト調整 */
.submitstyle02, .submitstyle03 {
  display: flex;
  justify-content: center;
}