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


/* ************************************************************
コンタクトフォームボックス
************************************************************ */

.contact_form_box
	{
	margin:3% auto 0 auto;
	box-sizing:border-box;
	width:100%;
	max-width:1000px;
	padding:4% 5% 5%;
	background:rgba(255,255,255,0.6);
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */


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

.contact_form_box
	{
	margin:6% auto 0 auto;
	width:100%;
	max-width:90%;
	padding:4% 5% 5%;
	}

 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

.contact_form_box
	{
	margin:5% auto 0 auto;
	max-width:90%;
	padding:4% 5% 5%;
	}

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

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



 /* *************** */
	}
	
	
/* ************************************************************
フォーム部分のリセット
************************************************************ */


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: horizontal;
}

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

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



/* ************************************************************
フォーム部分
************************************************************ */
	
.dl_form
	{
	width:100%;
	margin:3% auto 0;
	padding:0 0 0 0;
	text-align:left;
	color:#2C2C2C;
	max-width:100%;
	}
	
.dl_form dt
	{
	width:100%;
	max-width:100%;
	font-size:16px;
	line-height:150%;
	padding:1% 0.5%;
	position:relative;
	}
	
.dl_form dd
	{
	width:100%;
	max-width:100%;
	margin:0 auto 0;
	font-size:16px;
	line-height:150%;
	padding:0.46% 0 0 0;
	position:relative;
	}

.dl_form input[type="text"],.dl_form input[type="tel"],.dl_form input[type="email"]
	{
	border:solid 1px #616161;
	padding:1.5% 1% 1.5% 2.5%;
	width:100%;
	font-size:16px;
	line-height:150%;
	}
	
.dl_form input[type="text"]:focus,.dl_form input[type="tel"]:focus,.dl_form input[type="email"]:focus
	{
	background:#fff;
	border:solid 1px #F30;
	}

.submit_btn
	{
	width:100%;
	margin:6% 0 13% 0;
	}
	
.sub01
	{
	width:100%;
	}
	
.submitstyle
	{
	width:100%;
	line-height:420%;
	font-size:18px;
	text-align:center;
	background:#E32C34;
	color:#fff;
	border-radius:14px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle:hover
	{
	background:#FF7B53;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.hankaku
	{
	font-size:12px;
	}
	
.hissu
	{
	position:absolute;
	right:5%;
	top:14%;
	width:20%;
	background:#F00;
	color:#fff;
	font-size:12px;
	padding:0 2%;
	text-align:center;
	}
	
.nini
	{
	position:absolute;
	right:5%;
	top:14%;
	width:20%;
	background:#0070E9;
	color:#fff;
	font-size:12px;
	padding:0 2%;
	text-align:center;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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



 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */

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


.dl_form
	{
	width:100%;
	margin:3% auto 0;
	}
	
.dl_form dt
	{
	width:100%;
	font-size:14px;
	line-height:150%;
	padding:1% 0.5%;
	}
	
.dl_form dd
	{
	width:100%;
	margin:0 auto 0;
	font-size:14px;
	line-height:150%;
	padding:0.46% 0 0 0;
	}

.dl_form input[type="text"],.dl_form input[type="tel"],.dl_form input[type="email"]
	{
	border:solid 1px #616161;
	padding:2% 1% 2% 2.5%;
	width:100%;
	font-size:14px;
	line-height:150%;
	}
	
.dl_form input[type="text"]:focus
	{
	background:#fff;
	border:solid 1px #F30;
	}
	
.hissu
	{
	position:absolute;
	right:5%;
	top:14%;
	width:20%;
	background:#F00;
	color:#fff;
	font-size:10px;
	padding:0 2%;
	}
	
.nini
	{
	position:absolute;
	right:5%;
	top:14%;
	width:20%;
	background:#0070E9;
	color:#fff;
	font-size:10px;
	padding:0 2%;
	}

	
/* *************** */
	}
	
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

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

.dl_form
	{
	width:100%;
	margin:3% auto 0;
	}
	
.dl_form dt
	{
	width:100%;
	font-size:14px;
	line-height:150%;
	padding:1% 0.5%;
	}
	
.dl_form dd
	{
	width:100%;
	margin:0 auto 0;
	font-size:14px;
	line-height:150%;
	padding:0.46% 0 0 0;
	}
	
.submit_btn
	{
	width:100%;
	margin:6% 0 13% 0;
	}
	
.sub01
	{
	width:100%;
	}
	
.submitstyle
	{
	width:100%;
	line-height:420%;
	font-size:16px;
	text-align:center;
	background:#E32C34;
	color:#fff;
	border-radius:14px;
	-webkit-transition:none;
	transition:none;
	cursor:pointer;
	}
	
.submitstyle:hover
	{
	background:#E32C34;
	-webkit-transition:none;
	transition:none;
	}
	
.hankaku
	{
	font-size:10px;
	}
	
.hissu
	{
	position:absolute;
	right:2%;
	top:14%;
	width:20%;
	background:#F00;
	color:#fff;
	font-size:10px;
	padding:0 2%;
	}
	
.nini
	{
	position:absolute;
	right:2%;
	top:14%;
	width:20%;
	background:#0070E9;
	color:#fff;
	font-size:10px;
	padding:0 2%;
	}

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

	
/* ************************************************************
テキストエリアのサイズ指定
************************************************************ */

textarea 
	{
	box-sizing:border-box;
	border:solid 1px #ccc;
	padding:2%;
	width:100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 280px;
	max-height: 440px;
	font-size:15px;
	line-height:138%;
	color:#393939;
	}
	
textarea:focus
	{
	background:#fff;
	border:solid 1px #F30;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

textarea 
	{
	min-height: 300px;
	max-height: 500px;
	font-size:14px;
	line-height:158%;
	}

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

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

textarea 
	{
	min-height: 240px;
	max-height: 400px;
	}

 /* *************** */
	}
	
/* ************************************************************
セレクト
************************************************************ */

select
	{
	box-sizing:border-box;
	padding:1.6% 1% 1.5% 2.5%;
	width:100%;
	border:1px solid #858585;
	font-size:16px;
	border-radius:6px;
	background:#FFF;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

select
	{
	margin:1% 0 0 0;
	padding:1.6% 1% 1.5% 2.5%;
	font-size:16px;
	}

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth768(tablet)▼▼▼▼▼▼▼▼ */


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

select
	{
	margin:1% 0 0 0;
	padding:1.2% 1% 1.1% 2.5%;
	font-size:14px;
	}

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

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

select
	{
	margin:1% 0 0 0;
	padding:3.2% 2%;
	font-size:14px;
	}

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

	
/* ************************************************************
チェックボックス・ラジオボタン(予約用)
************************************************************ */

.check_btn_re
	{
	text-align:left;
	}
	
.check_btn_re ul
	{
	width:100%;
	}

.check_btn_re ul li
	{
	font-size:15px;
	margin:1% 0;
	float:left;
	width:50%;
	}
	
.radiobtn_re
	{
	text-align:left;
	}
	
.radiobtn_re ul li
	{
	font-size:15px;
	margin:0 0;
	float:left;
	width:50%;
	}


input[type=radio], input[type=checkbox] {
  display: none;
}

.radio_re, .checkbox_re {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin:0 5% 1% 0;
  padding: 14px 0 14px 42px;
  width:100%;
  border-radius: 8px;
  background-color: rgba(255,255,255,1);
  vertical-align: middle;
  cursor: pointer;
  border:solid 1px #CCC;
}
.radio_re:hover, .checkbox_re:hover {
  background-color:#FFCCA4;
}
.radio_re:hover:after, .checkbox_re:hover:after {
  border-color: #f76900;
}
.radio_re:after, .checkbox_re:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio_re:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  margin-top: -7px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f76900;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio_re:before {
  opacity: 1;
}

.checkbox_re:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #f76900;
  border-bottom: 3px solid #f76900;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox_re:before {
  opacity: 1;
}


/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

.check_btn_re
	{
	}
	
.check_btn_re ul
	{
	}

.check_btn_re ul li
	{
	font-size:14px;
	margin:1% 0;
	float:left;
	width:50%;
	}
	
.radio_re, .checkbox_re {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin:0 5% 1% 0;
  padding: 6% 0 6% 42px;
  width:100%;
  border-radius: 8px;
  background-color: rgba(255,255,255,1);
  vertical-align: middle;
  cursor: pointer;
  border:solid 1px #CCC;
}

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

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

.check_btn_re
	{
	text-align:left;
	}
	
.check_btn_re ul
	{
	width:100%;
	}

.check_btn_re ul li
	{
	font-size:16px;
	margin:1% 0;
	float:none;
	width:100%;
	}
	
.radiobtn_re ul li
	{
	font-size:16px;
	margin:1% 0;
	float:none;
	width:100%;
	}
	
.radio_re, .checkbox_re 
	{
  margin: 0 20px 8px 0;
  padding: 18px 0 18px 42px;
  width:100%;
	}

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

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

.header_res
	{
	width:100%;
	padding:1% 2%;
	margin:0 auto 0;
	}

.header_res h1
	{
	width:30%;
	max-width:140px;
	margin:0 auto 0;
	}
	
section#result_box
	{
	width:100%;
	max-width:1000px;
	padding:2% 5% 10%;
	margin:0 auto 0;
	}


.contact_result
	{
	margin:2% auto 0;
	width:900px;
	}	
	
.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
	{
	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:#2A2A2A;
	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 #FF501C;
	border-bottom:solid 1px #FF501C;
	padding:1.2% 2%;
	font-size:16px;
	background:#FFCFBA;
	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 0;
	}
	
.submitstyle02 input
	{
	width:100%;
	margin:2% auto;
	font-size:16px;
	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:100%;
	margin:2% 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;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

.header_res
	{
	width:100%;
	padding:2% 2%;
	margin:0 auto 0;
	}

.header_res h1
	{
	width:34%;
	max-width:200px;
	margin:0 auto 0;
	}
	
section#result_box
	{
	width:100%;
	max-width:100%;
	padding:2% 6% 10%;
	margin:0 auto 0;
	}


.contact_result
	{
	margin:2% auto 0;
	width:100%;
	}	
	
.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
	{
	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:none;
	transition:none;
	cursor:pointer;
	}
	
.backbtn input:hover
	{
	background:#E32C34;
	-webkit-transition:none;
	transition:none;
	}
	
.backbtn input
	{
	font-size:16px;
	color:#fff;
	}
	
.result_text02
	{
	font-size:16px;
	color:#2A2A2A;
	padding:3% 0 0 0;
	line-height:160%;
	}
	
dl#mail_box
	{
	margin:2% auto;
	width:100%;
	}
	
dl#mail_box dt
	{
	border-left:solid 14px #FF501C;
	border-bottom:solid 1px #FF501C;
	padding:1.6% 2%;
	font-size:16px;
	background:#FFCFBA;
	line-height:160%;
	}
	
dl#mail_box dd
	{
	box-sizing:border-box;
	padding:2.8% 2.2%;
	font-size:16px;
	line-height:160%;
	letter-spacing:0.02em;
	}
	
.submitbox
	{
	width:90%;
	margin:2% auto 0;
	}
	
.submitstyle02 input
	{
	width:100%;
	margin:2% auto;
	font-size:16px;
	line-height:480%;
	background:#E32C34;
	border-radius:12px;
	-webkit-transition:none;
	transition:none;
	cursor:pointer;
	}
	
.submitstyle02 input:hover
	{
	background:#E32C34;
	-webkit-transition:none;
	transition:none;
	}
	
.submitstyle03 input
	{
	width:100%;
	margin:2.8% auto;
	font-size:16px;
	text-align:center;
	line-height:420%;
	background:#5672C0;
	border-radius:12px;
	-webkit-transition:none;
	transition:none;
	cursor:pointer;
	}
	
.submitstyle03 input:hover
	{
	background:#5672C0;
	-webkit-transition:none;
	transition:none;
	}

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

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

.result_text02
	{
	font-size:14px;
	line-height:170%;
	}

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


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