@charset "UTF-8";

/* --------------------------------------------------------------------------
  GLOBAL HEADER
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .gheader {
    --gheader-bg-color: var(--white-color);
    width: calc(100% - calc(80 / var(--font-size) * 1rem));
    /* min-height: calc(93 / var(--font-size) * 1rem); */
    position: fixed;
    padding-top: calc(40 / var(--font-size) * 1rem);
    left: calc(40 / var(--font-size) * 1rem);
    z-index: 3000;
  }

  .gheader-top-navi{
    position: absolute;
    max-width:calc(648 / var(--font-size) * 1rem);
    width:100%;
    top:0;
    right:calc(79 / var(--font-size) * 1rem);
  }
  .gheader-top-navi-list{
    display:flex;
  }
  .gheader-top-navi-list__item{
    max-width:calc(208 / var(--font-size) * 1rem);
    width:100%;
    height:calc(50 / var(--font-size) * 1rem);
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .gheader-top-navi-list__item:first-child{
    margin-left: 0;
  }
  .gheader-top-navi-list__item__link{
    padding:calc(15 / var(--font-size) * 1rem) calc(45 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem);
    border-radius:calc(0 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    text-align: center;
    color:var(--white-color);
    line-height: 1.2;
    height:100%;
    display: block;
    position: relative;
  }
  .gheader-top-navi-list__item__arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(20 / var(--font-size) * 1rem);
    height:calc(20 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(15 / var(--font-size) * 1rem);
    right:calc(20 / var(--font-size) * 1rem);
    transition:0.3s ease;
  }
  .gheader-top-navi-list__item__arrow svg{
    width:calc(18 / var(--font-size) * 1rem);
    height:calc(18 / var(--font-size) * 1rem);
    fill:var(--white-color);
  }
  .gheader-top-navi-list__item__link:hover .gheader-top-navi-list__item__arrow{
    transform:translate(calc(5 / var(--font-size) * 1rem),calc(0 / var(--font-size) * 1rem));
  }


  .gheader-top-navi-list__item.--tokyo .gheader-top-navi-list__item__link{
    background-color: var(--primary-color-500);
  }
  .gheader-top-navi-list__item.--store .gheader-top-navi-list__item__link{
    background-color: var(--orange-color-100);
  }
  .gheader-top-navi-list__item.--manufacturer .gheader-top-navi-list__item__link{
    background-color: var(--purple-color-02);
  }
  /** **/

  .gheader__in {
    padding-top: calc(27 / var(--font-size) * 1rem);
    border-radius:calc(24 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem) 0 0;
    filter: drop-shadow(calc(10 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) rgba(0, 0, 0, 0.08));
    position: relative;
    overflow:hidden;
  }
  .gheader__in:before{
    content:"";
    background-image: url(/assets/img/common/bg_header_pc.svg);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    display: block;
    width: calc(518 / var(--font-size) * 1rem);
    height: calc(27 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(0 / var(--font-size) * 1rem);
    left:calc(-2 / var(--font-size) * 1rem);
  }
  .gheader__top-text {
    font-size: calc(13 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(5 / var(--font-size) * 1rem);
    left: calc(128 / var(--font-size) * 1rem);
  }
  .gheader__body {
    background-color: var(--gheader-bg-color);
    border-radius: calc(0 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem) calc(24 / var(--font-size) * 1rem);
    height: 100%;
    display: flex;
    flex-direction: row;
  }
  .gheader__body.--sp {
    display: none;
  }
  .gheader__contents {
    padding: calc(8 / var(--font-size) * 1rem) calc(68 / var(--font-size) * 1rem) calc(8 / var(--font-size) * 1rem) calc(68 / var(--font-size) * 1rem);
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .gheader-logo {
    max-width: calc(357 / var(--font-size) * 1rem);
    width: 100%;
    height:calc(76 / var(--font-size) * 1rem);
    position: relative;
    z-index:10;
    margin-top: calc(-24 / var(--font-size) * 1rem);
    margin-right: calc(10 / var(--font-size) * 1rem);
    margin-bottom: calc(-3 / var(--font-size) * 1rem);
  }
  .gheader-logo__zero-emi {
    margin: 0;
  }
  .gheader-logo__zero-emi a {
    display: flex;
    align-items: center;
  }
  .gheader-logo__zero-emi__icon {
    width: calc(67 / var(--font-size) * 1rem);
    height: calc(75 / var(--font-size) * 1rem);
  }
  .gheader-logo__zero-emi__label {
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    font-size: calc(26 / var(--font-size) * 1rem);
    margin-left: calc(10 / var(--font-size) * 1rem);
  }
  .gheader-navi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
  }
  .gheader-navi__item {
    margin-left: calc(48 / var(--font-size) * 1rem);
  }
  .gheader-navi__item:first-child {
    margin-left: 0;
  }
  .gheader-navi__link {
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    transition: 0.3s ease;
  }
  .gheader-navi__link:hover {
    opacity: 0.8;
  }
  .gheader-navi__item.--account{
    display: none;
  }


  .gheader-contact {
    margin-left: auto;
  }
  .gheader-contact__button {
    --gheader-contact-bg-color: var(--primary-color-500);
    --gheader-contact-color: var(--white-color);
    width: calc(276 / var(--font-size) * 1rem);
    height: 100%;
  }
  .gheader-contact__button__link {
    background-color: var(--gheader-contact-bg-color);
    color: var(--gheader-contact-color);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: 0.3s ease;
  }
  .gheader-contact__button__link:hover {
    opacity: 0.8;
  }

  .gheader-contact__button.--regist .gheader-contact__button__link {
    background-color: var(--orange-color-02);
  }

  .gheader-contact__button.--regist .in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gheader-contact__button.--regist .label {
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .gheader-contact__button.--regist .label-01 {
    font-size: calc(15 / var(--font-size) * 1rem);
    display: block;
  }
  .gheader-contact__button.--regist .label-02 {
    font-size: calc(21 / var(--font-size) * 1rem);
    letter-spacing: 0.12em;
    display: block;
    margin-top: calc(5 / var(--font-size) * 1rem);
  }
  .gheader-contact__button-icon {
    background-color: var(--white-color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(56 / var(--font-size) * 1rem);
    height: calc(56 / var(--font-size) * 1rem);
  }
  .gheader-contact__button-icon svg,
  .gheader-contact__button-icon img {
    width: calc(38 / var(--font-size) * 1rem);
    height: calc(30 / var(--font-size) * 1rem);
  }


  .gheader-navi__item.--store-download{
    display: none;
  }
  .gheader-navi__item.--store-download .gheader-navi__link{
    color:var(--orange-color-100);
  }
  .gheader-navi__item.--store-document{
    display: none;
  }
  .gheader-navi__item.--store-document .gheader-navi__link{
    color:var(--orange-color-100);
  }
  .gheader-login-button {
    --gheader-contact-bg-color: var(--orange-color-100);
    --gheader-contact-color: var(--white-color);
    border-radius: 0 calc(24 / var(--font-size)* 1rem) calc(24 / var(--font-size)* 1rem) 0;
    width: calc(138 / var(--font-size) * 1rem);
    height: 100%;
    overflow:hidden;
    display: none;
  }
  .gheader-login-button__link {
    background-color: var(--gheader-contact-bg-color);
    color: var(--gheader-contact-color);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: 0.3s ease;
  }
  .gheader-login-button__link:hover {
    opacity: 0.8;
  }
  .gheader-login-button-icon {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(19 / var(--font-size) * 1rem);
    height: calc(19 / var(--font-size) * 1rem);
    margin-right: calc(8 / var(--font-size) * 1rem);
  }
  .gheader-login-button-icon svg,
  .gheader-login-button-icon img {
    width: calc(19 / var(--font-size) * 1rem);
    height: calc(19 / var(--font-size) * 1rem);
  }
  .notice-content {
    max-width: calc(860 / var(--font-size) * 1rem);
    margin: 0 auto 0;
  }
  .notice-content__inner {
    background: var(--white-color);
    border-radius: calc(14 / var(--font-size) * 1rem);
    border: solid var(--red-color) calc(2 / var(--font-size) * 1rem);
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .notice-content__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1095px) {
  .gheader {
  }
  .gheader__top-text {
    font-size: calc(10 / var(--font-size) * 1rem);
    top: calc(5 / var(--font-size) * 1rem);
    left: calc(117 / var(--font-size) * 1rem);
  }
  .gheader__in{
    border-radius:calc(24 / 1095 * 100vw) calc(24 / 1095 * 100vw) 0 0;
    overflow:hidden;
  }
  .gheader__body{
    border-radius:0 calc(24 / 1095 * 100vw) calc(24 / 1095 * 100vw) calc(24 / 1095 * 100vw);
  }
  .gheader-logo,
  .gheader-logo__zero-emi__object {
    display: block;
    max-width: calc(300 / var(--font-size) * 1rem);
  }
  .gheader-navi {
  }
  .gheader-navi__item {
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .gheader-navi__link{
    font-size:calc(16 / 1095 * 100vw);
  }
  .gheader-contact__button__link {
    font-size: calc(14 / var(--font-size) * 1rem);
  }
}

@media all and (min-width: 768px) and (max-width: 1400px) {
  .gheader-logo {
    max-width: calc(357 / 1440 * 100vw);
    height:calc(70 / 1440 * 100vw);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .gheader__contents{
    padding: calc(8 / var(--font-size)* 1rem) calc(40 / 1440 * 100vw) calc(8 / var(--font-size)* 1rem) calc(40 / 1440 * 100vw);
    height:calc(65 / var(--font-size)* 1rem);
  }
  .gheader-navi__item{
    margin-left: calc(30 / 1440 * 100vw);
  }
  .gheader-login-button{
    width:calc(138 / 1440 * 100vw);
  }
  .gheader-navi__link,
  .gheader-login-button__link{
    font-size:calc(18 / 1440 * 100vw);
  }
  .gheader-login-button-icon{
    width:calc(19 / 1440 * 100vw);
    height:calc(19 / 1440 * 100vw);
  }
  .gheader-top-navi{
    max-width:calc(710 / 1440 * 100vw);
    right:calc(30 / 1440 * 100vw);
    margin-left: auto;
  }
  .gheader-top-navi-list__item {
    max-width: calc(225 / 1440 * 100vw);
    height:calc(50 / 1440 * 100vw);
  }
  .gheader-top-navi-list__item__label{
    font-size: calc(16 / 1440 * 100vw);
  }
  .gheader-top-navi-list__item__link{
    padding:calc(12 / 1440 * 100vw) calc(34 / 1440 * 100vw) calc(12 / 1440 * 100vw) calc(12 / 1440 * 100vw);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .gheader-top-navi-list__item__arrow{
    width:calc(22 / 1440 * 100vw);
    height:calc(22 / 1440 * 100vw);
    top:calc(0 / 1440 * 100vw);
    bottom:0;
    right:calc(16 / 1440 * 100vw);
    margin:auto 0;
  }
  .gheader-top-navi-list__item__arrow svg{
    width:calc(20 / 1440 * 100vw);
    height:auto;
  }
  .gheader__in{
    padding-top: calc(25 / 1440 * 100vw);
  }
  .gheader__in:before{
    background-size: calc(491 / 1440 * 100vw) calc(25 / 1440 * 100vw);
    width:calc(491 / 1440 * 100vw);
    height:calc(25 / 1440 * 100vw);
    left:calc(-7 / 1440 * 100vw);
  }
  .gheader-login-button{
    border-radius: 0 calc(19 / 1095* 100vw) calc(19 / 1095* 100vw) 0;
  }
}


@media all and (max-width: 767px) {
  .gheader {
    --gheader-bg-color: var(--white-color);
    width: 100%;
    min-height: calc(80 / var(--font-size) * 1rem);
    position: fixed;
    top: 0;
    left: 0;
    filter: drop-shadow(calc(10 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) rgba(0, 0, 0, 0.08));
    z-index: 3000;
  }
  .gheader__top-text {
    font-size: calc(10 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(0 / var(--font-size) * 1rem);
    left: calc(67 / var(--font-size) * 1rem);
    z-index: 8000;
    transform: scale(0.95, 0.95);
  }

  /** **/
  .gheader-top-navi{
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .gheader-top-navi.--pc{
    display: none;
  }
  .gheader-top-navi-list{
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .gheader-top-navi-list__item{
    max-width:calc(248 / var(--font-size) * 1rem);
    width:100%;
    height:calc(47 / var(--font-size) * 1rem);
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .gheader-top-navi-list__item:first-child{
    margin-top: 0;
  }
  .gheader-top-navi-list__item__link{
    padding:calc(15 / var(--font-size) * 1rem) calc(45 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(14 / var(--font-size) * 1rem);
    border-radius:calc(30 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem) calc(30 / var(--font-size) * 1rem);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    text-align: center;
    color:var(--white-color);
    line-height: 1.2;
    height:100%;
    display: block;
    position: relative;
  }
  .gheader-top-navi-list__item__arrow{
    display: block;
    width:calc(18 / var(--font-size) * 1rem);
    height:calc(18 / var(--font-size) * 1rem);
    position: absolute;
    top:calc(15 / var(--font-size) * 1rem);
    right:calc(20 / var(--font-size) * 1rem);
    transition:0.3s ease;
  }
  .gheader-top-navi-list__item__arrow svg{
    width:calc(18 / var(--font-size) * 1rem);
    height:calc(18 / var(--font-size) * 1rem);
    fill:var(--white-color);
  }
  .gheader-top-navi-list__item__link:hover .gheader-top-navi-list__item__arrow{
    transform:translate(calc(5 / var(--font-size) * 1rem),calc(0 / var(--font-size) * 1rem));
  }


  .gheader-top-navi-list__item.--tokyo .gheader-top-navi-list__item__link{
    background-color: var(--primary-color-500);
  }
  .gheader-top-navi-list__item.--store .gheader-top-navi-list__item__link{
    background-color: var(--orange-color-100);
  }
  .gheader-top-navi-list__item.--manufacturer .gheader-top-navi-list__item__link{
    background-color: var(--purple-color-02);
  }
  /** **/


  .gheader__in {
    position: relative;
  }
  .gheader__body {
    height: 100%;
    display: flex;
    flex-direction: row;
    display: none;
  }
  .gheader__body.--sp {
    display: block;
  }
  /* -----------------------------
    HEADERーハンバーガー
  ----------------------------- */
  .gheader__menu-button {
    width: calc(64 / var(--font-size) * 1rem);
    height: calc(64 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(9 / var(--font-size) * 1rem);
    right: calc(5 / var(--font-size) * 1rem);
    z-index: 8000;
    transition: 0.3s ease;
  }
  .gheader__menu-button__link {
    border-radius: calc(15 / var(--font-size) * 1rem);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gheader__menu-button__link i {
    display: block;
    width: calc(32 / var(--font-size) * 1rem);
    height: calc(1 / var(--font-size) * 1rem);
    position: absolute;
    top: calc(14 / var(--font-size) * 1rem);
    left: 0;
    right: 0;
    background-color: var(--primary-color-500);
    transition: 0.3s ease;
    margin: 0 auto;
  }
  .gheader__menu-button__link i:first-child {
    top: calc(22 / var(--font-size) * 1rem);
  }
  .gheader__menu-button__link i:nth-child(2) {
    top: calc(31 / var(--font-size) * 1rem);
  }
  .gheader__menu-button__link i:nth-child(3) {
    top: calc(39 / var(--font-size) * 1rem);
  }
  /*--------------------------- */

  .gheader__contents {
    padding: calc(12 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem) calc(18 / var(--font-size) * 1rem);
    background-color: var(--gheader-bg-color);
    border-radius: 0 0 calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 3000;
  }
  .gheader-logo {
    max-width: calc(256 / var(--font-size) * 1rem);
    width: 100%;
  }
  .gheader-logo__zero-emi {
    margin: 0;
  }
  .gheader-logo__zero-emi a {
    display: flex;
    align-items: center;
  }
  .gheader-logo__zero-emi__icon {
    width: calc(48 / var(--font-size) * 1rem);
    height: calc(54 / var(--font-size) * 1rem);
  }
  .gheader-logo__zero-emi__label {
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    font-size: calc(18 / var(--font-size) * 1rem);
    margin-left: calc(10 / var(--font-size) * 1rem);
  }
  .gheader-navi {
    margin-top: calc(39 / var(--font-size) * 1rem);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .gheader-navi__item {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .gheader-navi__item:first-child {
    margin-top: 0;
  }
  .gheader-navi__link {
    font-family: var(--font-zen-maru-gothic);
    font-size: calc(20 / var(--font-size) * 1rem);
    color: var(--black-color);
    font-weight: 700;
    transition: 0.3s ease;
  }
  .gheader-navi__link:hover {
    opacity: 0.8;
  }
  .gheader-navi__item.--account{
    display: none;
  }

  .gheader-contact {
  }
  .gheader-contact__button {
    --gheader-contact-color: var(--primary-color-500);
    --gheader-contact-bg-color: var(--white-color);
    width: calc(294 / var(--font-size) * 1rem);
    height: calc(93 / var(--font-size) * 1rem);
    filter: drop-shadow(calc(10 / var(--font-size) * 1rem) calc(0 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem) rgba(0, 0, 0, 0.08));
    margin-top: calc(56 / var(--font-size) * 1rem);
    margin-left: auto;
    margin-right: auto;
  }
  .gheader-contact__button__link {
    background-color: var(--gheader-contact-bg-color);
    border-radius: calc(24 / var(--font-size) * 1rem);
    color: var(--gheader-contact-color);
    font-size: calc(22 / var(--font-size) * 1rem);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-align: center;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: 0.3s ease;
  }
  .gheader-contact__button.--regist .gheader-contact__button__link {
    background-color: var(--orange-color-02);
    color: var(--white-color);
  }

  .gheader-contact__button.--regist .in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gheader-contact__button.--regist .label {
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .gheader-contact__button.--regist .label-01 {
    font-size: calc(17 / var(--font-size) * 1rem);
    display: block;
  }
  .gheader-contact__button.--regist .label-02 {
    font-size: calc(24 / var(--font-size) * 1rem);
    letter-spacing: 0.12em;
    display: block;
    margin-top: calc(2 / var(--font-size) * 1rem);
  }
  .gheader-contact__button-icon {
    background-color: var(--white-color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(56 / var(--font-size) * 1rem);
    height: calc(56 / var(--font-size) * 1rem);
  }
  .gheader-contact__button-icon svg,
  .gheader-contact__button-icon img {
    width: calc(38 / var(--font-size) * 1rem);
    height: calc(30 / var(--font-size) * 1rem);
  }

  .gheader-navi__item.--store-download{
    display: none;
  }
  .gheader-navi__item.--store-download .gheader-navi__link{
    color:var(--orange-color-100);
  }
  .gheader-navi__item.--store-document{
    display: none;
  }
  .gheader-navi__item.--store-document .gheader-navi__link{
    color:var(--orange-color-100);
  }
  .gheader-contact{
    margin-top: calc(47 / var(--font-size) * 1rem);
  }
  .gheader-login-button {
    --gheader-contact-bg-color: var(--orange-color-100);
    --gheader-contact-color: var(--white-color);
    border-radius: calc(30 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem) calc(30 / var(--font-size)* 1rem);
    max-width: calc(248 / var(--font-size)* 1rem);
    width: 100%;
    height: calc(47 / var(--font-size) * 1rem);
    overflow:hidden;
    display: none;
    margin-left: auto;
    margin-right: auto;
  }
  .gheader-login-button__link {
    background-color: var(--gheader-contact-bg-color);
    color: var(--gheader-contact-color);
    font-family: var(--font-zen-maru-gothic);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: 0.3s ease;
  }
  .gheader-login-button__link:hover {
    opacity: 0.8;
  }
  .gheader-login-button-icon {
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(19 / var(--font-size) * 1rem);
    height: calc(19 / var(--font-size) * 1rem);
    margin-right: calc(12 / var(--font-size) * 1rem);
  }
  .gheader-login-button-icon svg,
  .gheader-login-button-icon img {
    width: calc(19 / var(--font-size) * 1rem);
    height: calc(19 / var(--font-size) * 1rem);
  }


  .gheader-float-navi {
    background-color: var(--secondary-color-100);
    padding-top: calc(78 / var(--font-size) * 1rem);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -100vh;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 0.6s ease;
  }
  html.is-sp-gheader-menu-opened .gheader-float-navi {
    display: block;
    opacity: 1;
    z-index: 2000;
    top: 0;
    height: 100vh;
  }
  html.is-sp-gheader-menu-opened .gheader__menu-button__link i:first-child {
    top: calc(31 / var(--font-size) * 1rem);
    transform: rotate(30deg);
  }
  html.is-sp-gheader-menu-opened .gheader__menu-button__link i:nth-child(2) {
    opacity: 0;
  }
  html.is-sp-gheader-menu-opened .gheader__menu-button__link i:nth-child(3) {
    top: calc(31 / var(--font-size) * 1rem);
    transform: rotate(-30deg);
  }

  .gheader-contact__button.--disable {
    --gheader-contact-bg-color: var(--gray-color-300);
    --gheader-contact-color: var(--white-color);
  }
  .gheader-contact__button.--disable .gheader-contact__button__link {
    pointer-events: none;
  }
  .notice-content {
    max-width: calc(860 / var(--font-size) * 1rem);
    margin: 0 auto 0;
  }
  .notice-content__inner {
    background: var(--white-color);
    border-radius: calc(14 / var(--font-size) * 1rem);
    border: solid var(--red-color) calc(2 / var(--font-size) * 1rem);
    padding: 0 calc(12 / var(--font-size) * 1rem);
  }
  .notice-content__body {
    padding: calc(20 / var(--font-size) * 1rem) 0;
  }
}

@media all and (max-width: 350px) {
  .gheader__top-text {
    font-size: calc(10 / var(--font-size) * 1rem);
    top: calc(0 / var(--font-size) * 1rem);
    left: calc(62 / var(--font-size) * 1rem);
  }
  .gheader-logo {
    max-width: calc(220 / var(--font-size) * 1rem);
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
  GLOBAL FOOTER
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .gfooter {
    --gfooter-bg: var(--primary-color-500);
    position: relative;
  }
  .gfooter__in {
  }
  .gfooter__body {
    background: var(--gfooter-bg);
    padding: calc(24.5 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gfooter-sitemap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gfooter-sitemap__item {
    font-size: calc(10 / var(--font-size) * 1rem);
    line-height: 1;
    color: var(--white-color);
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .gfooter-sitemap__item:first-child {
    margin-left: 0;
  }
  .gfooter-sitemap__item a {
    display: inline-block;
    position: relative;
  }
  .gfooter-sitemap__item__in {
    display: flex;
    align-items: flex-start;
  }
  .gfooter-sitemap__item__in .c-svg {
    position: relative;
    top: calc(2 / var(--font-size) * 1rem);
    width: calc(8 / var(--font-size) * 1rem);
    height: calc(7 / var(--font-size) * 1rem);
    fill: var(--white-color);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .gfooter-copyright {
    margin-left: auto;
  }
  .gfooter-copyright-txt {
    color: var(--white-color);
    font-size: calc(10 / var(--font-size) * 1rem);
    line-height: 1.5;
  }
  .pagetop {
    background-color: var(--white-color);
    border: calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius: 100%;
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
    position: fixed;
    right: calc(20 / var(--font-size) * 1rem);
    bottom: calc(20 / var(--font-size) * 1rem);
    transition:opacity 0.3s ease;
  }
  .pagetop.is-disable{
    opacity:0;
    right:-100%;
  }
  .pagetop a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .pagetop .c-svg {
    fill: var(--primary-color-500);
    width: calc(12 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    transform: rotate(-90deg);
  }
  .pagetop.is-pagetop-footer-fitting {
    position: absolute;
    top: calc(-18 / var(--font-size) * 1rem);
  }

  /** purple **/
  .gfooter.--purple .gfooter__body{
    background-color: var(--purple-color);
  }
  .gfooter.--purple .pagetop{
    border-color: var(--purple-color);
  }
  .gfooter.--purple .pagetop svg{
    fill: var(--purple-color);
  }
  /** orange **/
  .gfooter.--orange .gfooter__body{
    background-color: var(--orange-color-100);
  }
  .gfooter.--orange .pagetop{
    border-color: var(--orange-color-100);
  }
  .gfooter.--orange .pagetop svg{
    fill: var(--orange-color-100);
  }
}

@media all and (max-width: 767px) {
  .gfooter {
    --gfooter-bg: var(--primary-color-500);
    position: relative;
  }
  .gfooter__in {
  }
  .gfooter__body {
    background: var(--gfooter-bg);
    padding: calc(21.5 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .gfooter-sitemap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gfooter-sitemap__item {
    font-size: calc(10 / var(--font-size) * 1rem);
    line-height: 1;
    color: var(--white-color);
    margin-left: calc(24 / var(--font-size) * 1rem);
  }
  .gfooter-sitemap__item:first-child {
    margin-left: 0;
  }
  .gfooter-sitemap__item a {
    display: inline-block;
    position: relative;
  }
  .gfooter-sitemap__item__in {
    display: flex;
    align-items: flex-start;
  }
  .gfooter-sitemap__item__in .c-svg {
    position: relative;
    top: calc(2 / var(--font-size) * 1rem);
    width: calc(8 / var(--font-size) * 1rem);
    height: calc(7 / var(--font-size) * 1rem);
    fill: var(--white-color);
    margin-right: calc(5 / var(--font-size) * 1rem);
  }
  .gfooter-copyright {
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .gfooter-copyright-txt {
    color: var(--white-color);
    font-size: calc(10 / var(--font-size) * 1rem);
    line-height: 1.5;
  }
  .pagetop {
    background-color: var(--white-color);
    border: calc(1 / var(--font-size) * 1rem) solid var(--primary-color-500);
    border-radius: 100%;
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
    position: fixed;
    right: calc(20 / var(--font-size) * 1rem);
    bottom: calc(66 / var(--font-size) * 1rem);
    transition:opacity 0.3s ease;
  }
  .pagetop.is-disable{
    opacity:0;
    right:-100%;
  }
  .pagetop a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .pagetop .c-svg {
    fill: var(--primary-color-500);
    width: calc(12 / var(--font-size) * 1rem);
    height: calc(10 / var(--font-size) * 1rem);
    transform: rotate(-90deg);
  }
  .pagetop.is-pagetop-footer-fitting {
    position: absolute;
    top: calc(-18 / var(--font-size) * 1rem);
  }


  /** purple **/
  .gfooter.--purple .gfooter__body{
    background-color: var(--purple-color);
  }
  .gfooter.--purple .pagetop{
    border-color: var(--purple-color);
  }
  .gfooter.--purple .pagetop svg{
    fill: var(--purple-color);
  }
  /** orange **/
  .gfooter.--orange .gfooter__body{
    background-color: var(--orange-color-100);
  }
  .gfooter.--orange .pagetop{
    border-color: var(--orange-color-100);
  }
  .gfooter.--orange .pagetop svg{
    fill: var(--orange-color-100);
  }
}

/* --------------------------------------------------------------------------
  GLOBAL CONTACT
-------------------------------------------------------------------------- */

@media all and (min-width: 768px), print {
  .contact-sec {
    --contact-sec-size: 28;
    background: var(--primary-color-100);
  }
  .contact-sec__in {
    max-width: calc(1060 / var(--font-size) * 1rem);
    margin: auto;
    padding: calc(80 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .contact-sec__body {
  }
  .contact-sec__header {
  }
  .contact-sec__header__in {
    text-align: center;
    position: relative;
    display: block;
  }
  .contact-sec__header__txt {
    font-family: var(--font-zen-maru-gothic);
    font-size: calc(var(--contact-sec-size) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .contact-sec__address {
    --contact-sec-address-bg-color: var(--white-color);
    --contact-sec-address-color: var(--primary-color-500);
    --contact-sec-address-list-title-color: var(--white-color);
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec__address__in {
    background-color: var(--contact-sec-address-bg-color);
    border-radius: calc(32 / var(--font-size) * 1rem);
    max-width: calc(1060 / var(--font-size) * 1rem);
    margin: auto;
    padding: 0 calc(20 / var(--font-size) * 1rem);
  }
  .contact-sec__address__body {
    padding: calc(40 / var(--font-size) * 1rem) calc(60 / var(--font-size) * 1rem);
  }
  .contact-sec__address__header {
  }
  .contact-sec__address__header__in {
    text-align: center;
    position: relative;
    display: block;
  }
  .contact-sec__address__header__txt {
    font-family: var(--font-zen-maru-gothic);
    color: var(--contact-sec-address-color);
    font-size: calc(var(--contact-sec-size) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .contact-sec-list {
    display: flex;
    justify-content: center;
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item {
    display: flex;
    align-items: center;
    max-width: 50%;
    width: 50%;
    margin-left: calc(20 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item:first-child {
    margin-left: 0;
  }
  .contact-sec-list__item__title {
    background-color: var(--contact-sec-address-color);
    border-radius: calc(10 / var(--font-size) * 1rem);
    color: var(--contact-sec-address-list-title-color);
    font-size: calc(15 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    width: calc(140 / var(--font-size) * 1rem);
    min-height: calc(54 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .contact-sec-list__item__title .in {
    display: inline;
  }
  .contact-sec-list__item__text {
    font-size: calc(34 / var(--font-size) * 1rem);
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item.--ip .contact-sec-list__item__title {
    font-size: calc(13 / var(--font-size) * 1rem);
  }
  .contact-sec-contents-area {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .contact-sec-link-area {
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact-sec-link-list__item {
    margin-left: calc(25 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list__item:first-child {
    margin-left: 0;
  }
  .contact-sec-link-list__item.logo-zeroemi {
    width: calc(67 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list__item.logo-tokyo {
    padding-top: calc(37 / var(--font-size) * 1rem);
    width: calc(137 / var(--font-size) * 1rem);
  }

  /** purple **/
  .contact-sec.--purple{
    background-color: var(--purple-color-20);
  }
  .contact-sec.--purple .contact-sec__address__header__txt{
    color: var(--purple-color);
  }
  .contact-sec.--purple .contact-sec-list__item__title{
    background-color: var(--purple-color);
  }
  /** orange **/
  .contact-sec.--orange{
    background-color: var(--orange-color-20);
  }
  .contact-sec.--orange .contact-sec__address__header__txt{
    color: var(--orange-color-100);
  }
  .contact-sec.--orange .contact-sec-list__item__title{
    background-color: var(--orange-color-100);
  }
}

@media all and (min-width: 768px) and (max-width: 1080px) {
  .contact-sec-list__item{
    margin-left: 2vw;
  }
  .contact-sec__address__body {
    padding: 4vw 3vw;
  }
  .contact-sec__address__in{
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }
  .contact-sec-list__item__title {
    font-size: 1.5vw;
  }
  .contact-sec-list__item.--ip .contact-sec-list__item__title {
    font-size: 1.4vw;
  }
  .contact-sec-list__item__text {
    font-size: 3vw;
    letter-spacing: 0.025em;
    margin-left: 2vw;
  }
}


@media all and (max-width: 767px) {
  .contact-sec {
    --contact-sec-size: 20;
    background: var(--primary-color-100);
  }
  .contact-sec__in {
    margin: auto;
    padding: calc(32 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(32 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
  }
  .contact-sec__body {
  }
  .contact-sec__header {
  }
  .contact-sec__header__in {
    text-align: center;
    position: relative;
    display: block;
  }
  .contact-sec__header__txt {
    font-family: var(--font-zen-maru-gothic);
    font-size: calc(var(--contact-sec-size) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .contact-sec__address {
    --contact-sec-address-bg-color: var(--white-color);
    --contact-sec-address-color: var(--primary-color-500);
    --contact-sec-address-list-title-color: var(--white-color);
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec__address__in {
    background-color: var(--contact-sec-address-bg-color);
    border-radius: calc(20 / var(--font-size) * 1rem);
    padding: calc(24 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem) calc(32 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
  }
  .contact-sec__address__body {
  }
  .contact-sec__address__header {
  }
  .contact-sec__address__header__in {
    text-align: center;
    position: relative;
    display: block;
  }
  .contact-sec__address__header__txt {
    font-family: var(--font-zen-maru-gothic);
    color: var(--contact-sec-address-color);
    font-size: calc(var(--contact-sec-size) / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.4;
  }
  .contact-sec-list {
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item {
    border-top: calc(1 / var(--font-size) * 1rem) solid var(--border-color);
    position: relative;
    padding-top: calc(16 / var(--font-size) * 1rem);
    margin-top: calc(16 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item:first-child {
    padding-top: 0;
    border-top: 0;
    margin-top: 0;
  }
  .contact-sec-list__item__title {
    background-color: var(--contact-sec-address-color);
    border-radius: calc(8 / var(--font-size) * 1rem);
    color: var(--contact-sec-address-list-title-color);
    font-size: calc(14 / var(--font-size) * 1rem);
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    width: calc(240 / var(--font-size) * 1rem);
    min-height: calc(35 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .contact-sec-list__item__title .in {
  }
  .contact-sec-list__item__text {
    font-size: calc(28 / var(--font-size) * 1rem);
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.05em;
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .contact-sec-list__item.--ip .contact-sec-list__item__title {
    font-size: calc(13 / var(--font-size) * 1rem);
  }
  .contact-sec-contents-area {
    margin-top: calc(24 / var(--font-size) * 1rem);
  }
  .contact-sec-link-area {
    margin-top: calc(22 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact-sec-link-list__item {
    margin-left: calc(25 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list__item:first-child {
    margin-left: 0;
  }
  .contact-sec-link-list__item.logo-zeroemi {
    width: calc(67 / var(--font-size) * 1rem);
  }
  .contact-sec-link-list__item.logo-tokyo {
    padding-top: calc(37 / var(--font-size) * 1rem);
    width: calc(137 / var(--font-size) * 1rem);
  }

  /** purple **/
  .contact-sec.--purple{
    background-color: var(--purple-color-20);
  }
  .contact-sec.--purple .contact-sec__address__header__txt{
    color: var(--purple-color);
  }
  .contact-sec.--purple .contact-sec-list__item__title{
    background-color: var(--purple-color);
  }
  /** orange **/
  .contact-sec.--orange{
    background-color: var(--orange-color-20);
  }
  .contact-sec.--orange .contact-sec__address__header__txt{
    color: var(--orange-color-100);
  }
  .contact-sec.--orange .contact-sec-list__item__title{
    background-color: var(--orange-color-100);
  }
}