@charset "utf-8";


/* RESET
******************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;/*font-size:14px;*/font-size:15px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;/*font-size:14px;*/font-size:15px;font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; line-height:1.8;color:#444;}

html				{overflow-y:scroll;}
blockquote, q		{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, textarea	{margin:0; padding:0;}
ol, ul				{list-style:none;}
table				{border-collapse:collapse; border-spacing:0;}
caption, th			{text-align:left;}
a					{cursor:pointer; padding:0; margin:0;text-decoration:none;}
a img				{border:none; background-color:transparent;}
a:focus				{outline:none;}


/* IEハック */
* html img				{vertical-align:top;}
* html li				{line-height:1.1em; list-style-position:outside;}
*:first-child+html li	{line-height:1.1em;}
body					{_font-size:80%;}

/* Mac UTF-8の文字化け防止 */
/*＼*//*/
input, textarea, select, option {font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
/**/
a		{cursor:pointer; padding:0; margin:0;}
a img	{border:none; background-color:transparent;}


/* clearfix */
.cf:after {
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
font-size:0.1em;
line-height:0;
}
.cf			{display:inline-block;}
* html .cf	{height:1%; }
.cf			{display:block; }
.mt0{margin-top:0!important;}

@media screen and (max-width:768px){
	.sub_menu.filter li {max-width:100%!important;}
}

/* 共通 */

.box {margin-left:auto; margin-right:auto; max-width:920px;text-align:left; clear:both; }


/* メインのwrap */
/*.globalWrap	{
padding:0 0 0 252px;
position:relative;
}
*/



/* HEADER AREA
******************************************/

/* top */

header	{
/*
width:250px;
position:absolute;
top:0;
left:0;
z-index:999;
background:#fff;
border-right:solid 1px #e9e9e9;
*/
padding:20px 0;
}

.sub_header {min-height: 50px;}

.menu1 {float: right;margin-top:12px;font-weight:bold;}

header h1 {line-height:0;float:left;width:27%;}

header h1 img.pc {display:block;width:100%;}
header h1 img.sp {display:none;}

.nav_style li a {
padding:18px 20px;
color: #48b018;
display:block;
font-weight: bold!important;
line-height:0;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.nav_style li a:hover {
opacity:0.5;
}

.nav_style li p {
padding:18px 20px;
line-height:0;
color: #48b018;
/*border-bottom:solid 1px #e9e9e9;*/
font-weight: bold!important;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}

.nav_style li p:hover {
opacity:0.5;
cursor:pointer;
}

.nav_style li{
display: block;
float: left;
max-width:184px;
}

.nav_style li ul li {max-width: 200px;}

.slicknav_nav a,
.slicknav_nav .slicknav_row,
.slicknav_nav ul{
margin: 0;
}

.sub_menu {
display: none;
position: absolute;
/*top:0;
left: 250px;
*/
z-index: 9999;
width: 200px;
background: #fff;
text-align: left;
border-top: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.sub_menu li {
width: 100%;
}
.sub_menu li a {
padding:25px 10px;
display: block;
color: #48b018;
display:block;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.sub_menu li a span {
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
font-weight:bold;
display:block;
line-height:1;
}
.sub_menu li a span i {
margin:0 5px 0 0;
font-size:16px;
}
.sub_menu li a:hover{
background: #48b018;
color:#fff;
opacity:1;
}

/*最低限*/
.slicknav_menu {display:none;}







/* フッター上のバナー
------------------------------------------ */


ul.kanrenBnr {
margin:0 auto;
padding:40px 0 50px 0;
text-align:center;
letter-spacing:-0.4em;
}
ul.kanrenBnr li {
margin:0 0 0 5px;
display:inline-block;
line-height:0;
letter-spacing:normal;
}
ul.kanrenBnr li:first-child {
margin:0 0 0 0;
}
ul.kanrenBnr li a {
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
ul.kanrenBnr li a:hover {opacity:0.5;}






/* PAGETOP */

p.forTop			{margin-top:-43px;padding-top:43px;text-align:center;line-height:0;}
p.forTop span		{margin:0 auto;display:inline-block;line-height:0;}
p.forTop span:hover	{cursor:pointer;}







/* FOOTER AREA
******************************************/

footer	{padding:40px 0 0 0;background:#f7f4e2;/*min-width:1024px;*/}

footer .footerInner		{margin:0 auto;max-width:1030px;}
footer .inleft			{padding:20px 10px;float:left;max-width:225px;width:25%;background:url(../img/footer_line.png) repeat-y top left;text-align:center;}
footer .inleft a		{display:block;line-height:0;}
footer .inleft p.tel	{margin-top:20px;}
footer .inleft p.btn	{margin-top:15px;}
footer .inleft ul		{margin:25px 0 0 -10px;letter-spacing:-0.4em;}
footer .inleft li		{margin:0 0 0 10px;display:inline-block;letter-spacing:normal;vertical-align:top;line-height:0;}


footer .inright					{padding:0 10px;float:right;max-width:759px;width:70%;display:flex;justify-content:space-between;background:url(../img/footer_line.png) repeat-y top right;}
footer .ftBox					{padding:20px 30px;background:url(../img/footer_line.png) repeat-y top left;}
footer .ftBox a					{display:block;line-height:1;color:#333;}
footer .ftBox p					{}
footer .ftBox p	a				{padding:4px 0 1px 10px;border-left:solid 4px #68b622;font-size:16px;font-weight:bold;}
footer .ftBox p a:hover			{text-decoration:underline;color:#68b622;}
footer .ftBox ul				{margin:15px 0 0 25px;}
footer .ftBox li				{margin:15px 0 0 0;}
footer .ftBox li:first-child	{margin:0 0 0 0;}
footer .ftBox li a				{padding:1px 0 1px 20px;font-size:13px;background:url(../img/ft_arrow.png) no-repeat 0 0;}
footer .ftBox li a:hover		{text-decoration:underline;color:#68b622;}

footer p.copy	{margin-top:30px;padding:16px 0;text-align:center;font-size:12px;background:#47b017;line-height:1;color:#fff;}
 
 
 
 
 
 
@media screen and (max-width:768px){
	
body	{min-width:auto;}

/* 共通 */

.box	{margin-left:auto; margin-right:auto; width:auto;min-width:auto;text-align:left; clear:both;}


/* メインのwrap */
.globalWrap	{
padding:0 0 0 0;
position:relative;
}




/* HEADER AREA
******************************************/

header {width:100%;position:relative;border-right:none;}

header h1 		{width:60px;line-height:0;position:absolute;top:10px;left:10px;}
header h1 img	{width:100%;}
header h1 img.pc {display:none;}
header h1 img.sp {display:block;}


/*共通*/
nav ul{display:none;}
nav ul.menu1 {display:none!important;}
.slicknav_menu {display:block;}
.sub_menu{position: inherit;}
#nav1 {min-height:45px;}

/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.slicknav_icon {position: relative;width: 50px;height: 50px;}
.slicknav_menu .slicknav_icon-bar{position: absolute;left: 0;}

.slicknav_icon span:nth-of-type(1) {top:-5px;}
.slicknav_icon span:nth-of-type(2) {top: 4px;}
.slicknav_icon span:nth-of-type(3) {bottom:-8px;}

.active .slicknav_icon-bar:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(45deg);
transform: translateY(-6px) rotate(45deg);
}


/* active */

.slicknav_menu .active .slicknav_icon span:nth-of-type(1)	{top:1px;}
.slicknav_menu .active .slicknav_icon span:nth-of-type(3)	{bottom:-5px;}

.nav_style li a img		{display:none;}
.nav_style li a			{position:relative;}
.nav_style li a:before	{content: attr(data-label);}
.nav_style li a:after	{content:"\f105";font-family:FontAwesome;position:absolute;right:10px;}

@media screen and (max-width:768px){
	.sub_menu.filter li.tag a img {display:block;}
}

	
.slicknav_parent a:after {content:""!important;}
.nav_style li p	{
position:relative;
padding:0;
line-height: 0;
border-bottom:none;
}
.nav_style li p:before	{content: attr(data-label);}
.nav_style li p:after	{content:"\f105";font-family:FontAwesome;position:absolute;right:0;}
.slicknav_open  p:after	{content:"\f107"!important;font-family:FontAwesome;position:absolute;right:0;}


.slicknav_btn {
position:absolute;
display: block;
vertical-align: middle;
padding:14px 10px 10px 10px;
line-height:1;
cursor: pointer;
top:14px;
right:10px;
width:50px;
height:50px;
background:#48b018;
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:2px;}

.slicknav_menu {*zoom: 1;}
.slicknav_menu .slicknav_icon {
width:100%;
height:13px;
margin:0;
}

.slicknav_menu .slicknav_no-text {margin: 0;position:relative;top:-1px;}
.slicknav_menu .slicknav_icon-bar {
display: block;
width:100%;
height:4px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.slicknav_menu:before {content: "";}
.slicknav_menu:after {content: " ";}

.slicknav_nav {clear: both;}
.slicknav_nav ul {display: block;}
.slicknav_nav li {display: block;float: none;max-width: 100%;}

.nav_style li a {color:#fff;border:none;}

.slicknav_nav .slicknav_item {cursor: pointer;}
.slicknav_nav .slicknav_item a {display:block;color:#fff;
}
.slicknav_nav .slicknav_row {display: block;}
.slicknav_nav a {display: block;}
.slicknav_nav .slicknav_parent-link a {display: inline;}

.slicknav_menu * {box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {color: #fff;font-weight: bold;}
.slicknav_menu .slicknav_icon-bar {background-color: #333;}



.slicknav_nav {
position:absolute;
top:64px;
width:100%;
background:rgba(99,189,59,0.9);
z-index:999;
}
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px;
}
.slicknav_nav li ul li {max-width:100%;}
.slicknav_nav li a:hover {
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
color: #fff;
background:none;
opacity:1;
}
.slicknav_nav li a p {
	font-size:95%;}
.slicknav_nav li a {
padding:20px 10px;
margin:0;
text-decoration: none;
color: #fff;
line-height:1;
font-family: 'Hiragino Kaku Gothic Pro W3';
font-size:95%;
letter-spacing:0.05em;
border-top:solid 1px #d1efc3;
}

.slicknav_nav li:first-child a {border-top:none;}

.slicknav_nav li p {
margin:0;
text-decoration: none;
color: #fff;
line-height:1;
font-family: 'Hiragino Kaku Gothic Pro W3';
font-size:20px;
letter-spacing:0.05em;
}

.slicknav_nav li p:hover{opacity:1;}

.slicknav_nav a:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #ccc;
color: #222;
}
.slicknav_nav .slicknav_txtnode {
margin-left: 15px;
}
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0;
}

.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px;
}


/* ドロップダウン */

.sub_menu {
margin:0!important;
display: none;
position:relative;
top:0;
left:0;
z-index: 1;
width: 100%;
background:rgba(255,255,255,0.7);
text-align: left;
border-top: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
.sub_menu li {
width: 100%;
}
.sub_menu li a {
padding:16px 10px;
display: block;
color: #48b018;
display:block;
border-top:solid 1px #8bcd65!important;
}
.sub_menu li:first-child a {
border-top:none!important;
}
.sub_menu li a span {
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
font-weight:bold;
display:block;
line-height:1;
}
.sub_menu li a span i {
margin:0 5px 0 0;
font-size:16px;
}
.sub_menu li a:hover{
background:none;
color:#48b018;
}





/* フッター上のバナー
------------------------------------------ */


ul.kanrenBnr {
padding:40px 0 40px 0;
text-align:center;
letter-spacing:-0.4em;
display:block;
width:auto;
}
ul.kanrenBnr li {
margin:0 0 2% 2%;
display:inline-block;
line-height:0;
letter-spacing:normal;
width:29.33%;
}
ul.kanrenBnr li:first-child {
margin:0 0 2% 0;
}
ul.kanrenBnr li a {
display:block;
line-height:0;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
ul.kanrenBnr li a:hover {opacity:0.5;}
ul.kanrenBnr li img {width:100%;}






/* FOOTER AREA
******************************************/

footer			{padding:30px 0 0 0;background:#f7f4e2;min-width:auto;}

footer .footerInner		{margin:0 auto;width:auto;}
footer .inleft			{padding:0 0;float:none;width:auto;background:none;text-align:center;}
footer .inleft a		{display:inline-block;line-height:0;}
footer .inleft p.ftlogo	{}
footer .inleft p.tel	{margin-top:15px;}
footer .inleft p.btn	{margin-top:10px;}
footer .inleft ul		{margin:15px 0 0 -10px;letter-spacing:-0.4em;}
footer .inleft li		{margin:0 0 0 10px;display:inline-block;letter-spacing:normal;vertical-align:top;line-height:0;}


footer .inright					{padding:0 0;float:none;width:auto;display:block;justify-content:flex-start;background:none;}
footer .ftBox					{padding:0 0;background:none;}
footer .ftBox a					{display:block;line-height:1;color:#333;}
footer .ftBox p					{margin-top:30px;}
footer .ftBox p	a				{padding:13px 10px 10px 10px;border-left:none;font-size:16px;font-weight:bold;background:#68b622;line-height:1;color:#fff;}
footer .ftBox p a:hover			{text-decoration:none;color:#fff;}
footer .ftBox ul				{margin:25px 0 0 10px;}
footer .ftBox li				{margin:15px 0 0 0;}
footer .ftBox li:first-child	{margin:0 0 0 0;}
footer .ftBox li a				{padding:1px 0 1px 20px;font-size:13px;background:url(../img/ft_arrow.png) no-repeat 0 0;}
footer .ftBox li a:hover		{text-decoration:none;color:#68b622;}

footer p.copy	{margin-top:30px;padding:16px 0;text-align:center;font-size:11px;background:#47b017;line-height:1.3;color:#fff;letter-spacing:0;}


 
} /* en 768px */







