/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

/* ICOMOON */
@import url("icomoon.css");


/*	EXAMPLE STYLES */
body {
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #333;
	font-size: 13px;
}

/* ----------   header  --------------------- */
header {
	padding-bottom:0px;
	border-top:solid 10px #52a461;
	/* padding: 0 20px; */
}


/* ----------   article  --------------------- */

article {
	margin:0px 0 10px;
}

main{
padding:0px 0px 30px 0px ;
}

@media only screen and (max-width: 768px) {
main{
padding:10px 8px 30px 8px ;
}
}

/* ----------   section  --------------------- */
section {

}

aside {
	margin:0px 0 10px;
}



/* ----------   footer  --------------------- */
footer {
	padding:20px 0px 0px;
}

#link_area{
text-align:center;
margin:10px 0;
}


#link_area img{
margin:5px 0;
}


/* ----------   メインイメージ系  --------------------- */

#main_img {
	margin:0px auto 40px;
	padding: 0% 0 0;
}

#main_img .inner{
	width: 100%;
	height: 550px;
	background:url(../images/main.png) no-repeat center 0;
	background-size: cover;
}

#main_img h2{
	text-align:center;
	padding:110px 0 0;
	font-size:300%;
	line-height:1.6;
	font-weight:bold;
	color:#000;
	text-shadow:2px 2px 8px #fff;
}
#main_img h2 span{
	color:#3e6d00;
	font-size:130%;
}

#main_img p{
	color:#000;
	font-size:200%;
	font-weight:200;
	text-align:center;
	text-shadow:2px 2px 3px #fff;
}

#main_img .br-sp{
	display:none;
}

@media only screen and (max-width: 1400px) {
#main_img {
	margin:0px auto 40px;
	padding: 63.492% 0 0;
	position: relative;
	width: 100%;
	height: 100%;
}

#main_img .inner{
	position: absolute;
	background:url(../images/main02.png) no-repeat center 0;
	background-size:cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main_img h2{
	padding:210px 0 0;
}

#main_img .br-sp{
	display:block;
}

}

@media only screen and (max-width: 1200px) {

#main_img {
	margin:0px auto 20px;
}


#main_img h2{font-size:160%;padding:120px 0 0;}

#main_img p{font-size:140%;}

}

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

#main_img h2{font-size:150%;padding:90px 0 0;}

#main_img p{font-size:130%;}

#main_img p br{
	display:block;
}

}

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

#main_img h2{font-size:130%;padding:20px 0 0;}

#main_img p{font-size:100%;}

}

.nak_tt{
/* background:url(../images/main04.png) repeat 0 bottom;
border-top:solid #ffb400 6px;
border-bottom:solid #ffb400 6px; */
    background: url(../images/main02.png) repeat-x 0 0;
    border-bottom: solid #52a461 6px;
    background-size: 800px;
}

.nak_tt h2{
font-weight:bold;
padding:4% 2% 4%;
font-size:180%;
color:#fff;
text-shadow:3px 1px 3px #337D40;
}


@media only screen and (max-width: 959px) {

.nak_tt{
margin:0px 0px 20px ;
background-size: 400px;
}

.nak_tt h2{
font-weight:bold;
font-size:140%;
padding:5% 2% 5%;

}


}



/* ----------   menu  --------------------- */

#menu-box{
  margin:10px 0px 10px 0px ;
  padding:0px 0px 0px 0px ;
  position: relative;
}

#menu{
  margin: 0px 0 0px;
  padding: 10px;
  font-size:100%;
  background:#52a461;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#menu li{
  float: left;
  text-align:center;
  line-height:1.2;
  width: 14.5%;
  border-right:solid 1px #fff;
  margin: 0;
  }

#menu li:first-child{width: 12.5%;border-left:solid 1px #fff;}

#menu li a{
  display: block;
  padding: 6px 0;
  color: #fff;
  font-size:110%;
  text-align: center;
  font-weight:bold;
  text-decoration: none;
}

#menu li a span{
  font-size:190%;
  font-weight:normal;
}

#menu li a:before { display: block;font-size:200%;margin-bottom:10px;font-family:'icomoon';color:#fff;}
.menu_00 a:before { content:'\e912'; }
.menu_01 a:before { content:'\e1bd'; }
.menu_02 a:before { content:'\e914'; }
.menu_03 a:before { content:'\e946'; }
.menu_04 a:before { content:'\e976'; }
.menu_05 a:before { content:'\e90d'; }
.menu_06 a:before { content:'\e915'; }
.menu_07 a:before { content:'\e910'; }

#menu li a:hover{
  box-sizing: border-box;
  background:#ffefa8;
  color:#e05e75;
}
#menu li a:hover:before{
  color:#fa95a7;
}

#toggle{
 display: none;
}


#menu li ul.sub_nav li a {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

#menu li ul.sub_nav li a:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}


@media only screen and (max-width: 1200px) {

#menu-box{
  margin:30px 0px 0px 0px ;
  padding:0px 0px 30px 0px ;
}

#menu{
  margin: 0px 0 0px;
  padding: 0px;
  font-size:100%;
}

#menu li a{
  font-size:100%;
  font-weight:normal;
}

}

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

#menu{
  margin: 0px auto 0px;
}

#menu li dd{ top:50px;}


}
@media only screen and (max-width: 480px) {
  #menu{
    display: none;
  }

#menu-box{
  background:none;
  margin:20px 0px 0px 0px ;
  padding:0px 0px 0px 0px ;
}

  #menu li{
    width: 100%;
    background:#fff;
    border-bottom:dotted 1px #52a461;
  }

#menu li:first-child{width: 100%;border-left:none;}
#menu li:last-child{width: 100%;}

#menu li a{
  background:#ffefa8;
  color:#52a461;
  text-align:left;
  font-weight:bold;
  padding: 15px 0px 15px 40px;
}

#menu li a:before { display: inline;font-size:100%;margin-right:20px;font-family:'icomoon';color:#52a461;}




  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background:#52a461;
    border-bottom:solid 1px #fff;
  }

  #toggle a{
    display: block;
    position: relative;
    padding: 10px 0 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #52a461;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }

#menu li dt{ position: relative;}
#menu li dd{ display:none; position: absolute; z-index:100; padding:0; border:none;width:100%;top:137px;}

#menu li ul.sub_nav { padding:0 0 0;display:block; overflow: hidden;margin:0;font-size:100%;}
#menu li ul.sub_nav li { width:100%;float: none; color:#fff; padding:0 0px; margin-bottom:1px; height:auto; list-style:none; }
#menu li ul.sub_nav li a { background:#fa95a7!important;color:#fff; text-align:left; padding:10px 20px 10px 20px; height:auto;text-decoration:none;}
#menu li ul.sub_nav li a:before { content:'\e910'; margin-right:15px;font-family:'icomoon';color:#fff;}

}





.btn01 {width:40%;margin:20px auto 20px;box-shadow:1px 1px 5px #000;}

.btn01 a:before { content:'>'; margin-right:10px;color:#fff;font-size: 100%; }

.btn01 a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:130%;
	display:block;
	padding:10px 5px;
	background:#52a461;
	text-align:center;
}

.btn01 a:hover{
	background:#2eafe6;　/* Firefox用 */
}

.btn01 a span { font-size: 90%; }

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

.btn01 a span { display:none; }


}

.link_box{
-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}

.bl-hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
	-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}


/* ----------   フッターナビ  --------------------- */

#page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    z-index:1000;
}
#page-top a {
    padding: 30px 0px;
    display: block;
}
#page-top a img:hover {
    text-decoration: none;
    opacity: 0.8;
}

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

#page-top {
    position: fixed;
    bottom: 60px;
    right: 5px;
    z-index:1000;
}

#page-top img{
    width:40px;
    height:40px;
}

}


.fotter_bg{
background:#52a461;
}

.fnav {
width:100%;
margin:0 0 0 20px;
}

.fnav li{
float:left;
margin:0 20px 5px 0;
color:#fff;
}

.fnav li a:before  { content:'>'; float:left;margin-right:5px;font-size:80%;padding:0px 3px;}

.fnav li a{
display:block;
color:#fff;
}

.fnav li a:hover{
text-decoration:none;
}


.f_info{
border:solid 1px #fcbac6;
padding:15px 20px 25px 20px ;
}


.f_info p{
text-align:center;
color:#fff;
font-weight:bold;
padding:0px 0px 10px 0px ;
font-size:130%;
}

.f_info p a{
color:#fff;
}
.f_info dt{
text-align:center;
padding:0px 0px 10px 0px ;
}

.f_info dd{
text-align:center;
font-size:130%;
padding:0px 0px 10px 0px ;
color:#fff;
}
.f_info dd li{
text-align:center;
}
.f_tel{font-size:110%;font-weight:bold;}
.f_tel:before{content:"TEL ";}
.f_fax:before{content:"FAX ";}

.ei{font-size:80%;}

.f_link {
    text-align: center;
    padding: 20px 0;
}

.f_link img {
    margin: 0px 10px;
}

.f_toi a{width:280px;margin:auto;font-size:100%;display:block;background:#6ec200;text-align:center;color:#fff;text-decoration:none;font-weight:bold;padding:7px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.f_toi a:before { content:'\e920'; margin-right:10px;font-family:'icomoon';}
.f_toi a:hover{background:#3e6d00;}

#site_copy{
text-align:center;
margin:40px 0 0 0;
padding:30px 0px 20px;
font-size: 130%;
font-weight: bold;
background:#fff4da;
}

@media only screen and (max-width: 768px) {
.f_info{
padding:15px 20px 25px 20px ;
width:90%;
margin:20px auto 0;
}


.f_toi a{width:220px;}

#site_copy{
font-size: 100%;
}

}

/* ----------   デバイス毎の振り分け  --------------------- */


/*PC960px以上 */


h1{
font-size:90%;
padding:0px 0 0px;
line-height:50px;
font-weight:normal;
color:#009fda;
text-align:left;
width:730px;
float:left;
}

.c_info{
float:right;
width:258px;
line-height:30px;
margin:0px 0px 0px 0px ;
}

.c_info li{
float:left;
text-align:center;
width:50%;
}

.c_info li a{
display:block;
color:#fff;
text-decoration:none;
text-align:center;
background:#52a461;
}


.c_info li a:before { content:'\e90d'; margin-right:3px;font-family:'icomoon';}
.c_info li:last-child a { border-left:dotted 1px #fff;}
.c_info li:last-child a:before { content:'\f2bd'; margin-right:10px;font-family:'icomoon';}

.c_info li a:hover{background:#6ec200;}

.logo{float:left;width:372px;padding:5px 0px 0px 0px ;}


.h_info{float:right;width:460px;padding:20px 0px 0px 0px ;}
.h_info li{float:left;width:230px;padding:0px 0px 0px 0px ;}
.h_info li:last-child{padding:0px 0px 0px 10px ;}
.h_info li a{font-size:130%;display:block;background:#ff4200;text-align:center;color:#fff;text-decoration:none;font-weight:bold;padding:17px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.h_info li:last-child a{background:#ffae00;}
.h_info li a:before { content:'\e0d2'; margin-right:10px;font-family:'icomoon';}
.h_info li:last-child a:before { content:'\e920'; margin-right:10px;font-family:'icomoon';}
.h_info li a:hover{background:#00678d;}

@media only screen and (max-width: 1200px) {

header {
	background-image:none;
	border-top:solid #52a461 4px;
}

h1{
display:none;
}

.c_info{
float:none;
width:258px;
line-height:30px;
margin:0px auto 0px ;
}

.c_info li{
border:solid 1px #fff;
}

}

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


.logo{float:none;width:280px;margin:20px auto 0px ;}

.h_info{float:none;width:240px;margin:20px auto 0px ;padding:10px 0px 0px 0px ;}
.h_info li{width:240px;}
.h_info li a{font-size:110%;}
.h_info li:last-child{padding:10px 0px 0px 0px ;}



h1{
font-size:60%;
padding:0px 0 0px;
line-height:1.3;
text-align:center;
}

#pan {display:none;}


}

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


}


/* ロールオーバーで不透明度変更
-------------------------------------------------- */
.hover_img a:hover img,
a.hover_img:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}


/* バナー
-------------------------------------------------- */

.banner {
    margin: 30px 0 0;
    background: url(../common_img/banner.png) repeat-x center bottom,url(../common_img/banner.png) repeat-x center top;
    padding: 30px 0;
}

.banner_tt {
	font-size: 180%;
	color: #52a461;
	font-weight: bold;
	text-align: center;
}

.banner p {
    font-weight: bold;
    font-size: 140%;
    /* color: #52a461; */
    text-align: center;
}

.banner p span {
    font-size: 90%;
    color: #000;
    display: block;
    text-align: center;
}

.banner dl {
    margin: 10px auto 20px;
    width: 60%;
}

.banner dt {
    font-weight: bold;
    font-size: 100%;
    color: #fff;
    background: #00517a;
    border: solid 1px #00517a;
    width: 40%;
    float: left;
    text-align: center;
}

.banner dd {
    font-weight: bold;
    font-size: 100%;
    color: #333;
    border: solid 1px #00517a;
    width: 60%;
    float: right;
    text-align: center;
}

.banner ul {
    width: 509px;
    margin: 0 auto 0px;
}

.banner ul li {
    float: left;
}

/* .banner{
margin:50px auto 20px;
width:100%;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding:8px;
min-height:200px;
background:url(../images/bg_04.png) repeat 0 0;
}

.banner .inner{
background:#fff;
padding:15px 10% 30px 10%;
}

.cop{
text-align:center;
font-weight:bold;
font-size:170%;
color:#ae485a;
padding:0px 0px 5px 0px ;
}

.banner dd{
text-align:center;
font-weight:bold;
font-size:110%;
background:#ff7500;
color:#fff;
}

.banner ul.point{
margin:15px auto 10px;
width:300px;
padding:0px 0px 0px 0px ;
}


.banner ul.point li{
font-weight:bold;
margin:15px 0px 0px 0px ;
padding:0px 0px 0px 20px ;
text-indent:-20px;
color:#406c07;
}

.banner ul.point li:before { content:'\e90b';margin:0px 5px 0px 0px ;font-family:'icomoon';color:#d40000;}

.b_info{width:460px;padding:0px 0px 0px 0px ;margin:auto;}
.b_info li{float:left;width:230px;padding:0px 0px 0px 0px ;}
.b_info li:last-child{padding:0px 0px 0px 10px ;}
.b_info li a{font-size:130%;display:block;background:#6ec200;text-align:center;color:#fff;text-decoration:none;font-weight:bold;padding:7px 0;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.b_info li a:before { content:'\e0d2'; margin-right:10px;font-family:'icomoon';font-size:130%;}
.b_info li:last-child a:before { content:'\e920'; margin-right:10px;font-family:'icomoon';}
.b_info li a:hover{background:#6ec200;}
.b_info li:last-child a:hover{background:#fa95a7;} */

@media only screen and (max-width: 1200px) {

.cop{
font-size:120%;
padding:0px 0px 5px 0px ;
}

/* .banner dd{
font-size:95%;
}

.banner .inner{
background:#fff;
padding:15px 4% 30px 4%;
}

.banner ul.point{
margin:15px auto 10px;
width:100%;
padding:0px 0px 0px 0px ;
}

.b_info{width:230px;padding:20px 0px 0px 0px ;margin:auto;}
.b_info li:last-child{padding:0px 0px 0px 0px ;}
.b_info li{float:none;width:230px;margin:0px auto 15px ;} */

}

@media only screen and (max-width: 768px){
.banner dl {
    margin: 10px auto 20px;
    width: 80%;
}

.banner dt {
    width: 100%;
    float: none;
}

.banner dd {
    width: 100%;
    float: none;
}

.banner ul {
    width: 95%;
    margin: 0 auto 0px;
}

.banner ul li {
    float: none;
    text-align: center;
}

}

/* タイトルのスタイル
-------------------------------------------------- */

.tt_style01{
background:#146F25 url(../common_img/h3_bg04.png) no-repeat 10px center;
padding:10px 0px 10px 30px ;
margin:40px 0 25px 0;
font-size:120%;
color:#fff;
font-weight:bold;
}

main section:first-child .tt_style01{
margin:0px 0 25px 0;
}



.tt_style02{
font-size: 120%;
color: #b8972b;
padding:5px 0 5px 0px;
margin:20px 0px 15px;
font-weight:bold;
border-bottom:dotted 2px #999;
text-align:left;
}

.tt_style02 span{
font-size: 90%;
padding:0px 0 0px 20px;
color:#333;
}

.tt_style02:before { content:'\e90e'; margin-right:10px;font-family:'icomoon';color:#ff3c00;font-size: 100%; }


.tt_style03{
font-size: 120%;
color: #fff;
padding:7px 0 7px 10px;
margin:40px 0px 15px;
font-weight:bold;
background:#0081b1;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
text-align:left;
}

.tt_style03:before { content:'\e911'; margin-right:10px;font-family:'icomoon';color:#fff;font-size: 100%; }


.tt_style04 {
    font-weight: bold;
    padding: 0px 0px 20px 0px;
    font-size: 200%;
    line-height: 45px;
    text-align: center;
    margin: 40px 0 20px;
    font-family: "ＭＳ 明朝",sans-serif;
}

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

.tt_style01{
font-size:100%;
}

.tt_style02{
font-size:100%;
}

.tt_style03{
font-size:100%;
}

.tt_style04{
font-size:100%;
}

}

/* table_style
-------------------------------------------------- */


.table_style {
 border-top: 1px dotted #333;
 margin:10px auto 10px;
 width:98%;
}

		.table_style th,
		.table_style td {
			padding: 15px;
			border-bottom: 1px dotted #333;
			text-align: left;
		}
		.table_style td {
			background:#fff;
		}
		.table_style td.price{text-align:right;background:#fff;}
		.table_style td.item{font-weight:bold;color:#019e05;text-align:left;width:35%;}

		.table_style th {
			vertical-align: top;
			font-weight:bold;
			color:#333;
			background:#f2f2f2;
			width:25%;
		}
		.table_style th.kou{
			color:#37701b;
			background:#fff;
		}


.table_style02 {
	margin: 20px auto 20px;
	width:98%;
	background:#fff;
}
	.table_style02 {
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
	}
		.table_style02 tr{
		background:#f2f2f2;
		}
		.table_style02 tr:nth-child(even){
		background:#fff;
		}
		.table_style02 th{padding: 10px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #aaa;
		background:#f2f2f2;
		font-weight:bold;
		color:#333;
		width:35%;
		}
		.table_style02 td {
			padding: 10px;
			border-bottom: 1px solid #aaa;
			border-left: 1px solid #aaa;
		}
		.table_style02 td.item{
			color:#019e05;
			font-weight:bold;
			width:35%;
		}

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

.res{
display: none;
}

.table_style th{width:100%;
}
.table_style02 th{width:100%;
}
.table_style td.item{width:100%;}
.table_style02 td.item{width:100%;background:#f2f2f2;border-bottom:none;}

table, tbody, tr, th, td {
display: block;
}

.table_style02 tr{background:#fff;}

}

/*
====================================================================================================
◆画像のレフト・ライト
---------------------------------------------------------------------------------------------------- */

.fig_01{
float:right;
width:26%;
margin:0px 0px 20px 20px;
}

.fig_02{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}

.fig_03{
float:right;
width:20%;
margin:0px 0px 20px 20px;
}

.fig_04{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}


.fig_05{
float:right;
width:20%;
margin:0px 0px 20px 20px;
text-align:center;
}

.fig_06{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}

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

.fig_01{
float:none;
width:250px;
margin:0px auto 20px;
}

.fig_02{
float:none;
width:250px;
margin:0px auto 20px;
}

}