@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');
body {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; color:#000;}
.txtMin {font-family: 'Noto Serif JP', serif; font-weight:600;}
.cla {clear:both;}
.fltL {float:left;}
.fltR {float:right;}

@media screen and (min-width: 768px),print  {
html {min-width:1100px;}
body {
	margin: 0;
	padding: 0;
	line-height: 2.0;
	font-size: 18px;
	border-top:solid 7px #66D046;
}
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 {}
.contents{width:1100px; margin:0 auto 0px auto;}
.contents2{width:1200px; margin:0 auto 0px auto;}
.bk,.bk3 {background:url(../img/common/back.jpg) repeat-x center bottom; clear:both; padding:50px 0; margin:50px 0;}
.bk3 {padding-bottom:0;}
.bk2 {background-color:#F7FCF3; clear:both; padding:50px 0; margin:50px 0;}
.bk:first-child {margin-top:0; padding-top:0;}
.contents:after,.contents2:after,.bk:after,.bk2:after {display: block;content: " "; clear: both;}

/* Header */
header {height:115px;width:1100px; margin:0 auto;}
h1 {float:left; margin:0px 0 0 0; padding:0; line-height:1.0em;}
.head_R {margin:10px 10px 0 0; overflow:hidden; text-align:right}
nav {width:100%; height:55px; margin-top:-10px;}
nav .inner{width:1100px; margin:0 auto; overflow: auto;}
.icon,.close { display:none;}
nav ul {margin:0; padding:0;}
nav li {float:left;}
nav li:last-child {border: none;}
nav li a {display: block; padding: 0;}

nav .serif li span { display:none;}

/* footer */
footer {clear:both; padding:0px 0 30px 0; line-height:1.2em; text-align:center; width:1100px; margin:0 auto;}
footer ul {width:1100px; font-size:18px; margin:0 auto;}
footer li {margin:0 9px 15px 0; display:inline-block;}
footer li.off {display:none;}
footer li:before,footer ul:after {content: "|"; margin: 0 12px 0 0; color:#999;}
footer a:link,footer a:visited{color:#000; text-decoration:none;}
footer a:hover,footer a:active {color:#006bb4; text-decoration:underline;}
.footer_box {float:left; width:820px; margin:40px 0 0 0px; line-height:1.6em; text-align:left;}
.footer_box img {float:left;}
.footer_box p {float:left; font-size:20px; margin:10px 0 0 20px;}
.footer_btn {float:right; margin:40px 0 30px 0; font-size:0;}
.footer_btn a {display:inline-block; margin:0 0 0 10px;}

#copyright {clear:both; text-align:center; padding:30px 0 0 0; height:60px; font-size:16px; border-top:solid 1px #CCC; color:#666;}
}

@media screen and (max-width: 767px) {
html {
	overflow-y: scroll;
	
}
body, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 17px;
}
.smp_none {display:none;}
span.smp_br {display:block;}
.contents,.contents2 {margin:0 10px;}
.bk,.bk3 {background:url(../img/common/back.jpg) repeat-x center bottom; clear:both; padding:30px 0; margin:30px 0;}
.bk2 {background-color:#F7FCF3; clear:both; padding:30px 0; margin:30px 0;}

ul {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
ul li {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
a, button, input, textarea {
	outline: none;
}
/** fade使用時のズレ対策（FF）**/
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;
}


/*---------------------------------------------
Utility
---------------------------------------------*/
/* Clearfix */
.cf:after, .sec:after, .section:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
#wrap * {box-sizing: border-box;}
#wrap {font-size: 1.5rem;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: 70px;
	border-top:solid 7px #66D046;
}
header.scroll{background-color:#FFF;box-shadow: 0 2px 5px;}
h1 {
	position: absolute;
	top: 5px;
	left:20px;

}
h1 img { width:auto; height:50px;}
.head_R {display:none;}
/*--------------------------
  Gnav
---------------------------*/
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(205,240,184,1);
}
.icon {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0;
	width: 50px;
	white-space: nowrap;
}
.icon a {
	padding: 13px 9px 14px 10px;
	display: inline-block;
}
nav ul {
	border-top: 1px solid #FFF;
}
nav li {
	border-bottom: 1px solid #FFF;
	position: relative;
	width:100%;
	float:left;
}

nav li a {
	display: block;
	text-align: left;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	position: relative;
	padding: 12px 0 12px 30px;
}
nav li a:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: #356C29 1px solid;
	border-left: #356C29 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(98,210,59,1);
}
nav .navbox p {
	width: 100%;
	height: 54px;
	position: relative;
	top: 0;
	left:  0;
}
nav p a {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 54px;
	display: block;
	padding: 12px 9px;
}
nav p img {
  width: 32px;
}
nav .serif li img {display:none;}


/* footer */
footer {
  background: #FCFCFC;
  border-top: #C8C8C8 1px solid;
  width: 100%;
  font-size: 15px;
  margin-top:-30px;
}
footer ul {overflow: hidden;}
footer li {
  font-size: 13px;
  letter-spacing: -.02em;
  width: 50%;
  float: left;
}
footer li:nth-child(odd) {
  border-left: #C8C8C8 1px solid;
}
footer li.wide {
  width: 100%;
  border: none;
}
footer a {
  display: block;
  color: #000;
  padding: 7px 5px 6px 13px;
  position: relative;
  border-bottom: #C8C8C8 1px solid;
  white-space: nowrap;
}

footer li a:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
}

.footer_box {margin:20px 10px 0 10px; text-align:center;}
.footer_box img {width:300px;}
.footer_box p {font-size:18px; margin:10px 0 0 20px;}
.footer_box p span {font-size:16px;}
.footer_btn {margin:20px 0 20px 0; text-align:center; font-size:0;}
.footer_btn a {display:inline-block; width:70px; margin:0 0 0 0px; border:none;}

#copyright {padding:10px 0 15px 0; text-align:center; border-top:solid 1px #CCC; color:#666; font-size:13px;}
}

@media all and (max-width: 320px) {
h1 img {width:80%;}
  footer .level1 > li > a,
  footer .level1 > li > span {
    padding: 8px 5px 8px 12px;
  }
  footer .level1 > li {
    font-size: 13px;
  }
  footer .level1 > li > a,
  footer .level1 > li > span {
      padding: 7px 5px 7px 27px;
  }
  footer .level2 > li,footer .level3 > li {
    font-size: 11px;
  }
  footer .level1 > li > a:before,
  footer .level1 > li > span:before {
    top: 13px;
    left: 12px;
  }
  footer a,
  footer span {
      padding: 10px 5px 10px 11px;
  }
 
}