@charset "utf-8";
/* 海外空港送迎　PCSP共通（レスポンシブ） */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v320/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2) format('woff2');
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap');

/* リセット */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  font-weight: inherit;
  font-size: inherit;
}
ol {
  margin: 0;
}
li {
  list-style: none;
}
button {
  font-family: "Noto Sans JP", sans-serif;
}
#topbuttonApp {
  position: relative;
  z-index: 1;
}
/* 基本設定 */
#hisApp {
  position: relative;
  overflow: hidden;
}
:root {
  --default-ff-icon: "Material Symbols Rounded";
}
.main {
  --fs-default: min((24vw / 7.5), 16px);
  --fs-mainTit: min((70vw / 7.5), 42px);
  --fs-title: min((33vw / 7.5), 20px);
  --fs-head: min((45vw / 7.5), 28px);
  --fs-navi: min((23vw / 7.5), 18px);
  --fs-label: min((28vw / 7.5), 18px);
  --fs-detail: min((27vw / 7.5), 14px);
  --fs-point: min((19vw / 7.5), 12px);
  --fs-note: 10px;
  --color-blue: #3271c9;
  --color-darkblue: #050046;
  --color-gray: #edf2f6;
  --color-gray2: #e0e7ed;
  --color-lightgray: #ededed;
  --color-red: #D63333;
  --color-orange: #F29423;
}
.material-symbols-rounded {
  font-family: var(--default-ff-icon);
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
#mainContents {
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
}
#mainContents a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
#mainContents a:hover {
  opacity: 0.8;
}
@media screen and (min-width: 751px) {
  #mainContents {
    font-size: var(--fs-default);
    font-weight: 400;
    line-height: 1.6;
    color: #000;
  }
}
@media screen and (max-width: 750px) {
  #mainContents {
    font-size: var(--fs-default);
    font-weight: 500;
    line-height: 1.6;
    color: #000;
  }
  #mainContents a:hover {
    opacity: 1;
  }
}

/*MVエリア*/
@media screen and (min-width: 751px) {
  .mv {
    background-color: var(--color-darkblue);
    width: 100%;
    height: 350px;
  }
  .mv__inner {
    display: flex;
    flex-wrap: wrap;
    width: 1104px;
    margin: 0 auto;
    height: 350px;
  }
  .mv__img {
    background: url(../images/mv_pc.jpg) no-repeat;
    width: min((400vw / 7.5), 650px);
  }
  .mv__text {
    width: calc(100% - 650px);
    color: #fff;
    padding: 110px 0 0 45px;

    .mv__text--title {
      font-weight: 800;
      font-size: var(--fs-mainTit);
      margin-bottom: 5px;
    }
    .mv__text--lead {
      font-weight: 500;
      font-size: var(--fs-title);
    }
  }
}
@media (701px <= width <= 1000px) {
  .is-inline-block {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .mv {
    width: 100%;
  }
  .mv__inner {
    margin: 0 auto;
    position: relative;
  }
  .mv__img {
    background: url(../images/mv_sp.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: calc(340vw / 7.5);
  }
  .mv__text {
    position: absolute;
    top: calc(75vw / 7.5);
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    text-shadow: 0 0 calc(40vw / 7.5) #000;

    .mv__text--title {
      font-weight: 800;
      font-size: var(--fs-mainTit);
    }
    .mv__text--lead {
      font-weight: 700;
      font-size: var(--fs-title);
    }
  }
}

/*エリアナビ*/
@media screen and (min-width: 751px) {
  .navi__wrapper {
    max-width: 1104px;
    width: calc(100% - 40px);
    margin: 60px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
    @media (701px <= width <= 1144px) {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  }
  .navi__area {
    background: var(--color-red);
    border-radius: 15px;
    text-align: center;
    font-size: var(--fs-navi);
    font-weight: 800;
    line-height: 1.3;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    color: #fff;
    width: 120px;
    height: 100px;
  }
  .navi__area:hover {
    cursor: pointer;
    opacity: 0.9;
  }
  .navi__wrapper .not-active {
    display: block !important;
    background: var(--color-lightgray);
    color: #000;
  }
  .navi__wrapper .is-active {
    background: var(--color-red) !important;
    color: #fff !important;
    position: relative;
    &:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      bottom: -16px;
      border-style: solid;
      border-color: var(--color-red) transparent transparent transparent;
      border-width: 16px 10px 0 10px;
    }
    &:hover {
      cursor: default;
      opacity: 1;
    }
  }
  .not-select {
    background: var(--color-lightgray);
    color: #000
  }
}
@media screen and (max-width: 750px) {
  .navi__wrapper {
    width: 100%;
    padding: calc(40vw / 7.5) calc(30vw / 7.5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(20vw / 7.5);
    background: var(--color-gray2);
  }
  .navi__area {
    background: #fff;
    border: 1px solid #666;
    text-align: left;
    font-size: var(--fs-navi);
    font-weight: 500;
    width: 100%;
    padding: calc(15vw / 7.5) 0 calc(15vw / 7.5) calc(15vw / 7.5);
    position: relative;
    color: #000;
    &:after {
      position: absolute;
      content: "";
      top: 45%;
      transform: translateY(-45%) rotate(45deg);
      -webkit-transform: translateY(-45%) rotate(45deg);
      -ms-transform: translateY(-45%) rotate(45deg);
      right: calc(16vw / 7.5);
      width: calc(14vw / 7.5);
      height: calc(14vw / 7.5);
      border-bottom: 2px solid var(--color-darkblue);
      border-right: 2px solid var(--color-darkblue);
    }
  }
  .navi__area:hover {
    cursor: pointer;
    opacity: 0.9;
  }
  .navi__wrapper .not-active {
    display: block !important;
    background: #fff;
  }
  .navi__wrapper .is-active {
    background: var(--color-darkblue) !important;
    color: #fff !important;
    position: relative;
    border: 1px solid var(--color-darkblue);
  }
  .not-select {
    background: #fff;
  }
}

/*商品エリア*/
@media screen and (min-width: 751px) {
  .product__wrapper {
    background: var(--color-gray);
    width: 100%;
    padding: 60px 0;
    position: relative;
    &:before {
      position: absolute;
      content: "";
      width: 100%;
      height: 10px;
      top: 0;
      left: 0;
      background-image: linear-gradient(-45deg, #fff 25%, var(--color-darkblue) 25%, var(--color-darkblue) 50%, #fff 50%, #fff 75%, var(--color-darkblue) 75%, var(--color-darkblue));
      background-size: 4px 4px;
    }
  }
}
@media screen and (max-width: 750px) {
  .product__wrapper {
    width: 100%;
    padding: 0 0 calc(80vw / 7.5);
    position: relative;

    &:after {
      position: absolute;
      content: "";
      width: 100%;
      height: calc(16vw / 7.5);
      bottom: 0;
      left: 0;
      background-image: linear-gradient(-45deg, #fff 25%, var(--color-darkblue) 25%, var(--color-darkblue) 50%, #fff 50%, #fff 75%, var(--color-darkblue) 75%, var(--color-darkblue));
      background-size: 4px 4px;
    }
  }
}


/*都市選択*/
@media screen and (min-width: 751px) {
  .filter__wrapper {
    max-width: 1104px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    font-weight: 500;
    line-height: 1.8;
  }

  .filter__top {
    padding-right: 20px;
    position: relative;
    width: 133px;

    &:after {
      position: absolute;
      content: "";
      top: 3px;
      right: 0;
      width: 19px;
      height: 19px;
      background: url(../images/double_arrow.svg);
    }
  }

  .filter__city--wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    width: calc(100% - 133px);
  }

  .filter__city--item {
    padding-right: 20px;

    &:last-child {
      padding-right: 0;
    }
  }

  .select__city--input {
    display: none;
    position: relative;
  }

  .select__city--name {
    position: relative;
    padding-left: 24px;
    cursor: pointer;

    &:before {
      content: "";
      position: absolute;
      top: 4px;
      left: 0;
      width: 17px;
      height: 17px;
      border: 1px solid #444;
      background: #fff;
    }
  }

  .select__city--input:checked+.select__city--name:after {
    display: block;
    content: "";
    position: absolute;
    top: 15px;
    left: 4px;
    width: 9px;
    height: 6px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-bottom: solid;
    border-left: solid;
    margin-top: -.2em;
    opacity: 1;
    transform: translateY(-50%) rotate(-45deg);
    transition: opacity .2s;
    border-color: red;
    color: var(--color-red);
  }

  .select__city--cancel {
    background: var(--color-blue);
    font-size: var(--fs-detail);
    line-height: 1;
    color: #fff;
    padding: 2px 5px 3px;

    &:hover {
      cursor: pointer;
    }
  }
}

@media screen and (max-width: 750px) {
  .filter__wrapper {
    width: 100%;
    margin: 0 auto;
    padding: calc(43vw / 7.5) calc(30vw / 7.5) calc(47vw / 7.5);
  }

  .filter__top {
    text-align: center;
    font-weight: 800;
    font-size: var(--fs-label);
    margin-bottom: calc(32vw / 7.5);
  }

  .filter__city--wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: calc(8vw / 7.5) calc(6vw / 7.5);
    width: 100%;
    font-weight: 500;
  }

  .select__item {
    padding-left: calc(30vw / 7.5);
  }

  .select__city--input {
    display: none;
    position: relative;
  }

  .select__city--name {
    position: relative;
    cursor: pointer;
    font-size: var(--fs-navi);

    &:before {
      content: "";
      position: absolute;
      top: calc(6vw / 7.5);
      left: calc(-30vw / 7.5);
      width: calc(24vw / 7.5);
      height: calc(24vw / 7.5);
      border: 1px solid #444;
      background: #fff;
    }
  }

  .select__city--input:checked+.select__city--name:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(16vw / 7.5);
    left: calc(-27vw / 7.5);
    width: calc(13vw / 7.5);
    height: calc(7vw / 7.5);
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom: solid;
    border-left: solid;
    opacity: 1;
    transform: translateY(-50%) rotate(-45deg);
    transition: opacity .2s;
    border-color: red;
  }

  .select__city--cancel {
    font-size: var(--fs-navi);
    font-weight: 700;
    line-height: 1;
    color: var(--color-blue);
    padding-left: 1vw;

    &:hover {
      cursor: pointer;
    }
  }
}

.not-active,
.not-active-area {
  display: none !important;
}


/*商品リスト*/
@media screen and (min-width: 751px) {
  .product__list {
    max-width: 1104px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
    @media (701px <= width <= 900px) {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .product__list--item {
    background: #fff;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.2);
    display: grid;
    grid-template-rows: auto 1fr;
  }

  .product__list--img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
  }

  .product__list--label {
    background: #000;
    color: #fff;
    font-weight: 800;
    font-size: var(--fs-label);
    line-height: 1;
    padding: 12px 0;
    text-align: center;
  }

  .product__list--detailWrap {
    display: flex;
    flex-direction: column;
  }

  .product__list--text {
    display: flex;
    flex-direction: column;
  }

  .product__list--link-wrapper {
    display: flex;
    flex-direction: column;
    padding: 5px 15px 0;
    font-weight: 500;
  }

  .product__list--link-city,
  .product__list--link-nation-only {
    border-bottom: 1px dashed #000;
    padding: 10px 3px;
    position: relative;

    &:before {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: 2px;
      width: 20px;
      height: 20px;
      background: var(--color-darkblue);
      border-radius: 50%;
    }

    &:after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      right: 9px;
      width: 8px;
      height: 8px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
    }
  }

  .product__list--link-nation {
    text-align: right;
    font-size: var(--fs-detail);
    padding: 13px 18px 0 0;
    position: relative;

    &:after {
      position: absolute;
      content: "";
      bottom: 6px;
      right: 3px;
      width: 9px;
      height: 9px;
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
    }
  }

  .product__list--access {
    margin-top: auto;
    padding: 25px 15px;
    display: block;
    font-size: var(--fs-detail);
  }

  .product__list--access-title {
    display: inline-block;
    background: var(--color-blue);
    color: #fff;
    font-weight: 500;
    line-height: 1.1;
    padding: 7px 9px;
  }

  .product__list--access-detail {
    padding-top: 8px;
  }
}

@media screen and (max-width: 750px) {
  .product__list {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(74vw / 7.5);
  }

  .product__list--item {}

  .product__list--img {
    position: relative;
  }

  .product__list--img img {
    width: 100%;
    height: calc(163vw / 7.7);
    object-fit: cover;
  }

  .product__list--label {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: calc(50vw / 7.5);
    font-weight: 800;
    line-height: 1;
    color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-shadow: 0 0 calc(80vw / 7.5) #000;
  }

  .product__list--text {
    display: flex;
    flex-direction: column;
    font-size: var(--fs-title);
    padding: 0 calc(30vw / 7.5);
  }

  .product__list--link-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 500;
  }

  .product__list--link-city,
  .product__list--link-nation-only {
    border-bottom: 1px dashed #000;
    padding: calc(30vw / 7.5) 3px;
    position: relative;
    width: 100%;

    &:before {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      right: 2px;
      width: calc(40vw / 7.5);
      height: calc(40vw / 7.5);
      background: var(--color-darkblue);
      border-radius: 50%;
    }

    &:after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      right: calc(18vw / 7.5);
      width: calc(12vw / 7.5);
      height: calc(12vw / 7.5);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
    }
  }

  .product__list--link-nation {
    text-align: center;
    font-size: var(--fs-label);
    margin-top: calc(40vw / 7.5);
    padding-right: calc(25vw / 7.5);
    position: relative;
    line-height: 1;

    &:after {
      position: absolute;
      content: "";
      top: calc(8vw / 7.5);
      right: 0;
      width: calc(14vw / 7.5);
      height: calc(14vw / 7.5);
      border-top: 2px solid #000;
      border-right: 2px solid #000;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  }

  .product__list--access {
    margin: calc(50vw / 7.5) calc(30vw / 7.5) 0;
    padding: calc(28vw / 7.5);
    display: block;
    font-size: var(--fs-detail);
    background: var(--color-gray);
  }

  .product__list--access-title {
    color: var(--color-blue);
    font-weight: 800;
    line-height: 1.1;
  }

  .product__list--access-detail {
    padding-top: calc(18vw / 7.5);
    font-weight: 400;
  }
}

/*都市＆国リンク分岐用*/
.flag_all--only,
.flag_all--hwi,
.flag_only--all,
.flag_only--hwi,
.flag_hwi--all,
.flag_hwi--only {
  display: none;
}


/*エリア選択に戻るボタン*/
@media screen and (min-width: 751px) {
  .link__select--wrapper {
    display: flex;
    justify-content: center;
    color: var(--color-darkblue);
    margin-top: -20px;
  }

  .link__select {
    font-size: var(--fs-label);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: 28px;

    &:after {
      content: "";
      position: absolute;
      background: url(../images/double_arrow_top.svg);
      background-position: center center;
      background-size: 130%;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      width: 24px;
      height: 24px;
    }
  }
}

@media screen and (max-width: 750px) {
  .link__select--wrapper {
    display: flex;
    justify-content: center;
    color: var(--color-darkblue);
  }

  .link__select {
    font-size: var(--fs-label);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding-top: calc(37vw / 7.5);

    &:after {
      content: "";
      position: absolute;
      background: url(../images/double_arrow_top.svg);
      background-position: center center;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      width: calc(36vw / 7.5);
      height: calc(36vw / 7.5);
    }
  }
}


/*リンクボタン*/
@media screen and (min-width: 751px) {
  .link__button--wrapper {
    display: flex;
    justify-content: center;
    margin: 90px 0;
  }

  .link__button {
    background: var(--color-darkblue);
    border-radius: 50px;
    width: 500px;
    text-align: center;
    position: relative;
  }

  .link__button p {
    line-height: 1;
    font-size: var(--fs-title);
    font-weight: 700;
    color: #fff;
    padding: 30px 0;

    &:after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      right: 26px;
      width: 14px;
      height: 14px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
    }
  }
}

@media screen and (max-width: 750px) {
  .link__button--wrapper {
    display: flex;
    justify-content: center;
    padding: calc(80vw / 7.5) calc(40vw / 7.5);
  }

  .link__button {
    background: var(--color-darkblue);
    border-radius: 500px;
    width: 100%;
    text-align: center;
    position: relative;
  }

  .link__button p {
    line-height: 1.5;
    font-size: var(--fs-title);
    font-weight: 700;
    color: #fff;
    padding: calc(40vw / 7.5) 0;

    &:after {
      position: absolute;
      content: "";
      top: 50%;
      transform: translateY(-50%) rotate(45deg);
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      right: calc(40vw / 7.5);
      width: calc(24vw / 7.5);
      height: calc(24vw / 7.5);
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
    }
  }
}


/*よくある質問*/
@media screen and (min-width: 751px) {
  .faq__wrapper {
    max-width: 1104px;
    width: calc(100% - 40px);
    margin: 90px auto;
    display: grid;

    h3 {
      font-size: var(--fs-head);
      font-weight: 800;
      margin: 0 auto;
    }
  }

  .faq__list {
    margin-top: 80px;
  }

  .faq__item {
    width: 100%;
    margin-bottom: 40px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  .faq__item--q {
    font-size: var(--fs-label);
    font-weight: 700;
    padding: 0 0 15px 30px;
    border-bottom: 1px dashed #000;
    position: relative;

    &:before {
      position: absolute;
      content: "Q.";
      left: 0;
      top: 0;
    }
  }

  .faq__item--a {
    padding-top: 15px;
  }
}

@media screen and (max-width: 750px) {
  .faq__wrapper {
    width: 100%;
    margin: calc(80vw / 7.5) 0 calc(20vw / 7.5);
    display: grid;

    h3 {
      font-size: var(--fs-head);
      font-weight: 800;
      margin: 0 auto;
    }
  }

  .faq__list {
    margin: calc(80vw / 7.5) calc(30vw / 7.5) 0;
    display: flex;
    flex-wrap: wrap;
    gap: calc(54vw / 7.5);
  }

  .faq__item {
    width: 100%;
    font-size: var(--fs-label);
  }

  .faq__item--q {
    font-weight: 700;
    padding: 0 0 calc(20vw / 7.5) calc(40vw / 7.5);
    border-bottom: 1px dashed #000;
    position: relative;

    &:before {
      position: absolute;
      content: "Q.";
      left: 0;
      top: 0;
    }
  }

  .faq__item--a {
    padding-top: calc(20vw / 7.5);
    font-weight: 400;
  }
}


/*バナーエリア*/
@media screen and (min-width: 751px) {
  .bnr__area {
    max-width: 1104px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 20px 0 100px;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .bnr__area {
    width: 100%;
    padding: calc(20vw / 7.5) calc(30vw / 7.5) calc(65vw / 7.5);
  }

  .bnr__area img {
    width: 100%;
  }
}


/*PC/SP出し分け*/
@media screen and (max-width: 750px) {
  .PC_on {
    display: none !important;
  }
}

@media screen and (min-width: 751px) {
  .SP_on {
    display: none !important;
  }
}

/*  SP - ホテルTOPに戻るボタン */
.his-top__link {
  display: none;
}

/* SP - パンくず */
@media screen and (max-width: 750px) {

  #breadcrumbArea,
  .breadcrumb__contents {
    overflow-x: scroll;
  }
}

/* トップに戻るボタン */
@media screen and (min-width: 751px) {
  .goTop {
    z-index: 1000;
  }
}

@media screen and (max-width: 750px) {
  .goTop {
    z-index: 5000;
  }
}

/* アンカーリンク位置調整 */
@media screen and (min-width: 751px) {
  .anchor:before {
    content: "";
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden;
  }
}

@media screen and (max-width: 750px) {
  .anchor:before {
    content: "";
    display: block;
    height: calc(150vw / 7.5);
    margin-top: calc(-150vw / 7.5);
    visibility: hidden;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .base-textlink__link {
    &:hover {
      .base-textlink__text {
        text-decoration: underline;
        text-underline-offset: .2em;
      }
    }
  }
}