@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,500,600,700,800,900&display=swap');

/* 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, font, 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,figure,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1; color: #333; min-width: 320px;
	font-family: 'Noto Sans JP', serif,"游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	font-weight:400;
}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

ol, ul { list-style: none; }

:focus { outline: 0; }
img { max-width: 100%; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*----- 共通内容 -----*/
a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; line-height: 0; clear: both; }
.none { display: none; }
.mincho {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#loader{width:100%;height:100%;margin:0;background:#fff;opacity:1.0;position:fixed;top:0;left:0;z-index:9999;}
#loader img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#wrapper {width:100%;min-width:1080px;}
.wrap {width:1080px;margin:0 auto;}
.sp {display:none;}
main{display:block;}/* for IE */
#header {width:100%;}
#header .wrap{position:relative;}
#header h1 {position:absolute;top:10px;left:15px;}
#header h1 img {max-width:380px;width:100%;}
#header ul.btn {display:flex;justify-content:flex-end;width:100%;}
#header ul.btn li a{line-height:1.2;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;font-size:12px;text-decoration:none;margin:0 1px;}
#header ul.btn li i{margin-right:5px;}
#header ul.btn li a.contact{width:110px;height:27px;color:#fff;font-size:12px;background:#6abd6f;font-weight:normal;margin:15px 10px 20px;}
#header ul.btn li a.tel{width:192px;height:27px;color:#ed6d47;font-size:30px;font-family:'Oswald',sans-serif;margin:10px 10px 20px;}
#header ul.btn li a.contact:hover{background:#333;transition-duration:.4s;}
#header ul.btn li a.tel:hover{color:#6abd6f;transition-duration:.4s;}


nav{background:url(../img/common/bg-navi.png)no-repeat;background-size:cover;padding:10px 0;}
nav ul.menu {display:flex;flex-flow:row wrap;justify-content:center;}
nav ul.menu li {line-height:1;border-left:1px solid #fff;display:flex;align-items:center;}
nav ul.menu li a{color:#fff;text-decoration:none;font-size:14px;padding:0 30px;}
nav ul.menu li:first-child{border-left:none;}
nav ul.menu li a:hover{color:#6abd6f;transition-duration:.4s;}

section a { text-decoration: none; }
section a:hover { text-decoration: none; }

#footer {padding:0 0 30px;color:#fff;background:url(../img/common/bg-footer.png)no-repeat;background-size:cover;}
#footer h1{max-width:300px;width:100%;margin-bottom:20px;}
#footer .f_menu{background:#333;height:60px;margin-bottom:30px;}
#footer .f_menu ul.menu{height:60px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
#footer .f_menu ul.menu li {font-size:14px;border-left:1px solid #fff;display:flex;align-items:center;}
#footer .f_menu ul.menu li:first-child{border-left:none;}
#footer .f_menu ul.menu li a{display:block;color:#fafafa;text-decoration:none;width:100%;padding:0 30px;}
#footer .f_menu ul.menu li a:hover{color:#6abd6f;transition-duration:.4s;}
#footer address{margin:0 0 20px 70px;}
#footer ul.btn{display:flex;justify-content:flex-end;width:100%;}
#footer ul.btn li a{line-height:1.2;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;color:#1e4570;font-footer:12px;text-decoration:none;}
#footer ul.btn li i{margin-right:5px;}
#footer ul.btn li a.contact{width:110px;height:27px;color:#000;font-size:12px;background:#fff;font-weight:normal;margin:15px 10px 20px;}
#footer ul.btn li a.tel{width:192px;height:27px;color:#fff;font-size:30px;font-family:'Oswald',sans-serif;margin:10px 10px 20px;}
#footer ul.btn li a.contact:hover{color:#fff;background:#333;transition-duration:.4s;border:1px solid #fff;}
#footer ul.btn li a.tel:hover{color:#6abd6f;transition-duration:.4s;}

#footer address {font-size:12px;font-style:normal;line-height:1.5;padding:0 0 20px;}
.copyright{clear:both;padding:10px 0;font-size:10px;letter-spacing:1px;background:#8bc15d;color:#fff;}
.copyright .wrap{display:flex;flex-flow:row wrap;justify-content:flex-end;}
.copyright a{color:#fff;text-decoration:none;}
.copyright a:hover{color:#333;}

.grn{color:#88b269;}
.pink{color:#f08396;}
.yellow{color:#fab541;}


/* キーフレーム */
@keyframes fadeIn {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}


/* fixedTop */
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 45px;
	color: #fff;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	display: none;
	background: #333;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
}

#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
								
.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { 
	 padding: 0 15px; 
	 display: block; 
	 float: left; 
 }
 
.col-01 { width: 8.33333%; }
.col-02 { 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%; }


/*slidemenu*/
.side_btn .logo {display:table-cell;width:55%;padding:1.3020vw 3.9062vw;vertical-align:middle;}
.side_btn .logo a {display:block;}
.side_btn{border-bottom:solid 5px #6abd6f;}
.side_btn .tel ,
.side_btn .contact ,
.side_btn .menu {display:table-cell;position:relative;width:15%;text-align:center;vertical-align:middle;font-size:calc(4.6875vw * 1.2);color:#fff;}
.side_btn .tel a ,
.side_btn .contact a ,
.side_btn .menu i {display:block;color:#6abd6f;}
.side_btn .contact:before ,
.side_btn .menu:before {position: absolute;top:0;left:0;width:1px;height:100%;content:'';display:block;background:#6abd6f;}

/* for IE */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.side_btn .contact:before ,
.side_btn .menu:before {height:95px;}
}

.slidebar .slidebar_nav {background:#fff;}
.slidebar .slidebar_nav li {border-bottom:dotted 1px #ccc;}
.slidebar .slidebar_nav li a{position:relative;display:block;padding:5% 10% 5% 4%;color:#333;font-size:105%;}
.slidebar .slidebar_nav li span{position:relative;display:block;padding:5% 10% 5% 4%;color:#f86e4a;font-size:105%;}
.slidebar .slidebar_nav li span:after{position:absolute;right:4%;content:"\f067";font-family:FontAwesome;color:#f86e4a;}
.slidebar .slidebar_nav li span.active:after{content:"\f068";font-family:FontAwesome;color:#f86e4a;}
.slidebar .slidebar_nav li a{}
.slidebar .slidebar_nav li a:hover{opacity:0.8;}
.slidebar .slidebar_nav li a:after{content:"\f105";font-family:FontAwesome;position:absolute;right:5%;top:50%;-webkit-transform: translateY(-50%); /* Safari用 */transform:translateY(-50%);}
.slidebar .slidebar_nav li .toggle_nav{display:none;margin:0 0 0 10%;font-size:90%;font-weight:normal;}
.slidebar .slidebar_nav li .toggle_nav li:last-child{border-bottom:none;}
.slidebar .slidebar_nav li.side_sub{margin:0 0 5.2083vw;}


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

	#wrapper {width:100%;min-width:100%;}
	.wrap {width:100%;}
	.lower {width:100%;padding:0 10px;}
	.pc {display:none;}
	.sp {display:block;}
		
	#header,
	nav ul.menu{display:none;}
	
	#footer{padding:0 0 30px;}
	#footer .f_menu{margin-bottom:20px;padding:15px;height:auto;}
	#footer h1{padding:15px;}
	#footer ul.btn{flex-direction:column;}
	#footer ul.btn li a.contact{width:100%;margin:0 0 5px;}
	#footer ul.btn li a.tel{width:100%;margin:0 0 5px;}
	#footer .f_menu ul.menu{height:auto;justify-content:flex-start;}
	#footer .f_menu ul.menu li{font-size:13px;line-height:1.5;border-left:none;}
	#footer .f_menu ul.menu li a{padding:0 20px;}

	#footer .f_menu ul.menu li a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;}
	#footer .f_logo{padding:0 10px 20px;}
	#footer h1 {display:block;padding:10px 0;float:none;}
	#footer .col-07,#footer .col-05{width:100%;padding:0 10px;}
	#footer .f_add{padding:30px 10px}
	.copyright{padding:15px 10px;font-size:10px;line-height:1.3;}
	
	.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding: 0 10px; }

	.col-01 { width: 8.33%; }
	.col-02 { width: 16.6%; }
	.col-03 { width: 100%; }
	.col-04 { width: 50%; }
	.col-05 { width: 41.6%; }
	.col-06 { width: 50%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 75%; }
	.col-10 { width: 83.3%; }
	.col-11 { width: 91.6%; }
	.col-12 { width: 100%; }
	
	.table01 th,.table01 td,
	.table02 th,.table02 td,
	.table03 th,.table03 td{ padding: 5px;}

		
	.side_btn {position:fixed;top:0;left:0;display:table;width:100%;z-index:10000!important;line-height:1.1;height:calc(2.6875vw * 5);background:#fff;overflow:hidden;}
	.side_btn .logo {max-width:230px;width:50%;}
	.infoFix{display:none;}
	
}


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

}


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

}


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

	
}

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


}