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

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/* ************************************************************
メールフォーム
************************************************************ */

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


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

section#mail_box
	{
	max-width:90%;
	}
	

 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth960▼▼▼▼▼▼▼▼ */


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

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


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

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

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

section#mail_box
	{
	margin:0 auto 0;
	max-width:100%;
	padding:6% 5% 10%; 
	}
	
 /* *************** */
	}

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

.contact_form_box
	{
	margin:5% auto 0;
	padding:2% 4% 4%;
	width:90%;
	}
	
@media screen and (max-width: 480px) {
 /* ************** */

.contact_form_box
	{
	padding:5% 4% 4%;
	width:95%;
	}
 /* *************** */
	}
	
/* ************************************************************
フォーム部分のリセット
************************************************************ */


/* 横のみリサイズ可
textarea {
	resize: horizontal;
}

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

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



/* ************************************************************
フォーム部分
************************************************************ */
	
.leftform
	{
	margin:0 auto;
	width:99%;
	text-align: center
	}
	
.leftform dt,
.rightform dt
	{
	margin-top:5%;
	font-size:16px;
	padding:0px 4px;
	height:30px;
	line-height:30px;
	position:relative;
	text-align:left;
	}

.leftform dt span.underline
	{
	padding-bottom:5px;
	border-bottom:1px solid #000;
	}
	
.leftform dt span.small
	{font-size:13px;
	}
	
.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;
	border-radius:0px;
	}
	
.leftform input[type="text"]:focus,.leftform input[type="tel"]:focus,.leftform input[type="url"]:focus,.leftform input[type="number"]:focus,.leftform input[type="email"]:focus
	{
	background:#FFF2EF;
	border:solid 1px #F30;
	}

.submit_btn
	{
	width:100%;
	margin:3% 0 0 0;
	}
	
.sub01
	{
	width:100%;
	float:none;
	}
	
.wpcf7-submit{
 margin:0 auto;
	width:100%;
	line-height:420%;
	font-size:16px;
	text-align:center;
	background:#005e3c;
	color:#fff;	
	cursor:pointer;
	border-radius:0px;
	}
	
.wpcf7-submit:hover
	{
	background:#2f693b;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
	
.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;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(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:10%;
	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%;
	}

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

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

.leftform dt
	{
	margin-top:10%;
	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;
	}
	
textarea:focus
	{
	background:#fff;
	border:solid 1px #F30;
	}
	
/* ▼▼▼▼▼▼▼▼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:2px solid #858585;
	font-size:16px;
	border-radius:8px;
	background:#FFF;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

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

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

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

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

 /* *************** */
	}	
	
	
/* ************************************************************
書類添付
************************************************************ */
.tenpu{
margin:2% auto 5%;
width:100%;
text-align: left;
font-size:14px;
line-height:1.4;
}

h6{
margin:2% auto 2%;
width:100%;
text-align: left;
font-size:14px;
}

.file-up{
margin:2% 0;
width:100%;
display: block;
text-align: left;
}

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

.tenpu{
margin:2% auto 5%;
width:100%;
text-align: left;
font-size:12px;
line-height:1.5;
}

h6{
margin:10% auto 2%;
font-size:14px;
}


 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */



 /* ---------------------------------- */
}

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


h6{
margin:10% auto 5%;
font-size:13px;
}
.file-up{
margin:4% 0 3% 0;
}


 /* ---------------------------------- */
}

	
/* ************************************************************
checkbox
************************************************************ */
li.check_radio{
margin:2% auto;
width:100%;
text-align: left;
}


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

label.checkbox{
font-size:14px;
}



 /* ---------------------------------- */
}

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

.contact_result
	{
	margin:2% auto 5%;
	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
	{
	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:840px;
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
dl#mail_box dt
	{
	box-sizing:border-box;
	border-left:solid 14px #456196;
	border-bottom:solid 1px #456196;
	padding:1.2% 2%;
	font-size:16px;
	background:#fffee2;
	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:#2f693b;
	color:#fff;
	border-radius:12px;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor:pointer;
	}
	
.submitstyle02 input:hover
	{
	background:#4dc366;
	-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;
	margin−bottom:10%;
	}
	
.submitstyle03 input:hover
	{
	background:#56A1B2;
	-webkit-transition: all .3s;check
	transition: all .3s;
	}
	
	
/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


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

.contact_result
	{
	margin:4% auto 0;
	width:90%;
	}
	
.result_text02
	{
	font-size:14px;
	}
	
dl#mail_box
	{
	margin:2% auto;
	width:100%;
	}
	
dl#mail_box dt
	{
	border-left:solid 14px #456196;
	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:4% auto 0;
	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 #456196;
	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;
	}

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

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

/******************************
チェックボックスの記述（contactform7用）
*******************************/

span.wpcf7-list-item {
display: block!important;
width:100%;
margin:2% auto;
font-size:14px;
text-align: left;
line-height:1.5;
}

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

span.wpcf7-list-item {
display: block!important;
width:100%;
margin:2% auto;
font-size:14px;
text-align: left;
line-height:2;
}

}


/******************************
comment例
*******************************/
.pr-comment{
margin:10px auto;
width:100%;
text-align: left;
font-size:13px;
line-height:1.6;
letter-spacing: 0.03em;
}




/******************************
お礼コメント
*******************************/

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #EDF0F5;
		border:none;
}