/**************************
	drawer
*/
/**************************
	drawer
*/
#drawer {
  z-index: 1000;
  width: 100%;
}
#drawer .js-toggle {
  display: none;
}
#drawer .gnav__sub_image {
  display: none;
}
#drawer .drawer__bottom {
  padding: 0;
  padding-top: 10px;
  border-bottom: 0 none;
}
#drawer .drawer__bottom > * {
  padding: 0;
}
#drawer .drawer__bottom a {
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#drawer .drawer__bottom a:hover {
  opacity: 0.7;
}
#drawer .drawer__bottom .link {
  padding-left: 30px;
}
#drawer .drawer__bottom .link::before {
  top: 0.5em;
}
#drawer .drawer__search {
  padding: 10px 20px;
}
#drawer .drawer > ul > li > ul li._gnav_img > div {
  display: none;
}
#drawer .mm-panels > .mm-panel.image-btn {
  display: none;
}
#drawer .mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px 0;
}
#drawer li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#drawer li:not(.gnav_only) {
  border-bottom: 1px solid #fff;
}
#drawer li.mm-selected > a,
#drawer li .drawer__a:hover,
#drawer li .a1:hover,
#drawer li .a2:hover {
  background-color: rgba(62, 101, 135, 0.8) !important;
  color: #fff !important;
}
#drawer li.sp_nav_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#drawer li.sp_nav_btn_list > a {
  width: 50%;
  padding: 15px 10px 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.875rem;
}
#drawer li.sp_nav_btn_list > a:nth-child(odd) {
  border-right: 1px solid #fff;
}
#drawer li.sp_nav_btn_list > a .icon {
  width: 25px;
  margin-bottom: 3px;
}
#drawer li.sp_nav_sns, #drawer li.sp_nav_contact, #drawer li.sp_nav_translate {
  border-bottom: none;
}
#drawer li.sp_nav_sns::after, #drawer li.sp_nav_contact::after, #drawer li.sp_nav_translate::after {
  border-bottom: none;
}
#drawer li.sp_nav_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 30px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#drawer li.sp_nav_sns > a {
  padding: 0;
}
#drawer li.sp_nav_sns .icon {
  display: block;
  width: 60px;
}
#drawer li.sp_nav_contact {
  padding-bottom: 30px;
}
#drawer li.sp_nav_contact > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #fff;
  border-radius: 6px;
  margin: 0 10px;
  font-size: 0.875rem;
}
#drawer li.sp_nav_contact > a .icon {
  width: 18px;
  margin-right: 10px;
}
#drawer li.sp_nav_translate {
  height: 75px;
  float: left;
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#drawer li.sp_nav_translate > a {
  padding: 0;
}
#drawer li.sp_nav_translate:not(._child01, ._child02)::before {
  content: "";
  display: block;
  width: 250%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
#drawer li.sp_nav_translate._child01 {
  width: 20%;
}
#drawer li.sp_nav_translate._child02 {
  width: 35%;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
#drawer li.sp_nav_translate a {
  display: inline-block;
  position: relative;
  color: #353535;
}
#drawer li.sp_nav_translate a._translate {
  padding-right: 20px;
  padding-left: 18px;
}
#drawer li.sp_nav_translate a._translate::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  background: url("../img/header/icon/icon_translate.webp");
  background-repeat: no-repeat;
  background-size: contain;
}
#drawer li.sp_nav_translate a._translate::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/icon/ext.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 6px;
}
#drawer li.sp_nav_translate a.sp_lang {
  pointer-events: none;
}
#drawer li.sp_nav_translate a._lang {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 0;
  margin-left: 5px;
  background-color: #f1f1f1 !important;
  color: #353535 !important;
  text-align: center;
  line-height: 28px;
}
#drawer li.sp_nav_translate a._lang.active {
  background-color: #005fb9 !important;
  color: #fff !important;
}
#drawer li.sp_nav_translate a._lang:hover {
  opacity: 1;
  background-color: #005fb9 !important;
  color: #fff !important;
}
#drawer .li1,
#drawer .li2,
#drawer .li3,
#drawer .li4 {
  margin: 0 1em;
  position: relative;
}
#drawer .li1::before,
#drawer .li2::before,
#drawer .li3::before,
#drawer .li4::before {
  content: "";
  display: block;
  width: calc(100% + 2em);
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  left: -1em;
  background-color: #2b4f6f;
}
#drawer .li1.lot_link > a,
#drawer .li2.lot_link > a,
#drawer .li3.lot_link > a,
#drawer .li4.lot_link > a {
  border-bottom: none;
}
#drawer .li1.liToTop,
#drawer .li2.liToTop,
#drawer .li3.liToTop,
#drawer .li4.liToTop {
  padding-left: 20px;
}
#drawer .li1.liToTop > a,
#drawer .li2.liToTop > a,
#drawer .li3.liToTop > a,
#drawer .li4.liToTop > a {
  font-size: 0.938rem;
}
#drawer .li1.liToTop > a::after,
#drawer .li2.liToTop > a::after,
#drawer .li3.liToTop > a::after,
#drawer .li4.liToTop > a::after {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  background: url("../img/icon/sp_nav.webp") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#drawer .li1.liToTop::after,
#drawer .li2.liToTop::after,
#drawer .li3.liToTop::after,
#drawer .li4.liToTop::after {
  display: none;
}
#drawer .li4::before {
  z-index: -1;
}
#drawer .a1,
#drawer .a2,
#drawer .drawer__a,
#drawer .drawer__bottom__li a {
  color: #fff;
  padding: 10px 20px;
  min-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.063rem;
  -webkit-transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#drawer .a1:hover,
#drawer .a2:hover,
#drawer .drawer__a:hover,
#drawer .drawer__bottom__li a:hover {
  opacity: 0.7;
}
#drawer .mm-navbar {
  width: 100%;
  position: absolute;
  top: 64px;
  padding: 0;
  height: 65px;
  line-height: 65px;
  left: 0;
  z-index: 2;
  opacity: 1;
}
#drawer .mm-navbar .mm-btn {
  top: 0;
  height: 65px;
}
#drawer .mm-navbar .mm-title {
  color: #fff;
  font-size: 1.125rem;
  padding: 0;
  width: 100%;
  height: 60px;
  background-color: #3e6587;
  border-bottom: 1px solid #dfdfdf;
}
#drawer .drawer__a,
#drawer .a1,
#drawer .a2,
#drawer .a3 {
  height: 50px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-left: 30px;
  position: relative;
  top: 0;
  left: 0;
  color: palette("color", "default");
}
#drawer .drawer__a > .text,
#drawer .a1 > .text,
#drawer .a2 > .text,
#drawer .a3 > .text {
  font-size: 0.938rem;
  line-height: 1.3;
}
#drawer .drawer__a .inner.__ext .department_text > span,
#drawer .a1 .inner.__ext .department_text > span,
#drawer .a2 .inner.__ext .department_text > span,
#drawer .a3 .inner.__ext .department_text > span {
  position: relative;
}
#drawer .drawer__a .inner.__ext .department_text > span::before,
#drawer .a1 .inner.__ext .department_text > span::before,
#drawer .a2 .inner.__ext .department_text > span::before,
#drawer .a3 .inner.__ext .department_text > span::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("/common/img/icon/ext_white.webp") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#drawer .mm-next::before {
  border-color: #dfdfdf;
  height: 72%;
  margin: auto;
}
#drawer .mm-next::after {
  background: url("../img/icon/sp_nav.webp") no-repeat;
  background-size: contain;
  width: 12px;
  height: 17px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  border: none;
  right: 17px;
}
#drawer .mm-btn::after,
#drawer .mm-btn::before {
  border-color: #fff;
  border-width: 1px;
  left: 20px;
}
#drawer li::after {
  border-color: transparent;
}
#drawer li:not(.drawer__head)::after {
  border-color: rgba(255, 255, 255, 0.2);
}
#drawer .mm-listview > li:not(.mm-divider)::after,
#drawer .mm-listview.mm-border-offset > li::after,
#drawer .mm-menu.mm-border-offset .mm-listview > li::after,
#drawer .mm-listview.mm-border-full > li::after,
#drawer .mm-menu.mm-border-full .mm-listview > li::after {
  left: 20px !important;
  right: 20px !important;
}
#drawer .mm-hasnavbar-top-2 .mm-panels,
#drawer .mm-navbar-top-3 {
  top: 131px;
}
#drawer #mm-1::before, #drawer #mm-1::after,
#drawer #mm-1 .mm-navbar {
  display: none;
}
#drawer #mm-1 > .mm-navbar + .mm-listview {
  margin-top: 25px;
}
#drawer .mm-panels > .mm-panel > .mm-listview:first-child,
#drawer .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 85px;
}
#drawer .mm-panels > .mm-panel::after,
#drawer .mm-panels > .mm-panel::before {
  display: none;
}
#drawer.mm-menu {
  background: #3e6587;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
#drawer .department_icon {
  display: none !important;
}

#header {
  -webkit-transform: none !important;
          transform: none !important;
}