@charset "UTF-8";
/* CSSコード */

/* ここから下がハンバーガーメニューに関するCSS */

@media screen and (max-width:991px){
.Menu {
  display: flex;
  justify-content: space-between;
  padding: 0 0;
  background: #fff;
}

nav.nav_content {
    position: absolute;
    width: 100%;
    z-index: 94;
}
ul.nav_list {
    /*最初はナビゲーションボタンは非表示*/
    display: none;
    list-style:none;
}

ul.nav_list li{
	border:#a0a0a0 solid 1px;
	background:#f39800;
	color:#FFF;
	font-weight:bold;
	font-size:120%;
	padding:8px 10px;
}

ul.nav_list li.list{
	margin-top:-1px;
	background:#d2d2d2;
	padding:10px 10px;
}

ul.nav_list li.list a{
	color:#000000;
	text-decoration:none;
}

ul.nav_list li.list a:hover{
	color:#0000ff;
}

.navi {
    position: absolute;
    right:10px;
    cursor: pointer;
    width: 32px;
    height: 24px;
    z-index: 95;
}
.navi span {
    /*3本の線を作る*/
    transition: all .3s;
    position: absolute;
    height: 3px;
    background-color: #333;
    width:100%;
    z-index: 10;
}
.navi span:nth-of-type(1) {
    /*上の線の位置*/
    top: 4px;
}
.navi span:nth-of-type(2) {
    /*真ん中の線の位置*/
    top: 12px;
}
.navi span:nth-of-type(3) {
    /*下の線の位置*/
    top: 20px;
}
.navi.open span:nth-of-type(1) {
    /*openのとき、上の線を右斜めにする*/
    top: 10px;
    transform: translateY(3px) rotate(-45deg);
}
.navi.open span:nth-of-type(2) {
    /*真ん中の線を消す*/
    opacity: 0;
}
.navi.open span:nth-of-type(3) {
    /*下の線を左斜めにする*/
    top: 22px;
    transform: translateY(-9px) rotate(45deg);
}
.overflow__hidden1{
  overflow: hidden;
}
}

@media screen and (min-width:991px){
.Menu {
  display: flex;
  padding: 0 0;
  background: #fff;
}

.navi{
  display: none;
}

.nav_content{
  width:25%;
}
  
ul.nav_list{
	list-style-type:none;
}

ul.nav_list li{
	border:#a0a0a0 solid 1px;
	background:#f39800;
	color:#FFF;
	font-weight:bold;
	font-size:120%;
	padding:8px 10px;
}

ul.nav_list li.list{
	margin-top:-1px;
	background:#d2d2d2;
	padding:10px 10px;
}

ul.nav_list li.list a{
	color:#000000;
	text-decoration:none;
}

ul.nav_list li.list a:hover{
	color:#0000ff;
}

}

@media screen and (min-width:991px){
.Menu {
  display: flex;
  padding: 0 0;
  background: #fff;
}

.nav1{
  margin:40px 0 0 -165px;
}

.nav2{
  margin:40px 0 0 -340px;
}

.nav3{
  margin:40px 0 0 -283px;
}

.nav4{
  margin:40px 0 0 -244px;
}
}