@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

/*****************************************************************************
 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 {
	background:#fbfbf7 url(../img/common/bg.jpg);
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	line-height:1.8;
	color:#222;
	font-size:16px;
	-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:#222;outline:none;transition:all 0.5s ease-out;}
a *{transition:all 0.5s ease-out;}
a:hover {text-decoration:none;color:#3b5d19;}
a:hover img{opacity:0.8;}
::selection {background:rgba(126,168,77,0.2);}
::-moz-selection {background:rgba(126,168,77,0.2);}

/* common */
.inner{width:1080px;max-width:100%;margin:0 auto;position:relative;}
.sp{display:none;}
.mincho{font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.cen{text-align:center;}
.bold{font-weight:bold;}
.right{text-align:right;}
.black{color:#222!important;}
.red{color:#c90e00;}
.green{color:#34620b;}


main{z-index:999;}

@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:#7ea84d;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;}

.row { clear:both;display:flex;flex-flow:row wrap;}
.row-reverse { clear:both;display:flex;flex-flow:row-reverse 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%; }
.col-half{padding:0px;display:inline-block;width:50%;}

.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt60{margin-top:60px!important;}
.mt80{margin-top:80px;}


/*--header--*/
.sb-slide{display:none;}
header{position:absolute;background:url("../img/common/head_bg.png") no-repeat center bottom;border-top:5px solid #3b5d19;top:0px;z-index:9999;width:100%;pointer-events:none;}
header h1{display:block;width:200px;padding:50px 80px 160px 20px;float:right;}
header h1 a{pointer-events:auto;}
header nav{writing-mode:vertical-rl;display:block;float:left;padding:30px 0px 60px 40px;}
header nav a{pointer-events:auto;}
header nav a:hover{color:#3b5d19;}
header nav a i{color:#3b5d19;}
header nav > ul{position:relative;}
header nav > ul > li{position:relative;}
header nav > ul > li > a{font-size:18px;color:#111;padding:10px 20px;display:inline-block;font-weight:bold;}
header nav > ul > li ul{visibility:hidden;opacity:0;z-index:1;position:absolute;top:180px;left:5px;width:auto;height:260px;background:rgba(59,93,25,0.8);-webkit-transition:all .5s ease;transition:all .5s ease;}
header nav > ul > li ul li a{font-size:17px;color:#fff;padding:10px 15px;display:block;}
header nav > ul > li ul li a:before{content:"\f0dd";font-family:FontAwesome;margin-bottom:5px;transition:all 0.5s ease-out;color:#7fa84d;}
header nav > ul > li ul li a:hover:before{color:#fff;}
header nav > ul > li:hover ul{top:200px;visibility:visible;opacity:1;}
header nav > ul > li:hover ul a{color:#fff;padding:10px 15px;line-height:1.4;}
header nav > ul > li:hover ul a:hover{background:rgba(59,93,25,0.9);}
header nav > ul > li:hover{-webkit-transition:all .5s;transition:all .5s;}
header nav > ul {*zoom:1;}


/*--footer--*/
footer{position:relative;border-bottom:5px solid #3b5d19;background:#2c371f url("../img/common/foot_bg.jpg") no-repeat center bottom;background-size:cover;color:#fff;padding:60px 0px;margin-top:3px;}
footer a{color:#fff;}
footer a:hover{color:#FFC646;}
footer h1{margin-bottom:30px;}
footer h1 img{width:208px;}
footer p.copyright{font-size:14px;color:#bed1b3;padding-top:130px;letter-spacing:0.06em;}

footer nav ul{padding-right:10px;}
footer nav a{display:block;padding:5px;}
footer nav > ul > li > ul li a{padding-left:20px;}
footer nav > ul > li > a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;}
footer nav > ul > li > ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;}



@media screen and (max-width: 1000px) {
    header h1{padding:30px 80px 100px 20px;}
    header nav{padding:10px 0px 60px 10px;}
    header nav > ul > li > a{padding:10px 15px;}
    header nav > ul > li ul{left:0px;}
    header nav > ul > li ul li a{padding:10px 8px;}
    
}

@media screen and (max-width: 768px) {
	body{min-width:initial;min-width:auto;font-size:14px;}
	.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;}*/

	.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%; }

	/*slidemenu*/
	#sb-site{background:#fbfbf7 url(../img/common/bg.jpg);}
	.sb-slidebar{background:#EEEAE3;min-height:100%;}
	.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{padding-bottom:50px;}
    .sb-slidebar ul{}
	.sb-slidebar nav > ul > li{}
	.sb-slidebar nav > ul > li > ul li{padding-left:20px;}
    .sb-slidebar ul li a{display:block;padding:10px;border-bottom:1px dashed #ddd;}
    .sb-slidebar ul li a:hover{background:rgba(59,93,25,0.1);}
	.sb-slidebar nav > ul > li > a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;color:#7ea84d;}
	.sb-slidebar nav > ul > li > ul li a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#7ea84d;}

	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:flex;overflow:hidden;box-shadow:0px 4px 4px rgba(0,0,0,0.02);}
	.sb-slide h1{width:70%;background:rgba(251,251,247,0.94);}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding:10px 3.9062vw;}
	.sb-slide h1 a img{max-height:100%;}
	.sb-slide .phone,
	.sb-slide .menu{width:15%;height:calc(2.6875vw * 5);position:relative;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#7ea84d;display:flex;align-items:center;justify-content:center;}
	.sb-slide .phone a{color:#fff;display:block;}
	.sb-slide .menu{background:#2b2f36;display:flex;align-items:center;justify-content:center;padding:0;}
	.sb-toggle-right,
	.sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}

    footer p.copyright{padding-top:30px;}
    footer .foot_nav{display:none;}

}

@media screen and (max-width: 480px) {
	body{font-size:12px;}

    footer p.copyright{font-size:12px;}


}




/*****************************************************************************
 PAGE COMMON
 *****************************************************************************/
h2.h2{font-size:36px;margin-bottom:30px;line-height:1.4;}
h2.h2:before{content:"\f06c";font-family:FontAwesome;margin-right:10px;color:#436a14;}

h3.h3{font-size:30px;margin-bottom:20px;line-height:1.4;color:#436a14;border-bottom:3px solid #436a14;}
h3.h3:before{content:"\f06c";font-family:FontAwesome;margin-right:10px;color:#7fa84d;}


.link_btn{}
.link_btn a{display:inline-block;width:300px;font-size:18px;padding:8px 15px;position:relative;background:#436a14;color:#fff;border:2px solid #436a14;box-shadow:0px 4px 4px rgba(0,0,0,0.05);text-align:center;}
.link_btn a:after{content:"\f0da";font-family:FontAwesome;position:absolute;right:10px;top:8px;}
.link_btn a:hover{background:#fbfbf7;color:#436a14;box-shadow:none;}

.intro{font-size:112%;}

.friend_bar{background:rgba(172,196,135,0.8);padding:50px 0px;}
.friend_bar h3{font-size:30px;margin-bottom:20px;}
.friend_bar h3 span{display:inline-block;padding:0px 10px;background:linear-gradient(transparent 60%, #f1f5eb 60%);line-height:1.4;}
.friend_bar p{line-height:2;}
.friend_bar .link_btn{margin-top:-50px;text-align:right;}

.categories{padding:60px 0px 80px;}
.categories h2.h2{margin-bottom:0px;}
.categories a{display:block;border-bottom:3px solid #c8d0bc;font-size:18px;padding-top:30px;}
.categories a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#436a14;}
.categories a:hover{border-bottom:3px solid #fff;}

.navi{padding:40px 0px;}
.navi nav{background:rgba(127, 168, 77, 0.1);padding:20px;}
.navi ul{padding:0px 15px;display:inline-block;width:25%;}
.navi ul a{display:block;padding:5px 0px;}
.navi ul a:before{content:"\f105";font-family:FontAwesome;margin-right:5px;color:#436a14;}



@media screen and (max-width: 768px) {
    h2.h2{font-size:30px;margin-bottom:20px;}
    h3.h3{font-size:24px;margin-bottom:15px;}

    .friend_bar h3{font-size:24px;}
    .friend_bar h3 span{padding:0px 0px;background:none;border-bottom:2px solid #f1f5eb;}
    .friend_bar .link_btn{margin-top:10px;text-align:center;}

    .categories .col-03{width:50%!important;}
    .categories a{font-size:16px;}

    .link_btn a{font-size:16px;margin-bottom:10px;}

}

@media screen and (max-width: 480px) {
    h2.h2{font-size:26px;margin-bottom:15px;}
    h3.h3{font-size:20px;margin-bottom:10px;}

    .friend_bar h3{font-size:20px;}

    .categories .col-03{width:100%!important;padding:0px 10%;}
    .categories a{padding-top:20px;}

}