@charset "UTF-8";
/* ===================================================================
　design style CSS
=================================================================== */
/*
Author: hiroshige keita

[[[[[[   CSS menu   ]]]]]

　Reset style
　common style
　common parts
		　Container
		　Header
		　Nav
		　Page_Title_Header
		　Contents
				　パンくず
				　メインコンテンツ　タイトル
				　メインコンテンツ　コンテンツ部分　白背景
				　メインコンテンツ　コンテンツ部分　緑背景
				　お問い合わせ
				　ページ上部へ
				　文章
		　Footer
		　Btn
		　ul LIST BOX
		　Table
　Page Only
		　index.html
		　privacy.html
		　sitemap.html
		　qa.html
		　company.html
		　staff.html
		　service_garden.html
		　inquiry.html
		　afainfo
		　afawork
*/
/* ===================================================================
　Reset style
=================================================================== */
html {
	overflow: auto;
}
*{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	text-shadow:none;
	line-height: 1.5;
	-webkit-box-sizing: border-box;/* Safari,Google Chrome用 */
	-moz-box-sizing: border-box;/* Firefox用 */
	-ms-box-sizing: border-box;/* Internet Explorer 8用 */
	box-sizing: border-box;
	-webkit-text-size-adjust:none !important;
}
body {
	background: #fff;
	color:#565656;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
	font-size: 100%;
	text-shadow:none;
	font-weight: normal;
	font-style:normal;
	letter-spacing:normal;
	position:relative;
}
body .Container {
	overflow: hidden;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}
html, body, header, nav, address, hgroup, section, article, footer, time,figure {
	margin: 0;
	padding: 0;
	border: 0;
}
h1,h2,h3,h4,h5,h6,ul,ol,dl{
	display:block;
	margin:0;
	padding:0;
	}
img{
	vertical-align: bottom;
}
ul,ol,dl{
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}
a,
a:hover,
a:active,
a:visited{
	text-decoration:none;
	color: #458443;
	}
a:hover{
	text-decoration:underline;
	}
a img{
	border:0 none;
}
/* change colours to suit your needs */
ins {
	color:rgb(0,0,0);
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	color:rgb(0,0,0);
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
em{
	font-style:normal;
}
input {
	vertical-align: middle;
	-webkit-appearance: none;
}
select{
	vertical-align:middle;
	background:#fff;
}
.disp_none {
	display : none;
}
.clearfix:after {
	clear:both;
	content:" ";
	display:block;
}
.ClearBefore:before {
	clear:both;
	content:" ";
	display:block;
}
/* ===================================================================
　common style
=================================================================== */
.fc:after {
	content: "";
	display: block;
	clear: both;
	visibility:hidden;
}
.no_pc {display: block;}
.no_tab {display: none;}
.no_sp {display: none;}

#toTop {border: medium none; bottom:36px; right:30px; cursor:pointer; display:none; height:40px; width:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:100; margin:0;}
@media(min-width:1px) and (max-width:768px){
#toTop {border: medium none; bottom:0; right:0; cursor:pointer; display:none; height:40px; width:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:100; margin:0;}	
}

@media(min-width:1px) and (max-width:960px){
				*{font-size:100%;}
			.no_pc {display: block;}
			.no_tab {display: none;}
			.no_sp {display: none;}
	}
@media(min-width:1px) and (max-width:768px){
				*{font-size:99%;}
			.no_pc {display: block;}
			.no_tab {display: block;}
			.no_sp {display: none;}
}
@media(min-width:1px) and (max-width:420px){
				*{font-size:98%;}
			.no_pc {display: none;}
			.no_tab {display: none;}
			.no_sp {display: block;}
}
.bg_main{background: #339933 !important;}
.color_main{color: #339933 !important;}
.center{text-align: center;margin: 0 auto;width: 100%;}
.left{text-align: left;margin: 0 auto;width: 100%;}
.right{text-align: right;margin: 0 auto;width: 100%;}
.m_top0{margin-top:0px !important;}
.m_top5{margin-top:5px !important;}
.m_top10{margin-top:10px !important;}
.m_top15{margin-top:15px !important;}
.m_top20{margin-top:20px !important;}
.m_top30{margin-top:30px !important;}
.m_bottom0{margin-bottom:0px !important;}
.m_bottom5{margin-bottom:5px !important;}
.m_bottom10{margin-bottom:10px !important;}
.m_bottom15{margin-bottom:15px !important;}
.m_bottom20{margin-bottom:20px !important;}
.m_bottom30{margin-bottom:30px !important;}
.p_top0{padding-top:0px !important;}
.p_top5{padding-top:5px !important;}
.p_top10{padding-top:10px !important;}
.p_top15{padding-top:15px !important;}
.p_top20{padding-top:20px !important;}
.p_top30{padding-top:30px !important;}
.p_bottom0{padding-bottom:0px !important;}
.p_bottom5{padding-bottom:5px !important;}
.p_bottom10{padding-bottom:10px !important;}
.p_bottom15{padding-bottom:15px !important;}
.p_bottom20{padding-bottom:20px !important;}
.p_bottom30{padding-bottom:30px !important;}

.common_hr{
	margin: 5% 0;
	background: #458443 !important;
	height: 2px;
	width: 100%;
}
strong{
	font-weight: bold;
}

/*改行*/
@media(min-width:1px) and (max-width:960px){
			.br-minipc { display:none; }
}
@media(min-width:1px) and (max-width:768px){
			.br-minipc { display:none; }
			.br-sp { display:block; }
			.br-tab { display:none; }
}
@media(min-width:1px) and (max-width:420px){
			.br-minipc { display:none; }
			.br-sp { display:none; }
			.br-tab { display:none; }
}

/* ===================================================================
　common parts
=================================================================== */
/* -------------------------------------------------------------------
　Container
------------------------------------------------------------------- */
.Container:before {
	content: "";
	display: block;
	height: 148px;
}

@media(min-width:1px) and (max-width:960px){
			.Container:before {
			height: 148px;
			}
}
@media(min-width:1px) and (max-width:768px){
			.Container:before {
			height: 25px;
			}
}
@media(min-width:1px) and (max-width:420px){
			.Container:before {
			height:0;
			}
}
/* -------------------------------------------------------------------
　Header
------------------------------------------------------------------- */

.Header{
	height: 160px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999999;
}
.hd_sitetitle{
	position:absolute;
	left:0;
	top:15px;
}
.hd_sitetitle h1 {
	width: auto;
}

.hd_btn {
	position:absolute;
	right:0;
	top:30px;
	width: 490px;
}
.hd_btn p{ float:left; margin-top:10px;}
.hd_btn div{float:right;}
@media(min-width:1px) and (max-width:960px){
			.hd_sitetitle{
			padding-top: 8px;
			}
			.hd_sitetitle h1 img{
			width: 250px;
			padding-left: 15px;
			}
			.hd_sitetitle h1 span {
			font-size: 120%;
			}
			.hd_btn{
			padding-top: 2px;
			width: 250px;
			}
			.hd_btn .contact img{
			width: 250px;
			}
}
@media(min-width:1px) and (max-width:768px){
			.hd_btn .contact{
			display: none;
			}
			.hd_sitetitle{
			padding-top: 15px;
			}
			.hd_sitetitle h1 img{
			width: 200px;
			height:auto;
			margin-top:-18px;
			padding-left: 8px;
			}
			.hd_sitetitle h1 span {
			font-size: 100%;
			}
			.hd_btn{
			padding-top: 0;
			display:none;
			}
			.Header{
			height: 70px;
			}
			.Header_Inner{
			border-bottom: 2px solid #458443;
			}
			
			
}
@media(min-width:1px) and (max-width:420px){
			.hd_sitetitle{
			padding-top: 6px;
			}
			.hd_sitetitle h1 img{
			width: 140px;
			height:auto;
			padding-left: 8px;
			}
			.hd_sitetitle h1 span {
			display: none;
			}
			.hd_btn{
			padding-top: 0;
			}
			.Header{
			height: 50px;
			border-bottom:1px #CCC solid;
			}
}
/* -------------------------------------------------------------------
　Nav
ナビだけ変な書き方している…
------------------------------------------------------------------- */
#navi {
	position:absolute;
	top:110px;
	margin: 0;
	background:#fbfbfb;
	width:100% !important;
	border-top: 1px solid #ddd;
}


@media(min-width:1px) and (max-width:768px){
	#navi {
	position:absolute;
	top:0;
	margin: 0;
	background:#f6f7f4;
	width:100% !important;
}
	
}

#btn {
	position: absolute;
	top: 5px;
	right: 8px;
	background: #f00;
}
#hd_teltrigger {
	position: absolute;
	top: 5px;
	right: 58px;
}
#hd_teltrigger,#btn{
	background: #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
#hd_teltrigger a,#btn a {
	content: "";
	font: 16px "Genericons";
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	text-decoration: none;
}
#hd_teltrigger a:before,#btn a:before {
	line-height: 40px;
	width: 40px;
}
#hd_teltrigger.open a:before,#btn.open a:before {
	line-height: 40px;
	width: 40px;
}



#menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#menu ul {
	margin: 0;
	padding: 0;
	height:70px;
}
#menu ul li {
	margin: 0;
	list-style-type: none;
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
#menu ul li.Active {
	background: #458443;
}
#menu ul li.Active a {
	color:#FFF !important;
}
#menu ul li.close {
	border-bottom: none;
	text-align: center;
	background: #F7F7F7;
}
#menu ul li a{
display: block;
}
#menu ul li span {
	display: none;
}


@media(min-width:1px) and (max-width:768px){
			#menu {
			border-top: 1px solid #333;
			border-bottom: 1px solid #333;
			}
			#menu ul li {
			padding: 15px;
			font-size:18px;
			}
			#btn {
			top: 8px;
			right: 8px;
			}
			#hd_teltrigger {
			top: 8px;
			right: 64px;
			}
			#hd_teltrigger,#btn {
			background: #efefef;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			}
			#hd_teltrigger a,#btn a {
			width: 50px;
			height: 50px;
			padding: 3px 0 0 0;
			font-size: 30px;
			}
}
@media(min-width:1px) and (max-width:420px){
			#menu {
			border-top: 1px solid #333;
			border-bottom: 1px solid #333;
			top: 50px
			}
			#btn {
			top: 5px;
			right: 8px;
			}
			#hd_teltrigger {
			top: 5px;
			right: 58px;
			}
			#hd_teltrigger,#btn {
			background: #efefef;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			-ms-border-radius: 3px;
			border-radius: 3px;
			}
			#hd_teltrigger a,#btn a {
			width: 40px;
			height: 40px;
			font-size: 22px;
			}
}
/*PCの時*/
@media screen and (min-width: 768px) {
			#btn {
			display: none;
			}
			#hd_teltrigger{
			display: none;
			}
			#navi {
			height: 70px;
			border-bottom: 3px solid #458443;
			}
			#menu {
			display: block;
			position: static;
			width: 960px;
			margin: 0 auto;
			border-left:1px #e8e8e8 solid;
			box-sizing:border-box !important;
			}
			#menu ul li {
			float: left;
			text-align: center;
			background: #fbfbfb;
			width:159px;
			height: 66px;
			font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
			border-bottom: none;
			border-right:1px #e8e8e8 solid;
			}
			#menu ul li a{
			color: #000;
			font-size: 92%;
			line-height:18px;
			font-weight: 600;
			text-decoration: none;
			}
			#menu ul li a span {
			display: block;
			color: #458443;
			font-size: 65%;
			font-weight:normal !important;
			}
			#menu ul li.pt25{ padding-top:25px;}
			#menu ul li.Active {
			background: #458443;
			}
			#menu ul li.Active a{
			color: #fff;
			}
			#menu ul li.Active a span {
			color: #fff;
			}

			#menu ul li.close {
			display: none;
			}
			#menu ul li:hover{
			color: #fff;
			text-decoration: none;
			background: #458443;
			}
			#menu ul li:hover a,
			#menu ul li:hover a span{
			color: #fff !important;
			}
			
			
}
/* -------------------------------------------------------------------
　Page_Title_Header
------------------------------------------------------------------- */
.PageTitle{
width: 100%;
}
.PageTitle #Background_Key_Visual {
/*background: url(../img/bg/Key_Visual_3points.png) center center no-repeat;*/
	background-size: cover !important;
	height: 200px;
	width: 100%;
}

.news-info,
.faq .PageTitle #Background_Key_Visual,
.okinawa .PageTitle #Background_Key_Visual,
.service .PageTitle #Background_Key_Visual,
.reform .PageTitle #Background_Key_Visual,
.points .PageTitle #Background_Key_Visual,
.afawork .PageTitle #Background_Key_Visual,
.afainfo .PageTitle #Background_Key_Visual,
.agents .PageTitle #Background_Key_Visual,
.company .PageTitle #Background_Key_Visual,
.inquiry .PageTitle #Background_Key_Visual,
.sitemap .PageTitle #Background_Key_Visual
{background: url(../img/bg/Key_Visual_service.png) center center no-repeat;
background-size: cover !important;
	height: 200px;
	width: 100%;
}

.smap{ width:100%;}
.smap li{padding:20px 0; border-bottom:#CCC 1px dotted;}



.faq{
	width:100%;
	clear:both;
}
.faq dt{
	font-size:14px;
	padding:15px 0 10px 30px;
	background:url(../img/base/q.png) 0 center no-repeat;
	border-top:1px #E4E4E4 dotted;
	color:#427eb0;
}
.faq dd{
	padding:5px 0 20px 30px;
	margin:0 0 20px 20px;
	background:url(../img/base/a.png) 0 5px no-repeat;
}
@media(min-width:1px) and (max-width:768px){
	.faq dd{
	padding:5px 0 20px 30px;
	margin:0 0 20px 0;
	background:url(../img/base/a.png) 0 5px no-repeat;
}
}




/*

.afaworks #Background_Key_Visual{
background: url(../img/bg/Key_Visual_afawork.png) center center no-repeat;
}
.afainfo #Background_Key_Visual{
background: url(../img/bg/Key_Visual_afainfo.png) center center no-repeat;
}
.points .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_3points.png) center center no-repeat;
}
.blog .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.column_japanese_garden .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_column_japanese_garden.png) center center no-repeat;
}
.column_tree_docter .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_column_tree_docter.png) center center no-repeat;
}
.index .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.service_garden .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_service_garden.png) center center no-repeat;
}
.service_tree .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_service_tree.png) center center no-repeat;
}
.works .PageTitle #Background_Key_Visual{
background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.qa .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_qa.png) center center no-repeat;
}
.recruit .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.staff .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_staff.png) center center no-repeat;
}
.company .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_company.png) center center no-repeat;
}
.privacy .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.sitemap .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
.contact .PageTitle #Background_Key_Visual{
	background: url(../img/bg/Key_Visual_common_image01.png) center center no-repeat;
}
*/

.PageTitle #Background_Key_Visual .PageTitle_Inner{
	width: 960px;
	margin: 0 auto;
}
.PageTitle #Background_Key_Visual h2{
	font-weight: normal;
	padding-top: 70px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	color:#fff;
	font-size: 44px;
	font-weight:700;
	text-shadow: #000 1px 2px 2px;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#909090,offx=1,offy=1)";
}
.PageTitle #Background_Key_Visual h2.Title span.txt {
	font-size: 45px;
	text-shadow: #909090 1px 2px 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#909090,offx=1,offy=1)";
}
.PageTitle #Background_Key_Visual h2.Title span.sub {
	font-size: 106%;
	text-shadow: #909090 1px 2px 6px;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#909090,offx=1,offy=1)";
}
.PageTitle #Background_Key_Visual h2.Title span {
	display: block;
}

@media(min-width:1px) and (max-width:960px){
			.PageTitle #Background_Key_Visual h2.Title span.txt {
			font-size: 45px;
			}
			.PageTitle #Background_Key_Visual h2.Title span.sub {
			font-size: 106%;
			}
}
@media(min-width:1px) and (max-width:768px){
			.PageTitle #Background_Key_Visual{
			height: 200px;
			}
			.PageTitle #Background_Key_Visual h2{
			padding: 90px 0 0 10px;
			font-size: 36px;
			}
			.PageTitle #Background_Key_Visual h2.Title span.txt {
			font-size: 36px;
			}
			.PageTitle #Background_Key_Visual h2.Title span.sub {
			font-size: 80%;
			}
}
@media(min-width:1px) and (max-width:420px){
			.PageTitle #Background_Key_Visual{
			height: 200px;
			}
			.PageTitle #Background_Key_Visual h2{
			padding: 90px 0 0 10px;
			font-size: 28px;
			}
			.PageTitle #Background_Key_Visual h2.Title span.txt {
			font-size: 23px;
			}
			.PageTitle #Background_Key_Visual h2.Title span.sub {
			font-size: 11px;
			}
}
/* -------------------------------------------------------------------
　Contents
------------------------------------------------------------------- */
.Contents{
	padding: 0;
}

.Sub-Contents{
	padding:30px 0 0 0;
	width:960px;
	margin:0 auto;
}
@media(min-width:1px) and (max-width:768px){
		.Contents{padding: 0 10px;}
		.Sub-Contents{padding: 30px 10px; width:100%;}
}

.Sub-Contents img{width:100%; height:auto !important;}

.img_Box_col2{ margin:20px 0 40px 0 !important;}
.img_Box_col2 li{ width:450px; float:left; margin-left:60px;}
.img_Box_col2 li:first-child{ margin-left:0;}


.Sub-Contents h3{ background-color:#886a43; padding:12px 0 12px 30px; margin-bottom:20px; font-size:22px; color:#FFF; font-weight:600; letter-spacing:1px; border-left:5px #cc273b solid;}
.Sub-Contents h3 span{font-size:16px;}

.Sub-Contents h4{padding:15px 0; margin-bottom:20px; font-size:20px; color:#000; border-bottom:1px #ccc solid; font-weight:500; border-top:2px #458443 solid; }
.Sub-Contents h4:before{
	content:"-　";
	color:#ff9c00;
	font-weight:bold;
	}
.Sub-Contents h4 span{ color:#458443; font-size:14px; font-weight:800;}	

.Sub-Contents p{ font-size:14px; line-height:24px; margin-bottom:20px;}
.Sub-Contents p span{ font-size:20px; color:#458443; font-weight:600;}

.Sub-Contents dl{}
.Sub-Contents dl dt{}
.Sub-Contents dl dd{}

.flows{clear:both;}
.flows dt{ font-size:20px; font-weight:600; color:#458443; margin-bottom:15px !important;}
.flows dd{ font-size:14px; margin-bottom:20px !important; border-bottom:1px #CCC dotted !important; padding:0 0 20px 0 !important;}

.Sub-Contents ul{}

.inline{}
.inline li{ display:inline-table !important; margin:20px 20px 0 0 !important; font-size:20px !important; background-color:#458443; padding:1px 15px; color:#FFF; border-radius:2px;}


#map{margin-bottom:40px;}


.Ri{width:100%; margin-bottom:40px;}
.Ri img:first-child{float:right; width:380px; height:auto; overflow:hidden; clear:right; text-align:right;}
.Ri div{margin-right:420px;}

.Li{width:100%; margin-bottom:40px;}
.Li img:first-child{float:left; width:380px; overflow:hidden; clear:left; text-align:left; height:auto;}
.Li div {margin-left:420px;}

.Ri:before, .Ri:after, .Li:before, .Li:after{display:table; content:""; line-height:0;}
.Ri:after, .Li:after{float:none; clear:both;}	


@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
.Sub-Contents h3{ background-color:#886a43; padding:10px 20px; margin-bottom:20px; font-size:20px; color:#FFF; font-weight:600; letter-spacing:1px;}	
	
.Ri{width:100%; margin-bottom:30px;}
.Ri img:first-child{float:none; width:100%; height:auto; overflow:hidden; clear:both; text-align:center;}
.Ri div{margin-right:0; margin-top:20px;}

.Li{width:100%; margin-bottom:30px;}
.Li img:first-child{float:none; width:100%; height:auto; overflow:hidden; clear:both; text-align:center;}
.Li div{margin-left:0; margin-top:20px;}	
	
}
@media(min-width:1px) and (max-width:420px){
}






/*
　パンくず
*/
.Page_Navigation{
	padding: 15px 0;
	background-color:#f6f9e6;
}
.Page_Navigation p{
	font-size:14px;
	color:#666;
	width:960px;
	margin:0 auto;
}
.Page_Navigation p a{
	color:#222222;
	font-weight: bold;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
	.Page_Navigation p{
	font-size:14px;
	color:#666;
	width:100%;
	padding:0 10px;
	margin:0 auto;
}
}
@media(min-width:1px) and (max-width:420px){
}
/*
　メインコンテンツ　タイトル
*/
.Main_Content_Header{
	margin: 20px auto;
	display: block;
}
.Main_Content_Header h2{
	font-weight: normal;
	text-align: center;
	font-size: 34px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	margin-bottom: 35px;
}
.Main_Content_Header h2 span{
	padding: 0 0 10px 0;
	border-bottom: 7px solid #458443;
}
.Main_Content_Header p{
	font-weight: normal;
	text-align: center;
	color:#797979;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.Main_Content_Header h2{
			font-size: 28px;
			margin-bottom: 25px;
			}
}
@media(min-width:1px) and (max-width:420px){
			.Main_Content_Header h2{
			font-size: 20px;
			margin-bottom: 20px;
			}
}
/*
　メインコンテンツ　コンテンツ部分　白背景
*/
.Main_Content_in{
	border: 1px solid #eef1eb;
	padding: 50px 96px;

		Btnwidth: 100%;
	margin:60px auto 0 auto;
	}
	.Main_Content_in .Content_Box{
		margin: 0 0 40px 0;
		padding: 0;
		}
	.Main_Content_in .Content_Box .Content_Image{
		text-align: center;
		}
	.Main_Content_in .Content_Box h3{
		text-align: center;
		font-size: 155%;
		color: #535353;
		font-weight: bold;
		padding: 30px 0;
		}
	.Main_Content_in .Content_Box p{
		text-align: left;
		}
	.Main_Content_in .Content_Box p.Center_Text{
		text-align: center;
		}

.Main_Content_in_Sub h3{
	font-weight: normal;
	text-align: center;
	font-size: 34px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	margin-bottom: 15px;
}
.Main_Content_in_Sub p.Information_Lead{
	text-align: center;
	margin-bottom: 10px;
	padding: 0 15px 15px 15px;
}

/*
　メインコンテンツ　コンテンツ部分　緑背景
*/
.Main_Content_in_Sub{
	background: #f7f9f3;
	padding: 50px 96px;
	width: 100%;
	margin:0 auto;
	}

.Flow_Box{
	border: 4px solid #458443;
	background: #fff;
	padding:15px;
}
.Flow_Box h4{
	margin-bottom: 5px;
	color:#458443;
	font-weight: bold;;
	font-size: 20px;
}
.Flow_Arr_next{
	text-align: center;
	margin: 5px 0 8px 0;
}
.Flow_Arr_next img{
	width: 30px;
}
.Flow_Arr_end img{
	width: 60px;
}
@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.Main_Content_in,.Main_Content_in_Sub{
			border: none;
			padding: 20px 0px;
			margin: 0 auto;
			}
			.Main_Content_in .Content_Box{
			margin: 0 0 20px 0;
			}
			.Main_Content_in .Content_Box .Content_Image img{
			width: 100%;
			}
			.Main_Content_in .Content_Box p.Center_Text,
			.Main_Content_in .Content_Box p {
			text-align: left;
			}
			.Flow_Box{
			margin: 0 15px;
			}
			.Main_Content_in_Sub h3{
			font-size: 28px;
			margin-bottom: 25px;
			}
			.Main_Content_in_Sub p.Information_Lead{
				text-align: left;
			}
}
@media(min-width:1px) and (max-width:420px){
			.Main_Content_in_Sub h3{
			font-size: 20px;
			margin-bottom: 20px;
			}
}
/*
　お問い合わせ
*/
.Inquiry{
	width: 100%;
	background: #458443;
	margin-top: 40px;
	padding: 14px;
}
.Inquiry .Inquiry_Title{
	text-align: center;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	font-size: 36px;
	padding:0 0 5px 0;
	color:#fff;
	margin-bottom: 5px;
}
.Inquiry .Inquiry_Box{
	background: #f6f6f6;
	text-align: center;
}

.Inquiry .Inquiry_Box p{
	padding: 15px 0;
	font-size: 16px;
}
.Inquiry .Inquiry_Footer {
	background: #fff;
	padding: 10px 20px;
}
.Inquiry_Footer img{
	width: 100%;
}
.Inquiry .Site_Common_Btn{
	padding-bottom:30px;
}

@media(min-width:1px) and (max-width:960px){
			.Inquiry .Inquiry_Footer ul li img.Inquiry03{
			display: none;
			}
			.Inquiry{
			width: 960px;
			}
}
@media(min-width:1px) and (max-width:768px){
			.Inquiry {
			width: 100%;
			padding: 0;
			border: 1px solid #458443;
			margin-top: 30px;
			}
			.Inquiry .Inquiry_Title{
			font-size: 20px;
			padding: 15px 0 10px 0;
			}
			.Inquiry .Inquiry_Box p{
			padding: 10px;
			font-size: 15px;
			}
}
@media(min-width:1px) and (max-width:420px){
			.Inquiry {
			margin-top:30px;
			}
			.Inquiry .Inquiry_Box p{
			padding: 10px;
			font-size: 13px;
			}
}
/*
　ページ上部へ
*/
.Page_Top_Link{
	width: 100%;
	text-align: right;
	padding: 20px 0 10px 0;
}
/*
　文章
*/
.sect {
  margin: 40px 0 0;
  padding: 18px 0 0;
}
.sect .tit {
	color: #222;
	border-left: 4px solid #529852;
	padding-left: 6px;
font-weight: bold;
}
.sect_detail figure {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  border: 1px solid #dedede;
  margin: 20px 0 0 40px;
}
.sect_detail .txt {
  margin: 16px 0 0;
}
.sect_detail figure img {
	width: 280px;
}
.sect_detail .txt h5 {
	margin-top: 10px;
	color: #828a81;
	font-weight: bold;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.sect_detail {
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-ms-box-orient: vertical;
			-o-box-orient: vertical;
			box-orient: vertical;
			-webkit-box-direction: normal;
			-moz-box-direction: normal;
			-ms-box-direction: normal;
			-o-box-direction: normal;
			box-direction: normal;
			display: -moz-box;
			display: -webkit-box;
			display: -o-box;
			display: -ms-box;
			padding: 5% 4% 0;
			}
			.sect_detail .txt {
			-webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
			-ms-box-ordinal-group: 1;
			-o-box-ordinal-group: 1;
			box-ordinal-group: 1;
			}
			.sect_detail figure {
			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			-ms-box-ordinal-group: 2;
			-o-box-ordinal-group: 2;
			box-ordinal-group: 2;
			display: block;
			float: none;
			margin: 20px 0 0;
			}
			.sect_detail figure img {
			width: 100%;
			}
			.sect .tit {
			font-size: 18px;
			font-size: 1.125rem;
			}
			.sect .tit br {
			display: block;
			}
			.sect_detail .txt {
			-webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
			-ms-box-ordinal-group: 1;
			-o-box-ordinal-group: 1;
			box-ordinal-group: 1;
			}
}
@media(min-width:1px) and (max-width:420px){
}
/* -------------------------------------------------------------------
　Footer
------------------------------------------------------------------- */
.Footer{
	background: #fefef3;
	border-top:1px #CCC solid;
	margin-top:30px;
	padding-top:20px;
}
.Footer_Inner{width:960px; margin:0 auto; padding-bottom:20px;}

.Footer .links_logo{
	text-align:center;
}
.Footer ul{ text-align:center; padding:15px 0;}
.Footer ul li{display:inline-table; margin:0 15px; font-size:12px;}

.Footer ol{ text-align:center; padding:15px 0;}
.Footer ol li{display:inline-table; margin:0 10px;}
.Footer ol li a:hover{text-decoration:none !important;}


.Footer-copy{ background:#000; padding:20px; width:100%; text-align:center; font-size:12px; color:#999; clear:both; float:none;}

@media(min-width:1px) and (max-width:768px){
	.Footer ul{ display:none;}
}



@media(min-width:1px) and (max-width:960px){
			.Footer .ft_sitemap{
			height: 220px;
			width:240px;
			}

			.Footer .links{
			height: 240px;
			margin-left: 300px;
			}
}
@media(min-width:1px) and (max-width:768px){
			.Footer .ft_sitemap{
			height: 70px;
			float: none;
			}
			.Footer .links{
			height: auto;
			margin-left: 0px;
			padding:0 8px 20px 8px;
			}
			.Footer .links ul{
			}
			.Footer .links ul li{
			float: left;
			width:auto;
			margin:0 5px;
			line-height: 1.5;
			}
			.Footer .ft_copyleft p.text{
			float: none;
			display: block;
			width: 100%;
			font-size: 12px;
			text-align: center;
			}
			.Footer .ft_copyleft p.copyleft{
			float: none;
			width: 100%;
			padding-top: 10px;
			text-align: center;
			font-size: 11px;
			}
}
@media(min-width:1px) and (max-width:420px){
}
/* -------------------------------------------------------------------
　Btn
------------------------------------------------------------------- */
.Site_Common_Btn{
	width: 100%;
}
.Site_Common_Btn ul{
	text-align: center;
}
.Site_Common_Btn ul li{
	display: inline;
	margin: 0 10px;
}

/*テキストボタン*/
.Site_Common_Btn .text_btn{
	text-align: center;
	margin:40px 0;
}
.Site_Common_Btn .col1{
	margin-top: 30px;
}
.Site_Common_Btn .text_btn a{
	background-color:#806835;
	border-radius:3px;
	color:#FFF;
	padding: 10px 100px;
	text-decoration: none;
	font-size: 120%;
}

@media(min-width:1px) and (max-width:768px){
			.Site_Common_Btn ul li{
			display: block;
			margin: 8px 0;
			}
			.Site_Common_Btn ul li a img{
			width: 90%;
			}
			.Site_Common_Btn .text_btn{
			width: 100%;
			}
			.Site_Common_Btn .text_btn a{
			border:none;
			padding: 10px 50px;
			}
}

/* -------------------------------------------------------------------
　ul LIST BOX
------------------------------------------------------------------- */
.Main_Content_in ul.List_Box_col2,
.Main_Content_in ul.List_Box_col3 {
	margin: 0 auto;
}
.Main_Content_in ul.List_Box_col2 li {
	width: 49%;
}
.Main_Content_in ul.List_Box_col3 li {
	width: 32%;
}
.Main_Content_in ul.List_Box_col2 li,
.Main_Content_in ul.List_Box_col3 li {
	border: 1px solid #C0C0C0;
	float: left;
	box-sizing: border-box;
	margin: 0 0.5% 20px 0.5%;
}
.Main_Content_in ul.List_Box_col2 li a,
.Main_Content_in ul.List_Box_col3 li a {
	text-decoration: none;
}
.Main_Content_in ul.List_Box_col2 li img,
.Main_Content_in ul.List_Box_col3 li img {
	max-width: 100%;
}
.Main_Content_in ul.List_Box_col2 li dl,
.Main_Content_in ul.List_Box_col3 li dl {
	background: url(../img/base/glr.png) right bottom no-repeat;
	margin: 4px 10px;
	text-align: center;
}

.Main_Content_in ul.List_Box_col2 li dl dt,
.Main_Content_in ul.List_Box_col3 li dl dt {
	font-weight: bold;
	color: #222;
	font-size: 18px;
	padding: 10px 0 0 0;
	line-height: 18px;
}
.Main_Content_in ul.List_Box_col2 li dl dt span,
.Main_Content_in ul.List_Box_col3 li dl dt span {
	font-weight: normal;
	font-size: 10px;
	color: #458443;
	line-height: 10px;
}
.Main_Content_in ul.List_Box_col2 li dl dd,
.Main_Content_in ul.List_Box_col3 li dl dd {
	color: #222;
	padding: 10px 0;
	font-size: 87.5%;
}
.left dt,.left dt{text-align: left;}
.right dt,.right dt{text-align: right;}


@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.Main_Content_in ul.List_Box_col3 li,
			.Main_Content_in ul.List_Box_col2 li {
			width: 49%;
			float: left;
			}
}
@media(min-width:1px) and (max-width:420px){
			.Main_Content_in ul.List_Box_col3 li,
			.Main_Content_in ul.List_Box_col2 li {
			width: 100%;
			float: none;
			}
}
/* -------------------------------------------------------------------
　Table
------------------------------------------------------------------- */
.table {
	width: 100%;
	border-top: 2px solid #bec4c6;
	border-bottom: 2px solid #bec4c6;
	background: #f6f9e6;
	margin:30px 0;

}
.table dt:first-child {
	border-top: none;
}
.table dt {
	float: left;
	clear: both;
	width: 200px;
	padding:19px 20px;
	border-top: 1px dotted #bec4c6;
	font-weight: 500;
}
.table dt:first-child+dd {
	border-top: none;
}
.table dd {
	float: right;
	width: 760px;
	padding:19px 20px 19px 19px;
	border-top: 1px dotted #bec4c6;
	border-left: 1px solid #bec4c6;
	background: #fff;
	font-size: 98%;
}
@media(min-width:1px) and (max-width:768px){
			.table dt{
			float: none;
			width: 100%;
			padding: 10px 14px;
			border: none;
			background: #f6f9e6;
			}
			.table dd {
			float: none;
			width: 100%;
			padding: 10px 14px 30px 14px;
			border: none;
			}
}

/* ===================================================================
　Page Only
/* ===================================================================

/* -------------------------------------------------------------------
　index.html
------------------------------------------------------------------- */
.main_v_box{
	background: #458443;
	position: relative;
}
.main_v_box .fix_message{
	position: absolute;
	top: 33%;
	left:50%;
	z-index:9999;
	width:960px;
	margin-left:-480px;
	
}
.main_v_box .fix_message p{
	color:#FFF;
	background-color:#599b3f;
	padding:5px 20px;
	font-size:24px;
	font-weight:700;
	display:table;
	margin-bottom:20px;

	
}

.main_v_box .fix_message div{
	color:#FFF;
	font-size:44px;
	font-weight:700;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}






.fix_message_image{
	position: absolute;
	top: 0;
	left:0;
	z-index:9999;
}

.main_v_box .message_text{
	width: 960px;
	margin: 0 auto;
	padding:50px 0;
	font-size: 90%;
}
.main_v_box .message_text p{
	color: #fff;
	text-align:center;
}
#owl{
	margin: 0 auto;
	position: relative;
}
#owl .owl-pagination{
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	margin:0 auto;
}
#owl .owl-prev{
	position: absolute;
		top: 50%;
		left: 10px;
		background: url(../img/base/arr_left.png) center center no-repeat;
		padding: 20px 10px;
}
#owl .owl-next{
	position: absolute;
		top: 50%;
		right: 10px;
		background: url(../img/base/arr_right.png) center center no-repeat;
		padding: 20px 10px;
}
@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.owl-carousel .owl-item img{height: 250px;}
			#owl .owl-prev,#owl .owl-next{
			display: none;
			}
			#owl{
			width: 100%;
			margin: 0 auto;
			}
			.main_v_box .message_text{
			width: 100%;
			margin: 0 auto;
			padding:25px;
			}
}
@media(min-width:1px) and (max-width:420px){
}

.Top_Content_Box{
	margin: 50px 0;
}
.Top_Content_Box h2{
	width: 100%;
	text-align: center;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size: 44px;
	font-weight:700;
	color:#4d9232;
	padding: 30px 0 10px 0;
	/*border-top:5px solid #458443;
	border-bottom:1px #999 dotted;*/
	margin-bottom:20px;
}
	

.top_list_inner{
	width: 100%;
	margin-top: 1px;
}
.top_list_inner ul{
	width: 100%;
	margin-top: 3px;
}
.top_list_inner ul li{
	width: 478px;
	float: left;
	text-align: center;
}
.top_list_inner ul li a{
	position: relative;
}
.top_list_inner ul li a div.title{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba( 110, 123, 29, 0.7 );
	text-align: center;
	padding: 25px 0;
	font-size:22px;
}
.top_list_inner ul li a div.title p{
	color: #fff;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
}
.top_list_inner ul li img{
	width: 100%;
}
.top_list_inner ul li.left_list{
	margin: 0 3px 0 0;
}

@media(min-width:1px) and (max-width:976px){
			.top_list_inner ul li {
			width: 49%;
			float: left;
			text-align: center;
			}
}
@media(min-width:1px) and (max-width:768px){
			.top_list_inner ul li {
			width: 49%;
			float: left;
			text-align: center;
			}
}
@media(min-width:1px) and (max-width:420px){
			.top_list_inner ul li{
			width: 100%;
			float: none;
			text-align: center;
			margin-bottom: 10px;
			margin: 0 0 7px 0 !important;
			}
}

.index-ct-01{}
.index-ct-01 div{width:960px; margin:0 auto;}
.index-ct-01 li{ width:217.5px; margin-left:30px; float:left;}
.index-ct-01 li:first-child{margin-left:0;}
.index-ct-01 p{ font-size:18px; font-weight:600; padding:10px; text-align:center; background-color:#000; color:#FFF;}
.index-ct-01 li img{width:100%; height:auto;}

.index-ct-01:before, .index-ct-01:after{display:table; content:""; line-height:0;}
.index-ct-01:after{ clear:both; float:none;}




.index-ct-02{ background-color:#efefe5;}
.index-ct-02 div{width:960px; margin:0 auto;}
.index-ct-02 p{text-align:center; margin-top:20px; font-size:20px; font-weight:600;}
.index-ct-02 li{ width:300px; margin-left:30px; float:left;}
.index-ct-02 li:first-child{margin-left:0;}
.index-ct-02 li img{width:100%; height:auto;}

.index-ct-02:before, .index-ct-02:after{display:table; content:""; line-height:0;}
.index-ct-02:after{ clear:both; float:none;}


.index-ct-03 div{width:960px; margin:0 auto;}
.index-ct-03 div img{width:100%; height:auto;}


.index-ct-04{ background-color:#f0f9fd; padding:40px 0;}
.index-ct-04 div.Top_Content_Box{ width:960px; margin:0 auto;}



.case{}
.case h2{ text-align:center !important; padding-top:0 !important;}
.case .Site_Common_Btn{margin-top:40px;}


.news{background-color:#fefef3; padding-bottom:50px; width:100%;}
.news div.Top_Content_Box{ width:960px; margin:0 auto;}



@media(min-width:1px) and (max-width:768px){
	.main_v_box .fix_message{ display:none;}
	
	.index-ct-01{background:none; padding:0 10px;}
	.index-ct-01 li{ width:50%; margin-left:0; float:left; padding:1%;}
	.index-ct-01 img{width:100%; height:auto;}
	.index-ct-01 div{width:100%; margin:0 auto;}
	
	
	.index-ct-02 div{width:100%; margin:0 auto; padding:0 10px;}
	.index-ct-02 li{ width:100%; margin-left:0; float:none;}
	.index-ct-02 img{width:100%; height:auto;}
	.index-ct-02 p{text-align:center; margin-bottom:20px; margin-top:10px; font-size:20px;}

	.index-ct-03{background:none; background-color:#f4f5f3; padding:0 10px;}
	.index-ct-03 li{ width:50%; margin-left:0; float:left; padding:1%;}
	.index-ct-03 img{width:100%; height:auto;}
	.index-ct-03 div{width:100%; margin:0 auto;}
	
	.index-ct-04 div.Top_Content_Box{width:100%; margin:0 auto; padding:0 10px;}
	
	.news{background-color:#f6f9e6; padding-bottom:50px; padding:0 10px;}
	.news div.Top_Content_Box{ width:100%; margin:0 auto;}
	
	
	.Top_Content_Box h2{
	width: 100%;
	text-align: center;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size: 30px;
	font-weight:700;
	color:#4d9232;}


}





/*ニュース・ブログ*/
.news_list_inner{
	margin: 10px 0 0;
}
.news_list_inner .list{
	padding: 0;
}
.news_list_inner .list a {
	display: table;
	position: relative;
	width: 100%;
	padding: 14px 10px;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}
.news_list_inner .list a:hover {
	background: #f9f9f9;
}
.news_list_inner .list .category {
	width: 80px;
	background-color:#60aecb;
	border-radius: 2px;
	padding:2px 0;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	letter-spacing:1px;
	font-weight: normal;
	line-height: 1.6;
	font-size: 12px;
}
.news_list_inner .list .date {
	width: 140px;
	display: table-cell;
	padding:3px 10px;
	vertical-align: top;
	font-size: 75%;
	color:#666;
	letter-spacing:0 !important;
}
.news_list_inner .list .list-txtarea {
	display: block !important;
	width: 700px;
	display: table-cell;
	vertical-align: top;
}
.news_list_inner .list .list-txtarea .list-tit {
	display: inline;
	text-decoration: underline;
}

.small-img{ margin-top:-5px !important; margin-left:10px; line-height:30px;}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.news_list_inner {
			margin: 0;
			}
			.news_list_inner .list a {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			padding: 10px 5px;
			text-decoration: none;
			}
			.news_list_inner .list .category {
			width: 80px;
			background-color:#60aecb;
			border-radius: 2px;
			padding:2px 0;
			color: #fff;
			vertical-align: middle;
			text-align: center;
			letter-spacing:1px;
			font-weight: normal;
			line-height: 1.6;
			font-size: 12px;
			}
			.news_list_inner .list .date {
			display: block;
			width: auto;
			margin: 6px 0 0;
			padding: 0;
			}
			.news_list_inner .list .list-txtarea {
			width: 100%;
			}
}
@media(min-width:1px) and (max-width:420px){
			.news_list_inner .list a {
			padding: 10px 0;
			}
}



.Top_Content_Box ul.List_Box_col2,
.Top_Content_Box ul.List_Box_col3,
.Top_Content_Box ul.List_Box_col4, 
.Top_Content_Box ul.List_Box_col5 {
	margin: 0 auto;
}
.Top_Content_Box ul.List_Box_col2 li {
	width: 49%;
}
.Top_Content_Box ul.List_Box_col3 li {
	width: 32%;
}
.Top_Content_Box ul.List_Box_col4 li {
	width: 24%;
}
.Top_Content_Box ul.List_Box_col5 li {
	width: 19%;
}
.Top_Content_Box ul.List_Box_col2 li,
.Top_Content_Box ul.List_Box_col3 li, 
.Top_Content_Box ul.List_Box_col4 li,
.Top_Content_Box ul.List_Box_col5 li{
	border: 1px solid #C0C0C0;
	float: left;
	box-sizing: border-box;
	margin: 0 0.5% 20px 0.5%;
}
.Top_Content_Box ul.List_Box_col2 li a,
.Top_Content_Box ul.List_Box_col3 li a,
.Top_Content_Box ul.List_Box_col4 li a,
.Top_Content_Box ul.List_Box_col5 li a {
	text-decoration: none;
}
.Top_Content_Box ul.List_Box_col2 li img,
.Top_Content_Box ul.List_Box_col3 li img,
.Top_Content_Box ul.List_Box_col4 li img,
.Top_Content_Box ul.List_Box_col5 li img {
	max-width: 100%;
}
.Top_Content_Box ul.List_Box_col2 li dl,
.Top_Content_Box ul.List_Box_col3 li dl,
.Top_Content_Box ul.List_Box_col4 li dl,
.Top_Content_Box ul.List_Box_col5 li dl {
	background: url(../img/base/glr.png) right bottom no-repeat;
	margin: 4px 10px;
	text-align: left;
}

.Top_Content_Box ul.List_Box_col2 li dl dt,
.Top_Content_Box ul.List_Box_col3 li dl dt,
.Top_Content_Box ul.List_Box_col4 li dl dt,
.Top_Content_Box ul.List_Box_col5 li dl dt {
	font-size:14px;
	color: #222;
	padding: 5px 0 0 0;
	line-height: 18px;
}
.Top_Content_Box ul.List_Box_col2 li dl dt span,
.Top_Content_Box ul.List_Box_col3 li dl dt span,
.Top_Content_Box ul.List_Box_col4 li dl dt span,
.Top_Content_Box ul.List_Box_col5 li dl dt span {
	font-weight: normal;
	font-size: 10px;
	color: #458443;
	line-height: 10px;
}
.Top_Content_Box ul.List_Box_col2 li dl dd,
.Top_Content_Box ul.List_Box_col3 li dl dd,
.Top_Content_Box ul.List_Box_col4 li dl dd,
.Top_Content_Box ul.List_Box_col5 li dl dd {
	color: #222;
	padding: 10px 0 0 0;
	font-size:10px;
	text-align:left !important;
}
.left dt,.left dt{text-align: left;}
.right dt,.right dt{text-align: right;}

@media(min-width:1px) and (max-width:960px){
			.works_list_inner .afawork_img{height: 200px;}
			.works_list_inner dt{
			  overflow: hidden;
			  width: 90%;
			}
			.works_list_inner .works-tit{
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			}
}
@media(min-width:1px) and (max-width:768px){
			.works_list_inner .afawork_img{height: 150px;}
			.works_list_inner .afawork_img{height: 250px;}
			.Top_Content_Box ul.List_Box_col2 li,
			.Top_Content_Box ul.List_Box_col3 li,
			.Top_Content_Box ul.List_Box_col4 li,
			.Top_Content_Box ul.List_Box_col5 li  {
			width: 49%;
			float: left;
			}
			.works_list_inner dt{
			  overflow: hidden;
			  width: 90%;
			}
			.works_list_inner .works-tit{
			    overflow: hidden;
			    text-overflow: ellipsis;
			    white-space: nowrap;
			}
}
@media(min-width:1px) and (max-width:420px){
			.works_list_inner .afawork_img{height: 150px;}
			.Top_Content_Box ul.List_Box_col2 li,
			.Top_Content_Box ul.List_Box_col3 li,
			.Top_Content_Box ul.List_Box_col4 li,
			.Top_Content_Box ul.List_Box_col5 li {
			width: 100%;
			float: none;
			}
}

/* -------------------------------------------------------------------
　privacy.html
------------------------------------------------------------------- */
body.privacy .Content_Box h3{
	text-align: left;
}
/* -------------------------------------------------------------------
　sitemap.html
------------------------------------------------------------------- */
body.sitemap .Content_Box a{
	color: #333;
	text-decoration: underline;
	font-weight: bold;
	line-height: 3;
}
body.sitemap .Content_Box a:hover{
	color: #999;
}
body.sitemap .Content_Box a.Category_Group{
	margin-bottom: 20px;
}
/* -------------------------------------------------------------------
　qa.html
------------------------------------------------------------------- */
.qa_block{
	margin-bottom: 50px;
}
.qa_block .Qa_title{
	color: #458443;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}
.qa_block .Qa_title span{
	color: #458443;
	font-size: 160.0%;
}
.qa_block .Qa_txet{
	color: #222;
	font-size: 99.5%;
}
.qa_block .Qa_txet span{
	font-weight: bold;
}

/* -------------------------------------------------------------------
　company.html
------------------------------------------------------------------- */
.map_canvas{
	width: 100% !important;
	height: 500px !important;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
}
@media(min-width:1px) and (max-width:420px){
			.map_canvas{
			width: 100% !important;
			height: 300px !important;
			}
}

border: 1px solid #eef1eb;
/* -------------------------------------------------------------------
　staff.html
------------------------------------------------------------------- */
.list-main {
	border-bottom: 1px solid #cccccc;
}
.list-main li {
	padding: 40px 0;
	border-top: 1px solid #cccccc;
}

.list-main li .sect-img {
	float: right;
}
.list-main li .sect-img img {
	vertical-align: bottom;
	width: 380px;
}
.list-main li .tit {
	padding: 14px 0 0;
	color: #545454;
	line-height: 1;
}
.list-main li .tit .post {
	display: block;
	color: #458443;
	font-size: 87.5%;
}
.list-main li .tit .name {
	font-size: 156%;
}
.list-main li .tit .en {
	margin: 0 0 0 14px;
	letter-spacing: 0;
	font-size: 112.5%;
}

.list-main li .tit,
.list-main li .summary {
	float: left;
	width: 330px;
}

.list-main li .summary dt {
	position: relative;
	padding: 0 0 0 20px;
	margin: 36px 0 0;
	color: #458443;
	font-size: 96%;
	line-height: 1.86;
	}
.list-main li .summary dt:before {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 10px;
	height: 11px;
	margin: -6px 0 0;
	border-radius: 50%;
	background: #458443;
	content: '';
}
.list-main li .summary dd,.results dd {
	font-size: 90%;
	line-height: 1.86;
	}
.list-main li .summary dd span.sub,.results dd span.sub {
	font-size: 75%;
	color: #666;
	}


.results {
	margin-top: 30px;
	padding: 25px 30px;
	background: #e1f1e1;
}
.results .results_tit_top {
	margin-top: 0px;
}
.results dt {
	position: relative;
	margin: 36px 0 0;
	padding: 0 0 0 20px;
	color: #458443;
	font-size: 93.8%;
	line-height: 1.86;
}
.results dt:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -6px 0 0;
	border-radius: 50%;
	width: 10px;
	height: 11px;
	content: '';
	background: #458443;
}
.results .results_tit {
	margin-top: 25px;
}

.list-main li._ex {
  padding: 60px 0;
}
.list-main li._ex .tit, .list-main li._ex .summary {
  width: 100%;
  float: none;
}
.list-main li._ex .tit, .list-main li._ex .summary {
  width: 100%;
  float: none;
}



@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.list-main li {
			padding: 6% 4% 8%;
			}
			.list-main li:first-child {
			padding: 6% 4% 6%;
			}
			.list-main li .sp-layout {
			-webkit-box-orient: vertical;
			-moz-box-orient: vertical;
			-ms-box-orient: vertical;
			-o-box-orient: vertical;
			box-orient: vertical;
			-webkit-box-direction: normal;
			-moz-box-direction: normal;
			-ms-box-direction: normal;
			-o-box-direction: normal;
			box-direction: normal;
			display: -moz-box;
			display: -webkit-box;
			display: -o-box;
			display: -ms-box;
		}
			.list-main li .sect-img {
			-webkit-box-ordinal-group: 2;
			-moz-box-ordinal-group: 2;
			-ms-box-ordinal-group: 2;
			-o-box-ordinal-group: 2;
			box-ordinal-group: 2;
			float: none;
			width: 100%;
			margin: 16px 0 0;
			text-align: center;
			}
			.list-main li .sect-img {
			float: none;
			}
			.list-main li .sect-img img {
			max-width: 100%;
			}
			.list-main li .tit {
			-webkit-box-ordinal-group: 1;
			-moz-box-ordinal-group: 1;
			-ms-box-ordinal-group: 1;
			-o-box-ordinal-group: 1;
			box-ordinal-group: 1;
			font-size: 20px;
			font-size: 1.25rem;
			width: 100%;
			}
			.list-main li .tit, .list-main li .summary {
			padding: 0;
			float: none;
			}
			.list-main li .summary {
			width: 100%;
			padding: 0;
			margin: 16px 0 0;
			}
			.list-main li .summary dt {
			margin: 0;
			padding: 0 0 0 16px;
			}
			.list-main li .summary dd {
			margin: 5px 0 0;
			}
			.results {
			padding: 10px 15px;
			}
			.results dt {
			margin: 0;
			padding: 0 0 0 16px;
			}
			.results dd {
			margin: 5px 0 0;
			}
}
@media(min-width:1px) and (max-width:420px){
}

/* -------------------------------------------------------------------
　service_garden.html
------------------------------------------------------------------- */
.service_garden .Voice_Box {
	padding-top: 20px;
	margin: 0 -50px;
}
.service_garden .Content_Box ul.List_Box_col3 li{
	background: #f7f9f3;
	border: 1px solid #458443 !important;
	height: 270px;
}
.service_garden .Content_Box ul.List_Box_col3 li .voice_img{
	width: 100%;
	text-align: center;
}
.service_garden .Content_Box ul.List_Box_col3 li .voice_img img{
	padding-top: 20px;
}
.service_garden .Content_Box ul.List_Box_col3 li dl {
	background: none !important;
}
@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.service_garden .Voice_Box {
				padding-top: 20px;
				margin: 0 auto;
			}
			.service_garden .Content_Box ul.List_Box_col3 li{
			height: 250px;
			}
			.service_garden {
			margin: 0;
			}
}
@media(min-width:1px) and (max-width:420px){
			.service_garden .Content_Box ul.List_Box_col3 li{
			height: auto;
			}
			.service_garden {
			margin: 0;
			}
}
/* -------------------------------------------------------------------
　inquiry.html
------------------------------------------------------------------- */
div.wpcf7{
	width: 100%;
}
div.wpcf7 p{
	margin:0 auto;
	font-weight: bold;
}
.wpcf7 input,.wpcf7 textarea ,.wpcf7 p span{
	width: 100%;
	padding:10px;
}



div.wpcf7 .wpcf7-submit{font-size:20px;	width:100%; margin:0 auto !important;}
div.wpcf7 img.ajax-loader{
	text-align: center;
}


@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
}
@media(min-width:1px) and (max-width:420px){
}

.inquiry-table{
}
.inquiry-table dl {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EDEDED;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-top: -1px;
	background-color: #F5F5F5;
}
.inquiry-table dt {
	float: left;
	padding-left: 2%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #F5F5F5;
}
.inquiry-table dd {
	float: right;
	width: 75%;
	padding-left: 2%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EDEDED;
	background-color: #FFF;
}
.inquiry-table .privacy{
	margin-top: 20px;
	border: 1px solid #EDEDED;
	padding: 10px;
	font-size: 90%;
}
.inquiry-table .privacy .privacy-frame{
}
.inquiry-table .contact-botan{
	margin: 20px auto;
	width:50% !important;
}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
	inquiry-table .contact-botan{
	margin: 20px auto;
	width:100% !important;
}

}
@media(min-width:1px) and (max-width:420px){
			.inquiry-table dl {
			width: 100%;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #EDEDED;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #EDEDED;
			margin-top: -1px;
			background-color: #F5F5F5;
			}
			.inquiry-table dt {
			float: none;
			width: 100%;
			padding-left: 4%;
			padding-right: 4%;
			padding-top: 5px;
			padding-bottom: 5px;
			background-color: #F5F5F5;
			}
			.inquiry-table dd {
			float: none;
			width: 100%;
			padding-left: 4%;
			padding-right: 4%;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #FFF;
			border:none;
			}
}
/* -------------------------------------------------------------------
　bolg
------------------------------------------------------------------- */
.blog_title{
	width: 100%;
}
.blog_box{
	border: 1px solid #eef1eb;
	margin-top:40px;
}
.blog_title h3 {
	position: relative;
	width: 100%;
	font-size: 20px;
	padding: 20px 20px 20px 40px;
	background: #f7f9f3;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	color: #444;
}
.blog_title h3:before {
	display: block;
	position: absolute;
	top: 25%;
	left: 14px;
	width: 6px;
	height: 57%;
	border-radius: 2px;
	background: #458443;
	content: '';
}
.Main_Content_blog_in{
	padding: 0px 0 20px 0;
}
.article-data {
	padding: 15px 30px 0px 30px;
}
.article-data .category span.tips {
	width: 120px;
	border: 1px solid #458443;
	border-radius: 3px;
	color: #458443;
	vertical-align: middle;
	text-align: center;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.6;
	font-size: 80%;
	padding: 5px 10px;
}
.article-data .category span.time {
	margin: 0 0 0 6px;
	font-size: 80%;
}
.article-body{
	padding: 0 30px 15px 30px;
	margin-top: 20px;
	font-size:14px;
}

.rv-img{width:100%; height:auto; margin:20px 0;}

@media(min-width:1px) and (max-width:960px){
}
@media(min-width:1px) and (max-width:768px){
			.blog_title h3 {
			font-size: 130%;
			padding: 14px 0px 10px 10px;
			border-left:5px solid #458443;
			}
			.blog_title h3:before {
			display: none;
			}
			.article-body{
			padding: 0 20px 15px 20px;
			margin-top: 20px
			}
			.article-data {
			padding: 15px 20px 0px 20px;
			}
}
@media(min-width:1px) and (max-width:420px){
			.article-body{
			padding: 0 10px 15px 10px;
			margin-top: 20px
			}
			.article-data {
			padding: 15px 10px 0px 10px;
			}
}

/* -------------------------------------------------------------------
　afawork
------------------------------------------------------------------- */
/*施工事例*/
.works_list_inner{margin-top: 40px;}

.works_list_inner .category{
	border: 1px solid #458443;
	border-radius: 3px;
	color: #458443;
	font-size: 80%;
	padding: 2px 5px;
}
.works_list_inner .day{
	color: #458443;
	font-size: 80%;
	padding: 2px 5px;
}



/*施工事例*/
.works_list_inner .afawork_img{
	height: 150px;
	width:100%;
	overflow: hidden;
	-webkit-box-pack: center;
	   -ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	   -ms-flex-align: center;
	      align-items: center;
	background: no-repeat center;
	-webkit-background-size: cover;
	        background-size: cover;
}
.works_list_inner .category{
	width: 80px;
	background-color:#60aecb;
	border-radius: 2px;
	padding:2px 0;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	letter-spacing:1px;
	font-weight: normal;
	line-height: 1.6;
	font-size: 12px;
}
.works_list_inner .day{
	color: #458443;
	font-size: 80%;
	padding: 2px 5px;
}

.works_list_inner dt{
  overflow: hidden;
	margin-bottom: 10px;
}
.works_list_inner .works-tit{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




















.Main_Column ul.List_Box_col2,
.Main_Column ul.List_Box_col3 {
	margin: 0 auto;
}
.Main_Column ul.List_Box_col2 li {
	width: 49%;
}
.Main_Column ul.List_Box_col3 li {
	width: 32%;
}
.Main_Column ul.List_Box_col2 li,
.Main_Column ul.List_Box_col3 li {
	border: 1px solid #C0C0C0;
	float: left;
	box-sizing: border-box;
	margin: 0 0.5% 20px 0.5%;
}
.Main_Column ul.List_Box_col2 li a,
.Main_Column ul.List_Box_col3 li a {
	text-decoration: none;
}
.Main_Column ul.List_Box_col2 li img,
.Main_Column ul.List_Box_col3 li img {
	max-width: 100%;
}
.Main_Column ul.List_Box_col2 li dl,
.Main_Column ul.List_Box_col3 li dl {
	background: url(../img/base/glr.png) right bottom no-repeat;
	margin: 4px 10px;
	text-align: center;
}

.Main_Column ul.List_Box_col2 li dl dt,
.Main_Column ul.List_Box_col3 li dl dt {
	font-weight: bold;
	color: #222;
	padding: 10px 0 0 0;
	line-height: 18px;
}
.Main_Column ul.List_Box_col2 li dl dt span,
.Main_Column ul.List_Box_col3 li dl dt span {
	font-weight: normal;
	font-size: 10px;
	color: #458443;
	line-height: 10px;
}
.Main_Column ul.List_Box_col2 li dl dd,
.Main_Column ul.List_Box_col3 li dl dd {
	color: #222;
	padding: 10px 0 0 0;
	font-size: 87.5%;
}
.left dt,.left dt{text-align: left;}
.right dt,.right dt{text-align: right;}

/*施工写真*/
.work-image {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  margin: 15px auto;
  padding: 20px;
  background: #F0F3EC;
}
.bfore,.after{
	width: 50%;
	text-align: center;
}
.bfore span,.after span{
	font-size: 90%;
	padding: 5px 0;
	font-weight: bold;
}
.arrow{
	width: 5%;
}

.thumb{
	width: 100%;
}
.work-image div {
  display: table-cell;
  vertical-align: middle;
}


@media(min-width:1px) and (max-width:960px){
			.works_list_inner .afawork_img{height: 200px;}
}
@media(min-width:1px) and (max-width:768px){
			.works_list_inner .afawork_img{height: 150px;}
			.works_list_inner .afawork_img{height: 250px;}
			.Main_Column ul.List_Box_col3 li,
			.Main_Column ul.List_Box_col2 li {
			width: 49%;
			float: left;
			}
}
@media(min-width:1px) and (max-width:420px){
			.works_list_inner .afawork_img{height: 150px;}
			.Main_Column ul.List_Box_col3 li,
			.Main_Column ul.List_Box_col2 li {
			width: 100%;
			float: none;
			}
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}


.wpcf7 img{width:inherit !important; width:16px !important; height:16px !important;}