html {
  scroll-behavior: smooth;
}

header{
	background-color: #fff;
	position: fixed;
  width: 100%;
  z-index: 2;
	left: 0;
	top: 0;
}

.hd-nav{
  text-align: center;
}

.humberger-menu{
	display: block;
}

.header-inner{
	padding: 0% 3% 1%;
  padding-bottom: 5px;
}

.header-logo{
  width: 150px;
}


.drawer-nav{
	padding: 0 2%;
}

.drawer-menu-li{
	width: 100%;
}

ul.drawer-menu.nav-main li.menu-box-inner{
	margin-left: 0;
	width: 15%;
	text-align: center;
	border-bottom: none;
	margin-right: 10%;
}

ul.drawer-menu.nav-main li a {
	font-size: 17px;
	padding: 3.5%;
	padding-left: 0;
}

ul.drawer-menu.nav-main li.add {
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
}

ul.drawer-menu.nav-main li.plus {
	border-bottom: none;
	border-top: none;
	margin-bottom: %;
}

ul.drawer-menu.nav-main li:last-child{
	border-bottom: none;
}

.drawer--right.drawer-open .drawer-nav{
	right: 0px;
  top: 0px;
}

.drawer-nav{
	height:
}

/* ul.drawer-menu.nav-main li{
	border-bottom: 2px dotted #fff;
} */

/********       ハンバーガーメニュー調整のみ　レスポンシブセクションも      *********/


header .drawer-nav {
  height: 738px;
}

.drawer-menu.nav-main{
	margin-top: 5%;
}

header .drawer-nav {
		height: 95%;
    height: 55%;
}

.drawer-form-box{
  padding-top: 70px
}

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

	header .drawer-nav {
	    height: 96%;
	}

}

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

	ul.drawer-menu.nav-main li a {
    font-size: 17px;
    padding: 3%;
    padding-left: 0;
	}

}

/*************          1300px以下          *************/

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

	.header-right li a {
		font-size: 14px;
	}

}

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

	.header-inner{
		padding: 1%;
	}


}


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

  .header-core li.left{
    width: 30%;
    padding-top: 8px;
  }

  .header-core li.right{
    width: 70%;
    padding-top: px;
  }

  .header-core li.right.add {
    padding-top: 5px;
  }

	.header-core {
    padding-right: 2%;
	}

  .header-right li a {
    font-size: 12px;
  }











}

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

	.header-right li:nth-child(1) {
    padding-top: px;
	}

	.header-right li:nth-child(4) {
    padding-top: px;
	}

	.header-core {
    padding-right: 3%;
	}

	.drawer--right .drawer-hamburger,
	.drawer--right.drawer-open .drawer-nav,
	.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 7px;
    top: 6px;
	}

}

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

	.humberger-menu{
		display: block;
	}

	.drawer--right .drawer-hamburger{
		right: 7px;
		top:3px;
	}

	.drawer-sp-form{
		width: 65%;
	}

	header .drawer-nav {
    height: 650px;
	}

	ul.drawer-menu.nav-main li {
		margin: 0;
    text-align: center;
	}

	.drawer--right.drawer-open .drawer-nav{
		right: 0;
		top: 0;
	}

	.drawer-form-box {
    padding-top: 30%;
		padding-bottom: 0;
	}

	.header-inner {
    padding: 3% 3%;
	}

	.header-core li.right{
		display: none;
	}

	.header-core li.left {
    width: 60%;
	}

	.drawer-nav{
		padding: 0 8%;
	}

	ul.drawer-menu.nav-main li a {
    font-size: 16px;
		padding: 3%;
	}

	ul.drawer-menu.nav-main li.menu-box-inner {
    width: 25%;
    text-align: center;
    border-bottom: none;
    margin-right: 5%;
	}

}

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

  .header-logo {
    width: 130px;
  }

	.drawer--right.drawer-open .drawer-nav{
		right: 0;
		top: 0;
		background-color: #eceae6;
		width: 100%;
		padding: 0;
	}

	.drawer-form-box {
    padding-top: 70px;
    padding-bottom: 0;
    text-align: left;
    text-align: center;
	}

	.header-inner {
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 40%);
	}

	.header-core li.right{
		display: none;
	}

	.header-core li.left {
    width: 80%;
	}

	.drawer-nav{
		padding: 0 5%;
	}

	ul.drawer-menu.nav-main li a {
    font-size: 18px;
		padding: 3%;
	}

	ul.drawer-menu.nav-main li.menu-box-inner {
    width: 25%;
    text-align: center;
    border-bottom: none;
    margin-right: 4%;
	}

	.drawer-menu.nav-main {
    margin-top: 20px;
	}

	ul.drawer-menu.nav-main li {
	}

  .submit-box{
    width: 100%;
  }

}

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

	.drawer-form-box {
    padding-top: 22px;
		padding-bottom: 0;
	}

	ul.drawer-menu.nav-main li a {
    font-size: 16px;
    padding: 3%;
	}



}




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

}