@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}
a:link,
a:hover,
a:visited{
	text-decoration:none;
	color:#000000;
}
ul,ol{
	list-style-type: none;
}
html, body{
	text-align:center;
/*font-family:"A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
#container{
	width:100%;
	text-align:center;
}
#header{
	width:1200px;
	margin:auto;
}
#logo{
	text-align:left;
}
#logo img{
	vertical-align: top;
	display:inline-block;
	width:417px;
}
#logo h1{
	vertical-align: top;
	display:inline-block;
	width:420px;
	font-size:13px;
	font-weight:normal;
	padding-top:64px;
}
#logo #topTel{
	vertical-align: top;
	display:inline-block;
	width: 350px;
	font-weight:normal;
	font-size:18px;
}
#logo #topTel span{
	background: #3f9f31;
	color:#ffffff;
	display:inline-block;
	text-align: center;
padding: 20px 40px 10px;
}
#logo #topTel span a{
	color:#ffffff;
	font-weight:bold;
	font-size:22px;
	display:block;
}

#nav{
	text-align:right;
		padding-right:130px;

}
#nav li{
	width:130px;
	display:inline-block;
	margin:10px 0;
	border-left:1px solid #3f9f31;
}
#nav li:last-child{
	border-right:1px solid #3f9f31;
}
#nav li a{
	display:block;
	color:#3f9f31;
	text-align:center;
	font-weight:bold;
}
#nav li a span{
	display:block;
	color:#3f9f31;
	display:block;
	font-weight:normal;
	font-size:80%;
}
#SPnav{
	display:none;
}
#spBtn{
	display:none;
}
#SPnav li{
}

#container #layout{
	width:1200px;
	margin:auto;
}
#container #layout > img{
	display:block;
	width:100%;
}
#container #footer{
	width:100%;
	text-align:center;
	background:#3f9f31;
	color:#ffffff;
}
#container #footer a{
	color:#ffffff;
}
#container #footer #bnr{
    background: #ffffff;
    padding-bottom: 70px;
}
#container #footer #bnr ul{
	width:1200px;
	margin:auto;
	font-size:0;
	text-align: center;
}
#container #footer #bnr ul li{
	display:inline-block;
	width:calc(100%/4 - 20px);
	margin:10px;
	font-size:12px;
}
#container #footer #bnr ul li img{
	display:block;
	max-width:100%;
}

#container #footer #navBox{
	padding-top:20px;
}
#container #footer #navBox ul{
    background: url(../images/footLogo.png) right 10px bottom 30px no-repeat;
    background-size: 25%;
    width: 800px;
    margin: auto;
    column-count: 3;
    height: 130px;
    margin-bottom: 50px;
    padding-right: 400px;
}
#container #footer #navBox ul li{
	display:block;
	font-weight:normal;
	font-size:14px;
}

#container #footer #navBox ul li a{
	font-weight:normal;
	text-align: left;
}

#container #footer #copy{
}
#container #footer #copy address{
	width:1200px;
	margin:auto;
	font-size:11px;
	font-style: normal;
}

@media screen and (max-width: 667px) {
#header {
    width: auto;
}
#logo img {
    width: 85%;
}
#logo h1 {
    display: block;
    width: 100%;
    font-size: 11px;
    font-weight: normal;
    padding-top: 0px;
	text-align: center;
}
#logo #topTel {
    vertical-align: top;
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
}
#logo #topTel span {
    display: block;
    padding: 10px;
}
#nav{
	display:none;
}
#spBtn{
	display:block;
border:1px  solid #ffffff;
background-color:#ffffff;
border-radius:0px;
font-weight:bold;
line-height:1;

text-align:center;
    position: fixed;
	top:5px;
	left:5px;
    width: 38px;
    height: 38px;
	z-index:100;
}
#spBtn span {
  position: absolute;
  left: 5px;
  width: 70%;
  height: 4px;
  background-color: #333333;
  border-radius: 4px;
	z-index:1000;
}
#spBtn span:nth-of-type(1) {
  top: 5px;
}
#spBtn span:nth-of-type(2) {
  top: 16px;
}
#spBtn span:nth-of-type(3) {
  bottom: 6px;
}

#SPnav{
	display:block;
	height:100%;
	width:60%;
	background:rgba(255,255,255,.9);
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	padding:50px 20px 10px 10px;
position: fixed;
        top: 0;
        left: 0;
        text-align: left;
	display:none;
}
#SPnav li{
	margin:20px 0;
}
#SPnav li a{
	padding:15px 5px;
	color:#000000;
}
#SPnav li a span{
	display:inline-block;
	margin-left:5px;
	font-size:70%;
}
#container #layout {
    width: 100%;
}
#container #footer #bnr{
    padding-bottom: 40px;
}
#container #footer #bnr ul {
    width: 100%;
}
#container #footer #bnr ul li {
    width: calc(100% / 3 - 10px);
    margin: 5px;
}
#container #footer #copy address{
    width: 100%;
	font-size:10px;
}
}