@import url("/assets/css/utility.css");

body.c-gnav__padding {
  padding-top: 120px;
}
body.c-gnav__padding.c-important__notes--active{
  padding-top: 165px;
}

@media screen and (max-width: 1080px){
  body.c-gnav__padding {
    padding-top: 199px;
  }
  body.c-gnav__padding.c-important__notes--active{
    padding-top: 244px;
  }
}

@media screen and (max-width: 768px){
  body.c-gnav__padding {
    padding-top: 124px;
  }
  body.c-gnav__padding.c-important__notes--active{
    padding-top: 185px;
  }
}

.l-gnav--hide {
  transform: translateY(-123px);
}

.l-gnav {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  top: 0;
  border-bottom: 2px solid #eeeeee;
  transition: 0.4s;
}
.l-gnav img {
  width: 100%;
}
.l-gnav__wrap {
  width: 100%;
  padding: 0px 0px 16px;
  margin: 0 auto;
  position: relative;
}
.l-gnav__top {
  border-bottom: 2px solid #eeeeee;
}
.l-gnav__topInner {
  display: flex;
  align-items: center;
  z-index: 999;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}
.l-gnav__left {
  width: 130px;
  margin: 0;
}
.l-gnav__right {
  margin-left: 20px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}
.l-gnav__right--push {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l-gnav__right--pull {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.l-gnav__search {
  padding: 15px 0 15px 15px;
}
.l-gnav__cvn {
  border-left: 1px solid #eeeeee;
  padding-left: 10px;
  margin-left: 10px;
}
.l-gnav__cvn ul.p-btn-gnav li:hover {
  opacity: 0.7;
}
.l-gnav__bottom {
  margin: 0 auto;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
.l-gnav__droplist {
  padding-left: 15px;
}

@media screen and (max-width: 1254px) {
  .l-gnav__bottom {
    width: 100%;
  }
  .l-gnav__droplist {
    padding-left: 15px;
  }
  .l-gnav__left {
    width: 115px;
  }
  .l-gnav__search {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1080px) {
  .l-gnav__wrap {
    padding-bottom: 15px;
  }
  .l-gnav__topInner {
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .l-gnav__right {
    display: block;
  }
  .l-gnav__right--pull {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__bottom {
    position: relative;
  }
  .l-gnav__wrap {
    padding: 0;
  }
  .l-gnav__topInner {
    width: 100%;
    padding-right: 10px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0px;
  }
  .l-gnav__search {
    padding: 0;
    margin-right: 5px;
  }
  .l-gnav__cvn {
    border: none;
    margin-left: 0;
  }
  .l-gnav__right {
    width: calc(100% - 179px);
    margin-left: 10px;
  }
  .l-gnav__right--push {
    display: none;
  }
  .l-gnav__right--pull {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-gnav__left {
    width: 90px;
  }
  .l-gnav__right {
    width: calc(100% - 154px);
  }
  .l-gnav__bottom {
    padding: 30px 3% 0 3%;
  }
}
.l-sp-menu {
  display: none;
}

@media screen and (max-width: 768px) {
  .l-sp-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    padding-bottom: 40px;
    height: calc(100vh - 44px);
    overflow-y: scroll;
  }
}
.c-droplist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.c-droplist > li {
  width: auto;
}
.c-droplist > li > a, .c-droplist > li > span {
  padding-right: 26px;
  position: relative;
  text-decoration: none;
  color: #535252;
}
.c-droplist > li > a::after, .c-droplist > li > span::after {
  content: "";
  position: absolute;
  background-image: url(/assets/img/icon__bullet--right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  width: 24px;
  height: 24px;
}
.c-droplist > li > a:hover, .c-droplist > li > span:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-droplist > li > a.is-active, .c-droplist > li > span.is-active {
  color: #eb7000;
}
.c-droplist > li > a.is-active::after, .c-droplist > li > span.is-active::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.c-droplist--float {
  display: flex;
}
.c-droplist--float > li {
  margin-right: 20px;
  margin-top: 0;
  position: relative;
}
.c-droplist--float > li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 1254px) {
  .c-droplist--float > li {
    margin-right: 15px;
    font-size: 12px;
  }
  .c-droplist--float > li > a, .c-droplist--float > li > span {
    padding-right: 20px;
  }
  .c-droplist--float > li > a::after, .c-droplist--float > li > span::after {
    height: 18px;
    width: 18px;
  }
}
.c-search-btn {
  display: none;
}

.c-search-box {
  margin: 0;
}
.c-search-box__wrap {
  background-color: #eeeeee;
  border-radius: 20px;
  margin: 0;
  padding: 5px 15px;
  height: 32px;
  max-width: 180px;
  min-width: 128px;
  display: flex;
}
.c-search-box__wrap--active {
  background-color: #fff;
  border: 1px solid #535252 !important;
}
.c-search-box__wrap--entered {
  background-color: #fff;
  border: 1px solid #d4d5d5;
}
.c-search-box__txt-box {
  border: none;
  background-color: transparent;
  font-size: 12px;
  color: #535252;
  width: 170px;
  padding: 0;
}
.c-search-box__txt-box {
  width: calc(100% - 15px);
  outline: none;
}
.c-search-box__txt-box::placeholder {
  color: #888;
}
.c-search-box__submit {
  width: 15px;
}

@media screen and (max-width: 1254px) {
  .c-search-box__wrap {
    width: 128px;
  }
}
@media screen and (max-width: 768px) {
  .c-search-btn {
    text-align: center;
    padding: 8px 0;
    font-size: 8px;
    font-weight: 700;
    width: 50px;
    height: 44px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .c-search-btn.is-active {
    color: #eb7000;
  }
  .c-search-btn.is-active p::before {
    background: #eb7000;
  }
  .c-search-btn span {
    display: none;
  }
  .c-search-btn p {
    margin: 0;
    width: 100%;
    padding: 17px 0 0 0;
    position: relative;
  }
  .c-search-btn p::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(/assets/img/icon__search.svg);
    mask: url(/assets/img/icon__search.svg) no-repeat center center/contain;
    -webkit-mask: url(/assets/img/icon__search.svg) no-repeat center center/contain;
    background: #535252;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .c-search-btn + .c-search-box {
    display: none;
  }
  .c-search-box__wrap {
    width: 100%;
    max-width: none;
  }
}
.c-gnav {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  position: relative;
  width: 1022px;
}
.c-gnav__list {
  width: auto;
  margin-top: 0;
  margin-right: 45px;
}
.c-gnav__list:last-of-type {
  margin-right: 0;
}
.c-gnav__list > span, .c-gnav__list > a {
  padding-right: 30px;
  position: relative;
  text-decoration: none;
  color: #535252;
  padding-left: 40px;
  font-size: 14px;
  font-weight: 700;
}
.c-gnav__list > span::before, .c-gnav__list > a::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.c-gnav__list > span::after, .c-gnav__list > a::after {
  content: "";
  position: absolute;
  background-image: url(/assets/img/icon__bullet-circle--right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  width: 30px;
}
.c-gnav__list > span:hover, .c-gnav__list > a:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-gnav__list > span.is-active, .c-gnav__list > a.is-active {
  color: #eb7000;
}
.c-gnav__list > span.is-active::before, .c-gnav__list > a.is-active::before {
  background: #eb7000;
}
.c-gnav__list > span.is-active::after, .c-gnav__list > a.is-active::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.c-gnav__list--no-arw span, .c-gnav__list--no-arw a {
  padding-right: 0;
}
.c-gnav__list--no-arw span::after, .c-gnav__list--no-arw a::after {
  background-image: none;
}
.c-gnav__list--border-b {
  border-bottom: 2px solid #eb7000;
}

@media screen and (max-width: 1254px) {
  .c-gnav {
    padding: 0;
    width: 100%;
  }
  .c-gnav__list {
    margin-right: 30px;
  }
  .c-gnav__list > span, .c-gnav__list > a {
    padding-right: 25px;
    padding-left: 30px;
    font-size: 12px;
  }
  .c-gnav__list > span::before, .c-gnav__list > a::before {
    height: 24px;
    width: 24px;
  }
  .c-gnav__list > span::after, .c-gnav__list > a::after {
    height: 24px;
    width: 24px;
  }
}
@media screen and (max-width: 1080px) {
  .c-gnav {
    padding: 0;
    width: 100%;
  }
  .c-gnav__list {
    margin-right: 3%;
    padding-bottom: 15px;
  }
  .c-gnav__list > span, .c-gnav__list > a {
    padding-right: 0;
  }
  .c-gnav__list > span::after, .c-gnav__list > a::after {
    top: 30px;
    left: 50%;
  }
}
@media screen and (max-width: 768px) {
  .c-gnav {
    justify-content: space-between;
    max-width: 615px;
    padding: 0;
    width: 100%;
    position: unset;
  }
  .c-gnav__list {
    margin-right: 0;
  }
  .c-gnav__list > span, .c-gnav__list > a {
    padding-right: 0;
    padding-left: 0;
    font-size: 8px;
    letter-spacing: -0.05em;
  }
  .c-gnav__list > span::before, .c-gnav__list > a::before {
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
  .c-gnav__list > span::after, .c-gnav__list > a::after {
    display: none;
  }
}
.icon__app--dl::before {
  background-image: url(/assets/img/icon__app--dl.png);
  height: 28px !important;
}
.icon__caution::before {
  background-image: url(/assets/img/icon__caution.svg);
}
.icon__caution.icon__mask--wht::before, .icon__caution.icon__mask--gry::before, .icon__caution.icon__mask--orn::before {
  mask: url(/assets/img/icon__caution.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__caution.svg) no-repeat center center/contain;
}
.icon__anchor::before {
  background-image: url(/assets/img/icon__anchor.svg);
}
.icon__anchor.icon__mask--wht::before, .icon__anchor.icon__mask--gry::before, .icon__anchor.icon__mask--orn::before {
  mask: url(/assets/img/icon__anchor.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__anchor.svg) no-repeat center center/contain;
}
.icon__arrow--text::before {
  background-image: url(/assets/img/icon__arrow--text.svg);
}
.icon__arrow--text.icon__mask--wht::before, .icon__arrow--text.icon__mask--gry::before, .icon__arrow--text.icon__mask--orn::before {
  mask: url(/assets/img/icon__arrow--text.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__arrow--text.svg) no-repeat center center/contain;
}
.icon__bullet--right::before {
  background-image: url(/assets/img/icon__bullet--right.svg);
}
.icon__bullet--right.icon__mask--wht::before, .icon__bullet--right.icon__mask--gry::before, .icon__bullet--right.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet--right.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet--right.svg) no-repeat center center/contain;
}
.icon__bullet--left::before {
  background-image: url(/assets/img/icon__bullet--left.svg);
}
.icon__bullet--left.icon__mask--wht::before, .icon__bullet--left.icon__mask--gry::before, .icon__bullet--left.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet--left.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet--left.svg) no-repeat center center/contain;
}
.icon__bullet--open::before {
  background-image: url(/assets/img/icon__bullet--open.svg);
}
.icon__bullet--open.icon__mask--wht::before, .icon__bullet--open.icon__mask--gry::before, .icon__bullet--open.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet--open.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet--open.svg) no-repeat center center/contain;
}
.icon__bullet--close::before {
  background-image: url(/assets/img/icon__bullet--close.svg);
}
.icon__bullet--close.icon__mask--wht::before, .icon__bullet--close.icon__mask--gry::before, .icon__bullet--close.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet--close.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet--close.svg) no-repeat center center/contain;
}
.icon__bullet-circle--right::before {
  background-image: url(/assets/img/icon__bullet-circle--right.svg);
}
.icon__bullet-circle--right.icon__mask--wht::before, .icon__bullet-circle--right.icon__mask--gry::before, .icon__bullet-circle--right.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet-circle--right.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet-circle--right.svg) no-repeat center center/contain;
}
.icon__bullet-circle--left::before {
  background-image: url(/assets/img/icon__bullet-circle--left.svg);
}
.icon__bullet-circle--left.icon__mask--wht::before, .icon__bullet-circle--left.icon__mask--gry::before, .icon__bullet-circle--left.icon__mask--orn::before {
  mask: url(/assets/img/icon__bullet-circle--left.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__bullet-circle--left.svg) no-repeat center center/contain;
}
.icon__blank::before {
  background-image: url(/assets/img/icon__blank.svg);
}
.icon__blank.icon__mask--wht::before, .icon__blank.icon__mask--gry::before, .icon__blank.icon__mask--orn::before {
  mask: url(/assets/img/icon__blank.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__blank.svg) no-repeat center center/contain;
}
.icon__radio-button--off::before {
  background-image: url(/assets/img/icon__radio-button--off.svg);
}
.icon__radio-button--off.icon__mask--wht::before, .icon__radio-button--off.icon__mask--gry::before, .icon__radio-button--off.icon__mask--orn::before {
  mask: url(/assets/img/icon__radio-button--off.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__radio-button--off.svg) no-repeat center center/contain;
}
.icon__radio-button--on::before {
  background-image: url(/assets/img/icon__radio-button--on.svg);
}
.icon__radio-button--on.icon__mask--wht::before, .icon__radio-button--on.icon__mask--gry::before, .icon__radio-button--on.icon__mask--orn::before {
  mask: url(/assets/img/icon__radio-button--on.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__radio-button--on.svg) no-repeat center center/contain;
}
.icon__search::before {
  background-image: url(/assets/img/icon__search.svg);
}
.icon__search.icon__mask--wht::before, .icon__search.icon__mask--gry::before, .icon__search.icon__mask--orn::before {
  mask: url(/assets/img/icon__search.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__search.svg) no-repeat center center/contain;
}
.icon__close::before {
  background-image: url(/assets/img/icon__close.svg);
}
.icon__close.icon__mask--wht::before, .icon__close.icon__mask--gry::before, .icon__close.icon__mask--orn::before {
  mask: url(/assets/img/icon__close.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__close.svg) no-repeat center center/contain;
}
.icon__hamburger::before {
  background-image: url(/assets/img/icon_hamburger_20220126.svg);
}
.icon__hamburger.icon__mask--wht::before, .icon__hamburger.icon__mask--gry::before, .icon__hamburger.icon__mask--orn::before {
  mask: url(/assets/img/icon_hamburger_20220126.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon_hamburger_20220126.svg) no-repeat center center/contain;
}
.icon__sort::before {
  background-image: url(/assets/img/icon__sort.svg);
}
.icon__sort.icon__mask--wht::before, .icon__sort.icon__mask--gry::before, .icon__sort.icon__mask--orn::before {
  mask: url(/assets/img/icon__sort.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__sort.svg) no-repeat center center/contain;
}
.icon__check--on::before {
  background-image: url(/assets/img/icon__check--on.svg);
}
.icon__check--on.icon__mask--wht::before, .icon__check--on.icon__mask--gry::before, .icon__check--on.icon__mask--orn::before {
  mask: url(/assets/img/icon__check--on.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__check--on.svg) no-repeat center center/contain;
}
.icon__deposit-payment::before {
  background-image: url(/assets/img/icon__deposit-payment.svg);
}
.icon__deposit-payment.icon__mask--wht::before, .icon__deposit-payment.icon__mask--gry::before, .icon__deposit-payment.icon__mask--orn::before {
  mask: url(/assets/img/icon__deposit-payment.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__deposit-payment.svg) no-repeat center center/contain;
}
.icon__rates-fee::before {
  background-image: url(/assets/img/icon__rates-fee.svg);
}
.icon__rates-fee.icon__mask--wht::before, .icon__rates-fee.icon__mask--gry::before, .icon__rates-fee.icon__mask--orn::before {
  mask: url(/assets/img/icon__rates-fee.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__rates-fee.svg) no-repeat center center/contain;
}
.icon__products-services::before {
  background-image: url(/assets/img/icon__products-services.svg);
}
.icon__products-services.icon__mask--wht::before, .icon__products-services.icon__mask--gry::before, .icon__products-services.icon__mask--orn::before {
  mask: url(/assets/img/icon__products-services.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__products-services.svg) no-repeat center center/contain;
}
.icon__campaign::before {
  background-image: url(/assets/img/icon__campaign.svg);
}
.icon__campaign.icon__mask--wht::before, .icon__campaign.icon__mask--gry::before, .icon__campaign.icon__mask--orn::before {
  mask: url(/assets/img/icon__campaign.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__campaign.svg) no-repeat center center/contain;
}
.icon__support::before {
  background-image: url(/assets/img/icon__support.svg);
}
.icon__support.icon__mask--wht::before, .icon__support.icon__mask--gry::before, .icon__support.icon__mask--orn::before {
  mask: url(/assets/img/icon__support.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__support.svg) no-repeat center center/contain;
}
.icon__atm::before {
  background-image: url(/assets/img/icon__atm.svg);
}
.icon__atm.icon__mask--wht::before, .icon__atm.icon__mask--gry::before, .icon__atm.icon__mask--orn::before {
  mask: url(/assets/img/icon__atm.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__atm.svg) no-repeat center center/contain;
}
.icon__payment::before {
  background-image: url(/assets/img/icon__payment.svg);
}
.icon__payment.icon__mask--wht::before, .icon__payment.icon__mask--gry::before, .icon__payment.icon__mask--orn::before {
  mask: url(/assets/img/icon__payment.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__payment.svg) no-repeat center center/contain;
}
.icon__deposit-receipt::before {
  background-image: url(/assets/img/icon__deposit-receipt.svg);
}
.icon__deposit-receipt.icon__mask--wht::before, .icon__deposit-receipt.icon__mask--gry::before, .icon__deposit-receipt.icon__mask--orn::before {
  mask: url(/assets/img/icon__deposit-receipt.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__deposit-receipt.svg) no-repeat center center/contain;
}
.icon__donation::before {
  background-image: url(/assets/img/icon__donation.svg);
}
.icon__donation.icon__mask--wht::before, .icon__donation.icon__mask--gry::before, .icon__donation.icon__mask--orn::before {
  mask: url(/assets/img/icon__donation.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__donation.svg) no-repeat center center/contain;
}
.icon__interest-rate::before {
  background-image: url(/assets/img/icon__interest-rate.svg);
}
.icon__interest-rate.icon__mask--wht::before, .icon__interest-rate.icon__mask--gry::before, .icon__interest-rate.icon__mask--orn::before {
  mask: url(/assets/img/icon__interest-rate.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__interest-rate.svg) no-repeat center center/contain;
}
.icon__commission::before {
  background-image: url(/assets/img/icon__commission.svg);
}
.icon__commission.icon__mask--wht::before, .icon__commission.icon__mask--gry::before, .icon__commission.icon__mask--orn::before {
  mask: url(/assets/img/icon__commission.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__commission.svg) no-repeat center center/contain;
}
.icon__rate::before {
  background-image: url(/assets/img/icon__rate.svg);
}
.icon__rate.icon__mask--wht::before, .icon__rate.icon__mask--gry::before, .icon__rate.icon__mask--orn::before {
  mask: url(/assets/img/icon__rate.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__rate.svg) no-repeat center center/contain;
}
.icon__yen-deposit::before {
  background-image: url(/assets/img/icon__yen-deposit.svg);
}
.icon__yen-deposit.icon__mask--wht::before, .icon__yen-deposit.icon__mask--gry::before, .icon__yen-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__yen-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__yen-deposit.svg) no-repeat center center/contain;
}
.icon__structured-deposit::before {
  background-image: url(/assets/img/icon__structured-deposit.svg);
}
.icon__structured-deposit.icon__mask--wht::before, .icon__structured-deposit.icon__mask--gry::before, .icon__structured-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__structured-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__structured-deposit.svg) no-repeat center center/contain;
}
.icon__foreign-currency-deposits::before {
  background-image: url(/assets/img/icon__foreign-currency-deposits.svg);
}
.icon__foreign-currency-deposits.icon__mask--wht::before, .icon__foreign-currency-deposits.icon__mask--gry::before, .icon__foreign-currency-deposits.icon__mask--orn::before {
  mask: url(/assets/img/icon__foreign-currency-deposits.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__foreign-currency-deposits.svg) no-repeat center center/contain;
}
.icon__asset-management::before {
  background-image: url(/assets/img/icon__asset-management.svg);
}
.icon__asset-management.icon__mask--wht::before, .icon__asset-management.icon__mask--gry::before, .icon__asset-management.icon__mask--orn::before {
  mask: url(/assets/img/icon__asset-management.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__asset-management.svg) no-repeat center center/contain;
}
.icon__loan::before {
  background-image: url(/assets/img/icon__loan.svg);
}
.icon__loan.icon__mask--wht::before, .icon__loan.icon__mask--gry::before, .icon__loan.icon__mask--orn::before {
  mask: url(/assets/img/icon__loan.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__loan.svg) no-repeat center center/contain;
}
.icon__lottery-public-competition::before {
  background-image: url(/assets/img/icon__lottery-public-competition.svg);
}
.icon__lottery-public-competition.icon__mask--wht::before, .icon__lottery-public-competition.icon__mask--gry::before, .icon__lottery-public-competition.icon__mask--orn::before {
  mask: url(/assets/img/icon__lottery-public-competition.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__lottery-public-competition.svg) no-repeat center center/contain;
}
.icon__app-tool::before {
  background-image: url(/assets/img/icon__app-tool.svg);
}
.icon__app-tool.icon__mask--wht::before, .icon__app-tool.icon__mask--gry::before, .icon__app-tool.icon__mask--orn::before {
  mask: url(/assets/img/icon__app-tool.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__app-tool.svg) no-repeat center center/contain;
}
.icon__contact.icon__mask--wht::before, .icon__contact.icon__mask--gry::before, .icon__contact.icon__mask--orn::before {
  mask: url(/assets/img/icon__contact.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__contact.svg) no-repeat center center/contain;
}
.icon__support-security.icon__mask--wht::before, .icon__support-security.icon__mask--gry::before, .icon__support-security.icon__mask--orn::before {
  mask: url(/assets/img/icon__support-security.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__support-security.svg) no-repeat center center/contain;
}
.icon__account::before {
  background-image: url(/assets/img/icon__account.svg);
}
.icon__account.icon__mask--wht::before, .icon__account.icon__mask--gry::before, .icon__account.icon__mask--orn::before {
  mask: url(/assets/img/icon__account.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__account.svg) no-repeat center center/contain;
}
.icon__account--app::before {
  background-image: url(/assets/img/icon__account--app.svg);
}
.icon__account--app.icon__mask--wht::before, .icon__account--app.icon__mask--gry::before, .icon__account--app.icon__mask--orn::before {
  mask: url(/assets/img/icon__account--app.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__account--app.svg) no-repeat center center/contain;
}
.icon__account--web::before {
  background-image: url(/assets/img/icon__account--web.svg);
}
.icon__account--web.icon__mask--wht::before, .icon__account--web.icon__mask--gry::before, .icon__account--web.icon__mask--orn::before {
  mask: url(/assets/img/icon__account--web.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__account--web.svg) no-repeat center center/contain;
}
.icon__login::before {
  background-image: url(/assets/img/icon__login.svg);
}
.icon__login.icon__mask--wht::before, .icon__login.icon__mask--gry::before, .icon__login.icon__mask--orn::before {
  mask: url(/assets/img/icon__login.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__login.svg) no-repeat center center/contain;
}
.icon__logout::before {
  background-image: url(/assets/img/icon__logout.svg);
}
.icon__logout.icon__mask--wht::before, .icon__logout.icon__mask--gry::before, .icon__logout.icon__mask--orn::before {
  mask: url(/assets/img/icon__logout.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__logout.svg) no-repeat center center/contain;
}
.icon__security::before {
  background-image: url(/assets/img/icon__security.svg);
}
.icon__security.icon__mask--wht::before, .icon__security.icon__mask--gry::before, .icon__security.icon__mask--orn::before {
  mask: url(/assets/img/icon__security.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__security.svg) no-repeat center center/contain;
}
.icon__first-time::before {
  background-image: url(/assets/img/icon__first-time.svg);
}
.icon__first-time.icon__mask--wht::before, .icon__first-time.icon__mask--gry::before, .icon__first-time.icon__mask--orn::before {
  mask: url(/assets/img/icon__first-time.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__first-time.svg) no-repeat center center/contain;
}
.icon__trouble::before {
  background-image: url(/assets/img/icon__trouble.svg);
}
.icon__trouble.icon__mask--wht::before, .icon__trouble.icon__mask--gry::before, .icon__trouble.icon__mask--orn::before {
  mask: url(/assets/img/icon__trouble.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__trouble.svg) no-repeat center center/contain;
}
.icon__jibun-plus::before {
  background-image: url(/assets/img/icon__jibun-plus.svg);
}
.icon__jibun-plus.icon__mask--wht::before, .icon__jibun-plus.icon__mask--gry::before, .icon__jibun-plus.icon__mask--orn::before {
  mask: url(/assets/img/icon__jibun-plus.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__jibun-plus.svg) no-repeat center center/contain;
}
.icon__yen-time-deposit::before {
  background-image: url(/assets/img/icon__yen-time-deposit.svg);
}
.icon__yen-time-deposit.icon__mask--wht::before, .icon__yen-time-deposit.icon__mask--gry::before, .icon__yen-time-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__yen-time-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__yen-time-deposit.svg) no-repeat center center/contain;
}
.icon__premium-yen-deposit::before {
  background-image: url(/assets/img/icon__premium-yen-deposit.svg);
}
.icon__premium-yen-deposit.icon__mask--wht::before, .icon__premium-yen-deposit.icon__mask--gry::before, .icon__premium-yen-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__premium-yen-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__premium-yen-deposit.svg) no-repeat center center/contain;
}
.icon__switch-yen-deposit::before {
  background-image: url(/assets/img/icon__switch-yen-deposit.svg);
}
.icon__switch-yen-deposit.icon__mask--wht::before, .icon__switch-yen-deposit.icon__mask--gry::before, .icon__switch-yen-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__switch-yen-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__switch-yen-deposit.svg) no-repeat center center/contain;
}
.icon__foreign-deposit::before {
  background-image: url(/assets/img/icon__foreign-deposit.svg);
}
.icon__foreign-deposit.icon__mask--wht::before, .icon__foreign-deposit.icon__mask--gry::before, .icon__foreign-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__foreign-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__foreign-deposit.svg) no-repeat center center/contain;
}
.icon__home-loan::before {
  background-image: url(/assets/img/icon__home-loan.svg);
}
.icon__home-loan.icon__mask--wht::before, .icon__home-loan.icon__mask--gry::before, .icon__home-loan.icon__mask--orn::before {
  mask: url(/assets/img/icon__home-loan.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__home-loan.svg) no-repeat center center/contain;
}
.icon__card-loan::before {
  background-image: url(/assets/img/icon__card-loan.svg);
}
.icon__card-loan.icon__mask--wht::before, .icon__card-loan.icon__mask--gry::before, .icon__card-loan.icon__mask--orn::before {
  mask: url(/assets/img/icon__card-loan.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__card-loan.svg) no-repeat center center/contain;
}
.icon__deposit::before {
  background-image: url(/assets/img/icon__deposit.svg);
}
.icon__deposit.icon__mask--wht::before, .icon__deposit.icon__mask--gry::before, .icon__deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__deposit.svg) no-repeat center center/contain;
}
.icon__products-list::before {
  background-image: url(/assets/img/icon__products-list.svg);
}
.icon__products-list.icon__mask--wht::before,
.icon__products-list.icon__mask--gry::before,
.icon__products-list.icon__mask--orn::before{
  mask: url(/assets/img/icon__products-list.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__products-list.svg) no-repeat center center/contain;
}
.icon__big::before {
  background-image: url(/assets/img/icon__big.svg);
}
.icon__big.icon__mask--wht::before, .icon__big.icon__mask--gry::before, .icon__big.icon__mask--orn::before {
  mask: url(/assets/img/icon__big.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__big.svg) no-repeat center center/contain;
}
.icon__stepup-deposit::before {
  background-image: url(/assets/img/icon__stepup-deposit.svg);
}
.icon__stepup-deposit.icon__mask--wht::before, .icon__stepup-deposit.icon__mask--gry::before, .icon__stepup-deposit.icon__mask--orn::before {
  mask: url(/assets/img/icon__stepup-deposit.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__stepup-deposit.svg) no-repeat center center/contain;
}
.icon__investment::before {
  background-image: url(/assets/img/icon__investment.svg);
}
.icon__investment.icon__mask--wht::before, .icon__investment.icon__mask--gry::before, .icon__investment.icon__mask--orn::before {
  mask: url(/assets/img/icon__investment.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__investment.svg) no-repeat center center/contain;
}
.icon__fx::before {
  background-image: url(/assets/img/icon__fx.svg);
}
.icon__fx.icon__mask--wht::before, .icon__fx.icon__mask--gry::before, .icon__fx.icon__mask--orn::before {
  mask: url(/assets/img/icon__fx.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__fx.svg) no-repeat center center/contain;
}
.icon__robo-advisor::before {
  background-image: url(/assets/img/icon__robo-advisor.svg);
}
.icon__robo-advisor.icon__mask--wht::before, .icon__robo-advisor.icon__mask--gry::before, .icon__robo-advisor.icon__mask--orn::before {
  mask: url(/assets/img/icon__robo-advisor.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__robo-advisor.svg) no-repeat center center/contain;
}
.icon__ideco::before {
  background-image: url(/assets/img/icon__ideco.png);
}
.icon__ideco.icon__mask--wht::before, .icon__ideco.icon__mask--gry::before, .icon__ideco.icon__mask--orn::before {
  mask: url(/assets/img/icon__ideco.png) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__ideco.png) no-repeat center center/contain;
}
.icon__settlement::before {
  background-image: url(/assets/img/icon__settlement.svg);
}
.icon__settlement.icon__mask--wht::before, .icon__settlement.icon__mask--gry::before, .icon__settlement.icon__mask--orn::before {
  mask: url(/assets/img/icon__settlement.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__settlement.svg) no-repeat center center/contain;
}
.icon__aupay::before {
  background-image: url(/assets/img/icon__aupay.svg);
}
.icon__aupay.icon__mask--wht::before, .icon__aupay.icon__mask--gry::before, .icon__aupay.icon__mask--orn::before {
  mask: url(/assets/img/icon__aupay.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__aupay.svg) no-repeat center center/contain;
}
.icon__sp-payment::before {
  background-image: url(/assets/img/icon__sp-payment.svg);
}
.icon__sp-payment.icon__mask--wht::before, .icon__sp-payment.icon__mask--gry::before, .icon__sp-payment.icon__mask--orn::before {
  mask: url(/assets/img/icon__sp-payment.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__sp-payment.svg) no-repeat center center/contain;
}
.icon__e-money::before {
  background-image: url(/assets/img/icon__e-money.svg);
}
.icon__e-money.icon__mask--wht::before, .icon__e-money.icon__mask--gry::before, .icon__e-money.icon__mask--orn::before {
  mask: url(/assets/img/icon__e-money.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__e-money.svg) no-repeat center center/contain;
}
.icon__toto::before {
  background-image: url(/assets/img/icon__toto.svg);
}
.icon__toto.icon__mask--wht::before, .icon__toto.icon__mask--gry::before, .icon__toto.icon__mask--orn::before {
  mask: url(/assets/img/icon__toto.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__toto.svg) no-repeat center center/contain;
}
.icon__jra::before {
  background-image: url(/assets/img/icon__jra.svg);
}
.icon__jra.icon__mask--wht::before, .icon__jra.icon__mask--gry::before, .icon__jra.icon__mask--orn::before {
  mask: url(/assets/img/icon__jra.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__jra.svg) no-repeat center center/contain;
}
.icon__boatrace::before {
  background-image: url(/assets/img/icon__boatrace.svg);
}
.icon__boatrace.icon__mask--wht::before, .icon__boatrace.icon__mask--gry::before, .icon__boatrace.icon__mask--orn::before {
  mask: url(/assets/img/icon__boatrace.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__boatrace.svg) no-repeat center center/contain;
}
.icon__spat4::before {
  background-image: url(/assets/img/icon__spat4.svg);
}
.icon__spat4.icon__mask--wht::before, .icon__spat4.icon__mask--gry::before, .icon__spat4.icon__mask--orn::before {
  mask: url(/assets/img/icon__spat4.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__spat4.svg) no-repeat center center/contain;
}
.icon__oddspark::before {
  background-image: url(/assets/img/icon__oddspark.svg);
}
.icon__oddspark.icon__mask--wht::before, .icon__oddspark.icon__mask--gry::before, .icon__oddspark.icon__mask--orn::before {
  mask: url(/assets/img/icon__oddspark.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__oddspark.svg) no-repeat center center/contain;
}
.icon__sp-app::before {
  background-image: url(/assets/img/icon__sp-app.svg);
}
.icon__sp-app.icon__mask--wht::before, .icon__sp-app.icon__mask--gry::before, .icon__sp-app.icon__mask--orn::before {
  mask: url(/assets/img/icon__sp-app.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__sp-app.svg) no-repeat center center/contain;
}
.icon__Internet-banking::before {
  background-image: url(/assets/img/icon__Internet-banking.svg);
}
.icon__Internet-banking.icon__mask--wht::before, .icon__Internet-banking.icon__mask--gry::before, .icon__Internet-banking.icon__mask--orn::before {
  mask: url(/assets/img/icon__Internet-banking.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__Internet-banking.svg) no-repeat center center/contain;
}
.icon__amazon--alexa::before {
  background-image: url(/assets/img/icon__amazon--alexa.svg);
}
.icon__amazon--alexa.icon__mask--wht::before, .icon__amazon--alexa.icon__mask--gry::before, .icon__amazon--alexa.icon__mask--orn::before {
  mask: url(/assets/img/icon__amazon--alexa.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__amazon--alexa.svg) no-repeat center center/contain;
}
.icon__ai-japan-market::before {
  background-image: url(/assets/img/icon__ai-japan-market.svg);
}
.icon__ai-japan-market.icon__mask--wht::before, .icon__ai-japan-market.icon__mask--gry::before, .icon__ai-japan-market.icon__mask--orn::before {
  mask: url(/assets/img/icon__ai-japan-market.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__ai-japan-market.svg) no-repeat center center/contain;
}
.icon__present::before {
  background-image: url(/assets/img/icon__present.svg);
}
.icon__present.icon__mask--wht::before, .icon__present.icon__mask--gry::before, .icon__present.icon__mask--orn::before {
  mask: url(/assets/img/icon__present.svg) no-repeat center center/contain;
  -webkit-mask: url(/assets/img/icon__present.svg) no-repeat center center/contain;
}
.icon__mask--wht::before {
  background: #fff;
}
.icon__mask--gry::before {
  background: #535252;
}
.icon__mask--orn::before {
  background: #eb7000;
}

.c-linklist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.c-linklist li {
  padding: 0;
  margin: 0.625em 0 0;
  font-size: 14px;
}
.c-linklist li:first-child {
  margin-top: 0;
}
.c-linklist li a {
  padding-left: 21px;
  color: #535252;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.c-linklist li a::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(/assets/img/icon__arrow--text.svg);
  background-repeat: no-repeat;
  background-size: auto 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.c-linklist li a:hover {
  cursor: pointer;
  opacity: 0.7;
}
.c-linklist li .icon {
  margin-left: 4px;
}
.c-linklist li .icon img {
  width: 16px;
}
.c-linklist--float li, .c-linklist--floatPc li {
  margin-right: 15px;
  margin-top: 0;
  float: left;
}
.c-linklist--float li:last-of-type, .c-linklist--floatPc li:last-of-type {
  margin-right: 0;
}
.c-linklist--float::after, .c-linklist--floatPc::after {
  content: "";
  clear: both;
  display: block;
}
.c-linklist--float li {
  margin-right: 15px;
}
.c-linklist--floatPc li {
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .c-linklist--float li {
    margin-right: 15px;
    font-size: 12px;
  }
  .c-linklist--float li a {
    padding-left: 19px;
  }
  .c-linklist--float li a::before {
    width: 14px;
    height: 14px;
    background-size: auto 14px;
    top: 0;
  }
  .c-linklist--floatPc li {
    float: none;
    margin-right: 0;
    margin-top: 15px;
  }
  .c-linklist--floatPc li:first-child {
    margin-top: 0;
  }
  .c-sliderBlock + .c-text--right .c-linklist--floatPc {
    margin-top: 20px;
  }
}
.c-important__notes {
  background-color: #fff;
  padding: 12px;
  border-bottom: solid 1px #eee;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}
.c-important__notes .c-linklist--importantNotes {
  display: block;
  text-align: center;
  max-width: 978px;
  margin: 0 auto;
  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;
}
.c-important__notes .c-linklist--importantNotes li{
  display: inline-block;
}
.c-important__notes .c-linklist--importantNotes li a {
  text-decoration: underline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .c-important__notes {
    padding: 10px;
  }
  .c-important__notes .c-linklist--importantNotes{
    min-height: 40px;
  }
  .c-important__notes .c-linklist--importantNotes li a{
    -webkit-line-clamp: 2;
  }
}
#gnav-overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.is-fixed {
  height: 100%;
  overflow: hidden;
  touch-action: none;
}

.js-droplist {
  position: relative;
}
.js-droplist--no-relative {
  position: unset;
}

@media screen and (max-width: 768px) {
  .js-droplist {
    position: unset;
  }
  .js-accordion {
    display: none;
  }
  .js-accordion__ttl::after {
    content: "";
    position: absolute;
    background-image: url(/assets/img/icon__bullet-circle--right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    width: 40px;
    height: 40px;
  }
  .js-accordion__ttl.is-active-acdn {
    color: #eb7000;
  }
  .js-accordion__ttl.is-active-acdn::before {
    background: #eb7000;
  }
  .js-accordion__ttl.is-active-acdn::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
}
.p-btn-gnav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.p-btn-gnav li {
  display: flex;
  height: 32px;
  padding: 0 20px;
  font-size: 14px;
  background-color: #eb7000;
  margin-right: 10px;
  border-radius: 20px;
}
.p-btn-gnav li:last-of-type {
  margin-right: 0;
}
.p-btn-gnav li a {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  padding: 0 0 0 24px;
  margin-bottom: -2px;
}
.p-btn-gnav li a::before {
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: auto 18px;
  position: absolute;
  left: 0;
  top: 8px;
}
.p-btn-gnav--bg-org {
  background-color: #eb7000;
}
.p-btn-gnav--bg-gry {
  background-color: #eeeeee;
}

@media screen and (max-width: 1254px) {
  .p-btn-gnav li {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn-gnav {
    padding: 0;
    width: 100%;
  }
  .p-btn-gnav li {
    width: 46px;
    height: 44px;
    border-radius: 5px;
    padding: 8px 0;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    margin-right: 5px;
  }
  .p-btn-gnav li a {
    padding: 17px 0 0 0;
    font-size: 8px;
    margin: 0;
  }
  .p-btn-gnav li a::before {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.p-drop-nav {
  position: absolute;
  z-index: 999;
  top: 38px;
  left: 0;
  padding: 40px;
  border-radius: 0 0 10px 10px;
  background-color: #fff;
  box-shadow: 30px 30px 60px -20px rgba(0, 0, 0, 0.15), -30px 30px 60px -20px rgba(0, 0, 0, 0.15);
  display: none;
  width: max-content;
}
.p-drop-nav__ttl {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 15px;
  padding-left: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.p-drop-nav__ttl::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  left: 0;
  top: 35%;
  transform: translateY(-65%);
  -webkit-transform: translateY(-65%);
}
.p-drop-nav--droplist {
  top: 50px;
}
.p-drop-nav--full {
  width: 1022px;
}
.p-drop-nav--right-0 {
  right: 0;
  left: auto;
}

@media screen and (max-width: 1254px) {
  .p-drop-nav--droplist {
    top: 28px;
    left: auto;
    right: 0;
  }
  .p-drop-nav--full {
    width: 100%;
  }
}
@media screen and (max-width: 1080px) {
  .p-drop-nav--droplist {
    top: 15px;
  }
}
.p-nav-box {
  display: flex;
  width: 100%;
}
.p-nav-box__col {
  width: 200px;
  margin-left: 30px;
}
.p-nav-box__col:first-of-type {
  margin-left: 0;
}
.p-nav-box__col .p-drop-nav__ttl + .c-linklist {
  margin-left: 10px;
}
.p-nav-box__col .p-drop-nav__ttl + .c-linklist li a.icon__bullet::before {
  background-image: none;
  width: 20px;
  height: 20px;
  top: 0.625em;
  left: -2px;
}
.p-nav-box__col .c-linklist + .p-drop-nav__ttl {
  margin-top: 50px;
}
.p-nav-box--pc-2col .p-nav-box__col {
  width: 50%;
}
.p-nav-box--pc-4col .p-nav-box__col {
  width: 25%;
}

@media screen and (max-width: 1080px) {
  .p-nav-box__col {
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .p-nav-box__col .c-linklist + .p-drop-nav__ttl {
    margin-top: 0;
  }
}
.p-gnav-menu {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-gnav-menu {
    display: block;
    float: left;
    height: 54px;
    width: 44px;
    margin-right: 10px;
    position: relative;
  }
  .p-gnav-menu span {
    position: absolute;
    height: 34px;
    width: 34px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-image: url(/assets/img/icon_hamburger_20220126.svg);
    background-repeat: no-repeat;
    mask: url(/assets/img/icon_hamburger_20220126.svg) no-repeat center center/contain;
    -webkit-mask: url(/assets/img/icon_hamburger_20220126.svg) no-repeat center center/contain;
    background: #535252;
  }
  .p-gnav-menu.is-active span {
    background-image: url(/assets/img/icon__close.svg);
    mask: url(/assets/img/icon__close.svg) no-repeat center center/contain;
    -webkit-mask: url(/assets/img/icon__close.svg) no-repeat center center/contain;
    background: #535252;
  }
}
.p-sp-menu__search--only {
  display: none;
}

.p-dropNav__close {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-sp-menu__search {
    padding: 15px 10px;
  }
  .p-sp-menu__search--only {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    overflow: hidden;
  }
  .p-sp-menu__search--only .c-search-box {
    width: calc(100% - 32px);
    float: left;
  }
  .p-sp-menu__search--only span {
    width: 32px;
    height: 32px;
    float: left;
  }
  .p-sp-menu__inner .p-drop-nav {
    display: none;
    position: absolute;
    width: 100vw;
    box-shadow: none;
    padding: 0;
    padding-top: 10px;
    top: 65px;
    left: 0;
    height: 100vh;
    overflow-y: scroll;
    border-radius: 0;
    padding-bottom: 250px;
  }
  .p-sp-menu__inner .p-drop-nav__ttl {
    padding: 20px;
    padding-left: 55px;
    margin-bottom: 0;
  }
  .p-sp-menu__inner .p-drop-nav__ttl::before {
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .p-sp-menu__inner .p-nav-box {
    display: block;
    padding: 0;
    padding-left: 20px;
    margin-top: 25px;
  }
  .p-sp-menu__inner .p-nav-box__col {
    margin-left: 0px;
    width: 100%;
  }
  .p-sp-menu__inner .p-nav-box__col .c-linklist {
    padding: 0 20px 0 20px;
    margin-top: 25px;
    margin-bottom: 0;
  }
  .p-sp-menu__inner .p-nav-box__col .c-linklist.js-accordion {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .p-sp-menu__inner .p-nav-box__col:last-of-type {
    padding-bottom: 30px;
  }
  .p-sp-menu__inner .p-nav-box__col:last-of-type .c-linklist {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .p-sp-menu__inner .p-nav-box__col > .p-drop-nav__ttl {
    padding-left: 30px;
    padding-right: 40px;
  }
  .p-sp-menu__inner .p-nav-box__col > .p-drop-nav__ttl:first-of-type {
    border-top: none;
  }
  .p-sp-menu__inner .p-nav-box__col > .p-drop-nav__ttl::before {
    left: 0;
  }
  .p-sp-menu__inner .p-nav-box__col > .p-drop-nav__ttl + .c-linklist {
    padding: 25px 20px;
    margin: 0;
    border-bottom: 1px solid #eeeeee;
  }
  .p-sp-menu__inner .icon__support + .p-drop-nav .p-nav-box .p-nav-box__col + .p-nav-box__col > ul.c-linklist {
    margin-top: 0.625em;
  }
  .p-sp-menu__inner--group .p-drop-nav {
    display: block;
    border-top: 10px solid #eeeeee;
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    left: auto;
    padding-bottom: 0;
    padding-top: 10px;
  }
  .p-sp-menu__inner--group .p-drop-nav__ttl {
    padding-left: 20px;
  }
  .p-sp-menu__inner--group .p-nav-box {
    padding-left: 25px;
  }
  .p-sp-menu__inner--group .p-nav-box .p-nav-box__col + .p-nav-box__col > ul.c-linklist {
    margin-top: 0.625em;
  }
  .p-sp-menu__inner .js-droplist-menu .p-nav-box {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .p-sp-menu > .c-linklist li {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;
    padding: 20px;
    margin-top: 0;
  }
  .p-sp-menu > .c-linklist li:last-of-type {
    border: none;
  }
  .p-sp-menu > .c-linklist li a {
    padding-left: 23px;
  }
  .p-sp-menu > .c-linklist li a::before {
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
  .p-dropNav__close {
    display: block;
    text-align: center;
    background-color: #f2f2f2;
    padding: 15px;
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 50px;
    max-height: 50px;
    min-height: 50px;
  }
  .p-dropNav__close p {
    margin: 0;
    font-size: 14px;
    color: #535252;
    display: inline-block;
    padding-left: 30px;
    position: relative;
  }
  .p-dropNav__close p::before {
    content: "";
    background-image: url(/assets/img/icon__close.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -3px;
  }
}