@charset "UTF-8";


@media screen and (max-width : 959px) {

	/* [sp] スマホナビ
	----------------------------------------------------------*/
	header .menu {
		/*20220606
	  margin-left: 900px;
	  position: fixed;
	  top: 12px;
	  left: 50%;
	  z-index: 9;
	  cursor: pointer;*/
	}

	header .menu img {
	  width: 70px;
	}

	nav {
	  overflow: hidden;
	  top: 0;
	  z-index: 11;
	  transition: all .5s;
	}

	nav .close {
	  width: 100%;
	  margin: 0 auto;
	}

	nav .close .close-box {
		margin: 0 auto;
		padding: 3% 0;
		border: 1px solid #999;
	  width: 50%;
	  text-align: center;
	  position: relative;
	  cursor: pointer;
	  font-weight: 600;
	  font-size: 3.75vw;
	}

	nav .close .close-box span {
/*	  background: #fff;
	  width: 60px;
	  height: 8px;
	  display: block;
	  position: absolute;
	  left: 0;
	  top: 45px;*/
	  color: #fff;
	}
/*　閉じる
	nav .close .close-box span:first-child {
	  transform: rotate(45deg);
	}

	nav .close .close-box span:last-child {
	  transform: rotate(-45deg);
	}
*/
	nav .menu-box {
	  margin-top: 40px;
	}

	nav .menu-box div {
	  font-size: 20px;
	  font-weight: bold;
/*	  margin-top: 16px;*/
	}





/*20220606
	header .menu {
	  margin-left: 37.5vw;
	  top: 1vw;
	}

	header .menu img {
	  width: 11.5vw;
	}
*/
	nav {
		background: #333;
/*	  opacity: 0.9;*/
	  width: 100%;
	  height: 100%;
	  margin: auto;
	  padding-bottom: 6.25vw;
	  overflow-y: auto;
	  position: fixed;
	  left: 100%;
	  right: 0;
	}

	nav.open {
	  left: 0;
	}
/*
	nav .close .close-box {
	  height: 11.25vw;
	  margin-left: 85.5vw;
	  text-align: center;
	}

	nav .close .close-box span {
	  width: 10vw;
	  height: 1vw;
	  top: 5.625vw;
	}
*/
	nav .menu-box {
		margin: 0 0 6% 0;
	  overflow-y: auto;
		padding: 0 4%;
		box-sizing: border-box;
	}

	nav .menu-box div {
	  font-size: 3.50vw;
	}
	nav .menu-box div:nth-child(1n) {
	  border-bottom: 2px solid #999;
	  float: left;
		width: 48%;
	}
	nav .menu-box div:nth-child(2n) {
		float: right;
		width: 48%;
	}
	nav .menu-box div a {
	  padding: 18px 0 7px 0;
	  background: none!important;
	  display: block;
	}
	nav .menu-box div.sub a {
	  padding: 3% 0 3% 8%;
	}

	nav .menu-box div.title {
		padding: 4% 0 4% 4%;
		text-align: left;
		color: #fff;
		font-size: 3.75vw;
	}

	nav .menu-box div.sub {
	  font-size: 3.30vw;
	  border-bottom: 1px solid #fff;
	}

	nav .menu-box div a {
  		background: url(../images/sp/ico_arrow01.png) no-repeat 96% 50%;
  		background-size: 8px;
  		text-align: left;
	  text-decoration: none;
	  color: #fff;
	}
	#naviService div {
		border-bottom: none;
	}


.nav-box #contactBtnArea {
  background: #333;
}
.nav-box #contactBtnArea p {
  color: #fff;
  font-size: 14px;
}
.nav-box #contactBtnArea a.btn {
	background-size: 18px;
	width: 82%;
	font-size: 4.5vw;
}


}