@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: #fff; background: #000; min-width:320px;
	font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;
	overflow-x: hidden;
}

body,html{height:100%;margin:0 auto;}

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

ol, ul { list-style: none; }

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

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

main{display:block;}/* for IE */
#wrapper {width:100%;min-width:1080px;}
.wrap {width:1080px;max-width:100%;margin:0 auto;position:relative;padding:0 15px;}
.sp {display:none;}

/*
#header {width:100%;color:#fff;}
#header h1 {padding:10px 15px;}
#header h1 img {max-width:246px;}
#header .h_menu{display:flex;flex-flow:row nowrap;align-items:center;padding:0;}
#header ul.menu {display:flex;flex-flow:row wrap;}
#header ul.menu li {display:flex;font-size:13px;text-align:center;padding:0 5px;}
#header ul.menu li a{display:block;color:#fff;text-decoration:none;width:100%;margin:10px 0 0;}
#header ul.menu li a:last-child{padding-right:0;}
#header ul.menu li a:after{border-bottom:solid 2px #7d0022;bottom:0;content:"";display:block;padding-bottom:5px;transition:all .3s ease;width:0;}
#header ul.menu li a:hover:after{width:100%;}

#header ul.btn{display:flex;justify-content:flex-end;}
#header ul.btn li a{line-height:1.2;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-size:12px;text-decoration:none;margin:0;}
#header ul.btn li i{margin-right:5px;}
#header ul.btn li a.contact{width:102px;height:19px;color:#000;font-size:12px;background:#fff;border-radius:2px;font-weight:normal;margin:10px;}
#header ul.btn li a.tel,
#header ul.btn li a.fax{display:flex;align-items:baseline;width:160px;height:21px;color:#fff;font-size:24px;font-family:'Oswald',sans-serif;margin:2px 5px 0;font-weight: 300;letter-spacing: -1px;}
#header ul.btn li a.tel small,
#header ul.btn li a.fax small{font-size:16px;}
#header ul.btn li a.contact:hover{background:#7d0022;color:#fff;transition-duration:.4s;}
#header ul.btn li a.tel:hover,
#header ul.btn li a.fax:hover{color:#7d0022;transition-duration:.4s;}
*/


#header {
	width:100%;
	height:60px;
	color:#fff;
	background:linear-gradient(#292929 0%, #000 100%);
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center; 
	align-items: center;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}

#header *	{
	box-sizing: border-box;
}

#header .h_menu	{
	border:0px solid orange;
	-webkit-justify-content: space-between;
	justify-content:  space-between;
	-webkit-align-items: flex-end; 
	align-items: flex-end;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}

#header h1 {
	padding:0 0 10px 0;
	margin:0;
	border:0px solid yellow;
	width:245px;
	height:60px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end; 
	align-items: flex-end;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}

#header h1 img {
	width:100%;
}

ul.menu	{
	width: 330px;
	border:0px solid white;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center; 
	align-items: center;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding:0 0 10px 40px;
	margin:0
}


ul.menu li a	{
	text-decoration: none;
	color:white;
	font-size:14px;
}

#header ul.menu li a:after{border-bottom:solid 2px #7d0022;bottom:0;content:"";display:block;padding-bottom:5px;transition:all .3s ease;width:0;}
#header ul.menu li a:hover:after{width:100%;}

ul.btn	{
	width: 475px;
	height:60px;
	border:0px solid green;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: flex-end; 
	align-items: flex-end;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	padding:0 0 15px 0;
	margin:0
}

ul.btn li	{
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center; 
	align-items: center;
	display : -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}

ul.btn li a	{
	text-decoration: none;
	color:white;
	display:block;
	border:0px solid red;
	padding:0 0 0 0;
	margin:0;
	height:24px;
}

#header ul.btn li a.contact{
	color:#000;
	font-size:12px;
	line-height: 19px;
	background:#fff;
	border-radius:2px;
	font-weight:normal;
	padding:0;
	margin:0;
	border-radius:2px;
	width:102px;
	height:19px;
	text-align: center;
	padding:0;
	margin:0 5px 0 0;
}

#header ul.btn li a.contact:hover{background:#7d0022;color:#fff;transition-duration:.4s;}
#header ul.btn li a.tel:hover,
#header ul.btn li a.fax:hover{color:#7d0022;transition-duration:.4s;}



#header ul.btn li a.tel,
#header ul.btn li a.fax{
	font-size:24px;
	line-height: 1;
	font-family:'Oswald',sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	padding:0 0 0 10px;
	margin:0 0 0 0;
}

#header ul.btn li a.tel small,
#header ul.btn li a.fax small{font-size:16px;}




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

#footer {padding:0;color:#fafafa;}
#footer .f_menu ul.menu{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:13px 0;}
#footer .f_menu ul.menu li {font-size:14px;border-left:1px solid #fafafa;}
#footer .f_menu ul.menu li:first-child{border-left:none;}
#footer .f_menu ul.menu li a{color:#fafafa;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-decoration:none;width:100%;font-size:14px;padding:0 15px;}
#footer .f_menu ul.menu li a:hover{opacity:0.5;}
#footer h1{text-align:center;margin:100px 0;}
p.copyright{text-align:center;padding:10px 15px 0 15px;font-size:10px;letter-spacing:1px;margin-bottom:0px;line-height: 1;}


/* キーフレーム */
@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: 20px;
	text-align: center;
	text-decoration: none;
	display: none;
	background: #7d0022;
	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%; }


.btnLink1 a{display:flex;justify-content:center;align-items:center;width:330px;height:30px;color:#222;text-decoration:none!important; background:#fff;font-size:18px;letter-spacing:2px;font-weight:400;border-radius:1px;position:relative;z-index:2;}
.btnLink1 a:hover{color:#fff;background-color:#7d0022;border-color:#7d0022;transition: all .4s;}


.btnLink2{display:flex;justify-content:center;align-items:center;margin:30px 0;}
.btnLink2 a{display:flex;justify-content:center;align-items:center;width:250px;height:60px;color:#fff;background:transparent;font-size:14px;letter-spacing:2px;font-family:'Poppins',sans-serif;font-weight:400;border:1px solid #fff;border-radius:30px;text-align:center;}
.btnLink2 a:hover{background-color:#7d0022;border-color:#7d0022;color:#fff;transition: all .4s;}

.btnLink3{display:flex;margin:30px 0;}
.btnLink3 a{display:flex;justify-content:center;align-items:center;width:330px;height:30px;color:#fff;background:#000;font-size:14px;letter-spacing:2px;font-weight:400;border:1px solid #fff;text-align:center;}
.btnLink3 a:hover{background-color:#7d0022;border-color:#7d0022;color:#fff;transition: all .4s;}

.btnLink3 i,.btnLink2 i,.btnLink3 i{margin-right:5px;}

.pc {display:block;}
.sp {display:none;}

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

	/*slidemenu*/
	#sb-site{background:#000;}
	.sb-slidebar{background:#000;}
	.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 .menu .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .menu .sb-close {
		display:flex;
	}

	.sb-slidebar ul{padding:3%;}
	.sb-slidebar ul li a {
		display:flex;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #333;
		text-decoration:none;
		text-align:left;
		color:#fff;
		font-size:14px;
	}
	.sb-slidebar ul li a:before{content:"\f0da";font-family:FontAwesome;margin-right:5px;color:#7d0022;}
	.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%;}

	/*--header--*/
	.sb-slide{width:100%;height:calc(2.6875vw * 5);display:table;}
	.sb-slide h1{width:55%;padding:0 3.9062vw;display:table-cell;vertical-align:middle;background:#000;}
	.sb-slide h1 a{display:block;height:calc(2.6875vw * 5);padding-top:calc(2.6875vw * 1.5);}
	.sb-slide h1 a img{width:100%;}
	.sb-slide .phone,
	.sb-slide .contact,
	.sb-slide .menu{display:table-cell;vertical-align:middle;width:15%!important;position:relative;text-align:center;font-size:calc(4.6875vw * 1.2);color:#fff;}
	.sb-slide .phone{background:#333;}
	.sb-slide .contact{background:#222;}	
	.sb-slide .phone a,
	.sb-slide .contact a{color:#fff;display:block;}
	.sb-slide .menu{background:#000;color:#fff;}
	.sb-toggle-right,
	.menu .sb-close{width:100%;height:calc(2.6875vw * 5);display:flex;align-items:center;justify-content:center;}
	
	#wrapper {width:100%;min-width:100%;}
	.wrap {width:100%;padding:0;}
	.lower {width:100%;padding:0 10px;}
	.pc {display:none;}
	.sp {display:block;}
	
	#header {padding:5px 10px;}
	#header h1{position:relative;width:90%;margin-bottom:10px;}
	#header {display:flex;justify-content:center;}
	#header,nav{display:none;}
	
	#footer{padding:0 0 40px;}
	#footer ul{margin:0 0;}
	#footer .f_menu ul.menu {justify-content:flex-start;}
	#footer .f_menu ul.menu li{border-left:none}
	#footer .f_menu ul.menu li a{font-size:12px;line-height:1.5;}
	#footer .f_menu ul.menu li a:before{content:"\f0da";font-family:FontAwesome;color:#fafafa;margin-right:5px;}
	#footer h1 {display:block;padding:10px;margin:10px 0;}
	p.copyright{padding:20px 0;margin-bottom:0;text-align:center;}

	#footer .col-05,#footer .col-07{width:100%;}
	.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;}
	
	.copyright{padding:0;margin:0;}
	.anker{margin-top:-67px;padding-top:67px;}
	.btnLink1 a,.btnLink2 a,.btnLink3 a{width:100%;}

}


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

}

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

}


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


	#footer h1 {width:100%;}

}


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

	
}

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

}



/* -- 調整 -- */
@media screen and (max-width: 768px){
	.btnLink2 a	{
		width:280px;
	}
}