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

/* ************************************************************
メールフォーム
************************************************************ */
.form .header-p01{
	padding: 4%;}

section#mail_box
	{
	margin:0 auto ;
	width:100%;
	max-width:1000px;
	padding:0 5% 0;
	position:relative;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet_landscape)▼▼▼▼▼▼▼▼ */


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

section#mail_box
	{
	max-width:100%;
	padding:0 5% 0;
	}
	

 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth768▼▼▼▼▼▼▼▼ */


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

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

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

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

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

.contact_form_box
	{
	margin:0 auto;
	padding:2% 4% 4%;
	width:100%;
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 960px) {
 /* ************** */

 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 580px) {
 /* ************** */

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


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



/* ************************************************************
フォーム部分
************************************************************ */

.leftform
	{
	margin:0 auto;
	width:80%;
    text-align: center;
	padding-top: 10%;
	}
	
.leftform dt,
.rightform dt
	{
	margin-top:3%;
	font-size:16px;
	padding:0px 4px;
	height:30px;
	line-height:30px;
	position:relative;
	text-align:left;
	}
	
.leftform dd .pimg
	{
	margin:2% auto 0;
	width:94%;
	}

.leftform input[type="text"],.leftform input[type="tel"],.leftform input[type="url"],.leftform input[type="number"],.leftform input[type="email"]
	{
	margin-top:1%;
	margin-bottom:1.5%;
	border:solid 1px #858585;
	padding:2.8% 3.2%;
	line-height:140%;
	width:100%;
	font-size:16px;
	background-color: #FFF;
	}

.submit_btn
	{
	width:100%;
	padding-top: 5%;
	margin:3% 0 0 0;
	}
	
.sub01
	{
	width:100%;
	padding-top: 5% ;
	float:none;
	}
	
.submitstyle{
 margin:10% auto 0;
	width:100%;
	line-height:420%;
	font-size:16px;
	text-align:center;
	background:#2eb0cb;
	color:#fff;	
	cursor:pointer;
	max-width: 300px;
	}
	
.submitstyle:hover
	{
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#139DB9;
	}
	
.hankaku
	{
	font-size:12px;
	}
	
.hissu
	{
	font-size:12px;
	color:#E92E00;
	}
	
.contact_coution
	{
	margin:4% 0 0 0;
	background:#381E1D;
	padding:1.4% 0;
	font-size:12px;
	color:#fff;
	}
	
.a_left
	{
	text-align:left;
	font-size:16px;
	}
.leftform .privacypolicy-dt{
   color: #FF0004;
}
.leftform .privacypolicy-p{
    color: #777777;
    font-size: 12px;
	padding: 0 0 1% 1%;
	text-align: left;
}
.leftform .privacypolicy{
   height: 20em;     /* 高さを制限(※) */
   overflow: auto;  /* スクロールバーを表示(※) */
   border: #626262 1px solid;    /* 枠線を追加 */
   background-color: #fff; /* 背景色を追加 */
   font-size: 12px;
	line-height: 150%;
	text-align: left;
	padding: 1%;
	margin-bottom: 7%;
}
	
/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 900px) {
 /* ************** */

.leftform,.rightform{
margin:0 auto;
width:100%;
float:none;
}
.rightform dd{
margin:0 auto;
width:94%;
	}

.leftform dt,
.rightform dt
	{
	margin-top:3%;
	font-size:15px;
	padding:0px 1%;
	height:auto;
	line-height:200%;
	}

.leftform input[type="text"],.leftform input[type="tel"],.leftform input[type="url"],.leftform input[type="number"],.leftform input[type="email"]
{
	margin-top:1%;
	margin-bottom:1.5%;
	padding:3.4% 3.2%;
	width:93.6%;
	font-size:15px;
	}
	
.leftform input[type="text"]:focus
	{
	}

.submit_btn
	{
	width:80%;
	margin:3% auto;
	
	}	
	
.submitstyle
	{
	line-height:420%;
	font-size:14px;
	}
	
.hankaku
	{
	font-size:10px;
	}
	
.hissu
	{
	font-size:10px;
	color:#E92E00;
	}
	
.contact_coution
	{
	margin:4% 0 0 0;
	padding:2% 3%;
	width:100%;
	font-size:12px;
	line-height:142%;
	}

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

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

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

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

.leftform dt
	{
	margin-top:3%;
	font-size:14px;
	line-height:200%;
	}

.leftform input[type="text"],.leftform input[type="tel"],.leftform input[type="url"],.leftform input[type="number"],.leftform input[type="email"]
	{
	margin-top:1%;
	margin-bottom:1.5%;
	padding:3.4% 3.2%;
	width:100%;
	font-size:16px;
	}

.submit_btn
	{
	width:100%;
	margin:6% 0 1% 0;
	}
	
.sub01
	{
	width:100%;
	float:none;
	}
	
.submitstyle
	{
	line-height:400%;
	font-size:16px;
	}
	
.hankaku
	{
	font-size:10px;
	}
	
.hissu
	{
	font-size:10px;
	color:#E92E00;
	}
	
.contact_coution
	{
	margin:6% 0 0 0;
	padding:2% 3%;
	width:100%;
	font-size:10px;
	line-height:142%;
	}
	
.a_left
	{
	text-align:left;
	font-size:14px;
	}

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

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

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


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

textarea 
	{
width:93%;
font-size:14px;
	line-height:158%;
	}

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

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

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

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

select
	{
	box-sizing:border-box;
	padding:2.2% 1.8%;
	width:100%;
	border:1px solid #858585;
	font-size:16px;
	background:#FFF;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth900(tablet)▼▼▼▼▼▼▼▼ */


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

select
	{
	width: 93%;
	margin:1% 0 0 0;
	padding:3.2% 1.8%;
	font-size:16px;
	}

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

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

select
	{
	width: 100%;
	margin:1% 0 0 0;
	padding:3.2% 1.8%;
	font-size:16px;
	}

 /* *************** */
	}	
	
	
/* ************************************************************
チェックボックス・ラジオボタン
************************************************************ */

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

.check_btn ul li
	{
	font-size:16px;
	margin:2% 0 0 0;
	float:left;
	width:49%;
	}
	
.rightform .check_btn ul li
	{
	font-size:16px;
	margin:2% 0 0 0;
	float:none;
	width:100%;
	}

.rightform .check_btn ul li.half
	{
	font-size:16px;
	margin:2% 0 0 0;
	float:left;
	width:49%;
	}
	
.rightform .check_btn ul li.half:nth-child(even)
	{
	margin:2% 0 0 2%;
	}
	
.check_btn ul li:nth-child(even)
	{
	margin:2% 0 0 2%;
	}

.rightform .check_btn ul li:nth-child(even)
	{
	margin:2% 0 0 0;
	}

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

.radio,.checkbox {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 20px 0 20px 42px;
  width:100%;
  background-color: rgba(255,255,255,1);
  vertical-align: middle;
  cursor: pointer;
  border:solid 1px #999;
}
.radio:hover, .checkbox:hover {
  background-color:#f2fbff;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #fd7ea8;
}
.radio:after, .checkbox: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: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: #fd7ea8;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox: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 #fd7ea8;
  border-bottom: 3px solid #fd7ea8;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}


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


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

.check_btn ul
	{
	width:93%;
	margin-left:3%;
	}

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


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

.check_btn ul	{
	width:93%;
	}
	
.check_btn ul li
	{
	font-size:16px;
	margin:2% 0 0 0;
	float:none;
	width:100%;
	}
	
.check_btn ul li:nth-child(even){
	margin:2% 0 0 0;
	}
	
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
	
.radio, .checkbox 
	{
	}

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


	

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