@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap');

/*------------------------------------------------------------
デフォルトスタイル
------------------------------------------------------------*/
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, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
background:transparent;
border:0;
outline:0;
font-size:1em;
}
html{
font-size:62.5%;
}
body, table, input, textarea, select, option{
font-family:YakuHanJPs_Noto, 'Noto Sans JP', sans-serif;
-moz-osx-font-smoothing:grayscale;
text-rendering:geometricprecision;
-webkit-font-smoothing:antialiased;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display:block;
}
ol, ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
:focus{
outline:0;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
img{
vertical-align:top;
max-width:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
a,
a:link{
color:#333333;
text-decoration:none;
}
a:visited{
color:#333333;
}
a:hover{
color:#333333;
}
a:active{
color:#333333;
}

/*------------------------------------------------------------
レイアウト
------------------------------------------------------------*/
body{
min-width:1080px;
color:#333;
font-size:1.4rem;
line-height:1.43;
text-size-adjust:none;
-webkit-text-size-adjust:none;
background-color:#41414B;
}
.lower{
	min-width:auto;
}
#container{
overflow:hidden;
text-align:left;
}
a[href^="tel:"]{
cursor:default;
pointer-events:none;
}
@media all and (min-width:768px){
	.sp{
	display:none !important;
	}
}
@media all and (max-width:767px){
	body{
	min-width:inherit;
	font-size:1.1rem;
	}
	a:hover,
	a:hover img{
	opacity:1 !important;
	}
	.pc{
	display:none !important;
	}
	a[href^="tel:"]{
	cursor:pointer;
	pointer-events:auto;
	}
}

/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
#gHeader{
padding-top:8px;
margin:0 auto -53px;
max-width:980px;
position:relative;
z-index:99;
}
.lower #gHeader{
max-width:1080px;
margin-bottom:0;
padding:2.5em 0;
}
#gHeader h1{
/*width:180px;*/
width:200px;
position:relative;
margin-bottom:-7%;
}
.lower #gHeader h1{
margin:0 auto;
}
#gHeader h1 a{
display:block;
width:100%;
height:100%;
/*
position:absolute;
left:0;
top:0;
*/
}
.lower #gHeader h1 a{
position:static;
}
#gHeader h1 embed{
width:100%;
}
@media all and (max-width:767px){
	#gHeader{
	margin-bottom:-20px;
	padding:5px 17px;
	}
	#gHeader h1{
	/*width:132px;*/
	width:100px;
	margin-bottom:-2px;
	}
}
@media only screen and (min-width:768px) and (max-width:1600px){
	#gHeader h1{
		width:12.5vw;
		margin-bottom:-4.25vw;
	}
}
/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#gFooter p{
max-width:980px;
color:#fff;
font-size:1.2rem;
text-align:right;
padding:2.5em 0;
margin:0 auto;
letter-spacing:0.1em;
}
.lower #gFooter::before{
content:none;
display:none;
}
@media all and (max-width:767px){
	#body #gFooter{
		padding-bottom:8em;
	}
	#gFooter p{
	font-size:0.9rem;
	}
}