@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Noto+Sans+JP:wght@500&display=swap');

body {
	width:100%;
	text-align:left;
	background-color: #fff6dc;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans", Meiryo,sans-serif;
        margin: 0;
        padding: 0;
}

h1 {
	text-transform: uppercase;
       letter-spacing: 3px;
        color: #333132;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
        font-size:1.50em;
	text-align:center; 
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 120px;
  margin: auto;
  position: relative;
  background-color: #2c3e50;
  z-index: 7;
}
.menu li {
  float: left;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.menu a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  position: relative;
  font-size: 18px;
  z-index: 9;
}
a.active {
  background-color: #a08b16;
  pointer-events: none;
}
li.slider {
  width: 20%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3498db;
  z-index: 8;
  transition: left 0.4s, background-color 0.4s;
}
.menu li:nth-child(1):hover ~ .slider,
.menu li:nth-child(1):focus ~ .slider,
.menu li:nth-child(1):active ~ .slider {
  left: 0;
  background-color: #3498db;
}
.menu li:nth-child(2):hover ~ .slider,
.menu li:nth-child(2):focus ~ .slider,
.menu li:nth-child(2):active ~ .slider {
  left: 20%;
  background-color: #4ba016;
}
.menu li:nth-child(3):hover ~ .slider,
.menu li:nth-child(3):focus ~ .slider,
.menu li:nth-child(3):active ~ .slider {
  left: 40%;
  background-color: #e67e22;
}
.menu li:nth-child(4):hover ~ .slider,
.menu li:nth-child(4):focus ~ .slider,
.menu li:nth-child(4):active ~ .slider {
  left: 60%;
  background-color: #16a085;
}
.menu li:nth-child(5):hover ~ .slider,
.menu li:nth-child(5):focus ~ .slider,
.menu li:nth-child(5):active ~ .slider {
  left: 80%;
  background-color: #1682a0;
}


.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.koumoku {
	margin-top: 16px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 18px;
	padding: 0px;
  padding-left:5px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
  color: #706A5D;
  background-color: #E5DABC;
}

#koumoku3 {
	color: #fd0505;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
}

.contents1 {
	margin: 0px;
	border: 2px solid #9C9C9C;
	font-size: 15px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	line-height: 20px;
	padding: 20px;
	color: #333132;
  background-color: #ffffff;
}

#contents3 {
	border: 1px solid #999999;
	font-size: 18px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	color: #333333;
	margin-top: 1px;
	line-height: 20px;
	padding: 20px;
	background-color: #FCE7A8;
}

#footer {
	font-size: 10px;
	color: #333333;
	text-align: center;
	clear: both;
	background-color: #FFCC66;
	padding-top: 10px;
	padding-bottom: 10px;
}