@charset "utf-8";
/* 「サルーテ」 レスポンシブ 全ページ共通CSS */
/*------------------------------------------------*/
/*★ リセット ★*/
h1, h2, h3, h4, h5, h6, p, ul {
  font-weight: inherit;
}
ol, pre {
  margin: 0;
}
li {
  list-style: none;
}
img {
  max-width: 100%;
  /*image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;*/
}
picture {
  display: block;
}
em {
  font-weight: bold;
}
em:not([class]) {
  font-style: normal;
}
div:after {
  content: none;
}
.main *::before, .main *::after {
  box-sizing: border-box;
}
.main div:not([class])::after {
  content: none;
}
.main a {
  text-decoration: none;
}
.main .is-em {
  font-weight: bold;
}
.goTop {
  z-index: 3;
}
.goTop__link {
  display: none;
}
.js-accordion-button, .js-toggleControl {
  cursor: pointer;
}
#simple-header {
  height: 88px;
  background: #fff;
}
.is-pc #simple-header {
  height: 85px;
}
#footer {
  padding-top: 40px;
  background: #fff;
}
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
#hisApp {
  position: relative;
}
:root {
  --default-font-family: "Noto Sans JP", sans-serif;
  --default-font-size-pc: 20;
  --default-font-size-pc-px: 20px;
  --default-font-size-sp: calc(28vw / 7.5);
  --default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc-px));
  --default-font-color: #000;
  --default-width-pc: 992px;
  --default-width-inner: min((670vw / 7.5), var(--default-width-pc));
  --default-width-inner2: min((710vw / 7.5), var(--default-width-pc));
  --default-color-red: #e90000;
  --default-color-blue: #0061b0;
  --default-color-light-blue: #1976d2;
  --default-color-orange: #ed6c01;
  --default-color-light-orange: #fbe2cc;
  --default-color-gray: #4c4c4c;
  --default-bg-setting-cover: no-repeat center center / cover;
  --default-bg-setting-contain: no-repeat center center / contain;
  --default-icon-arrow-right-white: url("/cmn/icon/icon_arrow_right_white.svg") var(--default-bg-setting-cover);
  --default-icon-arrow-down-black: url("/cmn/icon/icon_arrow_down_black.svg") var(--default-bg-setting-cover);
  --default-icon-blank-white: url("/cmn/icon/icon_launch_white.svg") var(--default-bg-setting-cover);
  --default-hover-speed: .3s;
  --default-hover-transition: opacity var(--default-hover-speed);
}
.main {
  font-family: var(--default-font-family);
  font-size: var(--default-font-size);
  color: var(--default-font-color);
  line-height: calc(20 / 14);
  overflow: hidden;
  background: none;
}
@media (min-width:751px) {
  .is-dsp-sp {
    display: none !important;
  }
}
@media (max-width:750px) {
  .is-dsp-pc {
    display: none !important;
  }
}
.is-font-small {
  font-size: .9em;
}
.is-font-big {
  font-size: 1.5em;
  line-height: 1;
}
.is-inline-block {
  display: inline-block;
}
.is-indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}
.is-pl-1 {
  padding-left: 1em;
}
.toggle__contents:not([class*="--active"]) {
  display: none;
}
.section__inner, .contents__wrapper {
  width: var(--default-width-inner);
  margin: auto;
  position: relative;
  z-index: 2;
  padding: min((60vw / 7.5), 60px) 0;
}
.his-top__link {
  background: #fff;
  padding-top: min((50vw / 7.5), 50px);
}
.his-top__button {
  display: block;
  color: #fff;
  font-size: min((26vw / 7.5), var(--default-font-size-pc-px));
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  padding: calc(30em / 26) calc(20em / 26);
  background: #0057B8 url("/cmn/icon/icon_arrow_right_white.svg") no-repeat right calc(10em / 26) center / calc(48em / 26);
}
/**/
/*★ 共通バナー ★*/
.base-banner {
  text-align: center;
}
.base-banner:not(:first-child) {
  margin-top: min((50vw / 7.5), 30px);
}
.base-banner__link {
  background: #fff;
  display: inline-block;
  transition: var(--default-hover-transition);
}
/*★ 共通タイトル ★*/
.base-title {
  font-weight: bold;
  text-align: center;
}
/*★ 共通ボタン ★*/
.base-button {
  margin: auto;
  width: min(100%, 420px);
}
.base-button.is-size-small {
  width: min((335vw / 7.5), 260px);
}
.base-button:not(:first-child), .base-button__wrapper {
  margin-top: min((80vw / 7.5), 30px);
}
.base-button__wrapper .base-button:not(:first-child) {
  margin-top: min((30vw / 7.5), 20px);
}
.base-button__link {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: var(--default-color-blue);
  color: #fff;
  text-align: center;
  font-weight: bold;
  min-height: min((120vw / 7.5), 80px);
  padding: .25em .5em;
  font-size: min((36vw / 7.5), 24px);
  line-height: 1.2;
  border-radius: 500px;
  transition: background-color var(--default-hover-speed);
  cursor: pointer;
}
.base-button.is-size-small .base-button__link {
  min-height: min((70vw / 7.5), 56px);
  font-size: min((26vw / 7.5), 18px);
  padding: .2em .5em;
}
.base-button.is-color-orange .base-button__link, .base-button.is-type-cv .base-button__link {
  background-color: var(--default-color-orange);
}
.base-button.is-size-small .base-button__text {
  padding-left: 1em;
}
.base-button__link::after {
  content: "";
  width: 1em;
  height: 1.5em;
  background: var(--default-icon-arrow-right-white);
  margin-left: .5em;
  margin-right: .25em;
}
.base-button__link[href^="#"]:not(.is-modal)::after {
  transform: rotate(90deg);
}
.base-button.is-type-return .base-button__link:not(.is-modal)::after {
  transform: rotate(180deg);
  order: 0;
}
.base-button__link.is-modal::after, .base-button__link[target="_blank"]::after {
  height: 1em;
  background: var(--default-icon-blank-white);
}
.base-button__link.is-close::after {
  width: 2em;
  height: 2em;
  background-image: url(/cmn/icon/icon_close_white.svg);
}
.base-button__text {
  flex: 1;
  padding-left: 1.75em;
}
.base-button.is-type-return .base-button__text {
  order: 1;
  padding-left: 0;
  padding-right: 1.75em;
}
.base-button__text span:not([class]) {
  font-size: .8em;
}
/*★ 共通テキストリンク ★*/
.base-text-link:not(:first-child) {
  margin-top: min((20vw / 7.5), 10px);
}
.base-text-link__link, .text-tel-link {
  color: #0057B8;
}
.text-tel-link {
  text-decoration: underline !important;
}
.base-text-link__link {
  display: inline-block;
  align-items: center;
  margin-right: .25em;
}
.base-text-link__text {
  display: flex;
  align-items: center;
}
.base-text-link__text::after {
  content: "";
  width: 1.5em;
  height: .7em;
  background: no-repeat center center / cover;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%230057B8%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ctitle%3Eicon_arrow_right%3C%2Ftitle%3E%20%3Cg%20id%3D%22%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M20.58579%2C14.27206h0a2%2C2%2C0%2C0%2C0%2C0%2C2.82842L30.48529%2C27l-9.89951%2C9.89951a2%2C2%2C0%2C0%2C0%2C0%2C2.82842h0a2%2C2%2C0%2C0%2C0%2C2.82842%2C0L34.72794%2C28.41421a2%2C2%2C0%2C0%2C0%2C0-2.82842L23.41421%2C14.27206A2%2C2%2C0%2C0%2C0%2C20.58579%2C14.27206Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.base-text-link__link[href^="#"]:not(.is-modal) .base-text-link__text::after {
  transform: rotate(90deg);
}
.base-text-link__link[target="_blank"] .base-text-link__text::after {
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%230057B8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C0h24v24H0V0z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M19%2C19H5V5h7V3H5C3.9%2C3%2C3%2C3.9%2C3%2C5v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2v-7h-2V19z%20M14%2C3v2h3.6l-9.8%2C9.8%20l1.4%2C1.4L19%2C6.4V10h2V3H14z%22%2F%3E%3C%2Fsvg%3E');
  margin-left: .25em;
}
/*★ 動画・GoogleMAP ★*/
.youtube, .googlemap {
  width: min(100%, 750px);
  margin: 0 auto;
}
.youtube__block, .googlemap__block {
  position: relative;
  height: 0;
}
.googlemap__block {
  padding-top: calc((2 / 5) * 100%);
  overflow: hidden;
}
.youtube__block {
  padding-top: calc((9 / 16) * 100%); /*YouTubeアスペクト比*/
  background: #000 no-repeat center center / 100%;
  cursor: pointer;
}
.youtube__block::before, .youtube__block::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.youtube__block::before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  transition: background var(--default-hover-speed);
}
.youtube__block::after {
  width: calc((120 / 750) * 100%);
  padding-top: calc((120 / 750) * 100%);
  height: 0;
  background: url("../images/icon-playback.png") var(--default-bg-setting-contain);
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.youtube__iframe, .googlemap__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/*★ 注釈 ★*/
.notes-title, .notes-item {
  color: var(--default-color-gray);
}
.notes-title {
  margin-bottom: .5em;
}
.notes-title:not(:first-child) {
  margin-top: 1.5em;
}
.notes-item {
  font-size: calc(18em / var(--default-font-size-pc));
}
.notes-item:not(:first-child) {
  margin-top: .3em;
}
.notes-item, .notes-item-notes {
  text-indent: -1em;
  padding-left: 1em;
}
.paid-end-text {
  display: grid;
  justify-content: center;
  font-weight: bold;
  color: red;
  font-size: min((36vw / 7.5), 28px);
  margin-bottom: 1em;
}
[id$="Area"] > .paid-end-text {
  width: var(--default-width-inner);
  margin-left: auto;
  margin-right: auto;
}
.paid-end-text__item {
  padding-left: 1em;
  text-indent: -1em;
}
/*★ マーカーテキスト ★*/
.base-text-marker {
  text-align: center;
}
.base-text-marker__text {
  display: inline-block;
  padding: 0 .25em;
  background: linear-gradient(transparent 75%, rgba(237, 108, 1, .5) 75%);
}
.base-text-marker.is-blue .base-text-marker__text {
  background: linear-gradient(transparent 75%, rgba(25, 118, 210, .5) 75%);
}
/*★ ボタンセット ★*/
.button__wrapper {
  width: var(--default-width-inner);
  margin: auto;
  display: grid;
  justify-items: center;
  gap: min((20vw / 7.5), 15px) min((20vw / 7.5), 20px);
}
.section__inner .button__wrapper:not(:first-child) {
  margin-top: min((60vw / 7.5), 80px)
}
.button__wrapper .base-button {
  margin: 0;
}
@media screen and (min-width:751px) {
  .button__wrapper {
    width: var(--default-width-inner2);
    justify-content: center;
    column-gap: 20px;
    grid-template-columns: repeat(2, min((50% - 10px), 400px));
  }
}
@media screen and (min-width:961px) {
  .button__wrapper {
    column-gap: 40px;
    grid-template-columns: repeat(2, min((50% - 20px), 400px));
  }
}
/*★ CV追従ボタン ★*/
.cv-fixed-button {
  position: fixed;
  z-index: 3;
  transition: right .6s, bottom .6s;
}
@media screen and (max-width:1119px) {
  .cv-fixed-button {
    width: 100%;
    height: auto;
    bottom: max((-150vw / 7.5), -100px);
    left: 0;
    background: rgba(237, 108, 1, .95);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  }
  .cv-fixed-button__link {
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: min((100vw / 7.5), 50px);
    color: #fff;
    padding-left: 1.5em;
  }
  .cv-fixed-button.is-show {
    bottom: 0;
  }
  .cv-fixed-button__link::after {
    content: "";
    width: 1em;
    height: 1.5em;
    background: var(--default-icon-arrow-right-white);
    margin-left: .5em;
  }
  .cv-fixed-button__link[target="_blank"]::after {
    height: 1em;
    background: var(--default-icon-blank-white);
  }
  .cv-fixed-button__text.is-type-pc {
    display: none;
  }
  .goTop {
    bottom: min((110vw / 7.5), 70px);
  }
}
@media screen and (min-width:1120px) {
  .cv-fixed-button {
    width: 230px;
    height: 138px;
    top: 0;
    bottom: 0;
    right: -400px;
    margin: auto;
  }
  .cv-fixed-button.is-show {
    right: 10px;
  }
  .cv-fixed-button__text.is-type-sp {
    display: none;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
/*★ header-obi ★*/
.header-obi {
  width: var(--default-width-inner2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: min((25vw / 7.5), 12px) auto;
}
.header-obi__logo {
  width: min((340vw / 7.5), 221px);
}
/*★ MV ★*/
.mv__wrapper:not(:last-child) {
  margin-bottom: min((40vw / 7.5), 40px);
}
.mv {
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.mv .slick-slide {
  background: #fff;
  font-size: 0;
}
.mv__item {
  width: min((710vw / 7.5), 900px) !important;
  transition: opacity .6s;
  margin: 0 min((23vw / 7.5), 23px);
}
.mv .slick-slide:not(.slick-current) .mv__item {
  opacity: .4;
}
.mv__play {
  display: grid;
  justify-content: center;
  margin-top: min((20vw / 7.5), 12px);
}
.mv__play--item {
  background: #000;
  color: #fff;
  cursor: pointer;
  border-radius: 100px;
  padding: .25em 1em .4em;
  font-size: min((24vw / 7.5), var(--default-font-size-pc-px));
  line-height: 1;
}
.mv__dots {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: min((30vw / 7.5), 15px);
}
.mv__dots button[id*="slick-slide-control"] {
  text-indent: -9999px;
  width: min((30vw / 7.5), 20px);
  height: min((30vw / 7.5), 20px);
  border-radius: 100%;
  background: #b7b7b7;
  border: none;
  margin: 0 14px;
  cursor: pointer;
}
.mv__dots .slick-active button[id*="slick-slide-control"] {
  background: #000;
}
.mv__nextprev {
  width: min((26vw / 7.5), 26px);
  height: min((62vw / 7.5), 62px);
  background: url("/cmn/icon/icon_arrow_right_black.svg") var(--default-bg-setting-cover) rgba(255, 255, 255, .5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  cursor: pointer;
  --default-nextprev-Xposi: translateX(min((330vw / 7.5), 474px));
}
.mv__nextprev.is-prev {
  transform: rotate(180deg) var(--default-nextprev-Xposi) translateY(min((30vw / 7.5), 17.5px));
}
.mv__nextprev.is-next {
  transform: var(--default-nextprev-Xposi) translateY(max((-30vw / 7.5), -17.5px));
}
/*★ ＝＝ breadcrumbArea ＝＝ ★*/
#breadcrumbArea {
  background: #fff;
}
/*★ ＝＝ naviArea ＝＝ ★*/
#naviArea {
  padding: min((55vw / 7.5), 60px) 0 min((60vw / 7.5), 30px);
}
#naviArea .contents__wrapper {
  padding: 0;
}
/*★ セクションナビ ★*/
.section-navi__item.is-schedule {
  white-space: nowrap;
}
.section-navi__link {
  background: #fff no-repeat center center;
  color: inherit;
  display: grid;
  align-items: center;
  justify-items: center;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.section-navi__item.is-about .section-navi__link {
  background-size: min((158vw / 7.5), 103px);
}
.section-navi__item.is-tokuten .section-navi__link {
  background-size: min((54vw / 7.5), 35px);
}
.section-navi__item.is-price .section-navi__link {
  background-size: min((64vw / 7.5), 40px);
}
.section-navi__item.is-subscribe .section-navi__link {
  background-size: min((45vw / 7.5), 33px);
}
.section-navi__item.is-schedule .section-navi__link {
  background-size: min((66vw / 7.5), 40px);
}
.section-navi__item.is-faq .section-navi__link {
  background-size: min((69vw / 7.5), 43px);
}
/*★ 【セクションナビ】固定 ★*/
.section-navi__list.is-type-default {}
.section-navi__list.is-type-default .section-navi__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: min((20vw / 7.5), 10px) min((10vw / 7.5), 6px);
}
.section-navi__list.is-type-default .section-navi__link {
  min-height: min((106vw / 7.5), 70px);
  border-radius: 4px;
  border: min((2vw / 7.5), 2px) solid #000;
  align-items: end;
  padding: min((8vw / 7.5), 5px);
}
.section-navi__list.is-type-default .section-navi__link::after {
  content: "";
  width: 1.25em;
  height: .5em;
  background: var(--default-icon-arrow-down-black);
}
/*★ 【セクションナビ】追従 ★*/
.section-navi__list.is-type-fixed {
  width: 100%;
  background: #fff;
  position: fixed;
  top: -100px;
  left: 0;
  z-index: 10;
  transition: top var(--default-hover-speed);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
}
.section-navi.is-fixed .section-navi__list.is-type-fixed {
  top: 0;
}
.section-navi__list.is-type-fixed .section-navi__inner {
  width: min(100%, var(--default-width-pc));
  display: flex;
  justify-content: space-between;
}
.section-navi__list.is-type-fixed .section-navi__item {
  flex: 1;
  display: grid;
  min-height: min((120vw / 7.5), 80px);
}
.section-navi__list.is-type-fixed .section-navi__link {
  background-position: center min((14vw / 7.5), 12px);
  padding-bottom: min((14vw / 7.5), 14px);
  position: relative;
}
.section-navi__list.is-type-fixed .section-navi__link::after {
  content: "";
  width: 80%;
  height: min((8vw / 7.5), 8px);
  background: var(--default-color-orange);
  position: absolute;
  bottom: min((6vw / 7.5), 6px);
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}
.section-navi__list.is-type-fixed .section-navi__link.is-current::after {
  opacity: 1;
}
@media screen and (max-width:860px) {
  .section-navi__list.is-type-fixed .section-navi__text--text .is-dsp-irregular {
    display: none;
  }
  .section-navi__list.is-type-fixed .section-navi__item {
    position: relative;
  }
  .section-navi__list.is-type-fixed .section-navi__item:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 60%;
    background: #e4e4e4;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.5px;
    margin: auto;
  }
  .section-navi__list.is-type-fixed .section-navi__link {
    font-size: min((18vw / 7.5), 14px);
    padding: min((20vw / 7.5), 10px) .5em min(calc(24vw / 7.5), 24px);
    background-position: center min((30vw / 7.5), 20px);
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-about .section-navi__link {
    /*background-size: min((82vw / 7.5), 82px);*/
    background-size: 86%;
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-tokuten .section-navi__link {
    background-size: min((28vw / 7.5), 28px);
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-price .section-navi__link {
    background-size: min((33vw / 7.5), 33px);
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-subscribe .section-navi__link {
    background-size: min((26vw / 7.5), 26px);
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-schedule .section-navi__link {
    background-size: min((30vw / 7.5), 30px);
  }
  .section-navi__list.is-type-fixed .section-navi__item.is-faq .section-navi__link {
    background-size: min((35vw / 7.5), 35px);
  }
  .section-navi__list.is-type-fixed .section-navi__text--text {
    margin-top: auto;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea .section__inner {
  padding: min((80vw / 7.5), 80px) 0;
}
/*main-text*/
.main-text {
  text-align: center;
  font-weight: bold;
  font-size: min((36vw / 7.5), 28px);
}
/*detail-text*/
.detail-text {
  font-weight: bold;
  text-align: center;
}
.main-text:not(:last-child) {
  margin-bottom: 1em;
}
/*section__title*/
.section__title {
  display: grid;
  font-weight: bold;
  text-align: center;
  padding-bottom: min((50vw / 7.5), 50px);
  margin-bottom: min((40vw / 7.5), 30px);
  background: url("../images/ttl_kazari.png") no-repeat center bottom / min((236vw / 7.5), 236px);
  position: relative;
}
.section__title--sub {
  font-size: min((36vw / 7.5), 32px);
  margin-bottom: calc(20em / 32);
  line-height: 1.2;
}
.section__title--sub.is-kazari {
  display: grid;
  grid-template-columns: 1em auto 1em;
  gap: 1em;
  justify-content: center;
  justify-items: center;
}
.section__title--sub.is-kazari::before, .section__title--sub.is-kazari::after {
  content: "";
  height: 1em;
  width: 2px;
  background: var(--default-font-color);
}
.section__title--sub.is-kazari::before {
  transform: rotate(-25deg);
}
.section__title--sub.is-kazari::after {
  transform: rotate(25deg);
}
.section__title--main {
  font-size: min((54vw / 7.5), 48px);
  line-height: calc(60 / 54);
}
/*section__sub-title*/
.section__sub-title {
  font-size: min((42vw / 7.5), 36px);
  font-weight: bold;
  margin-bottom: min((60vw / 7.5), 60px);
}
/*step*/
.step {
  display: grid;
  gap: min((40vw / 7.5), 50px) min((20vw / 7.5), 10px);
  counter-reset: item;
  list-style-type: none;
}
.step__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.step__label, .step__label--text {
  display: flex;
  align-items: center;
}
.step__label {
  background: #000;
  color: #fff;
  padding: min((12vw / 7.5), 12px) min((40vw / 7.5), 20px);
}
.step__label::after {
  content: "";
  width: min((13vw / 7.5), 12px);
  height: min((29vw / 7.5), 26px);
  background: url("../images/step_gird_arrow.png") var(--default-bg-setting-contain);
  margin-left: min((26vw / 7.5), 26px);
}
.step__label--text {
  font-size: calc(14em / var(--default-font-size-pc));
}
.step__label--text::after {
  content: counter(item);
  counter-increment: item;
  font-size: 1.5em;
  line-height: 1;
  margin-left: 0.25em;
}
.step__item.is-set-number .step__label--text::after {
  content: attr(data-set-number);
}
.step__item--inner {
  flex: 1;
  background: #fff;
  width: 100%;
  border-top: min((10vw / 7.5), 6px) solid #000;
  padding: min((40vw / 7.5), 24px) min((40vw / 7.5), 20px) min((60vw / 7.5), 45px);
  display: grid;
  align-content: start;
  align-items: start;
}
.is-mac .step__item--inner {
  padding: min((40vw / 7.5), 24px) min((30vw / 7.5), 15px) min((60vw / 7.5), 45px);
}
.step__item--image {
  height: min((480vw / 7.5), 312px);
  object-fit: contain;
  margin: auto;
}
.step__item--text:not(:first-child) {
  margin-top: min((30vw / 7.5), 22px);
}
.step__item--notes {}
/*stepページ*/
.is-step .step__label {
  background: var(--default-color-orange);
}
.is-step .step.free-step .step__label {
  background: var(--default-color-light-blue);
}
.is-step .step__item--inner {
  border-top-color: var(--default-color-orange);
}
.is-step .step.free-step .step__item--inner {
  border-top-color: var(--default-color-light-blue);
}
@media (min-width:720px) {
  .step {
    --default-grid-size-col2: calc((100% - 10px) / 2);
    --default-grid-size-col3: calc((100% - 20px) / 3);
    column-gap: 10px;
    grid-template-columns: repeat(2, var(--default-grid-size-col2));
  }
  .step.is-length-1 {
    grid-template-columns: repeat(1, var(--default-grid-size-col2));
    justify-content: center;
  }
  .step__label::after {
    margin-left: min((20vw / 7.5), 16px);
    transform: rotate(-90deg);
  }
}
@media (min-width:1030px) {
  .step {
    grid-template-columns: repeat(3, var(--default-grid-size-col3));
  }
  .step.is-length-2 {
    grid-template-columns: repeat(2, var(--default-grid-size-col3));
    justify-content: center;
  }
  .step.is-length-1 {
    grid-template-columns: repeat(1, var(--default-grid-size-col3));
    position: relative;
  }
  .step.is-length-1::after {
    content: "";
    width: 284px;
    height: 161px;
    background: url("../images/step/illust-02.png") var(--default-bg-setting-contain);
    position: absolute;
    bottom: -52px;
    right: 0;
  }
}
/*★ section-about ★*/
#section-about {
  background: #fdf0e5;
}
#section-about .section__title::before {
  content: "";
  width: min((153vw / 7.5), 94px);
  height: min((168vw / 7.5), 103px);
  background: url("../images/index/about_illust-glass.png") var(--default-bg-setting-contain);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateX(min((198vw / 7.5), 166px)) translateY(max((-28vw / 7.5), -38px));
}
.about-list {
  background: #fff;
  padding: min((50vw / 7.5), 40px) min((40vw / 7.5), 30px);
  font-weight: bold;
  position: relative;
}
.about-list::after {
  content: "";
  width: min((337vw / 7.5), 337px);
  height: min((115vw / 7.5), 115px);
  background: url("../images/index/about_illust-TravelAndHealth.png") var(--default-bg-setting-contain);
  position: absolute;
  right: max((-25vw / 7.5), -25px);
}
.about-list__item {
  display: grid;
  grid-template-columns: 2em 1fr;
  align-items: baseline;
}
.about-list__item:not(:first-child) {
  margin-top: .5em;
}
.about-list__item::before {
  content: "";
  height: 1.25em;
  width: 1.25em;
  background: url("../images/icon_check.png") var(--default-bg-setting-contain);
  transform: translateY(.25em)
}
@media (min-width:961px) {
  .about-detail {
    display: grid;
    grid-template-columns: min((445vw / 7.5), 445px) 1fr;
    align-items: flex-end;
  }
  .about-list {
    margin-bottom: min((80vw / 7.5), 80px);
  }
  .about-list::after {
    bottom: max((-80vw / 7.5), -80px);
  }
  .about-list__item:not(:first-child) {
    margin-top: .75em;
  }
}
@media (max-width:960px) {
  .about-photo {
    width: min((336vw / 7.5), 336px);
    margin: auto;
    position: relative;
  }
  .about-photo:not(:last-child) {
    margin-bottom: min((50vw / 7.5), 50px);
  }
  .about-photo::after {
    content: "";
    width: min((55vw / 7.5), 55px);
    height: min((79vw / 7.5), 79px);
    background: url("../images/index/about_illust-kazari.png") var(--default-bg-setting-contain);
    position: absolute;
    top: min((27vw / 7.5), 27px);
    left: max((-89vw / 7.5), -89px);
  }
  .about-list::after {
    top: max((-82vw / 7.5), -82px);
  }
}
/*★ section-tokuten ★*/
#section-tokuten {
  background: url("../images/bg_pattern-A.png") repeat 0 0 / min((88vw / 7.5), 88px);
}
.price-text {
  text-align: center;
  font-weight: bold;
  margin-top: min((40vw / 7.5), 20px);
}
.price-text__label {
  display: inline-block;
  background: var(--default-color-orange);
  color: #fff;
  padding: .25em 1em;
  margin-right: 1em;
  border-radius: 4px;
}
.tokuten-list {
  width: min((590vw / 7.5), var(--default-width-pc));
  margin: auto;
  margin-top: min((50vw / 7.5), 40px);
  display: grid;
  gap: min((40vw / 7.5), 40px);
}
@media (min-width:961px) {
  .tokuten-list {
    gap: 40px;
    grid-template-columns: repeat(2, calc(50% - 20px));
  }
}
.tokuten-list__item {
  display: grid;
  justify-items: center;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.tokuten-list__item--number {
  width: min((102vw / 7.5), 102px);
  margin-right: auto;
}
.tokuten-list__item:is(.is-salute, .is-tour) .tokuten-list__item--img {
  margin-top: max((-50vw / 7.5), -20px);
}
.tokuten-list__item--img {
  width: var(--size);
  .is-salute & {
    --size: min((304vw / 7.5), 304px);
  }
  .is-coupon & {
    --size: min((296vw / 7.5), 296px);
  }
  .is-tour & {
    --size: min((232vw / 7.5), 232px);
  }
  .is-web & {
    --size: min((273vw / 7.5), 273px);
  }
}
.tokuten-list__item--texts {
  /* margin-top: auto;*/
  padding-top: 1.5em;
}
.tokuten-list__item--notes {
  margin-top: .75em;
  font-size: .7em;
}
.tokuten-list__item--notes--item {
  text-indent: -1em;
  padding-left: 1em;
  &:not(:first-child) {
    margin-top: .25em;
  }
}
.tokuten-notes {
  background: #fff;
  color: var(--default-color-gray);
  border: 2px solid;
  padding: 1.5em 2em;
  margin-top: min((120vw / 7.5), 80px);
}
.tokuten-notes .notes-title {
  margin-bottom: .8em;
}
/*★ section-price ★*/
#section-price {}
.price-table {
  text-align: center;
  margin-top: min((50vw / 7.5), 40px);
}
.price-notes {
  margin-top: 2em;
}
/*★ section-subscribe ★*/
#section-subscribe {
  background: #e5eff7;
}
#section-subscribe .section__title--sub {
  width: min((129vw / 7.5), 117px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateX(max((-288vw / 7.5), -268px))
}
.subscribe__attention {
  margin-top: min((60vw / 7.5), 70px);
}
/*★ section-schedule ★*/
#section-schedule .section__inner {
  width: var(--default-width-inner2);
}
.schedule {
  display: grid;
  grid-template-columns: repeat(auto-fit, min((144vw / 7.5), 180px));
  justify-content: space-between;
}
.schedule__item, .schedule__item--block {
  display: grid;
  justify-items: center;
  font-weight: bold;
}
.schedule__item {
  row-gap: min((12vw / 7.5), 12px);
  align-content: end;
}
.schedule__item--day {
  letter-spacing: -1px;
}
.schedule__item--block {
  row-gap: min((12vw / 7.5), 20px);
  padding: min((25vw / 7.5), 30px) 0;
  width: 100%;
  position: relative;
}
.schedule__item.is-spring .schedule__item--block {
  background: #f2c9d9;
  color: #be718e;
}
.schedule__item.is-summer .schedule__item--block {
  background: #c9e1f2;
  color: #6094b9;
}
.schedule__item.is-autumn .schedule__item--block {
  background: #f2dac9;
  color: #af815f;
}
.schedule__item.is-winter .schedule__item--block {
  background: #cfd1ee;
  color: #767bb8;
}
.schedule__item.is-spring .schedule__item--icon {
  width: min((76vw / 7.5), 95px);
}
.schedule__item.is-summer .schedule__item--icon {
  width: min((76vw / 7.5), 95px);
}
.schedule__item.is-autumn .schedule__item--icon {
  width: min((78vw / 7.5), 97px);
}
.schedule__item.is-winter .schedule__item--icon {
  width: min((59vw / 7.5), 74px);
}
.schedule__item.is-autumn .schedule__item--block, .schedule__item.is-winter .schedule__item--block {
  row-gap: min((10vw / 7.5), 14px);
}
.schedule__item:not(:last-child) .schedule__item--block::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: min((15vw / 7.5), 15px) 0 min((15vw / 7.5), 15px) min((20vw / 7.5), 20px);
  border-color: transparent transparent transparent #b2b2b2;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: translateX(min((34vw / 7.5), 36px));
}
@media (min-width:961px) {
  .schedule__item:not(:last-child) .schedule__item--block::after {
    border-width: min((15vw / 7.5), 25px) 0 min((15vw / 7.5), 25px) min((20vw / 7.5), 30px);
    transform: translateX(calc(31vw / 7.5));
  }
}
@media (min-width:986px) {
  .schedule__item:not(:last-child) .schedule__item--block::after {
    transform: translateX(min((41vw / 7.5), 62px));
  }
}
.schedule__notes {
  text-align: right;
  margin-top: 1em;
  font-size: calc(18em / var(--default-font-size-pc));
  color: var(--default-color-gray);
}
.schedule__detail {
  margin-top: min((60vw / 7.5), 60px);
}
.schedule__detail--text {
  font-weight: bold;
  text-align: center;
  margin-bottom: min((30vw / 7.5), 38px);
}
.schedule__detail--text--marker {
  font-size: min((48vw / 7.5), 30px);
  margin: 0 .25em .25em;
  display: inline-block;
  background: linear-gradient(transparent 75%, rgba(237, 108, 1, .6) 75%);
}
.schedule__detail--list {
  display: grid;
  justify-content: center;
  gap: min((10vw / 7.5), 5px);
}
.schedule__detail--item {
  background: #ececec;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .25em min((20vw / 7.5), 80px);
  font-size: min((23vw / 7.5), var(--default-font-size-pc-px));
}
.schedule__detail--item.is-active {
  font-weight: bold;
  background: var(--default-color-light-orange);
}
.schedule__detail--item--target {
  padding-left: min((50vw / 7.5), 100px);
  white-space: nowrap;
}
/*★ section-faq ★*/
#section-faq {
  background: url("../images/bg_pattern-B.png") repeat 0 0 / min((96vw / 7.5), 96px);
}
#section-faq .section__inner {
  width: var(--default-width-inner2);
}
.faq-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: min((20vw / 7.5), 10px);
  margin-bottom: min((40vw / 7.5), 40px);
}
.faq-list__item {
  display: grid;
  justify-content: center;
  align-items: center;
  padding: .25em .25em .4em;
  background: #fff;
  border-radius: min((10vw / 7.5), 5px);
  border: 2px solid #000;
  font-size: min((32vw / 7.5), 24px);
  font-weight: bold;
  text-align: center;
  min-height: min((80vw / 7.5), 60px);
}
.faq-list__item[class*="active"] {
  background: var(--default-color-blue);
  border-color: var(--default-color-blue);
  color: #fff;
}
.faq-content__item {
  background: #fff;
  border-left: #9c9c9c solid min((8vw / 7.5), 6px);
  padding: min((40vw / 7.5), 20px) min((30vw / 7.5), 16px) min((50vw / 7.5), 30px);
}
.faq-content__item:not(:first-child) {
  margin-top: min((30vw / 7.5), 30px);
}
.faq-content__item--Q, .faq-content__item--A {
  display: grid;
  grid-template-columns: 3em 1fr;
  align-items: baseline;
}
.faq-content__item--A {
  margin-top: min((30vw / 7.5), 20px);
  color: var(--default-color-gray);
}
.faq-content__item--Q::before, .faq-content__item--A::before {
  font-weight: bold;
  font-size: calc(36em / var(--default-font-size-pc));
  line-height: 1;
  transform: translateY(0.15em);
}
.faq-content__item--Q::before {
  content: "Q.";
  color: var(--default-color-blue);
}
.faq-content__item--A::before {
  content: "A.";
  color: #9c9c9c;
}
.faq-content__item--A .base-text-link__link[href^="#section-"] .base-text-link__text::after {
  transform: rotate(-90deg);
}
/*★ section-step-lead ★*/
#section-step-lead .lead {
  margin-top: min((50vw / 7.5), 50px);
}
#section-step-lead .lead__detail--title {
  font-size: min((36vw / 7.5), 28px);
}
#section-step-lead .lead__detail {
  display: grid;
  justify-content: center;
  gap: min((60vw / 7.5), 55px) 0;
  text-align: center;
}
@media (min-width:1021px) {
  #section-step-lead .lead {
    display: grid;
    justify-content: end;
    margin-top: min((90vw / 7.5), 90px);
  }
  #section-step-lead .lead__detail {
    justify-items: start;
    align-content: start;
    padding-left: min((290vw / 7.5), 290px);
    min-height: min((241vw / 7.5), 241px);
    background: url("../images/step/illust-01.png") no-repeat left center / min((263vw / 7.5), 263px);
    text-align: left;
  }
}
@media (min-width:751px) {
  #section-step-lead .lead__detail .is-dsp-irregular {
    display: none;
  }
}
/*★ section-step-common ★*/
#section-step-common {
  background: url(../images/bg_pattern-A.png) repeat 0 0 / min((88vw / 7.5), 88px);
}
/*★ section-step-paid ★*/
#section-step-paid {
  background: var(--default-color-light-orange);
}
/*★ section-step-free ★*/
#section-step-free {
  background: #e8f1fa;
}
/*------------------------------------------------*/
/*★ ＝＝ footerArea ＝＝ ★*/
/*★お問い合わせ★*/
#contact {
  background: #c9e1f2;
  font-weight: bold;
}
.contact {
  margin: .25em .5em;
}
.contents__title, .contact__name {
  font-size: min((30vw / 7.5), 30px);
}
.contact__name {
  margin-bottom: .5em;
}
.contact__detail {
  text-align: center;
}
.contact__detail--tel, .contact__detail--form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact__detail--tel {
  font-size: min((64vw / 7.5), 64px);
}
.contact__detail--tel--link {
  color: inherit;
}
.contact__detail--tel::before, .contact__detail--form::before {
  content: "";
}
.contact__detail--tel::before {
  width: 1em;
  height: 1em;
  background: url(/cmn/icon/icon_tel_black.svg) var(--default-bg-setting-contain);
  transform: rotate(20deg) translateY(.125em);
}
.contact__detail--time {
  font-size: min((24vw / 7.5), 24px);
}
.contact__detail--form {
  font-size: min((40vw / 7.5), 40px);
  line-height: 1em;
  margin-top: 1em;
  margin-left: -.5em;
}
.contact__detail--form::before {
  width: 1.25em;
  height: 1.25em;
  margin-right: .5em;
  background: url(/cmn/icon/icon_mail_black.svg) var(--default-bg-setting-contain);
}
.contact__detail--form .base-text-link__link {
  color: inherit;
  margin: 0;
  text-decoration: none !important;
}
.contact__detail--form .base-text-link__link::after {
  content: "";
  display: block;
  width: auto;
  height: 2px;
  background: #000;
  margin-top: .125em;
}
.contact__detail--form .base-text-link__text::after {
  content: none;
}
.contact__detail--notes {
  font-weight: normal;
  text-align: left;
  margin-top: 1.5em;
}
.contact__detail--notes--list.is-attention {
  color: var(--default-color-red);
}
.contact__detail--notes--list:not(:first-child) {
  margin-top: 1em;
}
/*------------------------------------------------*/
/*★ ＝＝ ホバー設定 ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .headfoot-is-pc .base-text-link__link:hover {
    text-decoration: underline;
  }
  .headfoot-is-pc .faq-list__item:hover {
    background: var(--default-color-blue);
    border-color: var(--default-color-blue);
    color: #fff;
  }
  .headfoot-is-pc .cv-fixed-button__link:hover, .headfoot-is-pc .mv__nextprev:hover, .headfoot-is-pc .mv__play--item:hover, .headfoot-is-pc .base-button__link:hover {
    opacity: .7;
  }
  .headfoot-is-pc .contact__detail--form .base-text-link__link:hover::after {
    opacity: 0;
  }
  .headfoot-is-pc .section-navi__list.is-type-fixed .section-navi__link:hover::after {
    opacity: 1;
  }
  .headfoot-is-pc .section-navi__list.is-type-default .section-navi__link:hover {
    background-color: var(--default-color-light-orange);
  }
}
/*------------------------------------------------*/
/*★ ＝＝ アーカイブページ ＝＝ ★*/
.sp-only {
  display: none;
}
#archive * {
  color: #333;
}
#archive a {
  color: #0057B8;
}
#archive .section__inner {
  padding: min((60vw / 7.5), 60px) 0;
}
.archive__title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding-bottom: min((50vw / 7.5), 50px);
  margin-bottom: min((40vw / 7.5), 30px);
  background: url("../images/ttl_kazari.png") no-repeat center bottom / min((236vw / 7.5), 236px);
}
/* アーカイブが3つ以上になった場合 */
/* .archive__list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin: 0 auto;
} */
/* アーカイブが2つ以下の場合 */
.archive__list {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  gap: 32px;
}
.archive__item {
  width: calc((100% - 64px) / 3);
}
@media screen and (max-width:769px) {
  .archive__item {
    width: auto;
    max-width: calc(50% - 12px);
  }
}
.archive__item img {
  width: 100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all .5s;
}
.archive__item-desc {
  font-size: 16px;
  margin-top: 8px;
}
.archive__item-desc + .archive__item-desc {
  margin-top: 16px;
}
.archive__item-desc a {
  display: block;
  font-size: 15px;
  padding-left: 12px;
  position: relative;
}
.archive__item-desc a:hover {
  text-decoration: underline;
}
.archive__item-desc a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(/cmn/icon/icon_arrow_right.svg);
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 11px;
  left: -8px;
  transform: translateY(-50%);
}
@media screen and (max-width:769px) {
  .archive__title {
    font-size: 24px;
  }
  .archive__list {
    justify-content: space-between;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .archive__item-desc {
    font-size: 16px;
  }
  .archive__item-desc a {
    font-size: 13px;
  }
  .archive__item-desc a::before {
    width: 20px;
    height: 20px;
    left: -6px;
  }
}
@media screen and (max-width:375px) {
  .sp-only {
    display: block;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  .base-banner__link {
    .base-banner__image {
      transition: var(--default-hover-transition);
    }
    &:hover {
      .base-banner__image {
        opacity: .7;
      }
    }
  }
}