@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&display=swap');
body {font-family: "Noto Serif JP", serif; font-weight:300; color:#000;}
.txtGot {font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtMin {font-family: "Noto Serif JP", serif; font-weight:300;}
.cla {clear:both;}
.fltL {float:left;}
.fltR {float:right;}
img {border:0;}
h1,h2,h3,h4,h5 {font-weight:normal; margin:0; padding:0;}

@media screen and (min-width: 768px),print {
html {min-width:1100px;}
body {margin:0; padding:0; line-height:2.0; font-size:18px;min-width:1200px;}
ul {list-style:none;}
.pc_none {display:none;}
span.pc_br {display:block;}
a {color: #0059B2;}
a:hover {color:#FF6600;}
a:hover img {filter: alpha(opacity=60); opacity:0.6;}
a[href^="tel:"] {pointer-events: none;}

#wrap {}
header,nav .inner,#f_inq .inner{width:1100px; margin:0 auto;}

/* Header */
header {height:97px; padding-top:18px;}
h1 {margin:0; padding:0; line-height:0em; width:510px; display:block;}
.h_inq {float:right; width:500px; margin:-66px 0 0 0; line-height:0; font-size:0; text-align:right;}
.h_inq img { display:inline; margin-left:13px;}

nav {margin:0 auto; height:55px; background:url(../img/common/navi_back.jpg) repeat-x center top; font-size:0; line-height:0; text-align:center; font-size:0;}
nav .inner {overflow: auto;}
.icon,.close {display:none;}
nav ul {margin:0; padding:0;}
nav li { display:inline-block; margin:0 0 0 0;}
nav li a {display: block; padding: 0;}
nav li.off img {filter: alpha(opacity=40); opacity:0.2;}
nav li.off a {pointer-events: none;}
nav li span { display:none;}

/* footer */
footer {clear:both; height:31px; margin-top:100px; padding:17px 0 30px 0; line-height:1.0em; text-align:center;}
footer ul {font-size: 18px; margin:0 auto;}
footer li {margin:0 10px 15px 0; display:inline-block;}
footer li:before,footer ul:after {content: "|"; margin: 0 10px 0 0; color:#555;}
footer a:link,footer a:visited{color:#555; text-decoration:none;}
footer a:hover,footer a:active {color:#FF6600; text-decoration:underline;}
#f_inq {background-color:#EEEEEE; height:200px;}
#f_inq .f_logo {float:left; width:560px; margin:37px 0 0 27px; line-height:1.0em;}
#f_inq p.copy {color:#5A8666; font-size:19px; margin:0px 0 15px 0; letter-spacing:2px;}
#f_inq p.add {margin:15px 0 0 0; font-size:15px; letter-spacing:1px;}
#f_inq .f_tel {float:left; margin:70px 0 0 0;}
#f_inq .f_form {float:left; margin:40px 0 0 17px;}

#copyright {background:#FFF; padding:30px 0 20px 0; text-align:center; color:#666; font-size:14px;}
.pagetop {position:fixed; bottom:10px; right:10px; z-index:998; font-size:0; margin:0; padding:0;}
}

@media screen and (max-width: 767px) {
html {overflow-y: scroll;}
body {margin:0; padding:0; line-height:1.8; font-size:16px;}
.smp_none {display:none;}
.contents {margin:0 10px;}

ul {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
ul li,p {margin:0; padding: 0;}
ul li {list-style-type: none;}

img {box-shadow: #000 0 0 0;}
 x:-moz-any-link, x:default {
 box-shadow: #000 0 0 0;
}
a {color: #0059B2; text-decoration: none;}
a:hover {text-decoration: underline;}

#wrap * {box-sizing: border-box;}
#wrap {width:100%; overflow:hidden;}
img {max-width:100%; height:auto;}

/*--- Header -----*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 990;
	overflow: hidden;
	height: 55px;
	background:#FFF;
	background-size:contain;
	box-shadow:4px 4px 4px 4px rgba(0,0,0,0.2);
}
h1 {position:absolute; margin:0; padding:0; top:3px; left:5px;}
h1 img {max-width:85%; max-height:54px;}
.h_inq {display:none;}

nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
nav .inner {
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.8);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 5px;
	width: 55px;
	white-space: nowrap;
	z-index:999;
}
.icon a {
	padding: 12px 9px 10px 8px;
	display: inline-block;
}
nav ul {border-top: 1px solid #CCC;}
nav li {border-bottom: 1px solid #CCC;position: relative;}
nav li:nth-child(even) {}

nav li a {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	position: relative;
	padding: 12px 0 12px 30px;
}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	position: absolute;
	top: calc(50% - 4px);
	right: 22px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

nav .navbox {background: rgba(0,0,0,.3); margin:0;}
nav .navbox p {
	width: 100%;
	height: 55px;
	position: relative;
	top: 0;
	left:  0;
}
nav p a {
	position: absolute;
	top: 0;
	right: 5px;
	width: 55px;
	height: 54px;
	display: block;
	padding: 12px 9px;
}
nav p img {
  width: 32px;
}
nav li img {display:none;}


/* footer */
footer {
  background: #FFF;
  border-top: #9A907F 1px solid;
  width: 100%;
  font-size: 15px;
  margin-top:40px;
}
footer.top_footer {display:none;}
footer ul {overflow: hidden; background-color:#FFF;}
footer li {
  font-size: 13px;
  letter-spacing: -.02em;
  width: 50%;
  float: left;
  height:40px; margin:0; padding:2px 0 0 0;
  border-bottom: #CCC 1px solid;
}
footer li:nth-child(odd) {border-left: #CCC 1px solid;}
footer li.wide {width:100%;}
footer span {
  display: block;
  color: #afafaf;
  padding: 7px 5px 6px 13px;
  position: relative;
  border-bottom: #CCC 1px solid;
  white-space: nowrap;
}
footer a{
  display: block;
  color: #333;
  padding: 7px 5px 6px 13px;
  position: relative;
  white-space: nowrap;
}

footer li a:after, footer li span:after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: #9A907F 1px solid;
	border-left: #9A907F 1px solid;
	position: absolute;
	top: calc(50% - 6px);
	right: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}
#f_inq {background-color:#EEEEEE; text-align:center;}
#f_inq .inner{padding:20px 20px;}
#f_inq .f_logo img {max-width:300px;}
#f_inq p.add {font-size:14px;}
#f_inq p.add a:link,#f_inq p.add a:visited{color:#333; text-decoration:none;}
#f_inq p.copy {color:#5A8666; font-size:17px; margin-bottom:30px;}
#f_inq .f_tel {margin:20px 0 10px 0; max-width:300px;}
#f_inq .f_form {}
#copyright {background-color:#FFF; color:#666; padding:20px 0; text-align:center; font-size:11px;}
.pagetop {position:fixed; bottom:10px; right:5px; z-index:998; font-size:0; margin:0; padding:0;}
.pagetop img {width:70px; height:auto;}
}