@charset "UTF-8";

@import url("base.css");

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hidden{ display: none;}
.w1000{ width:1000px;margin:auto;position:relative;}
.sp{ display:none; visibility:hidden;}
.pc{visibility:visible;}

.header{ padding:21px 0 17px; background: #FFFFFC url(../images/header_bg.png) repeat-x; width: 100%; height:135px;}
.header .logo{ width: 453px; height: 97px; text-align: left;}
.global-nav{ width: 100%; height: 56px; background: #DEF283 url(../images/gnav_bg.png) repeat-x; font-size: 0; padding: 1px 0;}
.global-nav li{ display: inline-block;}
.global-nav li:hover img{ filter:Alpha(opacity=75); opacity:0.75;}

.footer{ width: 100%; height: 150px; padding-top: 30px; background: #2D9B00 url(../images/footer_bg.png) repeat-x; color: #FFF;}
.footer .horizontal-list { font-size: 1.3rem; text-align: left;}
.footer .horizontal-list li{ display: inline-block; vertical-align: top;}
.footer .corporate-name{ font-size: 1.8rem; line-height: 1.0;}
.footer .horizontal-link{ margin-left: 100px;}
.footer .copyright{ padding-top: 30px; font-size: 1rem;}
.footer a:link,.footer a:visited{ color: #FFF;}
.footer a:hover,.footer a:active{ text-decoration: underline;}

.pagetop{ position:fixed; right:30px; bottom:20px; cursor:pointer;}
.pagetop:hover img{ filter:Alpha(opacity=75); opacity:0.75;}


/*
下層ページ共通項目
*/
.breadcrumbs{ width: 1000px; margin: 10px auto; text-align:left; font-size: 1.3rem;}
	.breadcrumbs li{ display:inline-block; position:relative; }
	.breadcrumbs li a{ padding-right:20px;}
	.breadcrumbs li a:after{
	content: '';
	width: 4px;
	height: 4px;
	border: 0px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -3px;
}


@media (max-width: 1020px) and (min-width: 768px){


}
@media screen and (max-width: 767px) {
.sp{ display:block; visibility:visible}
.pc{ display:none; visibility:hidden}
body{ width:100%; min-width: 100%; margin:auto;font-size: 1.8rem;}
.w1000{ width:90%; margin:auto}

img{max-width: 100%;height: auto;}
.header{ height: auto; position: fixed; z-index:2; top:0; border-bottom:2px solid #60A300; padding: 12px 0;}
.header .logo{ text-align:left; height: auto;}
.header .logo img{ width:60%; height: auto;}

.fixed {top: 0px; z-index:2;}

.footer{ width: 100%; height: auto; padding-bottom: 0; background: #69BB45;}
.footer .horizontal-link{ margin-left: 0;}
.footer .copyright{ padding-top: 0;}

.pagetop{ right:10px;}


.breadcrumbs{ display:none}


.lineTop{border-top: none;}
.text-narrow {transform: scale(1, 1);width: 100%;transform-origin: top left;}
#title h2{ font-size:24px; line-stacking:0.2em;text-align:left; padding-bottom:0; padding-top:70px;}
#contents h3{ font-size: 22px; margin-bottom: 20px;}

}
@media screen and (max-width: 768px) {
#drawernav{	position: fixed;	top: -400px;		width: 100%;	background:#69BB45;	color: #fff;z-index: 1;-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}
#humberger{	position: fixed;top: -10px;	right: 0;	z-index: 3;	width: 45px;	padding: 25px 10px 10px;	cursor: pointer;}.icon-bar{	height: 2px;	background: #666;	display: block;	margin-bottom: 6px;	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}.fixed-content{	right: inherit;	width: 100%;	z-index: 2;	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */} #overlay{	z-index:-1;	opacity: 0;	background: #000;	left: 0;	top: 0;	width: 100%;	height: 100%;	position: fixed;	-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
	-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 	        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */}/*** ドロワー開放時のスタイル**/
#drawernav{ margin-top: 36px; border-bottom:1px solid #60A300; overflow:hidden}
#drawernav li{ width:50%;  float:left;box-sizing: border-box; border-left:1px solid #60A300; border-bottom:1px solid #60A300; font-size:12px; }

#drawernav li a{ display:block; color:#FFFFFF; padding:20px 12px;}
#drawernav li a:link,#drawernav li a:visited{color:#FFFFFF; }

#drawernav li.fsn{ width:50%; text-align:center; padding:0; border: none; background:#4B4847; height:auto;}
#drawernav li.fsn img{ width:96%;}
#drawernav li.close{ color:#999;display:block;}
body.drawer-opened #page{top:0px;		box-shadow: 1px 0 2px #000;		-webkit-box-shadow: 1px 0 2px #000;	}
body.drawer-opened .fixed-content{top:0px;	}
body.drawer-opened #drawernav{ top:48px;}
body.drawer-opened #humberger .icon-bar{background: #666;	}
body.drawer-opened #humberger :nth-child(1){		transform:translate(0,8px) rotate(45deg);		-webkit-transform:translate(0,8px) rotate(45deg);	}
body.drawer-opened #humberger :nth-child(2){		transform:translate(-20px ,0);		-webkit-transform:translate(-20px ,0);		opacity:0;	}
body.drawer-opened #humberger :nth-child(3){		transform:translate(0,-8px) rotate(-45deg);		-webkit-transform:translate(0,-8px) rotate(-45deg);	}
body.drawer-opened #overlay{		z-index: 3;		opacity: 0.3;		top:0px;	}

}