a@charset "utf-8";





/* PC設定　*/
@media (min-width: 770px){
.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #008B8B !important;
}

.drawer-container {
	max-width: 100% !important;
	position: relative;
}
}
@media (min-width: 770px){
.drawer-container {
   max-width: 1200px !important;
    min-width: 1200px !important;
}
.drawer-menu-item {
    font-size: 13px !important;
    display: block;
    padding: .75rem;
    text-decoration: none !important;
    color: #000000 !important;
}
.drawer-navbar {
	border-bottom: 10px solid #008B8B;
    background:linear-gradient(90deg,#008B8B 0%,#008B8B 20%,#fff 20%,#fff 100%);

}
.drawer-navbar .drawer-nav {

	width: 100% !important;
	margin: 0 auto;
}
  .drawer-navbar .drawer-menu li {
    float: left;
    padding:0 1em;
  }
  .drawer-navbar .drawer-menu li {
    float: left;
    padding:0 1em;
color:#000 !important;
  }
  .drawer-navbar .drawer-menu li:hover {
    background: #008B8B;
  }
  .drawer-navbar .drawer-menu li a:hover {
    color:#000 !important;
  }
  .drawer-navbar .drawer-menu li a:hover {
    color:#FFF !important;
  }
  .drawer-navbar .drawer-menu li.sp_menu_01 {
    float: left;
    border-right:1px solid #ccc;
    margin-top:1em;
  }

  .drawer-navbar .drawer-menu li.sp_menu_02 {
    float: left;
    border-right:1px solid #ccc;
    margin-top:1em;
  }

  .drawer-navbar .drawer-menu li.sp_menu_03 {
    float: left;
    border-right:1px solid #ccc;
    margin-top:1em;
  }

  .drawer-navbar .drawer-menu li.sp_menu_04 {
    float: left;
    border-right:1px solid #ccc;
    margin-top:1em;
  }
  .drawer-navbar .drawer-menu li.sp_menu_05:hover {
    background:#FFF;
  }
.drawer-navbar .drawer-menu-item {
	line-height: 45px !important;
}
  .drawer-navbar .drawer-nav {
    position: relative;
    left: 0;
    overflow: visible;
    width: auto;
    padding-top: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    background:linear-gradient(90deg,#008B8B 0%,#008B8B 20%,#fff 20%,#fff 100%);
     padding-left:15%;
  }


 .drawer-navbar .drawer-menu li.sp_menu_05 {
    float: left;
    width: 180px;
    margin-top:1.2em;
  }
  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0;
    letter-spacing: 1.2px;
  }
  .drawer-navbar .drawer-menu {
    padding: 0;
    padding-left: 31%;
  }
.drawer-navbar .drawer-menu {
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0 !important;
}
.drawer-navbar .drawer-brand {
  position:fixed;
  top:0;
  left: calc(0px - (1200px - 100vw) / 2);
}
  .drawer-navbar .drawer-nav {
     padding-left:45%  !important;
  }
.drawer-menu-item {
    padding: 0 1.5rem;
}

}

/*　1200px以下　*/
@media (max-width: 1200px){
.drawer-navbar .drawer-menu li {
    float: left;
    padding: 0 2em;
}
header {
    position: fixed;
    top: 0;
    right: 0;
    background: linear-gradient(90deg,#fff 0%,#fff 30%,#fff 30%,#fff 100%);
    width: 100%;
}
.drawer-navbar .drawer-nav {
     padding-left:26%  !important;
}
.drawer-navbar .drawer-brand {
    left: 0;
}
}
/*　1111px以下　*/
@media (max-width: 1111px){
.drawer-brand {
    position: relative;
    width: 219px;
    height: 68px;
    background: #008B8B;
}
.drawer-navbar .drawer-nav {
     padding-left:24%  !important;
}
.drawer-navbar .drawer-menu li {
    float: left;
    padding: 0 1.5em;
}
}
/*　1021px以下　*/
@media (max-width: 1021px){
.drawer-brand {
    position: relative;
    width: 210px;
    height: 68px;
    background: #008B8B;
}
.drawer-navbar .drawer-menu li.sp_menu_05 {
    float: left;
    width: 150px;
    margin-top: 1.5em;
}
.drawer-navbar .drawer-menu li {
    float: left;
    padding: 0 1.2em;
}
}
/*　955px以下　*/
@media (max-width: 955px){
.drawer-brand {
    position: relative;
    width: 200px;
    height: 68px;
    background: #008B8B;
}
.drawer-navbar .drawer-nav {
     padding-left:23%  !important;
}
.drawer-menu-item {
    font-size: 11px !important;
    display: block;
    padding: .75rem;
    text-decoration: none !important;
    color: #000000 !important;
}
.drawer-navbar .drawer-menu li {
    float: left;
    padding: 0 1em;
}
}
/*　861px以下　*/
@media (max-width: 861px){
.drawer-navbar .drawer-menu li.sp_menu_05 {
    float: left;
    width: 120px;
    margin-top: 1.5em;
}
.drawer-brand {
    position: relative;
    width: 180px;
    height: 68px;
    background: #008B8B;
}
.drawer-navbar .drawer-nav {
     padding-left:21%  !important;
}
}

/*　800px以下　*/
@media (max-width: 800px){
  .drawer-navbar .drawer-nav {
     padding-left:23%  !important;
  }
.drawer-navbar .drawer-menu li {
    float: left;
    padding: 0 1%;
}
.drawer-navbar .drawer-menu li.sp_menu_05 {
    width: 100px;
    margin-top: 1.5em;
}
.drawer-brand img {
    width: 85%;
    margin: 10px auto 0;
}
}



/*　PC狭め〜iPad Pro設定　*/
@media (max-width: 75em){
.drawer-container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background: #FFF;
    height: 50px;
}
.drawer-menu-item {
    display: block;
    padding: .10rem;
    text-decoration: none;
}
.drawer-navbar .drawer-nav {
    height: 50px !important;
    width: 100% !important;
    margin: 0 auto;
}
.drawer-navbar .drawer-menu-item {
   line-height: 50px !important;
}	
.drawer-navbar .drawer-menu {
    padding-left: 18% !important;
}
}
/*旧iPad設定　*/
@media (max-width: 50em){

  .drawer-navbar .drawer-menu-item {
    letter-spacing: 0.8px !important;
  }
}


/*　SP設定　*/
@media (max-width: 769px){
.drawer--left .drawer-nav {
    left: -280px !important;
    -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0 !important;
  overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 16.25rem !important;
}
.drawer-brand {
    position: relative;
    width: 180px;
    height: 60px;
    background: #008B8B;
}
.drawer-navbar .drawer-menu {
   padding-bottom: 0;
    padding-top: 25%;
   padding-left: 0 ;
}
.drawer-navbar .drawer-nav {
    padding-left: 4% !important;
}
.drawer-navbar .drawer-nav {
    padding-top: 4.1rem;
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    width: 228px !important;
    padding: 0 20px;
    height: 100% !important;
    background: #FFF;
    background-repeat: no-repeat;
}
.drawer-navbar .drawer-nav {
    background: #008B8B;
}
.drawer-navbar .drawer-menu-item {
    font-size: 14px !important;
    display: block;
    padding: .75rem 0;
    text-decoration: none !important;
    color: #008B8B !important;
    line-height: 20px !important;
    height: 30px;
}
.drawer-navbar .drawer-menu li {
    float:none;
}

.drawer-brand img {
    width: 100%;
    margin: 0 auto;
}
.drawer-navbar .drawer-menu {
    padding-left: 0 !important;
}
.drawer-navbar .drawer-menu li.sp_menu_05 {
    width: 180px;
    margin-top: 5em;
}
.drawer-navbar .drawer-nav {
    background: #FFF;
    margin-top:60px;
}




li.sp_menu_05 {
   padding-top:6em;
}




}