@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Oswald');

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top;max-width:100%;height:auto;-ms-interpolation-mode:bicubic; }
main { display:block; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:1.8;
	color:#000;
	font-size:14px;
	font-size:1.4rem;
	-webkit-text-size-adjust: none;
	letter-spacing:0.016em;
	min-width:1080px;
	}
body,html{height:100%;margin:0 auto;}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#131313;outline:none;}
a:hover {text-decoration:none;color:#77a11b;}
a:hover img{opacity:0.8;}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.sp{display:none;}
.txt_center{text-align:center;}
.txt_red{color:#e1231e;}

main{}

@media screen and (max-width: 768px) {
	.pc{display:none;}
	.sp{display:block;}
}

#fixedTop{right:10px;bottom:10px;width:50px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;display:none;background:#13b5b1;position:fixed;z-index:9999;border-radius:50%;-webkit-transform:translateZ(0);}
#fixedTop:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.7;}

.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute !important;width: 1px;word-wrap: normal !important;}

.contact dt{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #337e44;color:#fff;font-size:13px;line-height:1.23;}
.contact dd ul{display:flex;flex-flow:row wrap;line-height:1;}
.contact dd ul li,
.contact dd ul li a{font-size:27px;font-family: 'Oswald', sans-serif;}
.contact dd ul li:not(:last-child){margin-right:25px;}
.contact dd ul .tel a:before{content:"\f098";font-family:FontAwesome;margin-right:5px;}
.contact dd ul .fax:before{content:"\f1ac";font-family:FontAwesome;margin-right:5px;}
.contact dd ul .fax{display:flex;flex-flow:row wrap;align-items:center;}
.contact dd ul .fax small{font-size:18px;margin-right:5px;}
.contact dd ul .mail a:before{content:"\f0e0";font-family:FontAwesome;margin-right:5px;}

header .contact dt{color:#555;border-bottom:1px solid #ddd;margin-bottom:2px;padding-bottom:2px;}
header .contact dd,
header .contact dd a{color:#555;}
header .contact dd a:hover{color:#77a11b;}
header .contact dd ul .tel a:before,
header .contact dd ul .fax:before,
header .contact dd ul .mail a:before{color:#005e15;}

.contact_info .inner{width:930px;padding:60px 15px;}
.contact_info .contact dt{font-size:2.0rem;color:#555;border-bottom:1px solid #ddd;}
.contact_info .contact dd ul li:not(:last-child){margin-right:30px;}
.contact_info .contact dd ul li,
.contact_info .contact dd ul li a{font-size:4.0rem;}
.contact_info .contact dd ul .fax small{font-size:2.7rem;margin-right:10px;}
.contact_info .contact dd ul .tel a:before,
.contact_info .contact dd ul .fax:before,
.contact_info .contact dd ul .mail a:before{color:#005e15;}



/*--header--*/
.sb-slide{display:none;}
header{width:100%;height:90px;background:#fff;}
header .inner{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:0 15px;}
header h1{width:163px;max-width:100%;height:60px;display:flex;align-items:center;}
header h1 a img{width:100%;height:auto;}
header p{color:#555;font-size:12px;margin-top:15px;}

header nav{background:linear-gradient(0deg,#015f16,#196e2c);height:30px;display:flex;align-items:center;justify-content:center;}
header nav ul{display:flex;flex-flow:row wrap;align-items:center;line-height:1;width:1100px;max-width:100%;}
header nav ul li{padding:0 25px;}
header nav ul li:not(:first-child){border-left:1px solid #fff;}
header nav ul li a{font-size:14px;letter-spacing:0.2em;color:#fff;}
header nav ul li a:hover{color:#ffff00;}



/*--footer--*/
footer{background:#005e15;color:#fff;position:relative;}
footer a{color:#fff;}
footer a:hover{color:#ffff00;}

footer nav{height:30px;background:#097c25;display:flex;align-items:center;justify-content:center;}
footer nav ul{display:flex;flex-flow:row wrap;align-items:center;width:1100px;max-width:100%;line-height:1;}
footer nav ul li{padding:0 25px;}
footer nav ul li:not(:first-child){border-left:1px solid #fff;}
footer nav ul li a{font-size:14px;letter-spacing:0.2em;}

footer .inner{display:flex;flex-flow:row wrap;}
footer .foot_info{width:1050px;justify-content:space-between;align-items:center;padding:50px 0 30px;border-bottom:1px solid #337e44;}
footer h1{width:163px;max-width:100%;}
footer h1 a img{width:100%;height:auto;}

footer p{font-size:12px;margin-top:15px;}

footer .foot_add{padding:0 0 90px;}
footer .foot_add .row{width:33.33%;padding:20px 15px;}
footer .row dl{margin-bottom:25px;}
footer .row dl dt{font-size:16px;margin-bottom:10px;}
footer .row dl dd{font-size:12px;line-height:1.66;}
footer .row dl dd a i{color:#ffff00;margin-left:5px;}
footer .row dl dd ul{display:flex;flex-flow:row wrap;}
footer .row dl dd ul li{margin-right:1em;}
footer .row dl dd ul li:before{content:"・";}

footer .copyright{width:100%;height:30px;background:#00561f;text-align:center;line-height:30px;}
footer .copyright small{display:block;font-size:10px;font-family: 'Poppins', sans-serif;font-weight:400;letter-spacing:0.2em;}









/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 768px) {
	*{-webkit-text-size-adjust:100%;-webkit-appearance: none;}
	body{min-width:initial;min-width:auto;}
	.inner{width:100%;}
	img{max-width:100%;height:auto;}
	main{width:100%;padding-top:calc(2.6875vw * 5);}
	.scroll{overflow:auto;white-space:nowrap;}
	.scroll::-webkit-scrollbar{height:5px;}
	.scroll::-webkit-scrollbar-traqck{background:#f1f1f1;}
	.scroll::-webkit-scrollbar-thumb{background:#bcbcbc;}


	/*slidemenu*/
	#sb-site{background:#fff;}
	.sb-slidebar{background:#fff;}
	.sb-slide{
		display:block;
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
		font-size:calc(4.6875vw * 1.2);
		line-height:1.2;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:flex;
	}

	.sb-slidebar ul{padding:3%;}
	.sb-slidebar ul li a {
		display:flex;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #ddd;
		text-decoration:none;
		text-align:left;
		color:#000;
		font-family: 'Poppins', sans-serif;font-weight:400;
	}
	.sb-slidebar ul li a span{margin-right:5px;}
	.sb-slidebar ul li a em{text-align:right;}
	.sb-slidebar section {
		padding:3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sb-slidebar section p a {
		background:#000;
		display:block;
		cursor:pointer;
		color:#fff;
		padding:10px 15px;
		text-decoration:none;
		font-size:1.8rem;
		text-align:center;
		height:50px;
		font-weight:bold;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}
	.sb-slidebar section iframe {margin:0 0 10%;}
	.sb-slidebar .side_add{display:flex;flex-flow:row wrap;}
	.sb-slidebar .side_add p{width:20%;}

	footer .contact{margin-top:30px;}

	.contact_info .contact dt{font-size:1.8rem;}
	.contact_info .contact dd ul li,
	.contact_info .contact dd ul li a{font-size:3.4rem;}
	.contact_info .contact dd ul .fax small{font-size:2.1rem;margin-right:5px;}

	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:table;overflow:hidden;}
	.sb-slide h1{width:55%;padding:0 3.9062vw;display:table-cell;vertical-align:middle;background:#fff;}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding:10px;text-align:center;}
	.sb-slide h1 a img{max-height:100%;}
	.sb-slide .phone,
	.sb-slide .contact,
	.sb-slide .menu{display:table-cell;vertical-align:middle;width:15%;position:relative;text-align:center;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone,
	.sb-slide .contact{background:#77a11b;}
	.sb-slide .phone a,
	.sb-slide .contact a{color:#fff;display:block;}
	.sb-slide .menu{background:#005713;}
	.sb-toggle-right,
	.sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}

	/*--footer--*/
	footer nav{height:auto;padding:10px 0;}
	footer nav ul li{margin:5px 0;padding:0 15px;font-size:1.2rem;}

	footer .foot_info{justify-content:center;padding:50px 15px 30px;}
	footer h1{margin-right:15px;}


}


@media screen and (max-width: 600px) {
	footer .contact dd ul li,
	footer .contact dd ul li a{font-size:24px;}

	.contact_info .contact dd ul li,
	.contact_info .contact dd ul li a{font-size:2.4rem;}
	.contact_info .contact dd ul .fax small{font-size:1.8rem;}

	footer nav{padding:10px 15px;}
	footer nav ul li:not(:first-child){border-left:0;}
	footer nav ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;}

	footer .foot_add .row{width:50%;}
	footer .foot_add .row:last-child{width:100%;}

}


@media screen and (max-width: 480px) {
	.contact dt{text-align:center;}
	.contact dd ul{justify-content:center;}

	footer .contact dd ul li{margin-bottom:10px;}

	.contact_info .contact dt{font-size:1.3rem;}
	.contact_info .contact dd ul li{margin-bottom:10px;}

	footer .foot_info{flex-flow:column wrap;}
	footer h1{margin-right:0;margin-bottom:10px;}


}


@media screen and (max-width: 375px) {
	.sb-slidebar section p a{padding:10px;}

	footer .contact dt{font-size:1.2rem;}
	footer .contact dd ul li,
	footer .contact dd ul li a{font-size:2.2rem;}
	footer dd ul .fax small{font-size:1.4rem;}
	footer .contact dd ul li:not(:last-child){margin-right:10px;}

	.contact_info .contact dt{font-size:1.2rem;}
	.contact_info .contact dd ul li,
	.contact_info .contact dd ul li a{font-size:2.2rem;}
	.contact dd ul .fax small{font-size:1.4rem;}
	.contact_info .contact dd ul li:not(:last-child){margin-right:10px;}


}


@media screen and (max-width: 320px) {
	footer .contact dt{font-size:1.0rem;}
	footer .contact dd ul li,
	footer .contact dd ul li a{font-size:1.8rem;}

	.contact_info .contact dt{font-size:1.0rem;}
	.contact_info .contact dd ul li,
	.contact_info .contact dd ul li a{font-size:1.8rem;}

}





.row { clear:both;display:flex;flex-flow:row wrap;}
.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 {padding:0 15px;display:inline-block;border:0px solid red;}
.col-01 { width: 8.33333%; }
.col-02 { width: 16.66667%; }
.col-024 { width: 20%; }
.col-03 { width: 25%; }
.col-04 { width: 33.33333%; }
.col-05 { width: 41.66667%; }
.col-06 { width: 50%; }
.col-07 { width: 58.33333%; }
.col-08 { width: 66.66667%; }
.col-09 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }

.mb50{margin-bottom:50px;}

.works{padding-top:40px;}
.works h3{font-size:36px;font-weight:bold;font-style:italic;background:#EDFF74;padding:0px 20px 10px;line-height:1.4;margin-bottom:20px;border-bottom-right-radius:50px;border-top-right-radius:50px;}
.works h3 span{font-size:60px;color:#fff;text-shadow:0px 3px 4px rgba(0,0,0,0.2);}
.works .col-06{padding-bottom:20px;}
.works .col-06 h3{font-size:30px;}
.works h4{font-size:24px;font-weight:bold;color:#196e2c;margin-bottom:10px;}
.works p{font-size:18px;margin-bottom:20px;}



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

	.col-01, .col-02, .col-024, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding:0px 5px; }
	.col-01 { width: 100%; }
	.col-02 { width: 100%; }
	.col-024{ width: 100%; }
	.col-03 { width: 100%; }
	.col-04 { width: 100%; }
	.col-05 { width: 100%; }
	.col-06 { width: 100%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 100%; }
	.col-10 { width: 100%; }
	.col-11 { width: 100%; }
	.col-12 { width: 100%; }
	.col-half{ width: 100%; }

    .works{padding:40px 10px 0px;}
    .works h3{font-size:30px;}
    .works h3 span{font-size:50px;}
    .works .col-06 h3{font-size:26px;}
    .works h4{font-size:20px;}
    .works p{font-size:16px;}

}
@media screen and (max-width: 480px) {
    .works h3{font-size:24px;margin-bottom:10px;padding:0px 15px 10px;}
    .works h3 span{font-size:36px;}
    .works .col-06 h3{font-size:20px;}
    .works h4{font-size:18px;}
    .works p{font-size:14px;}

}