@charset "UTF-8";

.VER-A-PREV{
  display: none !important;
}
.VER-A-NEW{
  /* display: none !important; */
}
.VER-C-NEW{
  /* display: none !important; */
}

/*=========================
 common
==========================*/
*, *:before, *:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
}
body {
  width: 100%;
  height: auto;
  background: #fff;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
.container {
  width: 100%;
  display: block;
  overflow-x: hidden;/*横スクロール回避*/
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  height: auto;
}
a {
  color: #000;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:not(.mouseover):hover {
  opacity: 0.5;
}

/* @media screen and (min-width: 768px) {
.pc-none {
  display: none !important;
}
}

@media screen and (max-width: 767px) {
.sp-none {
  display: none !important;
}
} */
.section {
  margin: 143px auto 150px;
}

/* @media screen and (max-width: 767px) { */
.section {
  margin: min(14.4vw, 72px) auto;
}
/* } */
.section--bg {
  background: #f5f5f5;
  padding: 8% 0;
}

/* @media screen and (max-width: 767px) { */
.section--bg {
  padding: min(13.3333333vw, 66.666666px) 0;
}
/* } */
.section-ttl {
  margin-bottom: 80px;
}
.section-ttl__sub {
  margin-top: 28px;
  display: block;
}

/* @media screen and (max-width: 767px) { */
.section-ttl {
  margin-bottom: min(12vw, 60px);
}
.section-ttl__sub {
  margin-top: min(3vw, 15px);
}
/* } */
.inner-ttl {
  font-size: 52px;
  text-align: center;
  line-height: 135%;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
}
.inner-ttl--strong {
  font-size: 65px;
  margin-bottom: 66px;
}

/* @media screen and (max-width: 1200px) { */
.inner-ttl {
  font-size: min(7.33333333vw, 36.666667px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.5vw, 27.5px);
}
.inner-ttl--strong {
  font-size: min(9.06666667vw, 45.333333px);
}
/* } */

/* @media screen and (max-width: 1200px) { */
.inner-ttl-area {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* } */
.inner-ttl__sub {
  font-size: 34px;
  text-align: center;
  line-height: 150%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* @media screen and (max-width: 767px) { */
.inner-ttl__sub {
  font-size: min(4.26666667vw, 21.333333px);
}
/* } */
.lead {
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.12em;
}

/* @media screen and (max-width: 767px) { */
.lead {
  font-size: min(3.0vw, 15px);
  letter-spacing: 0.065em;
}
/* } */
.lead--center {
  text-align: center;
}
.lead--left {
  text-align: left;
}

/* @media screen and (max-width: 767px) { */
.lead--center {
  text-align: center;
}
/* } */
.btn--primary {
  width: 540px;
  margin: 0 auto;
}

/* @media screen and (max-width: 1200px) { */
.btn--primary {
  width: min(45vw, 225px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.btn--primary {
  width: min(86.6666667vw, 433.333333px);
}
/* } */

.btn__text{
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.btn__flex{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(3vw, 25px);
  margin-top: 15px;
}

.btn__link {
  display: block;
}

.btn--secondary {
  max-width: 580px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 14px;
  margin: 0 auto;
  text-align: center;
}

/* @media screen and (max-width: 767px) { */
.btn--secondary {
  width: min(77.3333333vw, 386.666667px);
}
/* } */
.btn__link--secondary {
  font-size: 25px;
  font-weight: 600;
  padding: 4% 5%;
}

/* @media screen and (max-width: 767px) { */
.btn__link--secondary {
  font-size: min(3.73333333vw, 18.666667px);
}
/* } */
.btn--tertiary {
  background: #00b900;
  border-radius: 14px;
  margin: 0 auto;
  text-align: center;
}

/* @media screen and (max-width: 1200px) { */
.btn--tertiary {
  width: min(45vw, 225px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.btn--tertiary {
  width: min(77.3333333vw, 386.666667px);
  border-radius: 0;
}
/* } */
.btn__link--tertiary {
  font-size: 32px;
  color: #fff;
  letter-spacing: 3px;
  padding: 4%;
}

/* @media screen and (max-width: 1200px) { */
.btn__link--tertiary {
  font-size: min(2.7vw, 13.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.btn__link--tertiary {
  font-size: min(4.26666667vw, 21.333333px);
}
/* } */
.bnr_spread {
  max-width: 940px;
  width: 86%;
  margin: 80px auto 112px;
}
#spread .bnr_spread {
  width: 92%;
  margin: 25px auto 60px;
}
.bnr_spread__link {
  padding-bottom: 15.6382979%;
  display: block;
}
.bnr_spread__link:hover{ 
  cursor : pointer;
  opacity: 0.6;
  transition: .2s ease-in-out;
}
/* @media screen and (max-width: 767px) { */
.bnr_spread {
  margin: min(14.1333vw, 70.6665px) auto min(15.0666667vw, 75.333334px);
}
#spread .bnr_spread {
  margin: min(3.3333vw, 16.6665px) auto 0;
}
.bnr_spread__link {
  padding-bottom: 34.7761194%;
}
/* } */
.bnr {
  max-width: 940px;
  width: 86%;
  /* margin: 88px auto 112px; */
  margin: 88px auto 80px;
}
.bnr__link {
  padding-bottom: 15.6382979%;
  display: block;
}
.bnr__link:hover{ 
  cursor : pointer;
  opacity: 0.6;
  transition: .2s ease-in-out;
}
/* @media screen and (max-width: 767px) { */
.bnr {
  /* margin: min(14.5333333vw, 72.666667px) auto min(15.0666667vw, 75.333334px); */
  margin: min(4vw, 20px) auto min(14.1333vw, 70.6665px);
}
.bnr__link {
  padding-bottom: 34.7761194%;
}
/* } */
.mouseover {
  position: relative;
}

/* @media screen and (min-width: 769px) { */
.mouseover__off:hover {
  opacity: 0;
}
/* } */
.mouseover__off, .mouseover__on {
  transition: opacity 0.3s ease;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
/*=========================
 アニメーション
==========================*/
/*拡大してから縮小*/
.js-scale {
  -webkit-transform: scale(1.12);
  transform: scale(1.12);
  -webkit-transition: 0.4s linear opacity, 3.5s cubic-bezier(0.23, 1, 0.32, 1) -webkit-transform;
  transition: 0.4s linear opacity, 3.5s cubic-bezier(0.23, 1, 0.32, 1) -webkit-transform;
  transition: 3.5s cubic-bezier(0.23, 1, 0.32, 1) transform, 0.4s linear opacity;
  transition: 3.5s cubic-bezier(0.23, 1, 0.32, 1) transform, 0.4s linear opacity, 3.5s cubic-bezier(0.23, 1, 0.32, 1) -webkit-transform;
  opacity: 0;
}
.is-scale {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1 !important;
}
/*下からフェードイン*/
.js-fadeInUp {
  opacity: 0;
  transform: translate(0, 40px);
  transition: .8s;
}
.is-fadeInUp {
  opacity: 1.0;
  transform: translate(0, 0);
}
/*=========================
 header
==========================*/
/*.js-slideUpDown {
  display: none;
}*/
.header {
  background-color: #ffffff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.header__inner {
  width: 92%;
  max-width: 1000px;
  height: 92px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

/* @media screen and (max-width: 767px) { */
.header__inner {
  border-bottom: 1px solid #d1d0d0;
  padding: min(4vw, 20px) min(4.6vw, 23px);
  height: auto;
  width: 100%;
}
/* } */
.header__logo {
  max-width: 160px;
  flex-basis: 16%;
}

/* @media screen and (max-width: 767px) { */
.header__logo {
  max-width: 275px;
  flex-basis: 39%;
}
/* } */
.header__btn {
  max-width: 148px;
  flex-basis: 15%;
}

/* @media screen and (max-width: 767px) { */
.header__btn {
  max-width: 320px;
  flex-basis: 47%;
}
/* } */
.nav {
  flex-basis: 65%;
}

/* @media screen and (max-width: 767px) { */
.nav {
  display: none;
}
/* } */
.nav-list {
  display: flex;
  align-items: center;
}
.nav-list__item {
  height: 40px;
  font-size: 14px;
  text-align: center;
  line-height: 135%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  border-right: 1px solid #000;
  padding: 1%;
}
.nav-list__item:last-child {
  border-right: none;
}

/* @media screen and (max-width: 1200px) { */
.nav-list__item {
  font-size: min(1.2vw, 6px);
}
/* } */
/*=========================
 スマホメニュー
==========================*/

.header__toggle {
  display: none;
  flex-basis: 22%;
  position: relative;
  max-width: 50px;
  height: min(6vw, 30px);
  max-height: 44px;
  cursor: pointer;
  z-index: 300;
}

/* @media screen and (max-width: 767px) { */
.header__toggle {
  display: block;
  flex-basis: 8%;
}
/* } */
.header-toggle_line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  max-height: 4px;
  background-color: #b5b5b5;
  transition: all 0.3s ease;
}
.header-toggle_line--01 {
  top: 0;
}
.header-toggle_line--02 {
  top: 50%;
  transform: translate(0, -50%);
}
.header-toggle_line--03 {
  bottom: 0;
}
.nav-sp {
  display: none;
  background-color: #ffffff;
  border-bottom: 1px solid #d1d0d0;
  padding-bottom: min(0.8vw, 4px);
}
.nav-sp__list {
  display: flex;
  justify-content: start;
  gap: 2%;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 95%;
}
/* .nav-sp__list::after {
  content: "";
  display: block;
  width: 31.830986%;
  height: 0;
} */
.nav-sp-list__item {
  text-align: center;
  flex-basis: 31.830986%;
  padding-bottom: min(2.13333333vw, 10.666667px);
}
.nav-sp-list__link {
  background-color: #eeeeee;
  color: #222;
  line-height: 1.27em;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.65em 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: min(3vw, 15px);
}
/*==========================================
 hero
===========================================*/
.hero {
  /*height: 100vh;*/
  position: relative;
  width: 100%;
}
.hero__item {
  background: linear-gradient(90deg, #d4d7d6 0%, #c6c8c7 100%);
  /* background: linear-gradient( 90deg, #d1d2d1 0%, #cbcece 100%); */
}
.hero_ele {
  width: 100%;
  max-width: fit-content;
  height: 100%;
  max-height: fit-content;
  /* max-width: 2500px;
  height: calc(664 / 1100 * 100vw);
  max-height: 664px;
  overflow: hidden; */
  margin: auto;
  position: relative;
}
/* .hero-item__video {
  width: auto;
  height: 100%;
  max-width: none;
  max-height: none;
  aspect-ratio: 2500/664;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.hero_btn {
  display: block;
  width: calc(300 / 1100 * 100vw);
  max-width: 300px;
  position: absolute;
  top: calc(337 / 1100 * 100vw);
  right: calc(50% + (70 / 1100 * 100vw));
} */
.hero__cap {
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  margin-top: 8px;
  /* display: block;
  width: fit-content;
  height: fit-content;
  position: absolute;
  bottom: calc(20 / 1100 * 100vw);
  right: calc(50% + (200 / 1100 * 100vw)); */
}
/* @media screen and (min-width: 1100px) { */
.hero_btn {
  top: 337px;
  right: calc(50% + 70px);
}
.hero__cap {
  bottom: 20px;
  right: calc(50% + 200px);
}
/* } */
/* @media screen and (max-width: 767px) and (orientation: portrait) { */
.hero {
  /*iPhoneX*/
  /* max-height: min(165vw, 825px); */
  margin-bottom: 32px;
}
.hero__item {
  background: #fff;
  max-height: calc(1112 / 750 * 100vw);
}
/* .hero_ele {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}
.hero-item__video {
  aspect-ratio: 1500/2240;
  position: static;
  transform: translate(0);
}
.hero_btn {
  width: calc(350 / 750 * 100vw);
  max-width: none;
  top: calc(360 / 750 * 100vw);
  left: 0;
  right: 0;
  margin: auto;
} */
.hero__cap {
  /* position: static; */
  font-size: 10px;
  margin: 8px auto 0;
}
/* } */
.hero:after {
  content: '';
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
@keyframes bgColor {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.hero__item {
  height: 100%;
  /*position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);*/
  width: 100%;
  max-height: 695px;
}
.hero-item__video {
  /*position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);*/
  /*height: 100%;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);*/
}
/* @media screen and (max-width: 767px) { */
.hero-item__video {
  max-height: 100%;
}
/* } */

/*@media screen and (max-width: 1400px) {
.hero-item__video {
  max-width: min(100vw, 500px);
}
}*/

/* @media screen and (min-width: 528px) { */
.hero-item__video--sp {
  display: none;
}
/* } */

/* @media screen and (max-width: 527px) { */
.hero-item__video--pc {
  display: none;
}
/* } */

#js-hero {
  margin-top: 92px;
}
/* @media screen and (max-width: 767px) { */
#js-hero {
  margin-top: min(16vw, 80px);
  max-height: fit-content;
}
/* } */

/*スクロールダウンボタン*/
.scrolldown {
  padding-top: 76px;
  position: absolute;
  bottom: 33px;
  left: 85%;
  z-index: 2;
  display: inline-block;
  /* -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%); */
  color: #000;
  font: normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
  /*opacity: 0;*/
}
.scrolldown span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 65px;
  height: 65px;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  border: 1px solid #000;
  border-radius: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.2);
}
.scrolldown span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 24px;
  height: 24px;
  margin: -18px 0 0 -13px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.scrolldown span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 64px;
  height: 64px;
  box-shadow: 0 0 0 0 rgba(0,0,0,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
  animation: sdb 3s infinite;
  box-sizing: border-box;
}
/* @media screen and (max-width: 1200px) { */
.scrolldown {
  padding-top: calc((min(76vw, 380px)/1200)*100);
  font-size: calc((min(20vw, 100px)/1200)*100);
}
.scrolldown span {
  width: calc((min(60vw, 300px)/1200)*100);
  height: calc((min(60vw, 300px)/1200)*100);
}
.scrolldown span::after {
  width: calc((min(24vw, 120px)/1200)*100);
  height: calc((min(24vw, 120px)/1200)*100);
  margin-top: calc((min(-18vw, -90px)/1200)*100);
  margin-left: calc((min(-13vw, -65px)/1200)*100);
}
.scrolldown span::before {
  width: calc((min(60vw, 300px)/1200)*100);
  height: calc((min(60vw, 300px)/1200)*100);
}
/* } */

/* @media screen and (max-width: 767px) { */
.scrolldown {
  left: initial;
  padding-top: min(10.9333333vw, 54.666666px);
  font-size: min(2.66666667vw, 13.333333px);
  right: min(3vw, 15px);
  bottom: min(2vw, 10px);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.scrolldown span {
  width: min(8.66666667vw, 43.333333px);
  height: min(8.66666667vw, 43.333333px);
}
.scrolldown span::after {
  width: min(3.2vw, 16px);
  height: min(3.2vw, 16px);
  margin: max(-2vw, -10px) 0 0 max(-1.5vw, -7.5px);
}
.scrolldown span::before {
  width: min(8.53333333vw, 42.666667px);
  height: min(8.53333333vw, 42.666667px);
}
/* } */
@-webkit-keyframes sdb {
  0% { opacity: 0; }
  30% { opacity: 1; }
  60% {
  box-shadow: 0 0 0 60px rgba(255,255,255,.1);
  opacity: 0;
  }
  100% { opacity: 0; }
  }
  @keyframes sdb {
  0% { opacity: 0; }
  30% { opacity: 1; }
  60% {
  box-shadow: 0 0 0 60px rgba(255,255,255,.1);
  opacity: 0;
  }
  100% { opacity: 0; }
}

/*==========================================
 info
===========================================*/
.info-area {
  max-width: 940px;
  width: 86%;
  text-align: center;
  margin: 80px auto;
}
.info__ttl {
  display: inline-block;
  text-align: center;
  font-size: 26px; line-height: 165%; letter-spacing: 0.02em;
  margin: 0 auto 35px;
}
.info__ttl-underline {
  display: inline-block;
  border-bottom: 1px #000 solid;
  padding: 10px 0 5px;
}
.info__txt {
  text-align: left;
  font-size: 14px; line-height: 165%; letter-spacing: 0.05em;
}
.info__txt a { text-decoration: underline; }
.info__txt a:hover { text-decoration: none; }
/* @media screen and (max-width: 767px) { */
  .info-area { margin: min(14.4vw, 72px) auto; }
  .info__ttl {
    font-size: calc((min(28vw, 140px)/767) * 100); line-height: 165%; letter-spacing: 0.02em;
    margin-bottom: calc((min(40vw, 200px)/767) * 100);
  }
  .info__ttl-underline {
    padding-top: calc((min(10vw, 50px)/767) * 100);
    padding-bottom: calc((min(5vw, 25px)/767) * 100);
  }
  .info__txt {
    font-size: calc((min(16vw, 80px)/767) * 100); line-height: 165%; letter-spacing: 0.05em;
  }
/* } */

/*==========================================
 quick
===========================================*/
/* .quick {
  background: url(../img/img_quick_bg.png) center bottom no-repeat;
  background-position: center 158px;
} */
.quick__ttl {
  width: 226px;
}
.quick__ttl-sub {
  width: 314px;
}
.quick-inner-ttl-01-img {
  width: 100%;
  height: auto;
}
.quick-inner-ttl-01-img--pc {
  max-width: 728px;
}
.quick-inner-ttl-01-img--sp {
  max-width: 676px;
}
.quick-inner-ttl__sub-01-img {
  width: 100%;
  height: auto;
}
.quick-inner-ttl__sub-01-img--pc {
  max-width: 430px;
}
.quick-inner-ttl__sub-01-img--sp {
  max-width: 498px;
}
.quick-inner__note {
  text-align: center;
  font-size: 12px;
  line-height: 180%;
  margin-top: 30px;
}
.quick-inner-flow {
  margin-top: 30px;
}
.quick-inner-flow-image img {
  margin: 30px auto 0;
  max-width: 766px;
}
.quick-inner-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  margin: 10px auto 60px;
  max-width: 1091px;
  width: 95%;
}
.quick-inner-ttl__sub {
  width: calc(502 / 1091 * 100%);
}
.quick-inner-flow-illust {
  width: calc(543 / 1091 * 100%);
}
.quick-inner-flow-illust picture {
  width: 100%;
}
.quick .appbadge{
  margin-top: 50px;
  margin-bottom: 144px;
}
/* @media screen and (max-width: 960px) { */
.quick {
  background-size: 77.81% auto;
  background-position: center min(4.688vw, 23.44px);
}
/* } */
/* @media screen and (max-width: 767px) { */
.quick {
  background-size: 93.872% auto;
  background-position: center min(32.69vw, 163.45px);
}
.quick__ttl {
  width: min(30.133vw, 150.665px);
}
.quick__ttl-sub {
  width: min(41.866vw, 209.33px);
}
.quick-inner-ttl-01-img--sp {
  width: min(90.1333vw, 450.6665px);
}
.quick-inner-ttl__sub-01-img--sp {
  width: min(66.4vw, 332px);
}
.VER-A-NEW.quick-inner-ttl__sub-01-img--sp {
  width: min(82.8vw, 414px);
}
.quick-inner__note {
  font-size: min(2.4vw, 12px);
  margin-top: min(4vw, 20px);
}
.quick-inner__note span { display: block; }
.quick-inner-flow {
  margin: min(6vw, 30px) auto 0;
}
.quick-inner-flow-image img {
  margin: 5px auto 0;
  width: 80.8%;
  max-width: none;
}
.quick-inner-flex {
  display: block;
  margin: 0 auto 35px;
  width: 100%;
}
.quick-inner-ttl__sub {
  width: min(81.2vw, 406px);
}
.quick-inner-flow-illust {
  width: min(90.6666vw, 453.333px);
  margin: 26px auto 0;
}
.quick-inner-flow-illust picture {
  width: 100%;
}
.quick .appbadge{
  margin-top: min(6.66vw, 33.3px);
  margin-bottom: min(21.06vw, 105.3px);
}
/* } */
/*==========================================
 app
===========================================*/
.appbadge{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 6.17%;
  width: calc(100% - 80px);
  max-width: 1100px;
  margin: 0 auto;
  /* padding: 50px 20px 35px; */
  padding: 40px;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
}
.appbadge-text{
  /* margin-bottom: 18px; */
}
.appbadge-text img{
  width: 100%;
  /* max-width: 378px; */
  max-width: 582.5px;
  height: auto;
}
.appbadge-cnt{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 50px;
}
.appbadge-apple{
  display: none;
  width: 245px;
}
.appbadge-google{
  display: none;
  width: 303px;
}
.appbadge-qr{
  display: block;
  /* width: 132px; */
  max-width: 180px;
}
.appbadge-cnt img{
  width: 100%;
}
/* @media screen and (max-width: 767px) { */
  .appbadge{
    display: block;
    width: 90%;
    padding: min(6vw, 30px);
  }
  .appbadge-cnt{
    gap: 0 min(4vw, 20px);
  }
  .appbadge-text{
    margin-bottom: min(4vw, 20px);
  }
  .appbadge-text img{
    max-width: min(55.6vw, 278px);
  }
  .appbadge-apple,
  .appbadge-google{
    display: block;
  }
  .appbadge-qr{
    display: none;
  }
/* } */
/*==========================================
 tool
===========================================*/
.tool__ttl {
  width: 159px;
}
.tool__ttl-sub {
  width: 271px;
}
.tool-inner-ttl-01-img {
  width: 100%;
  height: auto;
}
.tool-inner-ttl-01-img--pc {
  max-width: 952px;
}
.tool-inner-ttl-01-img--sp {
  max-width: 609px;
}
.tool-inner-ttl-02-img {
  width: 100%;
  height: auto;
}
.tool-inner-ttl-02-img--pc {
  max-width: 763px;
}
.tool-inner-ttl-02-img--sp {
  max-width: 516px;
}
.tool-inner-ttl-03-img {
  display: inline-block;
  max-width: 615px;
  width: 100%;
  height: auto;
}
.tool .appbadge{
  margin-top: -130px;
  margin-bottom: 150px;
}
.tool .tool-inner .btn {
  margin-bottom: 230px;
}

/* @media screen and (max-width: 767px) { */
.tool__ttl {
  width: min(21.12vw, 105.6px);
}
.tool__ttl-sub {
  width: min(36.1333333vw, 180.666666px);
}
.tool-inner-ttl-01-img--sp {
  width: min(81.2vw, 406px);
}
.tool-inner-ttl__sub-01-img--sp {
  width: min(73.2vw, 366px);
}
.tool-inner-ttl-02-img--sp {
  width: min(68.6666667vw, 343.333333px);
}
.tool-inner-ttl-03-img {
  width: min(82.1333333vw, 410.666667px);
  max-width: calc(100% - 3.73vw);
}
.tool .appbadge{
  margin-top: min(-14vw, -70px);
  margin-bottom: min(16vw, 80px);
}
.tool .tool-inner .btn {
  margin-bottom: min(13.3333vw, 66.6665px);
}
/* } */
.tool__kv {
  width: 100%;
  width: 1660px;
  margin: 50px auto 60px;
  position: relative;
}
.tool-kv__img {
  width: 100%;
  height: 0;
  padding-bottom: 728px;
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  background-size: contain;
  background-image: url(../img/img_tool_phone01.png);
}

/* @media screen and (max-width: 1660px) { */
.tool__kv {
}
.tool-kv__img {
  background-position: left -120px top 0;
}
/* } */

/* @media screen and (max-width: 1200px) { */
.tool__kv {
}
.tool-kv__img {
  padding-bottom: min(57vw, 285px);
  background-position: left min(-12vw, -60px) top 0;
}
/* } */

/* @media screen and (max-width: 767px) { */
.tool__kv {
  margin: min(7.6vw, 38px) auto min(4vw, 20px);
}
.tool-kv__img {
  background-position: left -70px top 0;
}
/* } */
.tool-box {
  width: 90%;
  max-width: 1100px;
  background-image: linear-gradient(-22deg, #f0f0f0 27%, #fafafa 73%);
  display: flex;
  justify-content: space-between;
  margin: 46px auto 80px;
  padding: 67px 68px 78px;
}

/* @media screen and (max-width: 1200px) { */
.tool-box {
  padding: 4% 4.5% 6%;
  margin: min(4.53333333vw, 22.666667px) auto min(12vw, 60px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.tool-box {
  padding: min(11.3333333vw, 56.666666px) 4.5% min(1.33333333vw, 6.666667px);
  display: block;
}
/* } */
.tool-box__item {
  flex-basis: 31%;
  text-align: center;
}

/* @media screen and (max-width: 767px) { */
.tool-box__item {
  margin-bottom: min(13.66666667vw, 68.333333px);
}
/* } */
.tool-box__ttl {
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 35px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tool-box-ttl__img {
  max-height: 22px;
  margin: 0;
}
.tool-box-ttl__img--book {
  max-height: 26px;
}

/* @media screen and (max-width: 767px) { */
.tool-box__ttl {
  font-size: min(5.86666667vw, 29.333333px);
  margin-bottom: min(7.73333333vw, 38.666667px);
  height: auto;
}
.tool-box-ttl__img--standard {
  width: 82%;
}
.tool-box-ttl__img--plus {
  width: 60%;
}
.tool-box-ttl__img--book {
  width: 42%;
}
/* } */
.tool-box__img {
  margin-bottom: 23px;
}

/* @media screen and (max-width: 767px) { */
.tool-box__img {
  margin: 0 auto min(6.4vw, 32px);
}
.tool-box__img--standard {
  width: min(48.9333333vw, 244.666667px);
}
.tool-box__img--plus {
  width: min(47.8666667vw, 239.333334px);
}
.tool-box__img--book {
  width: min(43.3333333vw, 216.666666px);
}
/* } */
.tool-box__desc {
  font-size: 16px;
  line-height: 175%;
  margin-bottom: 28px;
}

/* @media screen and (max-width: 767px) { */
.tool-box__desc {
  font-size: min(3.2vw, 16px);
  margin-bottom: min(1.4vw, 7px);
}
/* } */
.btn-accordion__link {
  border-bottom: 1px solid #000;
  padding: 0 2px 5px 5px;
  font-size: 16px;
}

/* @media screen and (max-width: 767px) { */
.btn-accordion__link {
  font-size: min(3.4vw, 17px);
}
/* } */
/*popup*/
.fancybox-button {
  background: url(../img/btn_close.png) no-repeat center /contain !important;
  width: 40px;
  height: 40px;
  padding: 0;
  top: 30px;
  right: 30px;
  background-color: transparent !important;
}

/* @media screen and (max-width: 680px) { */
.fancybox-button {
  width: min(6vw, 30px) !important;
  height: min(6vw, 30px) !important;
  top: min(2.5vw, 12.5px) !important;
  right: min(2.5vw, 12.5px) !important;
}
/* } */
.fancybox-button svg {
  display: none;
}
/* slider */
.slider {
  margin: 60px auto 130px;
  position: relative;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}

/* @media screen and (max-width: 767px) { */
.slider {
  margin: min(4.0666667vw, 20.333333px) auto min(6.6666vw, 33.333px);
}
/* } */
.slider-item__inner {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.slider-item__inner--center {
  max-width: 960px;
  margin: 0 auto;
  display: block;
  text-align: center;
}

/* @media screen and (max-width: 1200px) { */
.slider-item__inner--center {
  padding-top: min(4.5vw, 22.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.slider-item__inner {
  display: block;
}
/* } */
.slider-item__phone {
  flex-basis: 35%;
  position: relative;
}
.slider-item__phone--center {
  margin-right: 0;
}
.screen {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.screen__img {
  width: 100%;
  z-index: 20;
  transform:translateZ(1px);
  scroll-behavior: smooth;
}
.screen__img--center {
  z-index: 20;
  max-width: 560px;
  margin: 0;
}
.screen__movie {
  width: 77%;
  position: absolute;
  max-width: 290px;
  top: 1%;
  left: 0.5%;
  right: 0;
  margin: auto;
  z-index: 10;
  transform:translateZ(1px);
  scroll-behavior: smooth;
  border-radius: 30px;
}
.screen__movie--center {
  width: 100%;
  position: absolute;
  max-width: 546px;
  top: 11.8%;
  left: -1%;
  right: 0;
  margin: auto;
  z-index: 10;
  padding-right: 1%;
  transform:translateZ(1px);
  scroll-behavior: smooth;
  border-radius: 40px;
}

/* @media screen and (max-width: 767px) { */
.slider-item__phone {
  margin: 0 auto;
  height: min(69vw, 345px);
  width: min(51vw, 255px);
  overflow: hidden;
}
.slider-item__phone--center {
  width: min(74vw, 370px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.screen__img--center {
  max-width: 100%;
  position: relative;
  left: 1.5%;
}
.screen__movie--center {
  max-width: 97%;
  top: 12%;
  left: 1%;
  border-radius: 20px;
}
/* } */
.slider-item__desc {
  flex-basis: 55%;
  text-align: center;
  padding-top: 57px;
}

/* @media screen and (max-width: 1200px) { */
.slider-item__desc {
  padding-top: min(4.5vw, 22.5px);
}
/* } */
.slider-item__num {
  font-size: 55px;
  position: relative;
  display: inline-block;
  margin-bottom: 76px;
  letter-spacing: 4px;
}
.slider-item__num--center {
  margin-bottom: 34px;
}

/* @media screen and (max-width: 1200px) { */
.slider-item__num {
  font-size: min(4.5vw, 22.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.slider-item__num {
  font-size: min(7.33333333vw, 36.666667px);
  margin-bottom: min(3vw, 15px);
}
.slider-item-num-img {
  width: min(8.13333333vw, 40.666667px);
}
/* } */
.slider-item__ttl {
  font-size: 45px;
  letter-spacing: 6px;
  line-height: 150%;
  text-align: left;
  margin-bottom: 42px;
  padding-left: 9%;
}

/* @media screen and (max-width: 1200px) { */
.slider-item__ttl {
  font-size: min(3.8vw, 19px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.slider-item__ttl {
  padding: 0;
  text-align: center;
  font-size: min(5.06666667vw, 25.333333px);
  letter-spacing: 0.1em;
  margin-bottom: min(4.8vw, 24px);
}
/* } */
.slider-item__ttl--center {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 0;
}
.slider-item-ttl-img-01 {
  width: 100%;
  height: auto;
}
.slider-item-ttl-img-01--pc {
  height: 110px;
  width: 407px;
  margin: 0 auto 0 0;
}
.slider-item-ttl-img-01--sp {
  max-width: 591px;
  width: min(78.8vw, 394px);
}
.slider-item-ttl-img-02 {
  width: 403px;
  height: auto;
  margin: 0 auto 0 0;
}
.slider-item-ttl-img-03 {
  width: 100%;
  height: auto;
}
.slider-item-ttl-img-03--pc {
  height: 110px;
  width: 350px;
  margin: 0 auto 0 0;
}
.slider-item-ttl-img-03--sp {
  max-width: 493px;
  width: min(65.7333333vw, 328.666667px);
}

/* @media screen and (max-width: 767px) { */
.slider-item-ttl-img-01, .slider-item-ttl-img-02, .slider-item-ttl-img-03 {
  margin: 0 auto;
}
.slider-item-ttl-img-02 {
  width: min(60.2666667vw, 301.333333px);
}
/* } */
.slider-item__txt {
  text-align: left;
  padding-left: 9%;
}
.slider-item__txt--center {
  max-width: 700px;
  text-align: center;
  padding-left: 0;
  margin: 2% auto 4%;
}

/* @media screen and (max-width: 767px) { */
.slider-item__txt {
  padding: min(4.1vw, 20.5px) 0 0;
  text-align: left;
  margin-bottom: min(3vw, 15px);
  font-size: min(2.8vw, 14px);
}
.slider-item__txt--center {
  margin: 0 auto min(5.33333333vw, 26.666667px);
}
/* } */
/* slick */
.slick-slide, .slick-slide::before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slider.slick-initialized {
  opacity: 1;
  visibility: visible;
  max-width: 1056px;
  width: 90%;
  overflow: hidden;
}
.slick-list.draggable {
  max-width: 1056px;
  width: 100%;
  height: 100%;
  max-height: min(114vw, 570px);
}
.slick-track {
  height: 100%;
}
.slick-slide {
  position: relative;
  overflow: hidden;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.slick-dots {
  width: 100%;
  max-width: 187px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 1%;
}
.slick-dots li button {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #2d3042;
  box-shadow: 0 0 0 2px #fff;
  vertical-align: middle;
  color: #fff;
  background-color: #fff;
  transition: all .3s ease;
  opacity: 1;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  background-color: #707070;
  color: #707070;
}

/* @media screen and (max-width: 767px) { */
.slick-dots {
  max-width: min(30vw, 150px);
}
.slick-dots li button {
  width: 20px;
  height: 20px;
}
/* } */
.slick-arrow {
  position: absolute;
  top: 40%;
  transform: translate(0, -50%);
  border: none;
  text-indent: -999999%;
  width: 30px;
  height: 56px;
  cursor: pointer;
  z-index: 30;
}
.slick-arrow:hover {
  opacity: 0.6;
}
.slick-prev {
  left: 0;
  background: url(../img/btn_arrow_prev.png) no-repeat center /contain;
}
.slick-next {
  right: 0;
  background: url(../img/btn_arrow_next.png) no-repeat center /contain;
}

/* @media screen and (max-width: 767px) { */
.slick-arrow {
  width: min(8.7vw, 43.5px);
  height: min(7.46666667vw, 37.333333px);
  padding: 0 min(2vw, 10px);
  top: 50%;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
/* } */
 @-webkit-keyframes slideIn {
 from {
 -webkit-filter: blur(15px);
 filter: blur(15px);
}
 to {
 -webkit-filter: blur(0);
 filter: blur(0);
}
}
 @keyframes slideIn {
 from {
 -webkit-filter: blur(15px);
 filter: blur(15px);
}
 to {
 -webkit-filter: blur(0);
 filter: blur(0);
}
}
@-webkit-keyframes slideOut {
 from {
 -webkit-filter: blur(0);
 filter: blur(0);
}
 to {
 -webkit-filter: blur(15px);
 filter: blur(15px);
}
}
@keyframes slideOut {
 from {
 -webkit-filter: blur(0);
 filter: blur(0);
}
 to {
 -webkit-filter: blur(15px);
 filter: blur(15px);
}
}
/*==========================================
 spread
===========================================*/
.spread__ttl {
  width: 282px;
}
.spread__ttl-sub {
  width: 212px;
}
.spread__inner-ttl-img {
  max-width: 661px;
  width: 100%;
  margin: 0 auto;
}

/* @media screen and (max-width: 767px) { */
.spread__ttl {
  width: min(37.6vw, 188px);
}
.spread__ttl-sub {
  width: min(25.33333333vw, 126.666667px);
}
.spread__inner-ttl {
  /* margin-bottom: min(12.8vw, 64px); */
}
.spread__inner-ttl-img {
  width: min(83.6vw, 418px);
}
/* } */
.spread-box {
  width: 92%;
  max-width: 960px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: top;
  margin: 55px auto 70px;
}
.spread-box__desc {
  flex-basis: 61%;
  order: 1;
}
.spread-box__note {
  flex-basis: 100%;
  order: 3;
  font-size: 11px;
  line-height: 172%;
  letter-spacing: 0.05em;
}
.spread-box__note-s {
  flex-basis: 100%;
  order: 4;
  font-size: 11px;
  line-height: 172%;
  letter-spacing: 0.05em;
}
.spread-box__img {
  flex-basis: 34%;
  order: 2;
}
.spread-box-note__strong {
  color: #ff0000;
  font-weight: 600;
}
.spread-box-note__strong .spread-box-note__link-txt {
  color: #ff0000;
}
.spread .asterisk{
  position: relative;
  top: -35px;
  margin-left: 5px;
  font-size: 12px;
}
/* @media screen and (max-width: 1200px) { */
  .spread-box__note {
    font-size: min(0.9vw, 4.5px);
  }
/* } */
/* @media screen and (max-width: 767px) { */
  .spread-box {
    margin: min(10vw, 50px) auto 0;
  }
  .spread-box__desc {
    flex-basis: 58%;
  }
  .spread-box__note {
    flex-basis: 58%;
    order: 2;
    font-size: min(2.2vw, 11px);
    color: #808080;
  }
  .spread-box__note.wide {
    flex-basis: 100%;
    order: 4;
  }
  .spread-box__note-s {
    font-size: min(2.2vw, 11px);
    color: #808080;
  }
  .spread-box-note__link-txt {
    color: #808080;
  }
  .spread-box__img {
    flex-basis: 41%;
    order: 3;
  }
  .spread .asterisk{
    top: min(-3.5vw, -17.5px);
    margin-left: 2px;
    font-size: min(2.66vw, 13.3px);
  }
/* } */

.spread-box__period{
  background-color: #fff;
  max-width: 960px;
  width: calc(min(960vw, 4800px) / 1100 * 100);
  padding: 3.5% 0;
  margin: 0 auto;
}
/* @media screen and (max-width: 767px) { */
.spread-box__period {
  width: calc(min(650vw, 3250px) / 767 * 100);
  margin-bottom: min(8vw, 40px);
}
/* } */
.spread-box-period__img{
  max-width: 872px;
  width: calc(min(872vw, 4360px) / 1100 * 100);
}
/* @media screen and (max-width: 767px) { */
.spread-box-period__img {
  width: calc(min(569vw, 2845px) / 767 * 100);
}
/* } */

.spread-box__catch {
  margin-bottom: 5%;
}

/* @media screen and (max-width: 767px) { */
.spread-box__catch {
  width: calc(min(650vw, 3250px) / 767 * 100);
  margin: 0 auto;
}
/* } */
.spread-box-catch__img {
  max-width: 605px;
  width: 100%;
  margin: 0 auto;
}

/*==========================================
 commission
===========================================*/
.commission__ttl {
  width: 502px;
}
.commission__ttl-sub {
  width: 113px;
}
.commission-inner-ttl-img {
  max-width: 601px;
  width: 100%;
  height: auto;
}

/* @media screen and (max-width: 1200px) { */
.commission__ttl {
  width: min(41.8vw, 209px);
}
.commission__ttl-sub {
  width: min(9.4vw, 47px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.commission__ttl {
  width: min(61.3333333vw, 306.666667px);
}
.commission__ttl-sub {
  width: min(13.0666667vw, 65.333334px);
}
.commission-inner-ttl-img {
  width: min(78.6666667vw, 393.333333px);
}
/* } */
.commission-box {
  width: 92%;
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% auto;
}

/* @media screen and (max-width: 767px) { */
.commission-box {
  display: block;
  margin: min(10vw, 50px) auto;
}
/* } */
.commission-box-list {
  width: 42%;
}

/* @media screen and (max-width: 767px) { */
.commission-box-list {
  width: min(56vw, 280px);
  margin: 0 auto min(10.9333333vw, 54.666666px);
}
/* } */
.commission-box-list-img {
  width: 100%;
  max-width: 453px;
  margin: 0 auto;
}
.commission-box-list__item {
  margin-bottom: 14%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

/* @media screen and (max-width: 767px) { */
.commission-box-list__item {
  margin-bottom: min(5.33333333vw, 26.666667px);
}
/* } */
.commission-box-list__item:last-child {
  margin-bottom: 0;
}
.commission-box-list__check {
  width: 10%;
  height: auto;
  margin: 0 4% 0 0;
}
.commission-box-list__txt {
  font-size: 38px;
}

/* @media screen and (max-width: 1200px) { */
.commission-box-list__txt {
  font-size: min(3.2vw, 16px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.commission-box-list__txt {
  font-size: min(5.33333333vw, 26.666667px);
}
/* } */
.commission-box__catch {
  width: 45%;
}

/* @media screen and (max-width: 767px) { */
.commission-box__catch {
  margin: 0 auto;
  width: min(52.1333333vw, 260.666666px);
}
/* } */
.commission-box-catch-img {
  max-width: 376px;
  width: 100%;
  margin: 0 auto;
}
/*==========================================
 special
===========================================*/
.special__ttl {
  width: 298px;
}
.special__ttl-sub {
  width: 347px;
}
.special-inner-ttl-img {
  max-width: 514px;
  width: 100%;
  margin: 0 auto;
}

/* @media screen and (max-width: 1200px) { */
.special__ttl {
  width: min(24.8vw, 124px);
}
.special__ttl-sub {
  width: min(28.9vw, 144.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.special__ttl {
  width: min(35.333333vw, 176.666665px);
}
.special__ttl-sub {
  width: min(42.1333333vw, 210.666666px);
}
.special-inner-ttl-img {
  width: min(69.4666667vw, 347.333334px);
}
/* } */
.special__lead-first {
  margin: 5% auto;
}

/* @media screen and (max-width: 767px) { */
.special__lead-first {
  margin: min(9.33333333vw, 46.666667px) auto;
}
/* } */
.special-img {
  margin: 5% auto;
  position: relative;
  width: min(143.4vw, 717px);
}
.special-img__item {
  height: 0;
  background-image: url(../img/img_special_phone.png);
  padding-bottom: min(26.9166667vw, 134.583334px);
  background-repeat: no-repeat;
  background-position: -62% 0;
  background-size: contain;
}

/* @media screen and (max-width: 767px) { */
.special-img {
  margin: 5% auto min(9.33333333vw, 46.666667px);
}
.special-img__item {
  background-position: -40% 0;
}
/* } */
.special__lead-second {
  margin: 5% auto;
}

/* @media screen and (max-width: 767px) { */
.special__lead-second {
  margin: 5% auto min(5.6vw, 28px);
}
/* } */
.special-news {
  width: min(59vw, 295px);
  max-width: 709px;
  margin: 0 auto 7%;
}

/* @media screen and (max-width: 767px) { */
.special-news {
  margin: 0 auto min(13.33333333vw, 66.666667px);
}
/* } */
/*==========================================
 deposit
===========================================*/
.deposit__ttl {
  width: 307px;
}
.deposit__ttl-sub {
  width: 290px;
}

/* @media screen and (max-width: 1200px) { */
.deposit__ttl {
  width: min(25.5vw, 127.5px);
}
.deposit__ttl-sub {
  width: min(24.1vw, 120.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.deposit__ttl {
  width: min(39.2vw, 196px);
}
.deposit__ttl-sub {
  width: min(34.1333333vw, 170.666666px);
}
/* } */
.deposit__inner {
  width: 92%;
  max-width: 900px;
  margin: 5% auto 1.5%;
}
.deposit-inner-ttl-img {
  max-width: 751px;
  width: 100%;
  margin: 0 auto;
}

/* @media screen and (max-width: 767px) { */
.deposit__inner {
  margin: min(10.4vw, 52px) auto 1.5%;
}
.deposit-inner-ttl {
  font-size: min(7vw, 35px);
  letter-spacing: 0;
}
.deposit-inner-ttl-img {
  width: min(87.7333333vw, 438.666667px);
}
/* } */
.deposit__note {
  display: block;
  font-size: 11px;
  line-height: 172%;
  margin: 1.5% auto 5%;
}

/* @media screen and (max-width: 767px) { */
.deposit__note {
  font-size: min(2.4vw, 12px);
  margin: min(4.26666667vw, 21.333333px) auto min(7.73333333vw, 38.666667px);
  color: #808080;
}
/* } */
.deposit-box {
  border: 1px solid #000;
  margin-bottom: 7%;
  padding: 5%;
}

/* @media screen and (max-width: 767px) { */
.deposit-box {
  padding: min(6.66666667vw, 33.333333px) 5% min(3.66666667vw, 18.333333px);
  margin-bottom: min(12vw, 60px);
}
/* } */
.deposit-box__ttl {
  font-size: 32px;
  text-align: center;
  margin-bottom: 6%;
  letter-spacing: 4px;
}
.deposit-box-ttl-img {
  max-width: 289px;
  width: 100%;
  margin: 0 auto;
}

/* @media screen and (max-width: 1200px) { */
.deposit-box__ttl {
  font-size: min(2.6vw, 13px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.deposit-box__ttl {
  font-size: min(4.26666667vw, 21.333333px);
}
.deposit-box-ttl-img {
  width: min(60vw, 300px);
}
/* } */
.deposit-box__lead {
  font-size: 24px;
  text-align: center;
  margin-bottom: 6%;
  line-height: 166%;
}

/* @media screen and (max-width: 1200px) { */
.deposit-box__lead {
  font-size: min(2vw, 10px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.deposit-box__lead {
  font-size: min(3.2vw, 16px);
}
/* } */
.deposit-box__img {
  width: min(47vw, 235px);
  max-width: 571px;
  margin: 0 auto 3%;
}
/*==========================================
 support
===========================================*/
.support__ttl {
  width: 318px;
}
.section__ttl-sub {
  width: 242px;
}

/* @media screen and (max-width: 1200px) { */
.support__ttl {
  width: min(26.5vw, 132.5px);
}
.section__ttl-sub {
  width: min(20.1vw, 100.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-section-ttl {
  margin-bottom: min(10.6666667vw, 53.333334px);
}
.support__ttl {
  width: min(41.0666667vw, 205.333333px);
}
.section__ttl-sub {
  width: min(26.6666667vw, 133.333334px);
}
.support-inner-ttl {
  margin-bottom: min(10vw, 50px);
}
/* } */
.support-inner-ttl-img {
  max-width: 591px;
  width: 100%;
  margin: 0 auto;
}
.support__tel {
  font-size: 64px;
  text-align: center;
  margin: 4% auto 3%;
  letter-spacing: 8px;
}

/* @media screen and (max-width: 1200px) { */
.support__tel {
  font-size: min(5.3vw, 26.5px);
  margin: 4% auto min(4.53333333vw, 22.666667px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support__tel {
  font-size: min(7.33333333vw, 36.666667px);
  max-width: 60%;
}
.support-inner-ttl-img {
  width: min(71.6vw, 358px);
}
/* } */
.support-tel-img {
  max-width: 443px;
  width: 100%;
  margin: 0 auto;
}
.support__time {
  display: block;
  text-align: center;
  line-height: 145%;
  margin-bottom: 3%;
}

/* @media screen and (max-width: 767px) { */
.support__time {
  font-size: min(2.4vw, 12px);
  margin-bottom: min(4.8vw, 24px);
}
/* } */
.support-line {
  width: 92%;
  max-width: 1100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #fff;
  margin: 5% auto 0;
  padding: 5% 118px;
}

/* @media screen and (max-width: 1200px) { */
.support-line {
  padding: 5% min(3.33333333vw, 16.666667px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line {
  margin: min(8vw, 40px) auto 0;
  display: block;
}
/* } */
.support-line__desc {
  width: 60%;
  margin-right: 3%;
}

/* @media screen and (max-width: 767px) { */
.support-line__desc {
  width: 100%;
  margin: 0;
  text-align: center;
}
/* } */
.support-line__heading {
  display: flex;
  align-items: center;
  margin: 0 auto 6%;
}
.support-line__logo {
  margin-right: 5%;
}
.support-line__logo-item {
  width: 149px;
  height: auto;
}

/* @media screen and (max-width: 1200px) { */
.support-line__logo-item {
  width: min(12vw, 60px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line__heading {
  display: block;
  margin: 0 auto min(4vw, 20px);
}
.support-line__logo {
  margin: 0 auto min(5.33333333vw, 26.666667px);
}
.support-line__logo-item {
  width: min(16.4vw, 82px);
  height: auto;
  margin: 0 auto;
}
/* } */
.support-line__ttl {
  font-size: 39px;
  font-weight: 500;
  line-height: 141%;
  letter-spacing: 2px;
}

/* @media screen and (max-width: 1200px) { */
.support-line__ttl {
  font-size: min(3.3vw, 16.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line__ttl {
  font-size: min(6.66666667vw, 33.333333px);
}
/* } */
.support-line__txt {
  font-size: 20px;
  line-height: 170%;
  margin-bottom: 3%;
}

/* @media screen and (max-width: 1200px) { */
.support-line__txt {
  font-size: min(1.6vw, 8px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line__txt {
  font-size: min(3.2vw, 16px);
  margin-bottom: min(5.33333333vw, 26.666667px);
}
/* } */
.support-line__qr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 3%;
}

/* @media screen and (max-width: 767px) { */
.support-line__qr {
  display: block;
  margin: min(7.73333333vw, 38.666667px) auto min(4.8vw, 24px)
}
/* } */
.support-line__friend {
  font-size: 20px;
}

/* @media screen and (max-width: 1200px) { */
.support-line__friend {
  font-size: min(1.6vw, 8px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line__friend {
  font-size: min(3.2vw, 16px);
}
/* } */
.support-line__id {
  display: block;
  font-size: 28px;
  font-weight: 500;
  margin-top: 4%;
}

/* @media screen and (max-width: 1200px) { */
.support-line__id {
  font-size: min(2.3vw, 11.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.support-line__id {
  font-size: min(3.73333333vw, 18.666667px);
}
/* } */
.support-line__code {
  width: 126px;
  position: relative;
  left: 2%;
}

/* @media screen and (max-width: 1200px) { */
.support-line__code {
  width: min(10.4vw, 52px);
}
/* } */
.support-line__img {
  width: 30%;
}

/* @media screen and (max-width: 767px) { */
.support-line__img {
  width: 44.5333333%;
  margin: 0 auto;
}
/* } */
/*==========================================
 trust
===========================================*/
.trust__ttl {
  width: 200px;
}
.trust__ttl-sub {
  width: 290px;
}

/* @media screen and (max-width: 1200px) { */
.trust__ttl {
  width: min(16.6vw, 83px);
}
.trust__ttl-sub {
  width: min(24.1vw, 120.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.trust__ttl {
  width: min(24.8vw, 124px);
}
.trust__ttl-sub {
  width: min(36.4vw, 182px);
}
/* } */
.trust__inner {
  width: 92%;
  max-width: 930px;
  margin: 5% auto 1.5%;
}

/* @media screen and (max-width: 767px) { */
.trust__inner {
  margin: min(9.6vw, 48px) auto 1.5%;
}
/* } */
.trust__inner-ttl {
  font-size: 35px;
  line-height: 125%;
  color: #707070;
  text-align: center;
  letter-spacing: 2px;
}

/* @media screen and (max-width: 1200px) { */
.trust__inner-ttl {
  font-size: min(2.9vw, 14.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.trust__inner-ttl {
  font-size: min(5.33333333vw, 26.666667px);
}
/* } */
.trust-inner-ttl-img {
  width: 100%;
  margin: 0 auto;
}
.trust-inner-ttl-img--pc {
  max-width: 719px;
}
.trust-inner-ttl-img--sp {
  max-width: 359px;
}

/* @media screen and (max-width: 767px) { */
.trust-inner-ttl-img--sp {
  width: min(47.8666667vw, 239.333334px);
}
/* } */
.trust-bank {
  width: 676px;
  margin: 2% auto 4%;
}

/* @media screen and (max-width: 1200px) { */
.trust-bank {
  width: min(56vw, 280px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.trust-bank {
  width: min(90.2666667vw, 451.333333px);
}
/* } */
.trust-case {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5% auto 6%;
}
.trust-case-img {
  max-width: 450px;
  flex-basis: 49%;
}

/* @media screen and (max-width: 767px) { */
.trust-case {
  display: block;
  margin: 5% auto 6%;
}
.trust-case-img {
  max-width: 100%;
  margin-bottom: min(5.33333333vw, 26.666667px);
}
/* } */

/*==========================================
 account
===========================================*/
.account-section-ttl {
  margin-bottom: 89px;
}
.account__ttl {
  width: 325px;
}
.account__ttl-sub {
  width: 155px;
}
.account-inner-ttl {
  margin-bottom: 74px;
}
.account-inner-ttl-img {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.account-box {
  margin-bottom: 70px;
}
.account-box__ttl {
  font-size: 30px;
  letter-spacing: 3px;
  text-align: center;
  margin: 30px auto 62px;
}
.account-box-inner__note {
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  margin-top: 30px;
}
.account .appbadge{
  margin-top: 40px;
}

/* @media screen and (max-width: 1200px) { */
.account__ttl {
  width: min(27vw, 135px);
}
.account__ttl-sub {
  width: min(12.9vw, 64.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.account-section-ttl {
  margin-bottom: inherit;
}
.account__ttl {
  width: min(41.2vw, 206px);
}
.VER-A-NEW.account__ttl {
  width: min(38.8vw, 194px);
}
.account__ttl-sub {
  width: min(18.93333333vw, 94.666667px);
}
.account-inner-ttl {
  margin-bottom: min(5vw, 25px);
}
.account-inner-ttl-img {
  width: min(80vw, 400px);
}
.account .appbadge{
  margin-top: min(9.6vw, 48px);
}
/* } */
.account-box {
  margin-bottom: 70px;
}

/* @media screen and (max-width: 767px) { */
.account-box {
  margin-bottom: min(12.6666667vw, 63.333334px);
}
/* } */

/* @media screen and (max-width: 1200px) { */
.account-box__ttl {
  font-size: min(2.5vw, 12.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.account-box__ttl {
  font-size: min(5.06666667vw, 25.333333px);
  font-weight: 500;
  margin: min(8vw, 40px) 0 min(14.2666667vw, 71.333333px);
}
.account-box-inner__note {
  text-align: center;
  font-size: min(2.4vw, 12px);
  line-height: min(3.733333vw, 18.666665px);
  margin-top: min(4vw, 20px);
}

/* } */
.account-box-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px auto;
  max-width: 990px;
  width: 92%;
}
.account-box-list--bottom {
  max-width: 700px;
}
.account-box-list__item {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  padding-right: 20px;
  max-width: calc(100% / 3);
  flex-basis: calc(100% / 3);
}
.account-box-list__item--form {
  max-width: 32%;
  flex-basis: 32%;
}
.VER-A-NEW.account-box-list__item--form{
  max-width: 37%;
  flex-basis: 37%;
}
.account-box-list__item--send {
  max-width: 39%;
  flex-basis: 39%;
}
.VER-A-NEW.account-box-list__item--send{
  max-width: 34%;
  flex-basis: 34%;
}
.account-box-list__item--check {
  max-width: 29%;
  flex-basis: 29%;
}
.account-box-list__item--start {
  max-width: calc(100% / 2);
  flex-basis: calc(100% / 2);
}
.account-box-list__item--complete {
  max-width: calc(100% / 2);
  flex-basis: calc(100% / 2);
}

/* @media screen and (max-width: 767px) { */
.account-box-list {
  display: block;
  max-width: 80%;
}
.account-box-list__item {
  max-width: 100%;
  padding: 0 0 min(9vw, 45px) 0;
  margin-bottom: min(9.33333333vw, 46.666667px);
}
.VER-A-NEW.account-box-list__item{
  max-width: 100%;
}
.account-box-list__item--start {
  padding: 0;
  margin-bottom: 0;
}
/* } */
.account-box-list__item:after {
  content: '';
  width: 19px;
  height: 35px;
  background: url(../img/icon_arrow.png) no-repeat top center;
  position: absolute;
  top: 50%;
  right: 0;
}
.account-box-list__item--start:after {
  content: none;
}
.account-box-list__item--complete:before {
  content: '';
  width: 19px;
  height: 35px;
  background: url(../img/icon_arrow.png) no-repeat top center;
  position: absolute;
  top: 50%;
  left: 0;
}

/* @media screen and (max-width: 767px) { */
.account-box-list__item:after {
  top: initial;
  bottom: 0;
  right: 50%;
  transform: translate(50%, 0);
  background-image: url(../img/icon_arrow_down.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  width: 57px;
  height: min(4.13333333vw, 20.666667px);
}
.account-box-list__item--complete:before {
  content: none;
}
/* } */
.account-box-list-num-img {
  width: 50px;
  height: auto;
}

/* @media screen and (max-width: 767px) { */
.account-box-list__num {
  position: absolute;
  left: 0;
  top: min(4.533333vw, 22.666665px);
}
.account-box-list-num-img {
  width: min(10.1333333vw, 50.666667px);
  height: auto;
}
/* } */
.account-box-list__img {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px auto;
}
.account-box-list__img-item {
  margin: 0;
}
.account-box-list__img-item--form {
  width: 80px;
}
.VER-A-NEW .account-box-list__img-item--form {
  width: 62px;
}
.account-box-list__img-item--send {
  width: 76px;
}
.account-box-list__img-item--check {
  width: 70px;
}
.account-box-list__img-item--complete {
  width: 80px;
}
.account-box-list__img-item--start {
  width: 87px;
}

/* @media screen and (max-width: 767px) { */
.account-box-list__img {
  height: auto;
  margin: 4% auto;
}
.account-box-list__img-item--form {
  width: min(12.9333333vw, 64.666666px);
}
.VER-A-NEW .account-box-list__img-item--form {
  width: min(9.33vw, 46.65px);
}
.account-box-list__img-item--send {
  width: min(13.0666667vw, 65.333334px);
}
.account-box-list__img-item--check {
  width: min(11.0666667vw, 55.333334px);
}
.account-box-list__img-item--complete {
  width: min(12.8vw, 64px);
}
.account-box-list__img-item--start {
  width: min(14.4vw, 72px);
}
/* } */
.account-box-list__ttl {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 33px;
}
.VER-A-NEW .account-box-list__ttl{
  font-size: 26px;
}

/* @media screen and (max-width: 1200px) { */
.account-box-list__ttl {
  font-size: min(2.3vw, 11.5px);
  margin-bottom: min(2.75vw, 13.75px);
}
.VER-A-NEW .account-box-list__ttl{
  font-size: min(2.16vw, 10.8px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.account-box-list__ttl {
  font-size: min(4.26666667vw, 21.333333px);
  margin-bottom: min(2vw, 10px);
}
.VER-A-NEW .account-box-list__ttl{
  font-size: min(4.26666667vw, 21.333333px);
}
/* } */
.account-box-list__txt {
  font-size: 16px;
  line-height: 150%;
}
.account-box-list__txt sup {
  font-size: 0.6em;
  vertical-align: super;
}

/* @media screen and (max-width: 1200px) { */
.account-box-list__txt {
  font-size: min(1.3vw, 6.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.account-box-list__txt {
  font-size: min(3.2vw, 16px);
}
/* } */
/*==========================================
 footer
===========================================*/
.footer__top {
  width: 92%;
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.footer__logo {
  flex-basis: 382px;
}

/* @media screen and (max-width: 1200px) { */
.footer__logo {
  flex-basis: min(31.8vw, 159px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer__logo {
  flex-basis: min(40.8vw, 204px);
}
/* } */
.footer__date {
  font-size: 16px;
}

/* @media screen and (max-width: 1200px) { */
.footer__date {
  font-size: min(1.3vw, 6.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer__date {
  font-size: min(2.66666667vw, 13.333333px);
}
/* } */

.footer__trademark{
  width: 92%;
  max-width: 960px;
  margin: 20px auto -35px;
  font-size: 14px;
  line-height: 171%;
}

.footer__inner {
  width: 92%;
  max-width: 960px;
  border-top: 1px solid #000;
  margin: 60px auto;
  padding: 60px 0 0;
}

/* @media screen and (max-width: 767px) { */
.footer__trademark{
  margin-top: min(2vw, 10px);
  margin-bottom: min(-8vw, -40px);
  font-size: min(2.66vw, 13.3px);
}
.footer__inner {
  margin: min(10.6666667vw, 53.333334px) auto;
  padding: min(10.6666667vw, 53.333334px) 0 0;
}
/* } */
.footer__inner-ttl {
  font-size: 16px;
  margin-bottom: 40px;
  letter-spacing: 1px;
}

/* @media screen and (max-width: 1200px) { */
.footer__inner-ttl {
  margin-bottom: 6%;
  font-size: min(1.3vw, 6.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer__inner-ttl {
  font-size: min(3.2vw, 16px);
}
/* } */
.footer-list {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  line-height: 230%;
}

/* @media screen and (max-width: 1200px) { */
.footer-list {
  font-size: min(1.2vw, 6px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer-list {
  font-size: min(2.66666667vw, 13.333333px);
  display: block;
  line-height: 1.5;
}
/* } */
.footer-list__ttl {
  flex-basis: 15%;
  margin-right: 3%;
}
.footer-list__desc {
  flex-basis: 82%;
}

/* @media screen and (max-width: 767px) { */
.footer-list__desc {
  margin-bottom: 1.2em;
}
/* } */
.footer__caution {
  font-size: 14px;
  line-height: 171%;
}

/* @media screen and (max-width: 1200px) { */
.footer__caution {
  font-size: min(1.2vw, 6px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer__caution {
  font-size: min(2.66666667vw, 13.333333px);
}
/* } */
.footer__pmark {
  width: 108px;
  margin: 5% auto 8%;
}

/* @media screen and (max-width: 1200px) { */
.footer__pmark {
  width: min(9vw, 45px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer__pmark {
  width: min(24vw, 120px);
}
/* } */
.footer__bottom {
  background: #323232;
}
.footer-copy {
  font-size: 16px;
  color: #fff;
  line-height: 165%;
  text-align: center;
  padding: 1.3% 0;
}

/* @media screen and (max-width: 1200px) { */
.footer-copy {
  font-size: min(1.3vw, 6.5px);
}
/* } */

/* @media screen and (max-width: 767px) { */
.footer-copy {
  font-size: min(2.66666667vw, 13.333333px);
}
/* } */
/*=========================
 ページトップに戻る
==========================*/
.page-top {
  bottom: -100px;
  position: fixed;
  right: 20px;
  z-index: 30;
}
.page-top a {
  display: block;
  height: 70px;
  width: 70px;
}

/* @media screen and (max-width: 680px) { */
.page-top {
  right: 10px;
}
.page-top a {
  height: min(12vw, 60px);
  width: min(12vw, 60px);
}
/* } */

/*-------20220629お客様本位-------*/
/* @media screen and (min-width: 768px) { */
  .section.customer {
    margin-bottom: 0;
  }
  .section.customer .border_area {
    box-sizing: border-box;
    width: 770px;
    border: #000 4px solid;
    padding: 41px 0;
    text-align: center;
    margin: 0 auto;
  }
  .section.customer .border_area h2 img {
    width: 375px;
    height: 35px;
  }
  .section.customer .border_area p {
    margin: 25px auto 35px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
  }
  .section.customer .border_area a {
    width: 380px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    color: #fff;
    background-color: #000;
    background-image: url("../img/icon_btn_arrow.svg");
    background-repeat: no-repeat;
    background-size: 12px 14px;
    background-position: right 13px center;
  }
/* } */
/* @media screen and (max-width: 767px) { */
  .section.customer {
    margin-bottom: 0;
  }
  .section.customer .border_area {
    box-sizing: border-box;
    width: 92%;
    max-width: 780px;
    border: #000 3px solid;
    padding: calc(91% / 7.5) calc(30% / 7.5) calc(74% / 7.5);
    text-align: center;
    margin: 0 auto;
  }
  .section.customer .border_area h2 img {
    width: calc(min(591vw, 2955px) / 7.5);
    height: auto;
  }
  .section.customer .border_area p {
    margin: calc(min(70vw, 350px) / 7.5) auto;
    font-size: calc(min(36vw, 180px) / 7.5);
    line-height: calc(56 / 36);
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    white-space: nowrap;
  }
  .section.customer .border_area a {
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: calc(min(36vw, 180px) / 7.5);
    line-height: calc(100 / 36);
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    color: #fff;
    background-color: #000;
    background-image: url("../img/icon_btn_arrow.svg");
    background-repeat: no-repeat;
    background-size: calc(min(24vw, 120px) / 7.5) auto;
    background-position: calc(602% / 6.22)  center;
  }
/* } */




/*-------20230626お客さまへ大切なお知らせ-------*/
/* @media screen and (min-width: 768px) { */
  .section.notice {
    margin-bottom: 0;
  }
  .section.notice .border_area {
    box-sizing: border-box;
    width: 770px;
    border: #000 4px solid;
    padding: 41px 0;
    text-align: center;
    margin: 0 auto;
  }
  .section.notice .border_area p {
    margin: 25px auto 35px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
  }
  .section.notice .border_area a {
    width: 380px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    line-height: 50px;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    color: #fff;
    background-color: #000;
    background-image: url("../img/icon_btn_arrow.svg");
    background-repeat: no-repeat;
    background-size: 12px 14px;
    background-position: right 13px center;
  }
  .section.notice .pc_none{
    display: none;
  }
/* } */
/* @media screen and (max-width: 767px) { */
  .section.notice {
    margin-bottom: 0;
  }
  .section.notice .border_area {
    box-sizing: border-box;
    width: 92%;
    max-width: 780px;
    border: #000 3px solid;
    padding: calc(91% / 7.5) calc(30% / 7.5) calc(74% / 7.5);
    text-align: center;
    margin: 0 auto;
  }
  .section.notice .border_area h2 img {
    width: calc(min(485vw, 2425px) / 7.5);
    height: auto;
  }
  .section.notice .border_area p {
    margin: calc(min(70vw, 350px) / 7.5) auto;
    font-size: calc(min(36vw, 180px) / 7.5);
    line-height: calc(56 / 36);
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    text-align: left;
  }
  .section.notice .border_area a {
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: calc(min(36vw, 180px) / 7.5);
    line-height: calc(100 / 36);
    letter-spacing: 0.04em;
    font-feature-settings: 'palt';
    color: #fff;
    background-color: #000;
    background-image: url("../img/icon_btn_arrow.svg");
    background-repeat: no-repeat;
    background-size: calc(min(24vw, 120px) / 7.5) auto;
    background-position: calc(602% / 6.22)  center;
  }
  .section.notice .sp_none{
    display: none;
  }
/* } */

/*-------20231011お客さまへ大切なお知らせ-------*/
/* @media screen and (min-width: 768px) { */
  .section.notice .border_area {
    padding: 41px;
  }
  .section.notice .border_area p {
    font-size: 15px;
  }
/* } */
/* @media screen and (max-width: 767px) { */
  .section.notice .border_area p {
    font-size: calc(min(28vw, 140px) / 7.5);
  }
/* } */


/* 20250110 */
.bnr_point{
  display: block;
  margin-top: 50px;
}
.point_service {
  width: 100%;
  margin: 130px auto 100px;
  position: relative;
}
.point_service .section-ttl img {
  max-width: 317px;
}
.point_service .img_text {
  margin-bottom: 50px;
}
.point_service .img_text img {
  max-width: 746px;
}
.point_service .img_graph {
  margin-bottom: 90px;
}
.point_service .img_graph img {
  max-width: 775px;
}
/* @media (max-width: 767px) { */
  .bnr_point{
    margin-top: 4%;
  }
  .point_service .section-ttl img {
    max-width: min(36.4583vw, 182.2915px);
  }
  .point_service .img_text {
    margin-bottom: min(12vw, 60px);
  }
  .point_service .img_text img {
    max-width: min(88.5333vw, 442.6665px);
  }
  .point_service .img_graph {
    margin-bottom: min(9.3333vw, 46.6665px);
  }
  .point_service .img_graph img {
    max-width: 70%;
  }
/* } */
.brands {
  margin-bottom: 120px;
}
.brands .section-ttl img {
  max-width: 288px;
}
.brands .img_text {
  margin-bottom: 85px;
}
.brands .img_text img {
  max-width: 1023px;
}
.brands .img_usm {
  margin-bottom: 40px;
}
.brands .img_usm img {
  max-width: 515px;
}
.brands .brands_cap {
  font-size: 20px;
  line-height: 35px;
  font-weight: 300;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  margin-bottom: 75px;
  text-align: center;
}
.brands .brands_any {
  width: 100%;
  max-width: 1100px;
  margin: auto;
  background-color: #f5f5f5;
  padding: 65px 0 55px;
}
.brands .brands_any .img_text_any {
  margin-bottom: 50px;
}
.brands .brands_any .img_text_any img {
  max-width: 661px;
}
.brands .brands_any .brands_any_set {
  width: 100%;
  max-width: 860px;
  margin: auto;
  display: flex;
  justify-content: center;
}
.brands .brands_any .brands_any_set.col2 {
  /* max-width: 548px; */
  margin-top: 35px;
}
.brands .brands_any .brands_any_set img {
  max-width: 236px;
}
/* @media (max-width: 767px) { */
  .brands {
    margin-bottom: min(20vw, 100px);
  }
  .brands .section-ttl img {
    max-width: min(38.4vw, 192px);
  }
  .brands .img_text {
    margin-bottom: min(9.0666vw, 45.333px);
  }
  .brands .img_text img {
    max-width: min(90.6666vw, 453.333px);
  }
  .brands .img_usm {
    margin-bottom: min(5.3333vw, 26.6665px);
  }
  .brands .img_usm img {
    max-width: min(71.6vw, 358px);
  }
  .brands .brands_cap {
    font-size: min(2.6666vw, 13.333px);
    line-height: min(4.6666vw, 23.333px);
    margin-bottom: min(10.6666vw, 53.333px);
  }
  .brands .brands_any {
    width: min(90.6666vw, 453.333px);
    max-width: none;
    margin: auto;
    background-color: #f5f5f5;
    padding: min(8vw, 40px) 0;
  }
  .brands .brands_any .img_text_any {
    margin-bottom: min(6.6666vw, 33.333px);
  }
  .brands .brands_any .img_text_any img {
    max-width: min(74.4vw, 372px);
  }
  .brands .brands_any .brands_any_set {
    width: 100%;
    max-width: none;
    margin: min(8vw, 40px) auto 0;
    gap: 4.4%;
  }
  .brands .brands_any .brands_any_set.col2 {
    max-width: none;
    margin-top: min(8vw, 40px);
  }
  .brands .brands_any .brands_any_set img {
    width: 27.2%;
    height: auto;
    max-width: none;
    margin: 0;
  }
/* } */
.youtube_modal_open {
  display: block;
  width: 530px;
  margin: 50px auto 140px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.youtube_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  z-index: -1;
}
.youtube_modal.open {
  opacity: 1;
  z-index: 10000;
  animation: modalOpen 0.5s linear;
}
.youtube_modal.close {
  opacity: 0;
  z-index: -1;
  animation: modalClose 0.5s linear;
}
.youtube_modal .youtube_modal_bg {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
.youtube_modal .youtube_modal_con {
  width: 80%;
  max-width: 1100px;
  height: 90%;
  max-height: 900px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_frame {
  width: 100%;
  height: 100%;
  max-height: 900px;
  box-sizing: border-box;
  padding: 40px 20px;
  background-color: #fff;
  color: #000;
  overflow-x: auto;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner {
  height: 100%;
  min-height: 612px;
  padding: 0 40px;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_ele {
  width: auto;
  height: 60%;
  max-width: 100%;
  max-height: 510px;
  aspect-ratio: 1920/1080;
  border: 1px solid #000;
  box-sizing: border-box;
  margin: auto;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge {
  width: 100%;
  margin-top: 5%;
  height: 32%;
  max-height: 262px;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge .appbadge-cnt {
  width: auto;
  height: 100%;
  aspect-ratio: 1/1
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge .appbadge-qr {
  width: 100%;
  height: 100%;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge .appbadge-qr canvas {
  width: 100%;
  height: 100%;
}
.youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_modal_close2 {
  display: block;
  width: 300px;
  padding: 21px 0;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  margin: 75px auto 0;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  color: #000;
  cursor: pointer;
}
.youtube_modal .youtube_modal_con .youtube_modal_close {
  display: block;
  width: 54px;
  height: 54px;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}
.youtube_modal .youtube_modal_con .youtube_modal_close span {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotate(45deg);
}
.youtube_modal .youtube_modal_con .youtube_modal_close span::before,
.youtube_modal .youtube_modal_con .youtube_modal_close span::after {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.youtube_modal .youtube_modal_con .youtube_modal_close span::before {
  width: 100%;
  height: 1px;
}
.youtube_modal .youtube_modal_con .youtube_modal_close span::after {
  width: 1px;
  height: 100%;
}
/* @media (max-width: 767px) { */
  .youtube_modal_open {
    width: calc(530 / 750 * 100vw);
    margin: 50px auto;
  }
  .youtube_modal .youtube_modal_con {
    width: 100%;
    height: fit-content;
    max-width: none;
    max-height: 80%;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_frame {
    width: 100%;
    height: fit-content;
    max-height: 80dvh;
    padding: 0;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner {
    padding: 60px calc(36 / 750 * 100%) 50px;
    min-height: auto;
    height: fit-content;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_ele {
    height: auto;
    max-height: none;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge {
    margin-top: 40px;
    height: auto;
    max-width: none;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .appbadge .appbadge-cnt {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_modal_close2 {
    width: 150px;
    padding: 10px 0;
    margin: 45px auto 0;
    font-size: 15px;
  }
  .youtube_modal .youtube_modal_con .youtube_modal_close {
    width: 27px;
    height: 27px;
    top: 17px;
    right: 22px;
  }
/* } */
/* @media (hover: hover) and (pointer: fine) { */
  .youtube_modal_open,
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_modal_close2,
  .youtube_modal .youtube_modal_con .youtube_modal_close {
    opacity: 1;
    transition: opacity 0.2s linear;
  }
  .youtube_modal_open:hover,
  .youtube_modal .youtube_modal_con .youtube_modal_con_inner .youtube_modal_close2:hover,
  .youtube_modal .youtube_modal_con .youtube_modal_close:hover {
    opacity: 0.6;
  }
/* } */

@keyframes modalOpen {
  0% {
    z-index: -1;
    opacity: 0;
  }
  1% {
    z-index: 10000;
    opacity: 0;
  }
  100% {
    z-index: 10000;
    opacity: 1;
  }
}
@keyframes modalClose {
  0% {
    z-index: 10000;
    opacity: 1;
  }
  99% {
    z-index: 10000;
    opacity: 0;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}


/* 20250417-24時間サポート更新 */
.support__ttl {
  width: 317px;
}
.section__ttl-sub {
  width: 240px;
}
.support-inner-ttl-img {
  max-width: 539px;
}
.support__text {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  margin: 50px auto 40px;
  letter-spacing: 0.13em;
}
.support__time {
  font-size: 16px;
  line-height: 1.4375;
  letter-spacing: 0.13em;
  margin-bottom: 80px;
}
.support-means {
  width: 90%;
  max-width: 1100px;
  margin: auto;
  background-color: #fff;
  display: grid;
  justify-content: space-around;
  grid-template-columns: repeat(3, 33.3%);
  padding: 60px 20px 55px;
  position: relative;
}
.support-means-set {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 10px;
  align-items: center;
}
.support-means-set:nth-of-type(n+2) {
  border-left: 1px solid #000;
}
.support-means-ttl {
  display: block;
  width: auto;
  height: 23px;
}
.support-means-ttl img {
  width: auto;
  height: 100%;
}
.support-means-icon {
  padding: 20px 0;
}
.support-means-num,
.support-means-btn {
  align-self: flex-start;
}
.support-means-btn {
  width: 70%;
  max-width: 250px;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.support-means-btn .btn__link--secondary,
.support-means-btn .btn__link--tertiary {
  display: block;
  width: 100%;
  background-color: #000;
  padding: 19px 35px 19px 20px;
  font-size: 18px;
  line-height: 1.2222;
  font-weight: 300;
  letter-spacing: -0.02em;
  color: #fff;
  text-align: center;
  position: relative;
}
.support-means-btn .btn__link--secondary::after,
.support-means-btn .btn__link--tertiary::after {
  content: "";
  display: block;
  width: 11px;
  height: 14px;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.support-means-cap {
  font-size: 15px;
  line-height: 1;
  font-weight: 300;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  color: #000;
  text-align: center;
}


/* @media screen and (max-width: 1200px) { */
  .support__text {
    font-size: min(1.6667vw, 8.3335px);
    margin: 4% auto min(4.53333333vw, 22.666667px);
  }
/* } */

/* @media screen and (max-width: 767px) { */
  .support__ttl {
    width: min(41.2vw, 206px);
  }
  .section__ttl-sub {
    width: min(28.6666667vw, 143.333334px);
  }
  .support-inner-ttl-img {
    width: min(69.6vw, 348px);
  }
  .support__text {
    font-size: min(2.9333vw, 14.6665px);
    max-width: 90%;
  }
  .support__time {
    font-size: min(2.6666vw, 13.333px);
    margin-bottom: 35px;
  }
  .support-means {
    width: 92%;
    display: block;
    padding: 40px 8.6666%;
  }
  .support-means-set {
    display: block;
  }
  .support-means-set:nth-of-type(n+2) {
    margin-top: min(7.3333vw, 36.6665px);
    padding-top: min(8vw, 40px);
    border-top: 1px solid #888;
    border-left: none;
  }
  .support-means-ttl {
    height: min(4.6666vw, 23.333px);
  }
  .support-means-icon {
    padding: min(6.4vw, 32px) 0;
    margin: auto;
    display: block;
  }
  .support-means-icon img {
    width: 100%;
  }
  .support-means-tel .support-means-icon {
    width: min(14.4vw, 72px);
  }
  .support-means-mail .support-means-icon {
    width: min(16.6666vw, 83.333px);
  }
  .support-means-line .support-means-icon {
    width: min(15.8666vw, 79.333px);
  }
  .support-means-btn {
    width: 100%;
  }
  .support-means-btn .btn__link--secondary,
  .support-means-btn .btn__link--tertiary {
    padding: min(3.2vw, 16px) min(9.3333vw, 46.6665px) min(3.2vw, 16px) min(2.6666vw, 13.333px);
    font-size: min(3.6vw, 18px);
  }
  .support-means-btn .btn__link--secondary::after,
  .support-means-btn .btn__link--tertiary::after {
    width: min(2.8vw, 14px);
    height: min(3.6vw, 18px);
    right: min(2vw, 10px);
  }
  .support-means-cap {
    font-size: min(2.9333vw, 14.6665px);
    text-align: center;
    margin-top: min(5.6vw, 28px);
  }
/* } */


.sp-frame {
  width: 100%;
  /* background-color: #000; */
}

.sp-inner {
  width: 100%;
  max-width: 500px;
  overflow-x: hidden;
  margin: auto;
}