@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

ご相談・資料請求

------------------------------------------------------------ */

#article .section .inner {
    width: 93.75%;
    margin: 0 auto;
}

/* heading
---------------------------------------------- */
h3.h3_type01{
	background:linear-gradient(to bottom, #FFFFFF, #F8F8F8);
	color:#00663E;
	font-size:20px;
	font-weight:bold;
	padding:6px 10px 4px;
	border-top:2px solid #85A925;
	border-bottom:1px dotted #BBBBBB;
	margin-bottom:10px;
}

/* p
---------------------------------------------- */
p#btn_pamph{text-align:center;}

p#btn_pamph a{
	background:#F3FBDB;
	border:1px solid #85A925;
	border-radius:10px;
	display:block;
	padding:7px;
	color:#00673E;
	text-decoration:none;
}

p#btn_pamph a span{
	background:url(../images/pamphlet/ico_arrow01.png) no-repeat right center;
	padding-right:25px;
	font-weight:bold !important;
}

p#txt02{margin-bottom:20px;}

p.wrap_btn{
	text-align:center;
	margin-bottom:20px;
}

/* div
---------------------------------------------- */
div#txt_left,
div#btn_right{margin-bottom:20px;}

div.wrap_pamph:first-child{margin-bottom:15px;}

div.pamph_left{margin-bottom:10px;}

div.wrap_pamph figure{
	border:1px solid #85A925;
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}

div.wrap_pamph figure img{
	width:100px;
	height:auto;
}

/* table
---------------------------------------------- */
table.form{
	width:100%;
	margin-bottom:20px;
}

table.form tr{border-bottom:1px dotted #AAAAAA;}


table.form th{
	width:30%;
	padding:12px 5px 12px 0;
}

table.form th span{display:inline-block;}

table.form th span.must{
	color:#E51019;
	font-size:12px;
}

table.form td{padding:12px 0;}

table.form td span.detail{
	display:block;
	text-align:center;
	margin-top:15px;
}

table.form td span.detail a{
	color:#85a925;
	text-decoration:underline;
}

/* フォーム
---------------------------------------------- */
label{
	display:inline-block;
	text-indent:-1.6em;
	padding-left:1.6em;
	margin-right:15px;
}

input[type="radio"]{vertical-align:baseline;}
input[type="text"]{width:100%;}

input.submit{
	display:inline-block;
	background:#85A925;
	padding:1em 3em;
	color:#FFF;
	border:none;
	cursor:pointer;
	transition:.2s;
}

input.reset{
	display:inline-block;
	background:#999999;
	padding:1em 3em;
	margin-right:10px;
	color:#FFF;
	border:none;
}

input.postal{width:80%;}

textarea{
	width:100% !important;
	height:180px;
}

span.ERR{color:#E51019;}

/* etc
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.align_center{text-align:center !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}

@media screen and (min-device-width: 767px) { /*--PC--*/

/* article
---------------------------------------------- */
#article .section#lead {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 1em 0;
}

#article #lead.section .inner {
    margin: 30px auto;
    padding: 0;
    width: 93.75%;
}

/* heading
---------------------------------------------- */
h3.h3_type01{margin-bottom:20px;}

/* table
---------------------------------------------- */
table.form{
	margin-bottom:50px;
	font-size:15px;
}

/* p
---------------------------------------------- */
p#btn_pamph a:hover{
	background:#85A925;
	color:#FFF;
}

p#txt02{margin-bottom:40px;}

/* div
---------------------------------------------- */
div#wrap_txt01{
	overflow:hidden;
	margin-bottom:30px;
}

div#txt_left{
	float:left;
	width:480px;
	margin-bottom:0;
}

div#btn_right{
	width:400px;
	float:right;
	margin-bottom:0;
}

div.wrap_pamph{
	display:table;
	width:100%;
}

div.wrap_pamph:first-child{margin-bottom:15px;}

div.pamph_right{
	display:table-cell;
	vertical-align:top;
}

div.pamph_left{
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
}

div.pamph_left span.detail{
	display:block !important;
	text-align:right !important;
	margin-top:30px;
}

div.pamph_left span.detail a{
	color:#85a925;
	text-decoration:underline;
}

div.pamph_left span.detail:hover{text-decoration:none;}

div.wrap_pamph figure{
	border:1px solid #85A925;
	width:150px;
	height:150px;
	overflow:hidden;
}

div.wrap_pamph figure img{
	width:150px;
	height:auto;
}

/* table
---------------------------------------------- */
table.form th{width:23%;}

/* フォーム
---------------------------------------------- */
input[type="text"]{width:300px;}

input.submit{
	cursor:pointer;
	transition:.2s;
}

input.submit:hover{opacity:0.8;}

input.reset{
	cursor:pointer;
	transition:.2s;
}

input.reset:hover{opacity:0.8;}

textarea{
	width:600px !important;
	height:210px;
}

}