@charset "UTF-8";
/* -----------------------
  unity
----------------------- */
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  color: #121212;
}
@media screen and (max-width: 767px) {
  body.active {
    overflow: hidden;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

.wrapper {
  overflow: hidden;
}

/* -----------------------
  header
----------------------- */
.header {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  left: 0;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .header {
    height: min(7.5vw, 108px);
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .header {
    height: 8.2051282051vw;
    overflow: visible;
  }
}
.header__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .header__inner {
    display: block;
    padding-inline: 0;
    width: min(100vw, 1440px);
  }
}
@media screen and (max-width: 767px) {
  .header__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-inline: 0;
    width: 100%;
  }
}
.header__logo {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .header__logo {
    height: min(4.5833333333vw, 66px);
    left: min(13.4722222222vw, 194px);
    position: absolute;
    top: min(2.1527777778vw, 31px);
    width: min(23.0555555556vw, 332px);
  }
}
@media screen and (max-width: 767px) {
  .header__logo {
    height: 8.2051282051vw;
    left: 48%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 41.7948717949vw;
  }
}
.header__logo img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.header__nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
  .header__nav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header__nav {
    display: none;
  }
}
.header__nav-link {
  font-weight: 700;
  color: #5a5956;
  display: block;
  line-height: 1;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .header__nav-link {
    font-size: min(1.1111111111vw, 16px);
    padding-block: min(0.8333333333vw, 12px);
  }
}
.header__nav-link::after {
  background-color: #72972f;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.24s ease;
  transition: -webkit-transform 0.24s ease;
  transition: transform 0.24s ease;
  transition: transform 0.24s ease, -webkit-transform 0.24s ease;
  width: 100%;
}
.header__nav-link:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.header__cta, .header__drawer-cta {
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#50d701), color-stop(96.63%, #1e9601));
  background: linear-gradient(180deg, #50d701 0%, #1e9601 96.63%);
  border: 0;
  border-radius: 999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.header__cta span, .header__drawer-cta span {
  color: #fff500;
}
.header__cta {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
@media screen and (min-width: 768px) {
  .header__cta {
    background: -webkit-gradient(linear, left top, left bottom, from(#48cd01), to(#229b00));
    background: linear-gradient(180deg, #48cd01 0%, #229b00 100%);
    border-radius: min(2.2048611111vw, 31.75px);
    font-size: min(1.5676388889vw, 22.574px);
    height: min(5.4861111111vw, 79px);
    left: min(64.6527777778vw, 931px);
    position: absolute;
    top: -1.5277777778vw;
    width: min(15.0694444444vw, 217px);
  }
}
@media screen and (max-width: 767px) {
  .header__cta {
    display: none;
  }
}
.header__cta:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
@media screen and (min-width: 1441px) {
  .header__cta {
    top: -22px;
  }
}
.header__toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #72972f;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__toggle {
    display: none;
  }
}
.header__toggle span {
  background-color: #fff;
  border-radius: 999px;
  display: block;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.24s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.24s ease;
  transition: transform 0.24s ease, opacity 0.2s ease;
  transition: transform 0.24s ease, opacity 0.2s ease, -webkit-transform 0.24s ease;
}
@media screen and (max-width: 767px) {
  .header__toggle span {
    height: 0.5128205128vw;
    width: 5.1282051282vw;
  }
}
.header.is-open .header__toggle span:nth-child(1) {
  -webkit-transform: translateY(1.7948717949vw) rotate(45deg);
          transform: translateY(1.7948717949vw) rotate(45deg);
}
.header.is-open .header__toggle span:nth-child(2) {
  opacity: 0;
}
.header.is-open .header__toggle span:nth-child(3) {
  -webkit-transform: translateY(-1.7948717949vw) rotate(-45deg);
          transform: translateY(-1.7948717949vw) rotate(-45deg);
}
.header__drawer {
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
          box-shadow: 0 16px 24px rgba(0, 0, 0, 0.08);
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-2.5641025641vw);
          transform: translateY(-2.5641025641vw);
  -webkit-transition: opacity 0.24s ease, -webkit-transform 0.24s ease;
  transition: opacity 0.24s ease, -webkit-transform 0.24s ease;
  transition: opacity 0.24s ease, transform 0.24s ease;
  transition: opacity 0.24s ease, transform 0.24s ease, -webkit-transform 0.24s ease;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .header__drawer {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header__drawer {
    display: block;
  }
}
.header.is-open .header__drawer {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header__drawer-nav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .header__drawer-nav {
    padding: 4.6153846154vw 5.1282051282vw 6.1538461538vw;
  }
}
.header__drawer-link {
  font-weight: 700;
  border-bottom: 1px solid rgba(90, 89, 86, 0.18);
  color: #5a5956;
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .header__drawer-link {
    font-size: 4.358974359vw;
    line-height: 1.442;
    padding: 3.3333333333vw 0;
  }
}
@media screen and (max-width: 767px) {
  .header__drawer-cta {
    font-size: 5.1282051282vw;
    height: 14.358974359vw;
    margin-top: 4.6153846154vw;
    width: 100%;
  }
}

/* -----------------------
  footer
----------------------- */
/* -----------------------
  C_
----------------------- */
/* -----------------------
  C_zoom-btn
----------------------- */
.C_zoom-btn {
  display: block;
  border-radius: 999px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-gradient(linear, left top, left bottom, from(#50d701), color-stop(96.63%, #1e9601));
  background: linear-gradient(180deg, #50d701 0%, #1e9601 96.63%);
}
@media screen and (min-width: 768px) {
  .C_zoom-btn {
    border: min(0.2777777778vw, 4px) solid #fff;
    padding: min(1.0416666667vw, 15px) min(3.4722222222vw, 50px) min(0.9027777778vw, 13px);
  }
}
@media screen and (max-width: 767px) {
  .C_zoom-btn {
    border: 0.5128205128vw solid #fff;
    padding: 0.7692307692vw 6.4102564103vw 0.7692307692vw;
  }
}
.C_zoom-btn__TX {
  font-weight: 900;
  text-align: center;
}
.C_zoom-btn__topTX {
  background: -webkit-gradient(linear, left top, right top, from(#db9400), color-stop(12.02%, #ffe897), color-stop(66.35%, #ffe68d), to(#d79203));
  background: linear-gradient(90deg, #db9400 0%, #ffe897 12.02%, #ffe68d 66.35%, #d79203 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
@media screen and (min-width: 768px) {
  .C_zoom-btn__topTX {
    -webkit-filter: drop-shadow(0 0 min(0.4861111111vw, 7px) rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0 0 min(0.4861111111vw, 7px) rgba(0, 0, 0, 0.4));
    font-size: min(2.2916666667vw, 33px);
    left: min(0.6944444444vw, 10px);
    margin-bottom: -0.3472222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .C_zoom-btn__topTX {
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 767px) {
  .C_zoom-btn__topTX {
    -webkit-filter: drop-shadow(0 0 0.7692307692vw rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0 0 0.7692307692vw rgba(0, 0, 0, 0.4));
    font-size: 4.1025641026vw;
    left: 1.2820512821vw;
    margin-bottom: -1.2820512821vw;
  }
}
.C_zoom-btn__mainTX {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .C_zoom-btn__mainTX {
    font-size: min(3.1944444444vw, 46px);
  }
}
@media screen and (max-width: 767px) {
  .C_zoom-btn__mainTX {
    font-size: 6.1538461538vw;
  }
}
.C_zoom-btn__mainTX .color {
  color: #fff500;
}

/* -----------------------
  C_CTA
----------------------- */
.C_CTA {
  background-color: #121212;
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .C_CTA {
    background-color: transparent;
    width: 93.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .C_CTA {
    width: min(67.2222222222vw, 968px);
    border-radius: min(2.9166666667vw, 42px);
    padding-block: min(10.4861111111vw, 151px) min(3.125vw, 45px);
  }
}
.C_CTA_img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .C_CTA_img {
    height: 36.6666666667vw;
    left: auto;
    margin-inline: auto;
    position: relative;
    -webkit-transform: none;
            transform: none;
    width: 90.7692307692vw;
  }
}
@media screen and (min-width: 768px) {
  .C_CTA_img {
    width: min(63.8888888889vw, 920px);
    height: min(9.7222222222vw, 140px);
    top: -2.9861111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .C_CTA_img {
    top: -43px;
  }
}
.C_CTA_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .C_CTA_img img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA_img::before, .C_CTA_img::after {
    content: "";
    display: block;
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA_img::before {
    background-image: url("../img/C_CTA-sp-sannyuu.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 17.5328205128vw;
    left: 12.3076923077vw;
    top: 2.5641025641vw;
    width: 66.6392307692vw;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA_img::after {
    background-image: url("../img/C_CTA-sp-chance.webp");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 21.928974359vw;
    left: 0;
    top: 15.1282051282vw;
    width: 90.6923076923vw;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA .C_zoom-btn {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0.6025641026vw solid #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 18.5915384615vw;
    padding: 1.5384615385vw 3.0769230769vw 2.0512820513vw;
    width: 93.4887179487vw;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA .C_zoom-btn .C_zoom-btn__topTX {
    -webkit-filter: drop-shadow(0 0 1.0543589744vw rgba(0, 0, 0, 0.4));
            filter: drop-shadow(0 0 1.0543589744vw rgba(0, 0, 0, 0.4));
    font-size: 4.1025641026vw;
    left: auto;
    line-height: 1.19;
    margin-bottom: -0.5128205128vw;
    width: 86.6125641026vw;
  }
}
@media screen and (max-width: 767px) {
  .C_CTA .C_zoom-btn .C_zoom-btn__mainTX {
    font-size: 6.9305128205vw;
    line-height: 1.12;
  }
}
@media screen and (min-width: 768px) {
  .C_CTA .C_zoom-btn {
    margin-inline: auto;
  }
}

/* -----------------------
  C_Zoom-CTA
----------------------- */
.C_Zoom-CTA {
  font-weight: 800;
  background-color: #ead9aa;
  color: #464646;
  margin-inline: auto;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA {
    border: min(0.2777777778vw, 4px) solid #b3a07d;
    height: min(36.0416666667vw, 519px);
    width: min(67.2222222222vw, 968px);
    margin-bottom: min(4.1666666667vw, 60px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA {
    border: 1.2820512821vw solid #b3a07d;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 153.0769230769vw;
    width: 91.7948717949vw;
    margin-bottom: 8.9743589744vw;
  }
}
.C_Zoom-CTA-link {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.C_Zoom-CTA-link:hover {
  opacity: 0.9;
}
.C_Zoom-CTA__topTX {
  background-color: #ffe100;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__topTX {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: min(6.5972222222vw, 95px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__topTX {
    height: 29.7435897436vw;
  }
}
.C_Zoom-CTA__topTX::after {
  content: "";
  background-color: #f9f9f9;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__topTX::after {
    border-radius: min(1.5277777778vw, 22px);
    height: min(0.625vw, 9px);
    top: min(6.6666666667vw, 96px);
    width: min(63.9583333333vw, 921px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__topTX::after {
    border-radius: 5.641025641vw;
    height: 1.7948717949vw;
    top: 26.9230769231vw;
    width: 87.4358974359vw;
  }
}
.C_Zoom-CTA__topTX .TX {
  color: #000;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__topTX .TX {
    font-size: min(4.4145833333vw, 63.57px);
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__topTX .TX {
    font-size: 9.2307692308vw;
    line-height: 1.4;
    width: 100%;
  }
}
.C_Zoom-CTA__topTX .frame {
  color: #fff;
  display: inline-block;
  paint-order: stroke fill;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__topTX .frame {
    -webkit-text-stroke: min(0.2777777778vw, 4px) #000;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__topTX .frame {
    -webkit-text-stroke: 0.7692307692vw #000;
    font-size: 8.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__topTX .frame02 {
    font-size: min(4.5vw, 64.8px);
    margin-left: min(1.25vw, 18px);
    margin-right: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__topTX .frame02 {
    margin-left: 1.0256410256vw;
  }
}
.C_Zoom-CTA__label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c82728;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__label {
    border-radius: min(2.0486111111vw, 29.5px);
    height: min(4.0972222222vw, 59px);
    top: min(7.9166666667vw, 114px);
    width: min(64.3055555556vw, 926px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__label {
    border-radius: 6.9230769231vw;
    height: 13.5897435897vw;
    top: 30vw;
    width: 77.1794871795vw;
  }
}
.C_Zoom-CTA__label .TX {
  color: #f8dd7b;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__label .TX {
    font-size: min(2.7770833333vw, 39.99px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__label .TX {
    font-size: 0;
    line-height: 1.302;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__label .TX::before, .C_Zoom-CTA__label .TX::after {
    color: #f8dd7b;
    display: block;
    font-size: 4.8717948718vw;
    line-height: 1.302;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__label .TX::before {
    content: "数字だけじゃ見えない部分";
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__label .TX::after {
    content: "直接お話しします";
  }
}
.C_Zoom-CTA__content {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__content {
    left: min(3.8888888889vw, 56px);
    top: min(14.1666666667vw, 204px);
    width: min(35.1388888889vw, 506px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__content {
    left: 5.1282051282vw;
    top: 47.4358974359vw;
    width: 81.5384615385vw;
    z-index: 2;
  }
}
.C_Zoom-CTA__content .mainTX {
  position: relative;
  word-break: normal;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__content .mainTX {
    font-size: min(1.5277777778vw, 22px);
    line-height: 1.602;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__content .mainTX {
    font-size: 4.3123076923vw;
    line-height: 1.51;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__content .mainTX br {
    display: none;
  }
}
.C_Zoom-CTA__content .mainTX .red,
.C_Zoom-CTA__content .mainTX > span:not(.pc) {
  color: #d61b01;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__content .mainTX .red,
  .C_Zoom-CTA__content .mainTX > span:not(.pc) {
    font-size: min(1.7361111111vw, 25px);
    line-height: 1.602;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__content .mainTX .red,
  .C_Zoom-CTA__content .mainTX > span:not(.pc) {
    font-size: 4.9005128205vw;
    line-height: 1.51;
  }
}
.C_Zoom-CTA__img {
  background-image: url("../img/C_Zoom-CTA.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__img {
    height: min(26.5277777778vw, 382px);
    left: min(35.1388888889vw, 506px);
    top: min(-5vw, -72px);
    width: min(28.125vw, 405px);
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__img {
    height: 43.5897435897vw;
    left: 40.5128205128vw;
    top: 61.2820512821vw;
    width: 46.1538461538vw;
    z-index: 1;
  }
}
.C_Zoom-CTA__bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__bottom {
    bottom: 0;
    height: min(4.2361111111vw, 61px);
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__bottom {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 17.4358974359vw;
    left: 50%;
    padding-inline: 2.0512820513vw;
    top: 99.7435897436vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 77.1794871795vw;
    z-index: 4;
  }
}
.C_Zoom-CTA__bottom .TX {
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .C_Zoom-CTA__bottom .TX {
    font-size: min(1.94375vw, 27.99px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .C_Zoom-CTA__bottom .TX {
    font-size: 4.358974359vw;
    line-height: 1.512;
    white-space: normal;
  }
}
.C_Zoom-CTA__bottom .C_Zoom-CTA__bottom-highlight {
  color: #F4D923;
  font-size: 2.2em;
  font-weight: 900;
}

/* -----------------------
  forth
----------------------- */
.price {
  background: #ededed;
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media screen and (min-width: 768px) {
  .price {
    padding-bottom: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .price {
    padding-bottom: 12.8205128205vw;
  }
}
.price img {
  -o-object-fit: cover;
     object-fit: cover;
}
.price * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.price .wave {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .price .wave {
    top: min(-2.7777777778vw, -40px);
  }
}
@media screen and (max-width: 767px) {
  .price .wave {
    top: -2.5641025641vw;
  }
}
.price .price-section-title {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .price .price-section-title {
    height: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title {
    height: 30.7692307692vw;
  }
}
.price .price-section-title .price-bg-title {
  position: absolute;
  top: 0;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .price .price-section-title .price-bg-title {
    left: 0;
    font-size: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-bg-title {
    left: 2.5641025641vw;
    font-size: 16.4102564103vw;
    z-index: 0;
  }
}
.price .price-section-title .price-title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .price .price-section-title .price-title {
    top: 50px;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-title {
    top: 11.5384615385vw;
    width: 87.1794871795vw;
  }
}
.price .price-section-title .price-title .price-text {
  color: #ffae00;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .price .price-section-title .price-title .price-text {
    font-size: min(2.0138888889vw, 29px);
    width: min(8.5416666667vw, 123px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-title .price-text {
    font-size: 3.8461538462vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-title .price {
    font-size: 3.8461538462vw;
    width: 13.3333333333vw;
    padding: 0;
  }
}
.price .price-section-title .price-title .start {
  color: #bf1700;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .price-section-title .price-title .start {
    font-size: min(4.7916666667vw, 69px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-title .start {
    font-size: 5.641025641vw;
    text-align: center;
  }
}
.price .price-section-title .price-title .start::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #888888;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .price .price-section-title .price-title .start::after {
    bottom: -8px;
    width: min(12.5vw, 180px);
    height: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-section-title .price-title .start::after {
    bottom: -2.5641025641vw;
    width: 19.7435897436vw;
    height: 1.2820512821vw;
  }
}
.price .price-fc {
  width: 100%;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .price-fc {
    padding-top: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc {
    padding-top: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc .img-wrap {
    position: relative;
    width: min(100vw, 1440px);
    margin: 0 auto;
  }
}
.price .price-fc .motu {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .price .price-fc .motu {
    top: -3.4722222222vw;
    left: min(6.9444444444vw, 100px);
    width: min(16.3888888889vw, 236px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .motu {
    top: 46.1538461538vw;
    left: 0vw;
    width: 15.8974358974vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .motu {
    top: -50px;
  }
}
.price .price-fc .unagi {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .price .price-fc .unagi {
    top: -7.6388888889vw;
    right: min(2.0833333333vw, 30px);
    width: min(20.5555555556vw, 296px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .unagi {
    top: 11.5384615385vw;
    right: 0vw;
    width: 18.9743589744vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .unagi {
    top: -110px;
  }
}
.price .price-fc .price-fc-com {
  margin: 0 auto;
  text-align: left;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  font-weight: bold;
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .price .price-fc .price-fc-com {
    text-align: center;
    width: 100%;
    font-size: min(1.9444444444vw, 28px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .price-fc-com {
    width: 86.4102564103vw;
    font-size: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc > .price-fc {
    padding-top: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc > .price-fc {
    padding-top: 2.5641025641vw;
  }
}
.price .price-fc .price-fc-title {
  width: 120%;
  margin-left: -10%;
  font-weight: 900;
  color: #ffffff;
  background: #851a20;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .price-fc .price-fc-title {
    font-size: min(5.4861111111vw, 79px);
    padding: min(3.4722222222vw, 50px) 0 min(13.8888888889vw, 200px);
    margin-bottom: min(27.7777777778vw, 400px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .price-fc-title {
    font-size: 6.9230769231vw;
    padding: min(3.4722222222vw, 50px) 0 min(13.8888888889vw, 200px);
    margin-bottom: 51.2820512821vw;
  }
}
.price .price-fc .Black-circle-wrap {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle-wrap {
    width: min(100vw, 1440px);
    top: 63%;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle-wrap {
    width: min(100vw, 1440px);
    top: 63%;
  }
}
.price .price-fc .Black-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle {
    width: min(62.5vw, 900px);
    right: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle {
    width: 76.9230769231vw;
    top: 75%;
    right: -5.1282051282vw;
  }
}
.price .price-fc .Black-circle .Initial-cost {
  border-radius: 50%;
  background: #17110f;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost {
    width: min(33.0555555556vw, 476px);
    height: min(33.0555555556vw, 476px);
    border: min(0.6944444444vw, 10px) solid #851a20;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost {
    width: 42.0512820513vw;
    height: 42.0512820513vw;
    border: 1.2820512821vw solid #851a20;
  }
}
.price .price-fc .Black-circle .Initial-cost .white-font-1 {
  position: absolute;
  top: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-1 {
    font-size: min(2.4305555556vw, 35px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-1 {
    font-size: 3.8461538462vw;
    width: 30vw;
  }
}
.price .price-fc .Black-circle .Initial-cost .Yellow-font-1 {
  position: absolute;
  top: 50%;
  left: 5%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffc300;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost .Yellow-font-1 {
    font-size: min(4.8611111111vw, 70px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost .Yellow-font-1 {
    font-size: 5.8974358974vw;
  }
}
.price .price-fc .Black-circle .Initial-cost .Yellow-font-2 {
  position: absolute;
  top: 45%;
  left: 25%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffc300;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost .Yellow-font-2 {
    width: min(20.8333333333vw, 300px);
    font-size: min(15.9722222222vw, 230px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost .Yellow-font-2 {
    width: 25.641025641vw;
    font-size: 20.5128205128vw;
  }
}
.price .price-fc .Black-circle .Initial-cost .white-font-2 {
  position: absolute;
  width: 100%;
  bottom: 10%;
  left: 55%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-2 {
    font-size: min(4.0277777778vw, 58px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-2 {
    bottom: 3%;
    left: 53%;
    font-size: 5.1282051282vw;
    line-height: 0.8;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-2 span {
    font-size: min(5.625vw, 81px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Initial-cost .white-font-2 span {
    font-size: 7.1794871795vw;
  }
}
.price .price-fc .Black-circle .Royalty {
  border-radius: 50%;
  background: #17110f;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Royalty {
    width: min(27.5vw, 396px);
    height: min(27.5vw, 396px);
    border: min(0.6944444444vw, 10px) solid #851a20;
    left: 47%;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Royalty {
    width: 34.8717948718vw;
    height: 34.8717948718vw;
    border: 1.2820512821vw solid #851a20;
    left: 47%;
  }
}
.price .price-fc .Black-circle .Royalty .white-font-1 {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Royalty .white-font-1 {
    font-size: min(2.9861111111vw, 43px);
    top: 13%;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Royalty .white-font-1 {
    font-size: 3.8461538462vw;
    top: 10%;
  }
}
.price .price-fc .Black-circle .Royalty .Yellow-font-2 {
  color: #ffc300;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Royalty .Yellow-font-2 {
    font-size: min(9.0277777778vw, 130px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Royalty .Yellow-font-2 {
    font-size: 10.2564102564vw;
  }
}
.price .price-fc .Black-circle .Royalty .white-font-2 {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Royalty .white-font-2 {
    font-size: min(4.0277777778vw, 58px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Royalty .white-font-2 {
    font-size: 5.1282051282vw;
    line-height: 1;
  }
}
.price .price-fc .Black-circle .Royalty .font-set {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .Royalty .font-set {
    left: 66%;
    bottom: -2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .Royalty .font-set {
    left: 70%;
    bottom: 2.0512820513vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .Black-circle .Royalty .font-set {
    bottom: -30px;
  }
}
.price .price-fc .Black-circle .price-asterisk {
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .price-asterisk {
    font-size: min(1.3125vw, 18.9px) !important;
    top: -2.0833333333vw;
    left: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .price-asterisk {
    font-size: 3.5897435897vw !important;
    left: -2.5641025641vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .Black-circle .price-asterisk {
    top: -30px;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc .Black-circle .price-asterisk-2 {
    left: -10.4166666667vw;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .Black-circle .price-asterisk-2 {
    left: -12.8205128205vw;
    top: 0.7692307692vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .Black-circle .price-asterisk-2 {
    left: -150px;
  }
}
.price .price-fc .combined-annotation {
  position: absolute;
  color: #333333;
  text-align: left;
  line-height: 1.6;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .price .price-fc .combined-annotation {
    right: min(2.0833333333vw, 30px);
    bottom: -38.1944444444vw;
    width: min(34.7222222222vw, 500px);
    font-size: min(1.1111111111vw, 16px);
    font-weight: 700;
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .combined-annotation {
    right: 2.5641025641vw;
    bottom: -71.7948717949vw;
    width: 55.3846153846vw;
    font-size: 3.0769230769vw;
    font-weight: 400;
  }
}
@media screen and (min-width: 1441px) {
  .price .price-fc .combined-annotation {
    bottom: -550px;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc .combined-annotation__line {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .price .price-fc .combined-annotation__line--indent {
    padding-left: 2em;
  }
}
@media screen and (max-width: 767px) {
  .price .price-fc .combined-annotation__line:nth-child(2)::after {
    content: "";
    display: block;
  }
}
.price .free {
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .price .free {
    width: min(97.2222222222vw, 1400px);
  }
}
@media screen and (max-width: 767px) {
  .price .free {
    width: 84.6153846154vw;
    padding-top: 10.2564102564vw;
  }
}
.price .free img {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .price .free img {
    width: min(33.9583333333vw, 489px);
    top: -120%;
    left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .price .free img {
    width: 41.7948717949vw;
    top: -16.6666666667vw;
    left: -2.5641025641vw;
  }
}
.price .free-title {
  color: #c9221d;
  font-weight: 900;
  -webkit-animation: katakata 6s step-start infinite;
          animation: katakata 6s step-start infinite;
}
@media screen and (min-width: 768px) {
  .price .free-title {
    width: min(64.8611111111vw, 934px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0 min(31.25vw, 450px);
    font-size: min(2.7777777778vw, 40px);
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .price .free-title {
    width: 77.9487179487vw;
    margin: 0 auto 0 17.9487179487vw;
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  .price .free-title span {
    font-size: min(11.5972222222vw, 167px);
    margin-left: min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .price .free-title span {
    font-size: 13.8461538462vw;
    margin-left: 15.3846153846vw;
  }
}
.price .all {
  color: #b37e10;
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .all {
    font-size: min(4.3055555556vw, 62px);
    padding-top: min(6.9444444444vw, 100px);
    width: min(100vw, 1440px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .price .all {
    font-size: 6.4102564103vw;
    margin-top: 7.6923076923vw;
    padding-top: 0;
  }
}
.price .all p {
  text-align: center;
  width: 100%;
  -webkit-animation: katakata 6s step-start infinite;
          animation: katakata 6s step-start infinite;
}
@media screen and (max-width: 767px) {
  .price .all p {
    margin-left: 0vw;
  }
}
.price .all .all-img-1 {
  position: absolute;
  height: auto;
}
@media screen and (min-width: 768px) {
  .price .all .all-img-1 {
    width: min(25.4166666667vw, 366px);
    top: -5.5555555556vw;
    left: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .price .all .all-img-1 {
    width: 25.1282051282vw;
    top: -16.6666666667vw;
    left: 2.5641025641vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .all .all-img-1 {
    top: -80px;
  }
}
.price .all .all-img-2 {
  position: absolute;
  height: auto;
}
@media screen and (min-width: 768px) {
  .price .all .all-img-2 {
    width: min(27.7777777778vw, 400px);
    bottom: -12.5vw;
    right: min(8.3333333333vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .price .all .all-img-2 {
    width: 28.2051282051vw;
    bottom: -36.6666666667vw;
    right: 0vw;
  }
}
@media screen and (min-width: 1441px) {
  .price .all .all-img-2 {
    bottom: -180px;
  }
}
@media screen and (min-width: 1570px) {
  .price .all .all-img-2 {
    right: min(4.1666666667vw, 60px);
  }
}
@media screen and (min-width: 1800px) {
  .price .all .all-img-2 {
    right: 0;
  }
}
.price .all span {
  position: relative;
}
.price .all span::before {
  content: "●";
  position: absolute;
  top: -0.8em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.3em;
}
.price .no {
  color: #b37e10;
  font-weight: 900;
  position: relative;
}
@media screen and (min-width: 768px) {
  .price .no {
    --main-copy-start-top: calc(-500% + min(6.9444444444vw, 100px));
    --main-copy-top: calc(-100% + min(8.3333333333vw, 120px));
    font-size: min(3.0555555556vw, 44px);
    width: min(69.4444444444vw, 1000px);
    margin: min(5.5555555556vw, 80px) auto;
  }
}
@media screen and (max-width: 767px) {
  .price .no {
    --main-copy-start-top: -500%;
    --main-copy-top: 2.5641025641vw;
    font-size: 3.8461538462vw;
    width: min(69.4444444444vw, 1000px);
    margin: 1.2820512821vw auto 0;
  }
}
.price .no p {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .price .no p {
    margin-left: 0;
  }
}
.price .no img {
  position: absolute;
  top: var(--main-copy-top);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: auto;
  margin: 0 auto;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .price .no img {
    width: min(91.1805555556vw, 1313px);
  }
}
@media screen and (max-width: 767px) {
  .price .no img {
    width: 94.8717948718vw;
  }
}
.price .execution {
  color: #5a5956;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .price .execution {
    font-size: min(4.5138888889vw, 65px);
    width: min(97.2222222222vw, 1400px);
    margin: min(24.3055555556vw, 350px) auto 0;
  }
}
@media screen and (max-width: 767px) {
  .price .execution {
    font-size: 5.3846153846vw;
    width: min(97.2222222222vw, 1400px);
    margin: 25.641025641vw 0 0;
  }
}
.price .execution-img-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .price .execution-img-set {
    width: min(91.1805555556vw, 1313px);
  }
}
@media screen and (max-width: 767px) {
  .price .execution-img-set {
    width: 93.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .price .execution-img-set .execution-1 {
    width: min(55.4166666667vw, 798px);
    height: min(11.3888888889vw, 164px);
    margin-right: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .price .execution-img-set .execution-1 {
    width: 66.6666666667vw;
    height: 13.8461538462vw;
    margin-right: 1.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  .price .execution-img-set .execution-2 {
    width: min(24.7916666667vw, 357px);
    height: min(18.6111111111vw, 268px);
  }
}
@media screen and (max-width: 767px) {
  .price .execution-img-set .execution-2 {
    width: 25.641025641vw;
    height: 19.2307692308vw;
  }
}
@media screen and (min-width: 768px) {
  .price .execution-img-set .execution-3 {
    width: min(61.9444444444vw, 892px);
    margin-left: min(27.7777777778vw, 400px);
  }
}
@media screen and (max-width: 767px) {
  .price .execution-img-set .execution-3 {
    width: 74.6153846154vw;
    margin-left: 16.6666666667vw;
  }
}
.price.is-active {
  -webkit-animation: zoomInAnime 0.5s forwards;
          animation: zoomInAnime 0.5s forwards;
}

@-webkit-keyframes zoomInAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomInAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes katakata {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
            transform: translate(-2px, 1px) rotate(-1deg);
  }
  2% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
            transform: translate(2px, -1px) rotate(1deg);
  }
  3% {
    -webkit-transform: translate(-2px, 0) rotate(0deg);
            transform: translate(-2px, 0) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
            transform: translate(2px, 1px) rotate(1deg);
  }
  5% {
    -webkit-transform: translate(0, -1px) rotate(-1deg);
            transform: translate(0, -1px) rotate(-1deg);
  }
  6% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  /* 残りの時間は静止 */
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes katakata {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
            transform: translate(-2px, 1px) rotate(-1deg);
  }
  2% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
            transform: translate(2px, -1px) rotate(1deg);
  }
  3% {
    -webkit-transform: translate(-2px, 0) rotate(0deg);
            transform: translate(-2px, 0) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(2px, 1px) rotate(1deg);
            transform: translate(2px, 1px) rotate(1deg);
  }
  5% {
    -webkit-transform: translate(0, -1px) rotate(-1deg);
            transform: translate(0, -1px) rotate(-1deg);
  }
  6% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  /* 残りの時間は静止 */
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
/* =========================
   「何もしなくていい‼」
   ========================= */
.no .main-copy.is-active {
  -webkit-animation: slideDown 0.4s ease-out forwards;
          animation: slideDown 0.4s ease-out forwards;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    top: var(--main-copy-start-top, -500%);
  }
  100% {
    opacity: 1;
    top: var(--main-copy-top, -100%);
  }
}

@keyframes slideDown {
  0% {
    opacity: 0;
    top: var(--main-copy-start-top, -500%);
  }
  100% {
    opacity: 1;
    top: var(--main-copy-top, -100%);
  }
}
/* =========================
   「ぜんぶ本部が実行します‼」
   ========================= */
.execution .sub-copy {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.execution .sub-copy.is-active {
  -webkit-animation: zoomInAnime 0.5s forwards;
          animation: zoomInAnime 0.5s forwards;
}

@keyframes zoomInAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* =========================
   「実行します」の点滅
   ========================= */
.execution .highlight.is-blink {
  -webkit-animation: blink 0.5s step-start 2;
          animation: blink 0.5s step-start 2;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.support {
  background: #72972f;
  position: relative;
}
@media screen and (min-width: 768px) {
  .support {
    padding: min(1.7361111111vw, 25px) 0 min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .support {
    padding: 2.5641025641vw 0 6.4102564103vw;
  }
}
.support img {
  -o-object-fit: cover;
     object-fit: cover;
}
.support .wave {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .support .wave {
    top: min(-2.7777777778vw, -40px);
  }
}
@media screen and (max-width: 767px) {
  .support .wave {
    top: -5.1282051282vw;
  }
}
.support .support-section-title {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.support .support-section-title.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.support .support-section-title .support-title {
  color: #ffae00;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support .support-section-title .support-title {
    font-size: min(2.0138888889vw, 29px);
    padding: min(1.3888888889vw, 20px) 0 min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-section-title .support-title {
    font-size: 3.8461538462vw;
    padding: 3.8461538462vw 0 1.2820512821vw;
  }
}
.support .support-section-title .support-text-1 {
  color: #ffffff;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support .support-section-title .support-text-1 {
    font-size: min(3.3333333333vw, 48px);
    padding-bottom: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-section-title .support-text-1 {
    font-size: 6.1538461538vw;
    padding: 2.5641025641vw 2.5641025641vw 1.2820512821vw;
  }
}
.support .support-section-title .support-text-2 {
  color: #d61b01;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support .support-section-title .support-text-2 {
    font-size: min(2.5vw, 36px);
    padding-bottom: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-section-title .support-text-2 {
    font-size: 5.3846153846vw;
    padding: 2.5641025641vw 2.5641025641vw 2.5641025641vw;
  }
}
.support .support-flex {
  justify-items: center;
}
@media screen and (min-width: 768px) {
  .support .support-flex {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 auto min(3.4722222222vw, 50px);
    width: min(72.2222222222vw, 1040px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 6.4102564103vw auto 12.8205128205vw;
    width: 92.3076923077vw;
  }
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item:nth-child(1) {
    grid-column: 3/span 4;
  }
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item:nth-child(2) {
    grid-column: 7/span 4;
  }
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item:nth-child(3),
  .support .support-flex .flex-item:nth-child(4),
  .support .support-flex .flex-item:nth-child(5) {
    grid-column: span 4;
  }
}
.support .support-flex .flex-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: min(24.3055555556vw, 350px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-flex .flex-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.5641025641vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.support .support-flex .flex-item.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 767px) {
  .support .support-flex .flex-item .sp-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.support .support-flex .flex-item .text-1 {
  color: #ffffff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item .text-1 {
    font-size: min(1.7361111111vw, 25px);
    padding: min(1.7361111111vw, 25px) 0 min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-flex .flex-item .text-1 {
    font-size: 5.641025641vw;
    padding: 2.5641025641vw 0 2.5641025641vw;
  }
}
.support .support-flex .flex-item .text-2 {
  color: #121212;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item .text-2 {
    font-size: min(1.3888888889vw, 20px);
    padding: 0 min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-flex .flex-item .text-2 {
    font-size: 4.8717948718vw;
    padding: 0;
  }
}
.support .support-flex .flex-item img {
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  .support .support-flex .flex-item img {
    height: min(17.6388888889vw, 254px);
    width: min(17.6388888889vw, 254px);
  }
}
@media screen and (max-width: 767px) {
  .support .support-flex .flex-item img {
    height: 22.5641025641vw;
    width: 22.5641025641vw;
  }
}

.authority {
  background: #f2af19;
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority {
    padding-bottom: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .authority {
    padding-bottom: 0;
  }
}
.authority img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .authority .C_CTA {
    margin-top: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .authority .C_CTA_wrap {
    background-color: #121212;
    padding-bottom: 7.6923076923vw;
  }
}
.authority .authority-bg-title {
  color: rgba(255, 255, 255, 0.12);
  position: absolute;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .authority .authority-bg-title {
    font-size: min(13.3333333333vw, 192px);
    right: min(-4.8611111111vw, -70px);
    top: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-bg-title {
    font-size: 17.9487179487vw;
    right: -2.5641025641vw;
    top: 5.1282051282vw;
  }
}
.authority .authority-section-title .authority-text {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .authority .authority-section-title .authority-text {
    font-size: min(2.0138888889vw, 29px);
    padding-top: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-section-title .authority-text {
    font-size: 3.8461538462vw;
    padding-top: 1.2820512821vw;
  }
}
.authority .authority-section-title .know {
  color: #5a5956;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .authority .authority-section-title .know {
    font-size: min(3.1944444444vw, 46px);
    padding-top: min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-section-title .know {
    font-size: 5.1282051282vw;
    padding-top: 1.2820512821vw;
  }
}
.authority .authority-section-title .headquarters {
  color: #121212;
  font-weight: 900;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .authority .authority-section-title .headquarters {
    font-size: min(4.5833333333vw, 66px);
    padding-top: min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-section-title .headquarters {
    font-size: 6.6666666667vw;
    padding-top: 1.2820512821vw;
  }
}
.authority .authority-section-title .headquarters::after {
  background: #d61b01;
  border-radius: 5px;
  bottom: -8px;
  content: "";
  left: 43%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .authority .authority-section-title .headquarters::after {
    height: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-section-title .headquarters::after {
    height: 1.2820512821vw;
    left: 41%;
    width: 12.8205128205vw;
  }
}
.authority .authority-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex {
    gap: min(6.9444444444vw, 100px);
    margin-top: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex {
    gap: 12.8205128205vw;
    margin-top: 5.1282051282vw;
  }
}
.authority .authority-flex .flex-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 0 0 #ef5512;
          box-shadow: 5px 5px 0 0 #ef5512;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item {
    border-radius: min(1.7361111111vw, 25px);
    gap: min(0.6944444444vw, 10px);
    padding: min(1.7361111111vw, 25px) min(1.3888888889vw, 20px);
    width: min(78.4722222222vw, 1130px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item {
    border-radius: 5.8974358974vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5641025641vw;
    padding: 3.8461538462vw 1.2820512821vw;
    width: 87.4358974359vw;
  }
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item:nth-child(1) img {
    height: min(27.7777777778vw, 400px);
    width: min(40.9722222222vw, 590px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item:nth-child(1) img {
    height: 55.3846153846vw;
    width: 81.5384615385vw;
  }
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item:nth-child(2) img {
    height: min(27.7777777778vw, 400px);
    width: min(40.8333333333vw, 588px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item:nth-child(2) img {
    height: 55.3846153846vw;
    width: 81.5384615385vw;
  }
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item:nth-child(3) img {
    height: min(24.2361111111vw, 349px);
    width: min(35.7638888889vw, 515px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item:nth-child(3) img {
    height: 55.3846153846vw;
    width: 81.5384615385vw;
  }
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item:nth-child(4) img {
    height: min(25.4861111111vw, 367px);
    width: min(34.0277777778vw, 490px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item:nth-child(4) img {
    height: 61.2820512821vw;
    width: 81.5384615385vw;
  }
}
.authority .authority-flex .flex-item .item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item .item-text {
    gap: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item .item-text {
    gap: 2.5641025641vw;
  }
}
.authority .authority-flex .flex-item .item-text .text-1 {
  color: #851a20;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item .item-text .text-1 {
    font-size: min(2.9861111111vw, 43px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item .item-text .text-1 {
    font-size: 6.4102564103vw;
  }
}
.authority .authority-flex .flex-item .item-text .text-1 span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item .item-text .text-1.text-1-small {
    font-size: min(2.3611111111vw, 34px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item .item-text .text-1.text-1-small {
    font-size: 5.641025641vw;
  }
}
.authority .authority-flex .flex-item .item-text .text-1::after {
  background: #ffd54c;
  bottom: -2px;
  content: "";
  height: 14px;
  left: 50%;
  position: absolute;
  right: -4px;
  -webkit-transform: translateX(-50%) skewX(20deg);
          transform: translateX(-50%) skewX(20deg);
  width: 100%;
  z-index: -1;
}
.authority .authority-flex .flex-item .item-text .text-2 {
  color: #72972f;
  font-weight: 900;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item .item-text .text-2 {
    font-size: min(2.0833333333vw, 30px);
    padding: 0 min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item .item-text .text-2 {
    font-size: 4.8717948718vw;
    padding: 0 3.8461538462vw;
  }
}
.authority .authority-flex .flex-item .item-text .text-3 {
  color: #5a5956;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .authority .authority-flex .flex-item .item-text .text-3 {
    font-size: min(1.7361111111vw, 25px);
    padding: 0 min(2.2916666667vw, 33px);
  }
}
@media screen and (max-width: 767px) {
  .authority .authority-flex .flex-item .item-text .text-3 {
    font-size: 4.358974359vw;
    padding: 0 3.8461538462vw;
  }
}
.authority .authority-flex .flex-item .item-text .text-3 span {
  color: #d61b01;
  font-weight: 900;
}

/* =========================
   authority カード
========================= */
.authority-flex .text-1__title,
.authority-flex .text-2,
.authority-flex .text-3,
.authority-flex .flex-item > img {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

/* カードのzoomIn */
.authority-flex .text-1__title.is-active,
.authority-flex .text-2.is-active,
.authority-flex .text-3.is-active,
.authority-flex .flex-item > img.is-active {
  -webkit-animation: zoomInAnime 0.5s forwards;
          animation: zoomInAnime 0.5s forwards;
}

/* =========================
   番号アイコン
========================= */
.authority-flex .text-1__number {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

/* 番号のzoomIn */
.authority-flex .text-1__number.is-active {
  -webkit-animation: zoomInAnime 0.5s forwards;
          animation: zoomInAnime 0.5s forwards;
}

/* =========================
   zoomInAnime
========================= */
@keyframes zoomInAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.COMPARISON {
  background: #72972f;
}
@media screen and (min-width: 768px) {
  .COMPARISON {
    padding-bottom: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON {
    padding-bottom: 7.6923076923vw;
  }
}
.COMPARISON img {
  -o-object-fit: cover;
     object-fit: cover;
}
.COMPARISON .comparson-section-title {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-section-title {
    height: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-section-title {
    height: 25.641025641vw;
  }
}
.COMPARISON .comparson-section-title .comparson-bg-title {
  color: rgba(255, 255, 255, 0.12);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-section-title .comparson-bg-title {
    font-size: min(12.0138888889vw, 173px);
    left: min(2.0833333333vw, 30px);
    top: min(-2.0833333333vw, -30px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-section-title .comparson-bg-title {
    font-size: 14.1025641026vw;
    left: 2.5641025641vw;
    top: -2.5641025641vw;
  }
}
.COMPARISON .comparson-section-title .comparson-title .comparson {
  color: #ffae00;
  font-weight: 700;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-section-title .comparson-title .comparson {
    font-size: min(2.0138888889vw, 29px);
    padding-top: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-section-title .comparson-title .comparson {
    font-size: 7.4358974359vw;
    padding-top: 7.6923076923vw;
  }
}
.COMPARISON .comparson-section-title .comparson-title .comparson-text {
  color: #ffffff;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-section-title .comparson-title .comparson-text {
    font-size: min(4.5833333333vw, 66px);
    padding-top: min(1.7361111111vw, 25px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-section-title .comparson-title .comparson-text {
    font-size: 8.4615384615vw;
    padding-top: 0;
  }
}
.COMPARISON .comparson-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl {
    gap: min(5.5555555556vw, 80px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15.3846153846vw;
    margin-top: 23.0769230769vw;
  }
}
.COMPARISON .comparson-dl .comparson3 {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .comparson3 {
    left: 43%;
    top: min(1.7361111111vw, 25px);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    width: min(13.5416666667vw, 195px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .comparson3 {
    left: 38%;
    top: 46%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 30vw;
  }
}
.COMPARISON .comparson-dl .dl-item {
  background: white;
  border-radius: 5px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item {
    padding: min(1.0416666667vw, 15px) min(1.7361111111vw, 25px);
    width: min(39.9305555556vw, 575px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item {
    padding: 1.2820512821vw 2.5641025641vw 6.4102564103vw;
    width: 88.7179487179vw;
  }
}
.COMPARISON .comparson-dl .dl-item .comparson1 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .comparson1 {
    left: min(-2.7777777778vw, -40px);
    top: min(2.0833333333vw, 30px);
    width: min(9.375vw, 135px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .comparson1 {
    left: -5.1282051282vw;
    top: 2.5641025641vw;
    width: 21.5384615385vw;
  }
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .comparson2 {
    position: absolute;
    right: min(-2.0833333333vw, -30px);
    top: min(1.3888888889vw, 20px);
    width: min(12.8472222222vw, 185px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .comparson2-sp {
    position: absolute;
    right: -2.5641025641vw;
    top: 2.5641025641vw;
    width: 25.641025641vw;
  }
}
.COMPARISON .comparson-dl .dl-item .title {
  color: #121212;
  font-weight: 700;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .title {
    font-size: min(3.125vw, 45px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .title {
    font-size: 6.9230769231vw;
  }
}
.COMPARISON .comparson-dl .dl-item .title .text-1::after {
  background: #f2af19;
  border-radius: 5px;
  content: "";
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .title .text-1::after {
    bottom: min(-0.1388888889vw, -2px);
    height: min(0.8333333333vw, 12px);
    width: min(20.1388888889vw, 290px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .title .text-1::after {
    height: 1.7948717949vw;
    width: 44.8717948718vw;
  }
}
.COMPARISON .comparson-dl .dl-item .title-foova {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .title-foova {
    font-size: min(2.8472222222vw, 41px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .title-foova {
    font-size: 5.3846153846vw;
  }
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item dl {
    margin-top: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item dl {
    margin-top: 5.1282051282vw;
  }
}
.COMPARISON .comparson-dl .dl-item dl dt {
  color: #7e7e7e;
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item dl dt {
    font-size: min(1.4583333333vw, 21px);
    padding-top: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item dl dt {
    font-size: 3.0769230769vw;
    padding-top: 1.7948717949vw;
  }
}
.COMPARISON .comparson-dl .dl-item dl dd {
  color: #121212;
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item dl dd {
    font-size: min(1.8055555556vw, 26px);
    padding-left: min(0.3472222222vw, 5px);
    padding-top: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item dl dd {
    font-size: 4.358974359vw;
    padding-left: 1.2820512821vw;
    padding-top: 1.2820512821vw;
    white-space: nowrap;
  }
}
.COMPARISON .comparson-dl .dl-item dl dd span {
  color: #d61b01;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item dl dd span {
    font-size: min(2.3611111111vw, 34px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item dl dd span {
    font-size: 5.641025641vw;
  }
}
.COMPARISON .comparson-dl .dl-item dl dd span.small {
  color: unset;
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item dl dd span.small {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item dl dd span.small {
    font-size: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .dl-1 {
    margin-top: min(6.4583333333vw, 93px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .dl-1 {
    margin-top: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .comparson2-ex {
    margin-top: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .comparson2-ex {
    margin-top: 3.8461538462vw;
    font-size: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .COMPARISON .comparson-dl .dl-item .comparson2-ex span {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .comparson-dl .dl-item .comparson2-ex span {
    font-size: 2.5641025641vw;
    white-space: nowrap;
  }
}
.COMPARISON .concentration {
  color: #ffd54c;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .COMPARISON .concentration {
    font-size: min(2.7777777778vw, 40px);
    margin-top: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .COMPARISON .concentration {
    font-size: 6.1538461538vw;
    margin-top: 6.4102564103vw;
  }
}

/* =========================
   比較表
========================= */
.comparson-dl {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.comparson-dl.is-active {
  -webkit-animation: zoomInAnime 0.5s forwards;
          animation: zoomInAnime 0.5s forwards;
}

/* =========================
   VSアイコン
========================= */
.comparson3.is-active {
  -webkit-animation: spin 0.6s ease-out forwards;
          animation: spin 0.6s ease-out forwards;
}

/* =========================
   zoomIn
========================= */
@keyframes zoomInAnime {
  0% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
/* =========================
   VS spin
========================= */
@-webkit-keyframes spin {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.Round {
  background: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .Round {
    padding: min(6.9444444444vw, 100px) 0;
  }
}
@media screen and (max-width: 767px) {
  .Round {
    padding: 5.1282051282vw 2.5641025641vw;
  }
}
.Round img {
  -o-object-fit: cover;
     object-fit: cover;
}
.Round .round-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .Round .round-flex {
    border-radius: min(3.4722222222vw, 50px);
    height: min(65.9722222222vw, 950px);
    padding: min(3.4722222222vw, 50px) min(1.7361111111vw, 25px) min(1.7361111111vw, 25px);
    width: min(84.0277777778vw, 1210px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex {
    border-radius: min(3.4722222222vw, 50px);
    height: min(65.9722222222vw, 950px);
    padding: 5.1282051282vw 1.2820512821vw 1.2820512821vw;
    width: 100%;
  }
}
.Round .round-flex .title {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .title {
    gap: min(3.4722222222vw, 50px);
    max-width: min(76.3888888889vw, 1100px);
    width: min(76.3888888889vw, 1100px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .title {
    gap: 1.2820512821vw;
    width: 91.2820512821vw;
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .title .tri1 {
    width: min(4.3055555556vw, 62px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .title .tri1 {
    width: 4.8717948718vw;
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .title .tri2 {
    width: min(4.3055555556vw, 62px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .title .tri2 {
    width: 4.8717948718vw;
  }
}
.Round .round-flex .title .round-img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .title .round-img {
    width: min(62.5vw, 900px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .title .round-img-sp {
    width: 81.0256410256vw;
  }
}
.Round .round-flex .title .title-TX {
  color: #72972E;
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .title .title-TX {
    font-size: min(4.3055555556vw, 62px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .title .title-TX {
    font-size: 5.3846153846vw;
  }
}
.Round .round-flex .soukan {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan {
    height: min(55.5555555556vw, 800px);
    margin-top: min(2.0833333333vw, 30px);
    width: min(82.5694444444vw, 1189px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan {
    height: min(55.5555555556vw, 800px);
    margin-top: min(2.0833333333vw, 30px);
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .owner p {
    margin-left: min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .owner p {
    margin-left: min(5.5555555556vw, 80px);
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .owner img {
    width: min(19.5833333333vw, 282px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .owner img {
    width: min(19.5833333333vw, 282px);
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .head img {
    width: min(21.3888888889vw, 308px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .head img {
    width: min(21.3888888889vw, 308px);
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .rakuten img {
    width: min(19.8611111111vw, 286px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .rakuten img {
    width: min(19.8611111111vw, 286px);
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .factory img {
    width: min(24.5138888889vw, 353px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .factory img {
    width: min(24.5138888889vw, 353px);
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .custo img {
    margin-left: min(4.8611111111vw, 70px);
    width: min(15.3472222222vw, 221px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .custo img {
    margin-left: min(4.8611111111vw, 70px);
    width: min(15.3472222222vw, 221px);
  }
}
.Round .round-flex .soukan .soukan-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Round .round-flex .soukan .soukan-icon p {
  background: #72972f;
  color: #ffffff;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .soukan-icon p {
    border-radius: min(3.4722222222vw, 50px);
    font-size: min(2.7777777778vw, 40px);
    width: min(14.7916666667vw, 213px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .soukan-icon p {
    border-radius: min(3.4722222222vw, 50px);
    font-size: min(2.7777777778vw, 40px);
    width: min(14.7916666667vw, 213px);
  }
}
.Round .round-flex .soukan .soukan-item-1 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .soukan-item-1 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .soukan-item-1 .arrows {
    margin-top: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .soukan-item-1 .arrows {
    margin-top: min(2.0833333333vw, 30px);
  }
}
.Round .round-flex .soukan .soukan-item-1 .rakuten-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Round .round-flex .soukan .soukan-item-1 .rakuten-item .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0;
}
.Round .round-flex .soukan .soukan-item-2 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Round .round-flex .soukan .soukan-item-2 .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.Round .round-flex .soukan .soukan-item-3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.Round .round-flex .soukan .arrows {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Round .round-flex .soukan .arrow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow {
    gap: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow {
    gap: min(1.3888888889vw, 20px);
  }
}
.Round .round-flex .soukan .arrow p {
  background: #b31d23;
  color: #ffffff;
  display: block;
  font-weight: 900;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow p {
    border-radius: min(3.4722222222vw, 50px);
    font-size: min(2.1527777778vw, 31px);
    padding: min(0.1388888889vw, 2px) min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow p {
    border-radius: min(3.4722222222vw, 50px);
    font-size: min(2.1527777778vw, 31px);
    padding: min(0.1388888889vw, 2px) min(0.6944444444vw, 10px);
  }
}
.Round .round-flex .soukan .arrow .orange {
  background: #c85d00;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow .orange {
    height: min(1.3888888889vw, 20px);
    margin: min(1.3888888889vw, 20px) auto 0;
    width: min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow .orange {
    height: min(1.3888888889vw, 20px);
    margin: min(1.3888888889vw, 20px) auto 0;
    width: min(5.5555555556vw, 80px);
  }
}
.Round .round-flex .soukan .arrow .orange::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow .orange::before {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-left: min(2.0833333333vw, 30px) solid #c85d00;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow .orange::before {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-left: min(2.0833333333vw, 30px) solid #c85d00;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
.Round .round-flex .soukan .arrow .yellow {
  background: #f3b835;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow .yellow {
    height: min(1.3888888889vw, 20px);
    margin: min(1.3888888889vw, 20px) auto 0;
    width: min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow .yellow {
    height: min(1.3888888889vw, 20px);
    margin: min(1.3888888889vw, 20px) auto 0;
    width: min(5.5555555556vw, 80px);
  }
}
.Round .round-flex .soukan .arrow .yellow::before {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .arrow .yellow::before {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(2.0833333333vw, 30px) solid #f3b835;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .arrow .yellow::before {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(2.0833333333vw, 30px) solid #f3b835;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
.Round .round-flex .soukan .both .orange::after {
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .both .orange::after {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(2.0833333333vw, 30px) solid #c85d00;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .both .orange::after {
    border-bottom: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(2.0833333333vw, 30px) solid #c85d00;
    border-top: min(1.3888888889vw, 20px) solid transparent;
  }
}
.Round .round-flex .soukan .up-arrow .orange {
  background: #c85d00;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .up-arrow .orange {
    height: min(4.8611111111vw, 70px);
    margin: min(1.3888888889vw, 20px) auto 0;
    margin-right: min(1.3888888889vw, 20px);
    width: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .up-arrow .orange {
    height: min(4.8611111111vw, 70px);
    margin: min(1.3888888889vw, 20px) auto 0;
    margin-right: min(1.3888888889vw, 20px);
    width: min(1.3888888889vw, 20px);
  }
}
.Round .round-flex .soukan .up-arrow .orange::before {
  content: "";
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .up-arrow .orange::before {
    border-bottom: min(2.0833333333vw, 30px) solid #c85d00;
    border-left: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(1.3888888889vw, 20px) solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .up-arrow .orange::before {
    border-bottom: min(2.0833333333vw, 30px) solid #c85d00;
    border-left: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(1.3888888889vw, 20px) solid transparent;
  }
}
.Round .round-flex .soukan .up-arrow .yellow {
  background: #f3b835;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .up-arrow .yellow {
    height: min(4.8611111111vw, 70px);
    margin: min(1.3888888889vw, 20px) auto 0;
    margin-right: min(1.3888888889vw, 20px);
    width: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .up-arrow .yellow {
    height: min(4.8611111111vw, 70px);
    margin: min(1.3888888889vw, 20px) auto 0;
    margin-right: min(1.3888888889vw, 20px);
    width: min(1.3888888889vw, 20px);
  }
}
.Round .round-flex .soukan .up-arrow .yellow::before {
  bottom: 0;
  content: "";
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .up-arrow .yellow::before {
    border-left: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(1.3888888889vw, 20px) solid transparent;
    border-top: min(2.0833333333vw, 30px) solid #f3b835;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .up-arrow .yellow::before {
    border-left: min(1.3888888889vw, 20px) solid transparent;
    border-right: min(1.3888888889vw, 20px) solid transparent;
    border-top: min(2.0833333333vw, 30px) solid #f3b835;
  }
}
.Round .round-flex .soukan .dashed .yellow {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .dashed .yellow {
    background: repeating-linear-gradient(to bottom, #f5a800 0, #f5a800 8px, transparent 8px, transparent 14px);
    height: min(4.8611111111vw, 70px);
    width: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .dashed .yellow {
    background: repeating-linear-gradient(to bottom, #f5a800 0, #f5a800 4px, transparent 4px, transparent 7px);
    height: min(4.8611111111vw, 70px);
    width: min(1.3888888889vw, 20px);
  }
}
.Round .round-flex .soukan .flex-item2 {
  height: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .flex-item2 {
    right: 0;
    top: min(0vw, 0px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .flex-item2 {
    right: 7%;
    top: min(0vw, 0px);
  }
}
.Round .round-flex .soukan .flex-item2 .soukan-item-2 {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
@media screen and (min-width: 768px) {
  .Round .round-flex .soukan .flex-item2 .soukan-item-2 {
    left: 27%;
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .soukan .flex-item2 .soukan-item-2 {
    left: 37%;
  }
}
@media screen and (min-width: 768px) {
  .Round .round-flex .japan {
    width: min(18.0555555556vw, 260px);
  }
}
@media screen and (max-width: 767px) {
  .Round .round-flex .japan {
    width: 20.5128205128vw;
  }
}

.soukan .soukan-icon {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.soukan .soukan-icon.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.soukan .rakuten {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.soukan .arrow p {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.soukan .arrow span {
  opacity: 1;
}
.soukan .arrow.arrow-horizontal span {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.soukan .arrow.arrow-horizontal.is-active span {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.soukan .arrow.arrow-horizontal.is-active p {
  opacity: 1;
}
.soukan .arrow.arrow-reverse span {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.soukan .arrow.arrow-reverse.is-active span {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.soukan .arrow.arrow-reverse.is-active p {
  opacity: 1;
}
.soukan .arrow.arrow-vertical span {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.soukan .arrow.arrow-vertical.is-active span {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.soukan .arrow.arrow-vertical.is-active p {
  opacity: 1;
}
.soukan .arrow.arrow-vertical-reverse span {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.soukan .arrow.arrow-vertical-reverse.is-active span {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.soukan .arrow.arrow-vertical-reverse.is-active p {
  opacity: 1;
}

.CASE-STUDIES {
  background: #650c00;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES {
    padding-bottom: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES {
    padding-bottom: 15.641025641vw;
  }
}
.CASE-STUDIES img {
  -o-object-fit: cover;
     object-fit: cover;
}
.CASE-STUDIES .case-studies-section-title {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .case-studies-section-title {
    height: min(13.8888888889vw, 200px);
    padding-top: min(17.3611111111vw, 250px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-studies-section-title {
    height: 33.3333333333vw;
    padding-top: 0;
  }
}
.CASE-STUDIES .case-studies-section-title .case-studies-bg-title {
  color: rgba(255, 255, 255, 0.12);
  font-weight: 400;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-bg-title {
    font-size: min(13.8888888889vw, 200px);
    left: min(0.6944444444vw, 10px);
    top: min(-3.125vw, -45px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-bg-title {
    color: #7e0d14;
    font-family: "Nokora", sans-serif;
    font-size: 12.3076923077vw;
    left: 50%;
    line-height: 1.442;
    text-align: center;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 114.358974359vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-title {
    padding-top: 13.5897435897vw;
    position: relative;
    z-index: 1;
  }
}
.CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies {
  color: #ffae00;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies {
    font-size: min(1.25vw, 18px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies {
    font-size: 1.5384615385vw;
    line-height: 1.442;
  }
}
.CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies-text {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies-text {
    font-size: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-studies-section-title .case-studies-title .case-studies-text {
    font-size: 4.1025641026vw;
    line-height: 1.442;
    margin: 1.5384615385vw auto 0;
    width: 69.7435897436vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-flex {
    margin-top: 0;
  }
}
.CASE-STUDIES .case-flex .flex-item {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.CASE-STUDIES .case-flex .flex-item.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.CASE-STUDIES .case-flex .flex-item .case-img {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.CASE-STUDIES .case-flex .flex-item .case-img.is-active {
  opacity: 1;
}
.CASE-STUDIES .flex-item {
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item {
    margin: min(6.9444444444vw, 100px) auto 0;
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 9.7435897436vw auto 0;
    width: 90.7692307692vw;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item:nth-child(1) .item-text {
    min-height: 71.2820512821vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item:nth-child(2) .item-text {
    min-height: 94.1025641026vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item:nth-child(3) .item-text {
    min-height: 113.8461538462vw;
  }
}
.CASE-STUDIES .flex-item .item-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text {
    padding: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5.1282051282vw 4.6153846154vw;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .rank {
    left: 61%;
    position: absolute;
    top: min(1.3888888889vw, 20px);
    width: min(13.1944444444vw, 190px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .rank {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .rank.rank01 {
    left: 60%;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .rank.rank03 {
    left: 65%;
  }
}
.CASE-STUDIES .flex-item .item-text .text-1 {
  color: #650c00;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-1 {
    font-size: min(2.0138888889vw, 29px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-1 {
    font-size: 5.4456410256vw;
    line-height: 1.442;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-1 span {
    font-size: min(2.5vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-1 span {
    font-size: 7.3071794872vw;
    line-height: 1.442;
  }
}
.CASE-STUDIES .flex-item .item-text .text-2 {
  color: #90794b;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-2 {
    margin-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-2 {
    font-size: 4.01vw;
    line-height: 1.442;
    margin-top: 2.3076923077vw;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-2 span {
    font-size: min(1.5972222222vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-2 span {
    font-size: 5.0646153846vw;
    line-height: 1.442;
  }
}
.CASE-STUDIES .flex-item .item-text .text-2 span.small {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-2 span.small {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-2 span.small {
    font-size: 2.5641025641vw;
  }
}
.CASE-STUDIES .flex-item .item-text .text-3,
.CASE-STUDIES .flex-item .item-text .text-4,
.CASE-STUDIES .flex-item .item-text .text-5 {
  color: #4e4e4e;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-3,
  .CASE-STUDIES .flex-item .item-text .text-4,
  .CASE-STUDIES .flex-item .item-text .text-5 {
    font-size: min(1.25vw, 18px);
    margin-top: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .text-3,
  .CASE-STUDIES .flex-item .item-text .text-4,
  .CASE-STUDIES .flex-item .item-text .text-5 {
    display: none;
  }
}
.CASE-STUDIES .flex-item .item-text .text-3 span,
.CASE-STUDIES .flex-item .item-text .text-4 span,
.CASE-STUDIES .flex-item .item-text .text-5 span {
  color: #d61b01;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .item-text .text-3 span,
  .CASE-STUDIES .flex-item .item-text .text-4 span,
  .CASE-STUDIES .flex-item .item-text .text-5 span {
    font-size: min(1.4583333333vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body {
    color: #4e4e4e;
    display: block;
    font-size: 3.6612820513vw;
    font-weight: 700;
    line-height: 1.472;
    margin-top: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body span {
    color: #d61b01;
    font-size: 4.2625641026vw;
    line-height: 1.472;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body--01 {
    margin-left: 1.0256410256vw;
    width: 77.6923076923vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body--02 {
    margin-left: -2.8205128205vw;
    width: 89.7435897436vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body--02 span {
    font-size: 4.4630769231vw;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .item-text .case-sp-body--03 {
    margin-left: -1.5384615385vw;
    width: 88.4615384615vw;
  }
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .flex-item .case-img {
    width: min(32.5694444444vw, 469px);
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .flex-item .case-img {
    display: block;
    height: 90.7692307692vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 90.7692307692vw;
  }
}
.CASE-STUDIES .case-ex {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .CASE-STUDIES .case-ex {
    width: min(73.4722222222vw, 1058px);
    margin: min(0.6944444444vw, 10px) auto;
  }
}
@media screen and (max-width: 767px) {
  .CASE-STUDIES .case-ex {
    font-size: 2.5641025641vw;
    width: 90.7692307692vw;
    margin: 2.5641025641vw auto;
  }
}

@-webkit-keyframes zoomCtaRecruitDrop {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, -24px) rotate(-4deg);
            transform: translate(10px, -24px) rotate(-4deg);
  }
  55% {
    opacity: 1;
    -webkit-transform: translate(-3px, 4px) rotate(2deg);
            transform: translate(-3px, 4px) rotate(2deg);
  }
  75% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translate(-0.5px, 1px) rotate(0.5deg);
            transform: translate(-0.5px, 1px) rotate(0.5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes zoomCtaRecruitDrop {
  0% {
    opacity: 0;
    -webkit-transform: translate(10px, -24px) rotate(-4deg);
            transform: translate(10px, -24px) rotate(-4deg);
  }
  55% {
    opacity: 1;
    -webkit-transform: translate(-3px, 4px) rotate(2deg);
            transform: translate(-3px, 4px) rotate(2deg);
  }
  75% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
            transform: translate(1px, -2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translate(-0.5px, 1px) rotate(0.5deg);
            transform: translate(-0.5px, 1px) rotate(0.5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
.support .C_Zoom-CTA__recruit {
  display: inline-block;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-animation: zoomCtaRecruitDrop 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;
          animation: zoomCtaRecruitDrop 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;
}

@media (prefers-reduced-motion: reduce) {
  .support .C_Zoom-CTA__recruit {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
  }
}
/* -----------------------
  C_example
----------------------- */
/* -----------------------
  fv
----------------------- */
#fv {
  background-image: url("../img/about-back.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  #fv {
    padding-top: min(3.8194444444vw, 55px);
    padding-bottom: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  #fv {
    padding-top: 4.1923076923vw;
    padding-bottom: 12.8205128205vw;
  }
}
@media screen and (min-width: 768px) {
  #fv .fv-inner {
    position: relative;
    z-index: 1;
    width: min(72.9166666667vw, 1050px);
    margin: 0 auto;
  }
}
#fv h1,
#fv h2 {
  font-weight: 900;
}
#fv .fv-annotation-list {
  color: #fff;
  text-align: left;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #fv .fv-annotation-list {
    font-size: min(0.8333333333vw, 12px);
    line-height: 1.6;
    padding: 0 min(3.4722222222vw, 50px) min(2.0833333333vw, 30px) min(62.5vw, 900px);
    width: min(100vw, 1440px);
    margin: min(1.3888888889vw, 20px) auto 0;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-annotation-list {
    font-size: 2.3076923077vw;
    line-height: 1.5;
    margin: 3.0769230769vw auto 0;
    padding: 0 5.1282051282vw;
  }
}
#fv .fv-pickup1 {
  background-color: #7d090a;
  position: relative;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup1 {
    width: min(63.3333333333vw, 912px);
    height: min(5.1388888889vw, 74px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup1 {
    width: 89.8153846154vw;
    height: 8.0769230769vw;
    margin-left: 0vw;
  }
}
#fv h2 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  #fv h2 {
    top: -2.7777777778vw;
    left: min(3.125vw, 45px);
  }
}
@media screen and (min-width: 1441px) {
  #fv h2 {
    top: -40px;
  }
}
@media screen and (max-width: 767px) {
  #fv h2 {
    top: -4.1025641026vw;
    left: 5.1282051282vw;
  }
}
#fv .fv-text1-w1 {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #fv .fv-text1-w1 {
    font-size: min(3.8194444444vw, 55px);
    text-shadow: min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) #000;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-text1-w1 {
    font-size: 5.1282051282vw;
    text-shadow: 0.4358974359vw 0.4358974359vw #000;
  }
}
@media screen and (min-width: 768px) {
  #fv .fv-text-1-w2 {
    font-size: min(3.2638888889vw, 47px);
    text-shadow: min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) #000;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-text-1-w2 {
    font-size: 5.1282051282vw;
    text-shadow: 0.3846153846vw 0.3846153846vw #000;
  }
}
#fv .fv-text1-y1 {
  color: #f8dd7b;
}
@media screen and (min-width: 768px) {
  #fv .fv-text1-y1 {
    font-size: min(5.9027777778vw, 85px);
    text-shadow: min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) #000;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-text1-y1 {
    font-size: 9.2769230769vw;
    text-shadow: 0.4358974359vw 0.4358974359vw #000;
  }
}
#fv .fv-text1-y2 {
  color: #f8dd7b;
}
@media screen and (min-width: 768px) {
  #fv .fv-text1-y2 {
    font-size: min(4.1666666667vw, 60px);
    text-shadow: min(0.2777777778vw, 4px) min(0.2777777778vw, 4px) #000;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-text1-y2 {
    font-size: 6.5487179487vw;
    text-shadow: 0.4358974359vw 0.4358974359vw #000;
  }
}
#fv .zoomIn {
  -webkit-animation-name: zoomInAnime;
          animation-name: zoomInAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#fv .zoomIn.delay {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
@keyframes zoomInAnime {
  0% {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
#fv .fv-pickup2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup2 {
    margin-top: min(1.3888888889vw, 20px);
    margin-left: min(2.7777777778vw, 40px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup2 {
    margin-top: 2.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup2 .fv-text2-wrap01 {
    line-height: 0.9;
  }
}
#fv .fv-pickup2 .fv-text2-wrap02 {
  line-height: 0.8;
}
#fv .fv-pickup2 .fv-text2-w {
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup2 .fv-text2-w {
    font-size: min(5.4673611111vw, 78.73px);
    text-shadow: min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) #000;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup2 .fv-text2-w {
    font-size: 7.8641025641vw;
    text-shadow: 0.5717948718vw 0.5717948718vw #000;
  }
}
#fv .fv-pickup2 .fv-text2-g {
  background: -webkit-gradient(linear, left top, right top, from(#b37e10), color-stop(29.81%, #f8dd7b), color-stop(66.35%, #f8dd7b), to(#b37e10));
  background: linear-gradient(90deg, #b37e10 0%, #f8dd7b 29.81%, #f8dd7b 66.35%, #b37e10 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup2 .fv-text2-g {
    font-size: min(6.9180555556vw, 99.62px);
    -webkit-filter: drop-shadow(min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) #000);
            filter: drop-shadow(min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) #000);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup2 .fv-text2-g {
    font-size: 9.9512820513vw;
    -webkit-filter: drop-shadow(0.5794871795vw 0.5794871795vw #000);
            filter: drop-shadow(0.5794871795vw 0.5794871795vw #000);
  }
}
#fv .fv-pickup2 .fv-text2-r {
  background: -webkit-gradient(linear, left top, right top, from(#ff4a0b), to(#ff0806));
  background: linear-gradient(90deg, #ff4a0b 0%, #ff0806 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup2 .fv-text2-r {
    font-size: min(9.8784722222vw, 142.25px);
    -webkit-filter: drop-shadow(min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) #000);
            filter: drop-shadow(min(0.4166666667vw, 6px) min(0.4166666667vw, 6px) #000);
    top: min(1.3888888889vw, 20px);
    left: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup2 .fv-text2-r {
    font-size: 15.5256410256vw;
    -webkit-filter: drop-shadow(0.6948717949vw 0.6948717949vw #000);
            filter: drop-shadow(0.6948717949vw 0.6948717949vw #000);
    top: 2.5641025641vw;
    left: 1.7948717949vw;
  }
}
#fv .fv-pickup3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  #fv .fv-pickup3 {
    margin-top: min(3.4722222222vw, 50px);
    margin-left: min(2.3611111111vw, 34px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-pickup3 {
    margin-top: 8.9743589744vw;
  }
}
@media screen and (min-width: 768px) {
  #fv .fav-imgs {
    width: min(18.4027777778vw, 265px);
    height: min(18.125vw, 261px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fav-imgs {
    width: 26.0666666667vw;
    height: 25.5974358974vw;
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-img1 {
    margin-left: 7.6923076923vw;
  }
}
@media screen and (min-width: 768px) {
  #fv .fv-img2 {
    margin-left: min(9.0277777778vw, 130px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-img2 {
    margin-left: 12.7538461538vw;
  }
}
#fv .fv-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#fv .fv-annotation-mark {
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #fv .fv-annotation-mark {
    font-size: min(1.1111111111vw, 16px);
    margin-top: min(0.4166666667vw, 6px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-annotation-mark {
    font-size: 2.8205128205vw;
    margin-top: 1.0256410256vw;
  }
}
#fv .fv-img3,
#fv .fv-img4 {
  position: absolute;
}
#fv .fv-img3 {
  -webkit-transform: rotate(29.22deg);
          transform: rotate(29.22deg);
}
@media screen and (min-width: 768px) {
  #fv .fv-img3 {
    width: min(13.2361111111vw, 190.6px);
    height: min(23.2729166667vw, 335.13px);
    left: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-img3 {
    width: 18.6846153846vw;
    height: 32.8538461538vw;
    left: 26.9230769231vw;
  }
}
@media screen and (min-width: 768px) {
  #fv .fv-img4 {
    width: min(17.9861111111vw, 259px);
    height: min(16.5972222222vw, 239px);
    top: min(2.0833333333vw, 30px);
    right: min(6.25vw, 90px);
  }
}
@media screen and (max-width: 767px) {
  #fv .fv-img4 {
    width: 25.3820512821vw;
    height: 23.4384615385vw;
    top: 3.8461538462vw;
    right: 6.4102564103vw;
  }
}

/* -----------------------
  about
----------------------- */
#about h1,
#about h2,
#about h3,
#about h4,
#about h5,
#about h6,
#about p,
#about li {
  font-weight: 900;
}
#about {
  background-color: #F2AF19;
  position: relative;
}
@media screen and (min-width: 768px) {
  #about .about-group {
    padding-bottom: min(9.0277777778vw, 130px);
  }
}
@media screen and (max-width: 767px) {
  #about .about-group {
    padding-top: 2.0512820513vw;
    padding-bottom: 15.3846153846vw;
  }
}
#about .wave {
  position: absolute;
  top: -5%;
}
@media screen and (max-width: 767px) {
  #about .wave {
    top: -1.6%;
  }
}
#about .ab-group1 {
  background-color: #121212;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #about .ab-group1 {
    width: min(73.8194444444vw, 1063px);
    height: min(31.25vw, 450px);
    border: min(0.2263888889vw, 3.26px) solid #e80000;
    border-radius: min(3.1701388889vw, 45.65px);
    padding-top: min(2.3763888889vw, 34.22px);
    padding-bottom: min(2.4305555556vw, 35px);
  }
}
@media screen and (max-width: 767px) {
  #about .ab-group1 {
    width: 94.8717948718vw;
    height: 65.3846153846vw;
    border: 0.8358974359vw solid #e80000;
    border-radius: 11.7051282051vw;
    padding-top: 3.9487179487vw;
    padding-bottom: 4.5435897436vw;
  }
}
#about .ab-pic1,
#about .ab-pic2 {
  position: absolute;
}
#about .ab-pic1 {
  -webkit-transform: rotate(-37.2deg);
          transform: rotate(-37.2deg);
}
@media screen and (min-width: 768px) {
  #about .ab-pic1 {
    width: min(25.5715277778vw, 368.23px);
    height: min(21.8041666667vw, 313.98px);
    top: min(6.25vw, 90px);
    left: -7.9861111111vw;
    -webkit-transform: rotate(-37.2deg);
            transform: rotate(-37.2deg);
  }
}
@media screen and (min-width: 1441px) {
  #about .ab-pic1 {
    left: -115px;
  }
}
@media screen and (max-width: 767px) {
  #about .ab-pic1 {
    width: 39.5205128205vw;
    height: 33.6974358974vw;
    top: 29.4871794872vw;
    left: -22.5641025641vw;
    -webkit-transform: rotate(39.39deg);
            transform: rotate(39.39deg);
  }
}
#about .ab-pic2 {
  -webkit-transform: rotate(54.04deg);
          transform: rotate(54.04deg);
}
@media screen and (min-width: 768px) {
  #about .ab-pic2 {
    width: min(18.6965277778vw, 269.23px);
    height: min(19.4013888889vw, 279.38px);
    top: min(8.3333333333vw, 120px);
    right: -3.125vw;
  }
}
@media screen and (min-width: 1441px) {
  #about .ab-pic2 {
    right: -45px;
  }
}
@media screen and (max-width: 767px) {
  #about .ab-pic2 {
    width: 34.8846153846vw;
    height: 36.2vw;
    top: 6.4102564103vw;
    right: -15.3846153846vw;
  }
}
#about .ab-group1-title {
  color: #B6D285;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* 線を上下中央 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 文字と線を横並び */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* 文字を中央寄せ */
}
@media screen and (min-width: 768px) {
  #about .ab-group1-title {
    font-size: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  #about .ab-group1-title {
    font-size: 5.7vw;
    text-align: center;
    line-height: 1.2;
  }
}
#about .ab-group1-title::before,
#about .ab-group1-title::after {
  background-color: #B6D285;
  /* 線の色 */
  content: "";
}
@media screen and (min-width: 768px) {
  #about .ab-group1-title::before,
  #about .ab-group1-title::after {
    height: min(0.2361111111vw, 3.4px);
    /* 線の高さ */
    width: min(5.5826388889vw, 80.39px);
    /* 線の長さ */
  }
}
@media screen and (max-width: 767px) {
  #about .ab-group1-title::before,
  #about .ab-group1-title::after {
    height: 0.8717948718vw;
    /* 線の高さ */
    width: 15.9846153846vw;
    /* 線の長さ */
  }
}
#about .ab-group1-title::before {
  -webkit-transform: rotate(50.19deg);
          transform: rotate(50.19deg);
  /* 傾ける */
}
@media screen and (min-width: 768px) {
  #about .ab-group1-title::before {
    margin-right: min(0.3819444444vw, 5.5px);
    /* 文字との余白 */
  }
}
@media screen and (max-width: 767px) {
  #about .ab-group1-title::before {
    margin-right: -5.1282051282vw;
    /* 文字との余白 */
  }
}
#about .ab-group1-title::after {
  -webkit-transform: rotate(-50.19deg);
          transform: rotate(-50.19deg);
  /* 傾ける */
}
@media screen and (min-width: 768px) {
  #about .ab-group1-title::after {
    margin-left: min(0.3819444444vw, 5.5px);
    /* 文字との余白 */
  }
}
@media screen and (max-width: 767px) {
  #about .ab-group1-title::after {
    margin-left: -5.1282051282vw;
    /* 文字との余白 */
  }
}

.ab-group1-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .ab-group1-lists {
    margin-top: min(2.0138888889vw, 29px);
    margin-bottom: min(2.7083333333vw, 39px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group1-lists {
    margin-top: 4.6205128205vw;
    margin-bottom: 4.4666666667vw;
  }
}

.ab-group1-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .ab-group1-list {
    width: min(33.5770833333vw, 483.51px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group1-list {
    width: 70.1358974359vw;
  }
}
.ab-group1-list img {
  display: block;
}
@media screen and (min-width: 768px) {
  .ab-group1-list img {
    width: min(2.3965277778vw, 34.51px);
    height: min(1.94375vw, 27.99px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group1-list img {
    width: 5.0076923077vw;
    height: 4.0641025641vw;
  }
}

.ab-group1-text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ab-group1-text {
    font-size: min(1.80625vw, 26.01px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group1-text {
    font-size: 3.5897435897vw;
  }
}

.ab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  /* または absolute、fixed */
  z-index: 10;
  /* 数字が大きいほど手前に表示されます */
}

@media screen and (min-width: 768px) {
  .C_zoom-btn {
    height: min(8.6111111111vw, 124px);
    padding-top: min(0.3472222222vw, 5px);
  }
}
@media screen and (max-width: 767px) {
  .C_zoom-btn {
    height: 16.1641025641vw;
    padding-top: 0.7692307692vw;
  }
}
.C_zoom-btn:hover {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateY(-4px) scale(1.02);
          transform: translateY(-4px) scale(1.02);
}

.ab-group2 {
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ab-group2 {
    width: min(72.2222222222vw, 1040px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group2 {
    width: 100vw;
  }
}

.ab-pic3 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .ab-pic3 {
    width: min(36.9611111111vw, 532.24px);
    height: min(24.5944444444vw, 354.16px);
    left: min(41.3194444444vw, 595px);
    top: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .ab-pic3 {
    width: 68.9743589744vw;
    height: 45.8974358974vw;
    left: 46.1538461538vw;
    top: 74.358974359vw;
  }
}

.ab-group2-timg {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .ab-group2-timg {
    margin-top: min(2.1527777778vw, 31px);
    margin-bottom: min(1.1805555556vw, 17px);
  }
  .ab-group2-timg img {
    width: min(50.8333333333vw, 732px);
    height: min(15.5555555556vw, 224px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group2-timg {
    margin-top: 3.3333333333vw;
    margin-bottom: 3.3333333333vw;
    margin-left: 2.5641025641vw;
  }
  .ab-group2-timg img {
    width: 89.7435897436vw;
    height: 27.4358974359vw;
  }
}

.ab-group2-timg.zoomIn {
  -webkit-animation-name: zoomInAnime;
          animation-name: zoomInAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.ab-group2-title {
  display: block;
  color: #D61B01;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ab-group2-title {
    width: min(45.3472222222vw, 653px);
    height: min(5.6944444444vw, 82px);
    font-size: min(2.9861111111vw, 43px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group2-title {
    width: 100%;
    height: unset;
    font-size: 6.6666666667vw;
    margin-bottom: 6.1538461538vw;
  }
}

#about p.ab-group-text {
  color: #3F3D3D;
}
@media screen and (min-width: 768px) {
  #about p.ab-group-text {
    width: min(40.4166666667vw, 582px);
    font-size: min(1.5972222222vw, 23px);
    margin-left: min(1.4583333333vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  #about p.ab-group-text {
    width: 91.7948717949vw;
    height: 62.8205128205vw;
    font-size: 4.1025641026vw;
    margin: 0 auto;
    font-weight: bold;
  }
}

.ab-group3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .ab-group3 {
    margin-top: min(2.0833333333vw, 30px);
    gap: min(2.7708333333vw, 39.9px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group3 {
    margin-top: 13.0769230769vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5.1282051282vw;
  }
}

.ab-group3-blocks {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 0;
}

/* アニメーション開始 */
.ab-group3-blocks.zoomIn {
  -webkit-animation-name: zoomInAnime;
          animation-name: zoomInAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.ab-group3-block1 {
  background-color: #231815;
}
@media screen and (min-width: 768px) {
  .ab-group3-block1 {
    width: min(32.9201388889vw, 474.05px);
    height: min(6.0694444444vw, 87.4px);
    border-radius: min(2.0138888889vw, 29px) min(2.0138888889vw, 29px) 0 0;
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-block1 {
    width: 85.8974358974vw;
    height: 15.8358974359vw;
    border-radius: 5.3358974359vw 5.3358974359vw 0 0;
  }
}

.ab-group3-block2 {
  background-color: #F9F2DA;
}
@media screen and (min-width: 768px) {
  .ab-group3-block2 {
    width: min(32.9201388889vw, 474.05px);
    height: min(31.9305555556vw, 459.8px);
    border-radius: 0 0 min(2.0833333333vw, 30px) min(2.0833333333vw, 30px);
    border: #231815 min(0.3472222222vw, 5px) solid;
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-block2 {
    width: 85.8974358974vw;
    height: 83.3153846154vw;
    border-radius: 0 0 5.4358974359vw 5.4358974359vw;
    border: #231815 1.2820512821vw solid;
  }
}

.ab-group3-text1 {
  color: #FCCF6B;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ab-group3-text1 {
    font-size: min(3.8263888889vw, 55.1px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-text1 {
    font-size: 9.9846153846vw;
  }
}

.ab-group3-text2 {
  color: #B54440;
}
@media screen and (min-width: 768px) {
  .ab-group3-text2 {
    font-size: min(2.1770833333vw, 31.35px);
    padding-left: min(1.5833333333vw, 22.8px);
    padding-top: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-text2 {
    font-size: 5.641025641vw;
    padding-left: 4.1307692308vw;
    padding-top: 2.3076923077vw;
  }
}

@media screen and (min-width: 768px) {
  .ab-group3-img1 {
    width: min(30.6583333333vw, 441.48px);
    height: min(21.1243055556vw, 304.19px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-img1 {
    width: 79.9948717949vw;
    height: 55vw;
  }
}

.ab-group3-img2 {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .ab-group3-img2 {
    width: min(30.6770833333vw, 441.75px);
    height: min(21.0416666667vw, 303px);
  }
}
@media screen and (max-width: 767px) {
  .ab-group3-img2 {
    width: 80.0435897436vw;
    height: 54.6153846154vw;
  }
}

/* -----------------------
  C_example
----------------------- */
/* -----------------------
  front
----------------------- */
/* -----------------------
  authority
----------------------- */
@-webkit-keyframes authorityGraphBarGrow {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes authorityGraphBarGrow {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.authority-top {
  background-color: #851a20;
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-top {
    padding-block: min(6.7361111111vw, 97px) min(5.8333333333vw, 84px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top {
    height: 54.1025641026vw;
    overflow: hidden;
    padding-top: 8.9743589744vw;
  }
}
.authority-top-bg {
  font-family: "Nokora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #7e0d14;
  line-height: 1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .authority-top-bg {
    font-size: min(15.4166666667vw, 222px);
    top: min(0.6944444444vw, 10px);
    left: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top-bg {
    font-size: 20.86vw;
    left: calc(50% - 3.0769230769vw);
    top: -5.641025641vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    line-height: 1.5;
  }
}
.authority-top__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}
.authority-top__TL {
  font-weight: 800;
  color: #fff;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .authority-top__TL {
    font-size: min(3.2638888889vw, 47px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top__TL {
    font-size: 4.8717948718vw;
    line-height: 1.167;
    margin-inline: auto;
    width: 85.5066666667vw;
  }
}
.authority-top_middle-TX {
  font-weight: 800;
  color: #aaa5a4;
}
@media screen and (min-width: 768px) {
  .authority-top_middle-TX {
    font-size: min(2.5vw, 36px);
    margin-top: min(2.5vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top_middle-TX {
    font-size: 4.1025641026vw;
    margin-top: 2.5641025641vw;
  }
}
.authority-top_main-TX {
  font-weight: 800;
  color: #ffae00;
}
@media screen and (min-width: 768px) {
  .authority-top_main-TX {
    font-size: min(4.1666666667vw, 60px);
    margin-top: min(2.5vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top_main-TX {
    font-size: 5.1282051282vw;
    line-height: 1.442;
    margin-top: 2.0512820513vw;
    white-space: nowrap;
  }
}
.authority-top_main-TX span {
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-top_main-TX span {
    margin-inline: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top_main-TX span {
    margin-inline: 2.5641025641vw;
  }
}
.authority-top_main-TX span::before {
  content: "";
  background-image: url("../img/authority-content__main_TL.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  aspect-ratio: 324/208;
}
@media screen and (min-width: 768px) {
  .authority-top_main-TX span::before {
    width: min(13.5416666667vw, 195px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top_main-TX span::before {
    opacity: 0.59;
    width: 17.9487179487vw;
  }
}
.authority-top_bottom-TX {
  font-weight: 800;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .authority-top_bottom-TX {
    font-size: min(2.5vw, 36px);
    margin-top: min(2.5vw, 36px);
  }
}
@media screen and (max-width: 767px) {
  .authority-top_bottom-TX {
    font-size: 4.1025641026vw;
    margin-top: 0.7692307692vw;
  }
}
.authority-middle {
  background-color: #fff;
  position: relative;
}
.authority-middle img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .authority-middle__top {
    height: 26.9230769231vw;
  }
}
.authority-middle__top .TX {
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-middle__top .TX {
    width: min(62.7083333333vw, 903px);
    height: min(16.4583333333vw, 237px);
    margin-inline: auto;
    top: -4.1666666667vw;
    left: min(2.0833333333vw, 30px);
  }
}
@media screen and (min-width: 1441px) {
  .authority-middle__top .TX {
    top: -60px;
  }
}
@media screen and (max-width: 767px) {
  .authority-middle__top .TX {
    height: 23.0769230769vw;
    margin-inline: auto;
    width: 87.6923076923vw;
    top: -2.5641025641vw;
  }
}
.authority-middle__bottom {
  background-color: #f2af19;
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-middle__bottom {
    margin-top: -1.7361111111vw;
    height: min(14.7222222222vw, 212px);
  }
}
@media screen and (max-width: 767px) {
  .authority-middle__bottom {
    height: 15.8974358974vw;
  }
}
@media screen and (min-width: 1441px) {
  .authority-middle__bottom {
    margin-top: -25px;
  }
}
.authority-middle__bottom .wave {
  position: absolute;
  top: -2.7777777778vw;
}
@media screen and (max-width: 767px) {
  .authority-middle__bottom .wave {
    top: -35%;
  }
}
@media screen and (min-width: 1441px) {
  .authority-middle__bottom .wave {
    top: -40px;
  }
}
.authority-middle__bottom .TX {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .authority-middle__bottom .TX {
    width: min(75.6944444444vw, 1090px);
    height: min(16.1805555556vw, 233px);
    margin-inline: auto;
    top: -2.7777777778vw;
  }
}
@media screen and (min-width: 1441px) {
  .authority-middle__bottom .TX {
    top: -40px;
  }
}
@media screen and (max-width: 767px) {
  .authority-middle__bottom .TX {
    height: 19.2307692308vw;
    margin-inline: auto;
    top: -5.3846153846vw;
    width: 89.7435897436vw;
  }
}
.authority-content {
  background-image: url("../img/authority-content-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .authority-content {
    padding-block: min(4.7916666667vw, 69px) min(3.75vw, 54px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content {
    padding: 10vw 0 4.6153846154vw;
  }
}
.authority-content__main {
  background-color: #fff;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .authority-content__main {
    width: min(78.4722222222vw, 1130px);
    border-radius: min(1.6666666667vw, 24px);
    padding: min(0.6944444444vw, 10px) min(2.0833333333vw, 30px) min(4.6527777778vw, 67px) min(1.6666666667vw, 24px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main {
    border-radius: 2.5671794872vw;
    min-height: 211.0256410256vw;
    padding: 1.5384615385vw 0 4.1025641026vw;
    width: 88.9743589744vw;
  }
}
.authority-content__main_TL {
  color: #72972f;
  text-align: center;
  position: relative;
  font-weight: 900;
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .authority-content__main_TL {
    font-size: min(4.3055555556vw, 62px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_TL {
    font-size: 5.1694871795vw;
    line-height: 1.25;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_TL span {
    font-size: min(6.1111111111vw, 88px);
    margin-inline: min(1.0416666667vw, 15px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_TL span {
    font-size: 7.3256410256vw;
    margin-inline: 0.7692307692vw;
  }
}
.authority-content__main_TL::after {
  content: "";
  position: absolute;
  background-color: #f0b635;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .authority-content__main_TL::after {
    border-radius: min(1.5277777778vw, 22px);
    height: min(1.3888888889vw, 20px);
    bottom: -0.3472222222vw;
    width: min(68.1944444444vw, 982px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_TL::after {
    border-radius: 2.3346153846vw;
    bottom: -0.5128205128vw;
    height: 1.6676923077vw;
    width: 81.8776923077vw;
  }
}
@media screen and (min-width: 1441px) {
  .authority-content__main_TL::after {
    bottom: -5px;
  }
}
.authority-content__main_TX {
  color: #851a20;
  text-align: center;
  font-family: "Mochiy Pop One", sans-serif;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .authority-content__main_TX {
    font-size: min(2.7777777778vw, 40px);
    margin-top: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_TX {
    font-size: 4.1025641026vw;
    line-height: 1.5;
    margin: 4.358974359vw auto 0;
    width: 82.3076923077vw;
  }
}
.authority-content__main_graph-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-wrap {
    margin-top: min(2.2222222222vw, 32px);
  }
}
.authority-content__main_graph-wrap .topTX {
  font-family: "Mochiy Pop One", sans-serif;
  font-style: normal;
  color: #5a5956;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-wrap .topTX {
    font-size: min(2.1527777778vw, 31px);
    margin-left: min(8.6805555556vw, 125px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-wrap .topTX {
    font-size: 3.3158974359vw;
    line-height: 1.34;
    margin-inline: auto;
    width: 77.9779487179vw;
  }
}
.authority-content__main_graph {
  position: relative;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph {
    width: min(53.2638888889vw, 767px);
    height: min(43.4027777778vw, 625px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph {
    height: 168.7179487179vw;
    margin: 5.641025641vw auto 0;
    width: 77.4358974359vw;
  }
}
.authority-content__main_graph > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph > img {
    height: 62.8205128205vw;
    left: 50%;
    position: absolute;
    top: 31.5384615385vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 76.9230769231vw;
    z-index: 0;
  }
}
.authority-content__main_graph-chart {
  --axis-color: #5a5956;
  --grid-color: #b5b5b5;
  --zero-color: #404040;
  --profit-color: #c85d00;
  --ad-color: #f2af19;
  --initial-color: #9d0000;
  opacity: 1;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-chart {
    height: min(43.4027777778vw, 625px);
    -webkit-transform: none;
            transform: none;
    width: min(53.2638888889vw, 767px);
    --axis-size: min(0.4166666667vw, 6px);
    --grid-size: min(0.1388888889vw, 2px);
    --axis-x: min(7.2916666667vw, 105px);
    --axis-top: min(1.4583333333vw, 21px);
    --axis-bottom-y: min(39.5833333333vw, 570px);
    --grid-left: min(7.5vw, 108px);
    --grid-top: min(2.9861111111vw, 43px);
    --grid-width: min(45.3472222222vw, 653px);
    --grid-height: min(32.2916666667vw, 465px);
    --grid-row: min(4.0364583333vw, 58.125px);
    --zero-y: min(35.2777777778vw, 508px);
    --scale-font-size: min(2.1447916667vw, 30.885px);
    --scale-top: min(2.9861111111vw, 43px);
    --scale-height: min(36.5972222222vw, 527px);
    --scale-width: min(6.304375vw, 90.783px);
    --x-label-top: min(41.1111111111vw, 592px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-chart {
    height: 62.8205128205vw;
    left: 50%;
    position: absolute;
    top: 31.5384615385vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 81.0256410256vw;
    --axis-size: 0.6153846154vw;
    --grid-size: 0.2128205128vw;
    --axis-x: 11.0256410256vw;
    --axis-top: 2.1794871795vw;
    --axis-bottom-y: 60.5128205128vw;
    --grid-left: 11.2820512821vw;
    --grid-top: 2.5641025641vw;
    --grid-width: 69.8484615385vw;
    --grid-height: 50.5128205128vw;
    --grid-row: 6.3141025641vw;
    --zero-y: 53.0769230769vw;
    --scale-font-size: 3.3035897436vw;
    --scale-top: 2.5641025641vw;
    --scale-height: 57.9487179487vw;
    --scale-width: 9.7107692308vw;
    --x-label-top: 59.4871794872vw;
  }
}
.authority-content__main_graph-chart::before, .authority-content__main_graph-chart::after {
  background-color: var(--axis-color);
  border-radius: 999px;
  content: "";
  position: absolute;
  z-index: 2;
}
.authority-content__main_graph-chart::before {
  bottom: calc(100% - var(--axis-bottom-y));
  left: var(--axis-x);
  top: var(--axis-top);
  width: var(--axis-size);
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-chart::before {
    display: none;
  }
}
.authority-content__main_graph-chart::after {
  height: var(--axis-size);
  left: var(--axis-x);
  right: 0;
  top: var(--axis-bottom-y);
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-chart::after {
    display: none;
  }
}
.authority-content__main_graph-scale {
  font-weight: 900;
  color: #5a5956;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: var(--scale-top);
  height: var(--scale-height);
  width: var(--scale-width);
  z-index: 3;
  font-size: var(--scale-font-size);
  line-height: normal;
}
.authority-content__main_graph-scale li {
  margin: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
  word-break: normal;
}
.authority-content__main_graph-scale li:nth-child(1) {
  top: 0;
}
.authority-content__main_graph-scale li:nth-child(2) {
  top: 11.1111111111%;
}
.authority-content__main_graph-scale li:nth-child(3) {
  top: 22.2222222222%;
}
.authority-content__main_graph-scale li:nth-child(4) {
  top: 33.3333333333%;
}
.authority-content__main_graph-scale li:nth-child(5) {
  top: 44.4444444444%;
}
.authority-content__main_graph-scale li:nth-child(6) {
  top: 55.5555555556%;
}
.authority-content__main_graph-scale li:nth-child(7) {
  top: 66.6666666667%;
}
.authority-content__main_graph-scale li:nth-child(8) {
  top: 77.7777777778%;
}
.authority-content__main_graph-scale li:nth-child(9) {
  top: 88.8888888889%;
}
.authority-content__main_graph-scale li:nth-child(10) {
  top: 100%;
}
.authority-content__main_graph-grid {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--grid-color)), to(transparent));
  background-image: linear-gradient(to bottom, var(--grid-color) 0 var(--grid-size), transparent var(--grid-size) 100%);
  background-repeat: repeat-y;
  background-size: 100% var(--grid-row);
  height: var(--grid-height);
  left: var(--grid-left);
  position: absolute;
  top: var(--grid-top);
  width: var(--grid-width);
  z-index: 0;
}
.authority-content__main_graph-grid::after {
  background-color: var(--zero-color);
  content: "";
  height: var(--grid-size);
  left: 0;
  position: absolute;
  right: 0;
  top: calc(var(--zero-y) - var(--grid-top));
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.authority-content__main_graph-bars {
  list-style: none;
  margin: 0;
  padding: 0;
}
.authority-content__main_graph-bar {
  height: 100%;
  left: var(--bar-left);
  position: absolute;
  top: 0;
  width: var(--bar-width);
  z-index: 1;
}
.authority-content__main_graph-bar--year1 {
  --bar-delay: 0s;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-bar--year1 {
    --bar-left: min(9.6527777778vw, 139px);
    --bar-width: min(6.5972222222vw, 95px);
    --stack-bottom: min(4.6527777778vw, 67px);
    --stack-height: min(10.7951388889vw, 155.45px);
    --profit-height: min(4.6145833333vw, 66.45px);
    --ad-height: min(2.7083333333vw, 39px);
    --initial-height: min(3.4722222222vw, 50px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-bar--year1 {
    --bar-left: 14.6153846154vw;
    --bar-width: 10.1617948718vw;
    --stack-bottom: 4.3953846154vw;
    --stack-height: 16.6274358974vw;
    --profit-height: 7.1076923077vw;
    --ad-height: 4.1715384615vw;
    --initial-height: 5.3482051282vw;
  }
}
.authority-content__main_graph-bar--year2 {
  --bar-delay: 0.1s;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-bar--year2 {
    --bar-left: min(18.5416666667vw, 267px);
    --bar-width: min(6.5277777778vw, 94px);
    --stack-bottom: min(8.125vw, 117px);
    --stack-height: min(10.1469444444vw, 146.116px);
    --profit-height: min(7.2222222222vw, 104px);
    --ad-height: min(2.9247222222vw, 42.116px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-bar--year2 {
    --bar-left: 28.2051282051vw;
    --bar-width: 10.0548717949vw;
    --stack-bottom: 9.7435897436vw;
    --stack-height: 15.6292307692vw;
    --profit-height: 11.1243589744vw;
    --ad-height: 4.5048717949vw;
  }
}
.authority-content__main_graph-bar--year3 {
  --bar-delay: 0.2s;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-bar--year3 {
    --bar-left: min(27.4305555556vw, 395px);
    --bar-width: min(6.6666666667vw, 96px);
    --stack-bottom: min(8.125vw, 117px);
    --stack-height: min(18.8524305556vw, 271.475px);
    --profit-height: min(15.2777777778vw, 220px);
    --ad-height: min(3.5746527778vw, 51.475px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-bar--year3 {
    --bar-left: 41.7948717949vw;
    --bar-width: 10.2687179487vw;
    --stack-bottom: 9.7435897436vw;
    --stack-height: 29.0384615385vw;
    --profit-height: 23.5323076923vw;
    --ad-height: 5.5061538462vw;
  }
}
.authority-content__main_graph-bar--year4 {
  --bar-delay: 0.3s;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-bar--year4 {
    --bar-left: min(36.3194444444vw, 523px);
    --bar-width: min(6.6666666667vw, 96px);
    --stack-bottom: min(8.125vw, 117px);
    --stack-height: min(26.6667361111vw, 384.001px);
    --profit-height: min(21.5972222222vw, 311px);
    --ad-height: min(5.0695138889vw, 73.001px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-bar--year4 {
    --bar-left: 55.3846153846vw;
    --bar-width: 10.2687179487vw;
    --stack-bottom: 9.7435897436vw;
    --stack-height: 41.0748717949vw;
    --profit-height: 33.2664102564vw;
    --ad-height: 7.8084615385vw;
  }
}
.authority-content__main_graph-bar--year5 {
  --bar-delay: 0.4s;
}
@media screen and (min-width: 768px) {
  .authority-content__main_graph-bar--year5 {
    --bar-left: min(45.3472222222vw, 653px);
    --bar-width: min(6.694375vw, 96.399px);
    --stack-bottom: min(8.125vw, 117px);
    --stack-height: min(34.4465972222vw, 496.031px);
    --profit-height: min(28.2722222222vw, 407.12px);
    --ad-height: min(6.174375vw, 88.911px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_graph-bar--year5 {
    --bar-left: 68.9743589744vw;
    --bar-width: 10.3112820513vw;
    --stack-bottom: 9.7435897436vw;
    --stack-height: 53.0584615385vw;
    --profit-height: 43.5479487179vw;
    --ad-height: 9.5105128205vw;
  }
}
.authority-content__main_graph-bar-stack {
  bottom: var(--stack-bottom);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: var(--stack-height);
  left: 0;
  overflow: hidden;
  position: absolute;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  width: 100%;
  will-change: transform;
}
.authority-content__main_graph-chart.is-animated .authority-content__main_graph-bar-stack {
  -webkit-animation: authorityGraphBarGrow 0.6s ease-out forwards;
          animation: authorityGraphBarGrow 0.6s ease-out forwards;
  -webkit-animation-delay: var(--bar-delay);
          animation-delay: var(--bar-delay);
}
.authority-content__main_graph-bar-segment {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
}
.authority-content__main_graph-bar-segment--profit {
  background-color: var(--profit-color);
  height: var(--profit-height);
}
.authority-content__main_graph-bar-segment--ad {
  background-color: var(--ad-color);
  height: var(--ad-height);
}
.authority-content__main_graph-bar-segment--initial {
  background-color: var(--initial-color);
  height: var(--initial-height);
}
.authority-content__main_graph-bar-label {
  font-weight: 900;
  color: #5a5956;
  left: 50%;
  font-size: var(--scale-font-size);
  line-height: normal;
  position: absolute;
  text-align: center;
  top: var(--x-label-top);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  word-break: normal;
}
@media (prefers-reduced-motion: reduce) {
  .authority-content__main_graph-bar-stack, .authority-content__main_graph-chart.is-animated .authority-content__main_graph-bar-stack {
    -webkit-animation: none;
            animation: none;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
.authority-content__main_balloon {
  color: #5a5956;
  position: absolute;
  word-break: normal;
}
.authority-content__main_balloon.pop {
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon {
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon {
    background-color: #fff;
    border-radius: 1.2820512821vw;
    left: 0;
    overflow: visible;
    width: 77.4358974359vw;
    z-index: 2;
  }
}
.authority-content__main_balloon .balloon-frame {
  display: block;
  height: 100%;
  inset: 0;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
  width: 100%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon .balloon-frame {
    display: none;
  }
}
.authority-content__main_balloon .balloon-frame--sp {
  display: none;
}
.authority-content__main_balloon .balloon-head {
  font-weight: 900;
  color: #fff;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon .balloon-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: min(2.1447916667vw, 30.885px);
    height: min(3.7694444444vw, 54.28px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon .balloon-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 5.1282051282vw;
    height: 8.7179487179vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
  }
}
.authority-content__main_balloon .balloon-tx {
  font-weight: 500;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon .balloon-tx {
    line-height: 1.18;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon .balloon-tx {
    font-size: 4.1025641026vw;
    line-height: 1.18;
    padding: 2.8205128205vw 2.3076923077vw;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--initial {
    height: min(28.6805555556vw, 413px);
    left: min(8.5416666667vw, 123px);
    top: min(8.125vw, 117px);
    width: min(16.875vw, 243px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--initial {
    background-color: transparent;
    height: 83.3333333333vw;
    top: 0;
    left: 1.2820512821vw;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--initial .balloon-frame--sp {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--initial .balloon-head {
    font-size: min(2.0055555556vw, 28.88px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--initial .balloon-head {
    background-color: transparent;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--initial .balloon-tx {
    font-size: min(1.7548611111vw, 25.27px);
    padding: min(0.5555555556vw, 8px) min(1.1111111111vw, 16px) min(1.4583333333vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--initial .balloon-tx {
    padding: 3.0769230769vw 4.6153846154vw 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--profit, .authority-content__main_balloon--ad {
    left: min(50.7638888889vw, 731px);
    width: min(23.4027777778vw, 337px);
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--profit .balloon-head, .authority-content__main_balloon--ad .balloon-head {
    margin-left: min(3.0902777778vw, 44.5px);
    width: min(20.2083333333vw, 291px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--profit .balloon-head, .authority-content__main_balloon--ad .balloon-head {
    width: 100%;
    border-radius: 0.7692307692vw 0.7692307692vw 0 0;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--profit .balloon-tx, .authority-content__main_balloon--ad .balloon-tx {
    font-size: min(1.5972222222vw, 23px);
    margin-left: min(3.0902777778vw, 44.5px);
    padding: min(0.9027777778vw, 13px) min(0.9722222222vw, 14px) min(1.1111111111vw, 16px);
    width: min(20.2083333333vw, 291px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--profit .balloon-tx, .authority-content__main_balloon--ad .balloon-tx {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--profit {
    height: min(16.25vw, 234px);
    top: min(2.5694444444vw, 37px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--profit {
    border: 0.3846153846vw solid #c85d00;
    top: 100.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--profit .balloon-head {
    background-color: #c85d00;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_balloon--ad {
    height: min(13.8194444444vw, 199px);
    top: min(22.5694444444vw, 325px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--ad {
    border: 0.3846153846vw solid #ffae00;
    top: 134.358974359vw;
    margin-top: 4.8717948718vw;
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_balloon--ad .balloon-head {
    background-color: #f2af19;
  }
}
@media (prefers-reduced-motion: reduce) {
  .authority-content__main_balloon.pop, .authority-content__main_balloon.pop.show {
    -webkit-animation: none;
            animation: none;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media screen and (min-width: 768px) {
  .authority-content__main_note {
    font-weight: bold;
    margin-top: min(1.3888888889vw, 20px);
    font-size: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__main_note {
    margin-top: 2.5641025641vw;
    padding-inline: 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .authority-content__bottom {
    margin-top: min(3.125vw, 45px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__bottom {
    margin-top: 3.5897435897vw;
  }
}
.authority-content__bottom_TX {
  color: #fff;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .authority-content__bottom_TX {
    font-size: min(3.5416666667vw, 51px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__bottom_TX {
    font-size: 5.1282051282vw;
    line-height: 2.0558;
    white-space: nowrap;
  }
}
.authority-content__bottom_TX-02 {
  color: #ffae00;
  font-weight: 900;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .authority-content__bottom_TX-02 {
    font-size: min(4.7916666667vw, 69px);
    line-height: 1.2028985507;
    margin-top: min(3.0555555556vw, 44px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__bottom_TX-02 {
    font-size: 7.068974359vw;
    line-height: 1.2029090645;
    margin-top: 5.1282051282vw;
  }
}
.authority-content__bottom_TX-02 span {
  display: inline-block;
  position: relative;
}
.authority-content__bottom_TX-02 span::before {
  content: "";
  position: absolute;
}
@media screen and (min-width: 768px) {
  .authority-content__bottom_TX-02 span::before {
    background: radial-gradient(circle, #ffae00 0 50%, transparent 52%) left center/min(1.1805555556vw, 17px) min(1.1805555556vw, 17px) no-repeat, radial-gradient(circle, #ffae00 0 50%, transparent 52%) right center/min(1.1805555556vw, 17px) min(1.1805555556vw, 17px) no-repeat;
    height: min(1.1805555556vw, 17px);
    left: 50%;
    top: -1.9444444444vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .authority-content__bottom_TX-02 span::before {
    background: radial-gradient(circle, #ffae00 0 50%, transparent 52%) left center/1.7415384615vw 1.7415384615vw no-repeat, radial-gradient(circle, #ffae00 0 50%, transparent 52%) right center/1.7415384615vw 1.7415384615vw no-repeat;
    height: 1.7415384615vw;
    left: 50%;
    top: -3.5897435897vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 7.1794871795vw;
  }
}
@media screen and (min-width: 1441px) {
  .authority-content__bottom_TX-02 span::before {
    top: -28px;
  }
}

/* -----------------------
  faq
----------------------- */
.faq {
  background-color: #ebebeb;
}
@media screen and (min-width: 768px) {
  .faq {
    padding: min(2.2916666667vw, 33px) 0 min(9.1666666667vw, 132px);
  }
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 9.4871794872vw 0 12.0512820513vw;
  }
}
.faq__inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .faq__inner {
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .faq__inner {
    width: 87.9487179487vw;
  }
}
.faq__en {
  font-weight: 700;
  color: #ffae00;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .faq__en {
    font-size: min(1.3888888889vw, 20px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .faq__en {
    font-size: 5.1282051282vw;
    line-height: 1.442;
  }
}
.faq__title {
  font-weight: 700;
  color: #5a5956;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .faq__title {
    font-size: min(3.1555555556vw, 45.44px);
    line-height: 1.442;
    margin-top: min(0.5555555556vw, 8px);
  }
}
@media screen and (max-width: 767px) {
  .faq__title {
    font-size: 8.4615384615vw;
    line-height: 1.442;
    margin-top: 2.8205128205vw;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .faq__list {
    margin-top: min(4.8611111111vw, 70px);
  }
}
@media screen and (max-width: 767px) {
  .faq__list {
    margin-top: 8.2051282051vw;
  }
}
.faq__item {
  background-color: #fff;
  opacity: 0;
  position: relative;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media screen and (min-width: 768px) {
  .faq__item {
    padding: min(1.1805555556vw, 17px) 0 min(2.4305555556vw, 35px);
  }
}
@media screen and (max-width: 767px) {
  .faq__item {
    padding: 0 0 7.1794871795vw;
  }
}
@media screen and (min-width: 768px) {
  .faq__item + .faq__item {
    margin-top: min(1.875vw, 27px);
  }
}
@media screen and (max-width: 767px) {
  .faq__item + .faq__item {
    margin-top: 6.1538461538vw;
  }
}
.faq__item.show {
  -webkit-animation: zoomInAnime 0.5s ease forwards;
          animation: zoomInAnime 0.5s ease forwards;
  -webkit-animation-delay: var(--faq-show-delay, 0s);
          animation-delay: var(--faq-show-delay, 0s);
}
.faq__item.open .faq__answer {
  max-height: var(--faq-answer-height, 0px);
  opacity: 1;
}
.faq__item.open .faq__icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq__question {
  background: none;
  color: #5a5956;
  cursor: pointer;
  display: grid;
  position: static;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .faq__question {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-columns: min(8.3333333333vw, 120px) 1fr;
    padding: 0 min(5.4166666667vw, 78px) 0 min(4.0972222222vw, 59px);
  }
}
@media screen and (max-width: 767px) {
  .faq__question {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    cursor: default;
    grid-template-columns: 18.4615384615vw 1fr;
    padding: 0 2.5641025641vw 0 3.5897435897vw;
  }
}
.faq__q-mark {
  font-weight: 700;
  color: #5e687f;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .faq__q-mark {
    font-size: min(3.5027777778vw, 50.44px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .faq__q-mark {
    font-size: 8.6405128205vw;
    line-height: 1.442;
  }
}
.faq__q-text {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .faq__q-text {
    font-size: min(2.5vw, 36px);
    line-height: 1.442;
    margin-top: min(1.5972222222vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .faq__q-text {
    font-size: 5.1282051282vw;
    line-height: 1.442;
    margin-top: 2.8205128205vw;
  }
}
.faq__icon {
  font-weight: 700;
  color: #5a5956;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.35s ease-in-out;
  transition: -webkit-transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
@media screen and (min-width: 768px) {
  .faq__icon {
    bottom: min(2.1527777778vw, 31px);
    font-size: min(2.5305555556vw, 36.44px);
    line-height: 1.442;
    right: min(1.6666666667vw, 24px);
    width: min(3.3333333333vw, 48px);
  }
}
.faq__answer-inner {
  display: grid;
}
@media screen and (min-width: 768px) {
  .faq__answer-inner {
    grid-template-columns: min(5.7638888889vw, 83px) min(52.1527777778vw, 751px);
    -webkit-column-gap: min(1.5972222222vw, 23px);
       -moz-column-gap: min(1.5972222222vw, 23px);
            column-gap: min(1.5972222222vw, 23px);
    padding: min(0.1388888889vw, 2px) min(5.4166666667vw, 78px) 0 min(8.2638888889vw, 119px);
  }
}
@media screen and (max-width: 767px) {
  .faq__answer-inner {
    display: block;
    padding: 0 5.8974358974vw 0;
  }
}
.faq__answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
  transition: max-height 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
@media screen and (max-width: 767px) {
  .faq__answer {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 3.0769230769vw;
    opacity: 1 !important;
    overflow: visible !important;
    -webkit-transition: none;
    transition: none;
  }
}
.faq__a-mark {
  font-weight: 700;
  color: #650c00;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .faq__a-mark {
    font-size: min(3.5027777778vw, 50.44px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .faq__a-mark {
    font-size: 9.2307692308vw;
    line-height: 1.442;
  }
}
.faq__a-text {
  font-weight: 700;
  color: #5a5956;
}
@media screen and (min-width: 768px) {
  .faq__a-text {
    font-size: min(1.6277777778vw, 23.44px);
    line-height: 1.442;
    margin-top: min(2.0833333333vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .faq__a-text {
    font-size: 4.1025641026vw;
    line-height: 1.442;
    margin-top: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .faq__item {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .faq__item.show {
    -webkit-animation: none;
            animation: none;
  }
  .faq__answer, .faq__icon {
    -webkit-transition: none;
    transition: none;
  }
}

/* -----------------------
  reservation
----------------------- */
.reservation {
  background-color: #72972f;
}
@media screen and (min-width: 768px) {
  .reservation {
    padding: min(3.75vw, 54px) 0 min(10.8333333333vw, 156px);
  }
}
@media screen and (max-width: 767px) {
  .reservation {
    padding: 16.1538461538vw 0 12.3076923077vw;
  }
}
.reservation__head {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .reservation__head {
    margin-top: min(1.8055555556vw, 26px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 5.8974358974vw;
  }
}
.reservation__en {
  font-weight: 700;
  color: #ffae00;
}
@media screen and (min-width: 768px) {
  .reservation__en {
    font-size: min(2.0833333333vw, 30px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .reservation__en {
    font-size: 5.1282051282vw;
    line-height: 1.442;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.reservation__title {
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .reservation__title {
    font-size: min(3.2638888889vw, 47px);
    line-height: 1.442;
    margin-top: min(0.4861111111vw, 7px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__title {
    font-size: 6.1538461538vw;
    line-height: 1.442;
    margin-top: 3.0769230769vw;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.reservation__lead {
  font-weight: 700;
  color: #fccf6b;
}
@media screen and (min-width: 768px) {
  .reservation__lead {
    font-size: min(1.4583333333vw, 21px);
    line-height: 1.442;
    margin-top: min(0.2777777778vw, 4px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__lead {
    font-size: 4.1025641026vw;
    line-height: 1.442;
    margin: 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 91.7948717949vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__form {
    margin-inline: auto;
    margin-top: min(2.9861111111vw, 43px);
    width: min(56.9083333333vw, 819.48px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__form {
    margin-top: 5.641025641vw;
    padding-inline: 4.8717948718vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field {
    width: var(--reservation-field-width);
  }
}
@media screen and (max-width: 767px) {
  .reservation__field {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field + .reservation__field {
    margin-top: min(1.8055555556vw, 26px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__field + .reservation__field {
    margin-top: 4.358974359vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--sm {
    --reservation-field-width: min(25.3513888889vw, 365.06px);
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--md {
    --reservation-field-width: min(32.6131944444vw, 469.63px);
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--lg {
    --reservation-field-width: min(56.9083333333vw, 819.48px);
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--method {
    --reservation-field-width: min(33.2076388889vw, 478.19px);
  }
}
.reservation__date-row {
  display: grid;
}
@media screen and (min-width: 768px) {
  .reservation__date-row {
    -webkit-column-gap: min(3.125vw, 45px);
       -moz-column-gap: min(3.125vw, 45px);
            column-gap: min(3.125vw, 45px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: min(1.8055555556vw, 26px);
    width: min(56.9083333333vw, 819.48px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__date-row {
    -webkit-column-gap: 2.5641025641vw;
       -moz-column-gap: 2.5641025641vw;
            column-gap: 2.5641025641vw;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4.358974359vw;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .reservation__date-group {
    margin-top: min(1.8055555556vw, 26px);
    width: min(56.9083333333vw, 819.48px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__date-group {
    margin-top: 4.358974359vw;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .reservation__date-group .reservation__date-row {
    margin-top: min(0.6944444444vw, 10px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__date-group .reservation__date-row {
    margin-top: 2.0512820513vw;
  }
}
.reservation__date-row .reservation__field {
  width: 100%;
}
.reservation__date-row .reservation__field + .reservation__field {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .reservation__field--date .reservation__label {
    gap: 2.0512820513vw;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .reservation__field--date .reservation__label-text {
    font-size: 4.1025641026vw;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .reservation__date-title {
    padding-left: min(0.7527777778vw, 10.84px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__date-title {
    padding-left: 0.7692307692vw;
  }
}
.reservation__date-sub-label {
  font-weight: 700;
  display: block;
}
@media screen and (min-width: 768px) {
  .reservation__date-sub-label {
    font-size: min(1.2909722222vw, 18.59px);
    line-height: 1.442;
    padding-left: min(0.7527777778vw, 10.84px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__date-sub-label {
    font-size: 4.1025641026vw;
    line-height: 1.442;
    padding-left: 0.7692307692vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--date .reservation__input {
    height: min(4.4895833333vw, 64.65px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__field--date .reservation__input {
    font-size: 3.8461538462vw;
    padding: 0 2.0512820513vw;
  }
}
.reservation__label {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .reservation__label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: min(1.0416666667vw, 15px);
    line-height: 1.442;
    padding-left: min(0.7527777778vw, 10.84px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__label {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.3333333333vw;
    line-height: 1.442;
    padding-left: 0.7692307692vw;
  }
}
@media screen and (max-width: 767px) {
  .reservation__label .small {
    font-size: 4.1025641026vw;
    margin-left: -2.5641025641vw;
    white-space: nowrap;
  }
}
.reservation__badge {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4d4d4d;
  border-radius: 999px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .reservation__badge {
    border-radius: min(0.5381944444vw, 7.75px);
    font-size: min(1.1833333333vw, 17.04px);
    height: min(2.04375vw, 29.43px);
    line-height: 1;
    width: min(5.0020833333vw, 72.03px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__badge {
    border-radius: 1.7833333333vw;
    font-size: 3.9230769231vw;
    height: 6.7761538462vw;
    line-height: 1;
    margin-top: 0.2564102564vw;
    width: 15.2648717949vw;
  }
}
.reservation__badge--required {
  background-color: #851a20;
}
@media screen and (min-width: 768px) {
  .reservation__label-text {
    font-size: min(1.2909722222vw, 18.59px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__label-text {
    font-size: 4.6153846154vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--sm .reservation__label-text {
    font-size: min(1.5597222222vw, 22.46px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__field--lg .reservation__label-text, .reservation__field--method .reservation__label-text {
    max-width: 73.8461538462vw;
  }
}
.reservation__input {
  background-color: #fff;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-family: inherit;
  outline: none;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .reservation__input {
    font-size: min(1.5277777778vw, 22px);
    height: min(4.5180555556vw, 65.06px);
    margin-top: min(0.4513888889vw, 6.5px);
    padding: 0 min(1.25vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__input {
    font-size: 4.6153846154vw;
    height: 12.5641025641vw;
    margin-top: 1.0256410256vw;
    padding: 0 3.0769230769vw;
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--sm .reservation__input, .reservation__field--md .reservation__input {
    height: min(4.4895833333vw, 64.65px);
  }
}
@media screen and (min-width: 768px) {
  .reservation__field--method .reservation__input {
    height: min(4.2909722222vw, 61.79px);
  }
}
@media screen and (max-width: 767px) {
  .reservation__field--method .reservation__input {
    height: 17.1794871795vw;
  }
}
@media screen and (max-width: 767px) {
  .reservation__field--lg .reservation__input {
    height: 21.5384615385vw;
  }
}
.reservation .wpcf7-form .hidden-fields-container {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}
.reservation .wpcf7-submit {
  font-weight: 700;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#d4252d), to(#851a20));
  background: linear-gradient(180deg, #d4252d 0%, #851a20 100%);
  border: 2px solid #fff;
  border-radius: 999px;
  -webkit-box-shadow: 0 6px 0 rgba(77, 77, 77, 0.35);
          box-shadow: 0 6px 0 rgba(77, 77, 77, 0.35);
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: inherit;
  letter-spacing: 0;
  line-height: 1;
  margin-inline: auto;
  text-align: center;
  -webkit-transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
}
@media screen and (min-width: 768px) {
  .reservation .wpcf7-submit {
    font-size: min(1.9444444444vw, 28px);
    height: min(4.8611111111vw, 70px);
    margin-top: min(3.6111111111vw, 52px);
    width: min(22.2222222222vw, 320px);
  }
}
@media screen and (max-width: 767px) {
  .reservation .wpcf7-submit {
    font-size: 5.641025641vw;
    height: 14.8717948718vw;
    margin-top: 9.2307692308vw;
    width: 64.1025641026vw;
  }
}
.reservation .wpcf7-submit:hover {
  -webkit-box-shadow: 0 3px 0 rgba(77, 77, 77, 0.35);
          box-shadow: 0 3px 0 rgba(77, 77, 77, 0.35);
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.reservation .wpcf7-spinner {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .reservation .wpcf7-spinner {
    margin-top: min(1.1111111111vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .reservation .wpcf7-spinner {
    margin-top: 3.0769230769vw;
  }
}

/* -----------------------
  company
----------------------- */
@-webkit-keyframes companyLogoMarquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes companyLogoMarquee {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.company img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.company__clients {
  background-color: #fff;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .company__clients {
    padding-block: min(3.9583333333vw, 57px) min(2.7083333333vw, 39px);
  }
}
@media screen and (max-width: 767px) {
  .company__clients {
    padding-block: 0 2.8205128205vw;
  }
}
.company__clients-head {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .company__clients-head {
    gap: min(2.5vw, 36px);
    height: min(3.6111111111vw, 52px);
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .company__clients-head {
    display: block;
    margin-left: 4.6153846154vw;
    margin-right: 0;
    padding-top: 3.5897435897vw;
    width: 93.3333333333vw;
  }
}
.company__clients-title {
  font-family: "Nokora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .company__clients-title {
    font-size: min(2.4305555556vw, 35px);
    line-height: 1.442;
    width: min(14.2361111111vw, 205px);
  }
}
@media screen and (max-width: 767px) {
  .company__clients-title {
    font-size: 5.641025641vw;
    line-height: 1.442;
    width: 32.5641025641vw;
  }
}
.company__clients-lead {
  font-family: "Nokora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .company__clients-lead {
    font-size: min(1.875vw, 27px);
    line-height: 1.442;
    width: min(56.875vw, 819px);
  }
}
@media screen and (max-width: 767px) {
  .company__clients-lead {
    font-size: 4.358974359vw;
    line-height: 1.442;
    margin-top: 3.0769230769vw;
    width: 93.3333333333vw;
  }
}
.company__logo-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .company__logo-track {
    margin-top: min(2.0138888889vw, 29px);
    padding-block: min(0.8333333333vw, 12px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-track {
    margin-top: 3.0769230769vw;
    padding-block: 1.0256410256vw;
  }
}
.company__logo-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: companyLogoMarquee 34s linear infinite;
          animation: companyLogoMarquee 34s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  will-change: transform;
}
@media screen and (min-width: 768px) {
  .company__logo-list {
    gap: min(3.3333333333vw, 48px);
    height: min(6.25vw, 90px);
    padding-right: min(3.3333333333vw, 48px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-list {
    gap: 3.8461538462vw;
    height: 9.2307692308vw;
    padding-right: 3.8461538462vw;
  }
}
.company__logo-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .company__logo-item--01 {
    height: min(6.25vw, 90px);
    left: 0;
    top: 0;
    width: min(17.3611111111vw, 250px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--01 {
    height: 9.2307692308vw;
    left: 0;
    top: 0;
    width: 25.641025641vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--02 {
    height: min(6.25vw, 90px);
    left: min(20.1388888889vw, 290px);
    top: 0;
    width: min(11.1111111111vw, 160px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--02 {
    height: 9.2307692308vw;
    left: 29.4871794872vw;
    top: 0;
    width: 16.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--03 {
    height: min(6.25vw, 90px);
    left: min(34.0277777778vw, 490px);
    top: 0;
    width: min(15.9722222222vw, 230px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--03 {
    height: 9.2307692308vw;
    left: 50vw;
    top: 0;
    width: 23.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--10 {
    height: min(5.9027777778vw, 85px);
    left: min(52.7777777778vw, 760px);
    top: min(0.1388888889vw, 2px);
    width: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--10 {
    height: 8.7179487179vw;
    left: 77.4358974359vw;
    top: 0.2564102564vw;
    width: 10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--09 {
    height: min(6.25vw, 90px);
    left: min(61.0416666667vw, 879px);
    top: 0;
    width: min(10.4166666667vw, 150px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--09 {
    height: 9.2307692308vw;
    left: 89.7435897436vw;
    top: 0;
    width: 15.3846153846vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--05 {
    height: min(6.25vw, 90px);
    left: min(0.625vw, 9px);
    top: min(8.4027777778vw, 121px);
    width: min(14.5833333333vw, 210px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--05 {
    height: 9.1902564103vw;
    left: 108.4974358974vw;
    top: -0.2564102564vw;
    width: 21.4438461538vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--06 {
    height: min(6.25vw, 90px);
    left: min(17.9861111111vw, 259px);
    top: min(8.4027777778vw, 121px);
    width: min(17.3611111111vw, 250px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--06 {
    height: 9.1902564103vw;
    left: 134.0256410256vw;
    top: -0.2564102564vw;
    width: 25.5282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--07 {
    height: min(5.625vw, 81px);
    left: min(38.125vw, 549px);
    top: min(9.0277777778vw, 130px);
    width: min(13.8194444444vw, 199px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--07 {
    height: 8.2920512821vw;
    left: 163.6384615385vw;
    top: 0.641025641vw;
    width: 20.2694871795vw;
  }
}
@media screen and (min-width: 768px) {
  .company__logo-item--08 {
    height: min(5.625vw, 81px);
    left: min(52.9861111111vw, 763px);
    top: min(9.0277777778vw, 130px);
    width: min(16.3194444444vw, 235px);
  }
}
@media screen and (max-width: 767px) {
  .company__logo-item--08 {
    height: 8.288974359vw;
    left: 185.541025641vw;
    top: 0.6461538462vw;
    width: 23.9456410256vw;
  }
}
.company__logo-track .company__logo-item {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
}
@media (prefers-reduced-motion: reduce) {
  .company__logo-track {
    overflow: visible;
  }
  .company__logo-list {
    -webkit-animation: none;
            animation: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: 0;
    width: 100%;
  }
}
@media screen and (prefers-reduced-motion: reduce) and (min-width: 768px) {
  .company__logo-list {
    height: auto;
    row-gap: min(1.9444444444vw, 28px);
  }
}
@media screen and (prefers-reduced-motion: reduce) and (max-width: 767px) {
  .company__logo-list {
    height: auto;
    row-gap: 3.5897435897vw;
  }
}
@media (prefers-reduced-motion: reduce) {
  .company__logo-list[aria-hidden=true] {
    display: none;
  }
}
.company__overview {
  background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .company__overview {
    padding: min(3.4722222222vw, 50px) 0 min(2.0138888889vw, 29px);
  }
}
@media screen and (max-width: 767px) {
  .company__overview {
    background-color: #f9f9f9;
    padding: 6.6666666667vw 0 11.2820512821vw;
  }
}
.company__card {
  background-color: #fff;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .company__card {
    height: min(42.4305555556vw, 611px);
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .company__card {
    height: 272.0512820513vw;
    width: 91.7948717949vw;
  }
}
.company__card-title {
  font-family: "Nokora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  text-align: center;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .company__card-title {
    font-size: min(2.7372916667vw, 39.417px);
    height: min(3.6284722222vw, 52.25px);
    left: 0;
    line-height: 1.1;
    top: min(1.8055555556vw, 26px);
    width: min(24.4444444444vw, 352px);
  }
}
@media screen and (max-width: 767px) {
  .company__card-title {
    font-size: 4.7951282051vw;
    height: 6.3561538462vw;
    left: -0.5128205128vw;
    top: -0.2564102564vw;
    width: 42.8205128205vw;
  }
}
.company__card-title::before {
  background-color: #d4252d;
  clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}
.company__jam-logo {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .company__jam-logo {
    height: min(4.62vw, 66.528px);
    left: min(32.9166666667vw, 474px);
    top: min(1.25vw, 18px);
    width: min(36.1767361111vw, 520.945px);
  }
}
@media screen and (max-width: 767px) {
  .company__jam-logo {
    height: 7.6923076923vw;
    left: 7.9487179487vw;
    top: 9.7435897436vw;
    width: 60.2346153846vw;
  }
}
.company__info {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  color: #5a5956;
  margin: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .company__info {
    left: min(3.4027777778vw, 49px);
    top: min(7.3611111111vw, 106px);
    width: min(43.9583333333vw, 633px);
  }
}
@media screen and (max-width: 767px) {
  .company__info {
    left: 4.358974359vw;
    top: 26.6666666667vw;
    width: 82.5641025641vw;
    word-break: normal;
  }
}
.company__info-row {
  border-bottom: 1px solid #121212;
  display: grid;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .company__info-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: min(2.0833333333vw, 30px);
       -moz-column-gap: min(2.0833333333vw, 30px);
            column-gap: min(2.0833333333vw, 30px);
    grid-template-columns: min(9.0277777778vw, 130px) 1fr;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 6.6666666667vw;
       -moz-column-gap: 6.6666666667vw;
            column-gap: 6.6666666667vw;
    grid-template-columns: 17.4358974359vw 1fr;
  }
}
.company__info-row dt,
.company__info-row dd {
  margin: 0;
}
.company__info-row dt {
  font-weight: 500;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .company__info-row dt {
    font-size: min(1.3204166667vw, 19.014px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row dt {
    font-size: 4.358974359vw;
    line-height: 1.442;
  }
}
.company__info-row dd {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .company__info-row dd {
    font-size: min(1.2470833333vw, 17.958px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row dd {
    font-size: 4.358974359vw;
    line-height: 1.442;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--company {
    height: min(2.8472222222vw, 41px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--company {
    height: 19.2307692308vw;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--company dd {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--person {
    height: min(3.4027777778vw, 49px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--person {
    height: 12.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--office {
    height: min(13.8888888889vw, 200px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--office {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 59.4871794872vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--office dt {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--office dt {
    padding-top: 21.5384615385vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--office dd {
    -ms-flex-item-align: start;
        align-self: start;
    padding-top: min(1.5277777778vw, 22px);
    width: min(33.9583333333vw, 489px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--office dd {
    padding-top: 5.3846153846vw;
    width: 60.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--tel {
    height: min(3.2291666667vw, 46.5px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--tel {
    height: 11.0256410256vw;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--tel dd {
    font-size: 4.6046153846vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--business {
    height: min(6.0416666667vw, 87px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--business {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 25.1282051282vw;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--business dt,
  .company__info-row--business dd {
    padding-top: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--business dd {
    font-size: 4.358974359vw;
  }
}
@media screen and (min-width: 768px) {
  .company__info-row--capital {
    height: min(3.2291666667vw, 46.5px);
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--capital {
    height: 11.2820512821vw;
  }
}
@media screen and (max-width: 767px) {
  .company__info-row--capital dd {
    font-size: 4.6046153846vw;
  }
}
.company__office {
  display: grid;
}
@media screen and (min-width: 768px) {
  .company__office {
    -webkit-column-gap: min(0.6944444444vw, 10px);
       -moz-column-gap: min(0.6944444444vw, 10px);
            column-gap: min(0.6944444444vw, 10px);
    grid-template-columns: min(3.5945138889vw, 51.761px) 1fr;
  }
}
@media screen and (max-width: 767px) {
  .company__office {
    display: block;
  }
}
.company__office + .company__office {
  border-top: 1px dotted #5a5956;
}
@media screen and (min-width: 768px) {
  .company__office + .company__office {
    margin-top: min(0.9027777778vw, 13px);
    padding-top: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .company__office + .company__office {
    border-top: 0;
    margin-top: 3.0769230769vw;
    position: relative;
    padding-top: 3.0769230769vw;
    width: 60.5128205128vw;
  }
}
@media screen and (max-width: 767px) {
  .company__office + .company__office::before {
    border-top: 1px dotted #5a5956;
    content: "";
    left: -2.0512820513vw;
    position: absolute;
    top: 0;
    width: 60.7692307692vw;
  }
}
.company__office p {
  margin: 0;
}
.company__office-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .company__office-label {
    font-size: min(1.2470833333vw, 17.958px);
    height: min(1.3204166667vw, 19.014px);
    line-height: 1;
    margin-top: min(0.2083333333vw, 3px);
    width: min(3.5945138889vw, 51.761px);
  }
}
@media screen and (max-width: 767px) {
  .company__office-label {
    float: left;
    font-size: 4.358974359vw;
    height: 4.8717948718vw;
    line-height: 1;
    margin-right: 1.5384615385vw;
    margin-top: 0.7692307692vw;
    width: 11.2820512821vw;
  }
}
.company__president {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .company__president {
    height: min(24.0427083333vw, 346.215px);
    right: min(3.2638888889vw, 47px);
    top: min(7.9958333333vw, 115.14px);
    width: min(19.2341666667vw, 276.972px);
  }
}
@media screen and (max-width: 767px) {
  .company__president {
    height: 88.7730769231vw;
    left: 8.7179487179vw;
    top: 175.8974358974vw;
    width: 71.0184615385vw;
  }
}
.company__president img {
  -o-object-fit: cover;
     object-fit: cover;
}
.company__president::before {
  background-color: #d4252d;
  content: "";
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .company__president::before {
    height: min(23.9143055556vw, 344.366px);
    right: -0.5868055556vw;
    top: min(0.6597222222vw, 9.5px);
    width: min(19.2195138889vw, 276.761px);
  }
}
@media screen and (max-width: 767px) {
  .company__president::before {
    height: 88.298974359vw;
    right: -2.1666666667vw;
    top: 2.4384615385vw;
    width: 70.9643589744vw;
  }
}
@media screen and (min-width: 1441px) {
  .company__president::before {
    right: -8.45px;
  }
}
.company__foova-logo {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .company__foova-logo {
    height: min(14.7916666667vw, 213px);
    right: -9.3055555556vw;
    top: min(32.8472222222vw, 473px);
    width: min(20.9027777778vw, 301px);
  }
}
@media screen and (max-width: 767px) {
  .company__foova-logo {
    display: none;
  }
}
@media screen and (min-width: 1441px) {
  .company__foova-logo {
    right: -134px;
  }
}
.company__franchise {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  background-color: #72972f;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .company__franchise {
    padding: min(4.4444444444vw, 64px) 0 min(5.5555555556vw, 80px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise {
    padding: 8.2051282051vw 0 7.4358974359vw;
  }
}
.company__franchise-box {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #191919;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .company__franchise-box {
    border-radius: min(0.4861111111vw, 7px);
    height: min(21.0416666667vw, 303px);
    padding-top: min(0.9722222222vw, 14px);
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-box {
    border-radius: 1.7948717949vw;
    height: 120.7692307692vw;
    padding-top: 4.358974359vw;
    width: 91.7948717949vw;
  }
}
.company__franchise-title {
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-color: #5a5956;
  border-style: solid;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .company__franchise-title {
    border-radius: min(0.2777777778vw, 4px);
    border-width: min(0.2083333333vw, 3px);
    font-size: min(1.6666666667vw, 24px);
    height: min(3.6111111111vw, 52px);
    line-height: 1.442;
    margin-left: min(3.125vw, 45px);
    width: min(26.1111111111vw, 376px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-title {
    border-radius: 1.0256410256vw;
    border-width: 0.7692307692vw;
    font-size: 4.358974359vw;
    height: 8.2051282051vw;
    line-height: 1.442;
    margin-left: 4.358974359vw;
    width: 70.2564102564vw;
  }
}
.company__franchise-logo {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .company__franchise-logo {
    height: min(13.5416666667vw, 195px);
    right: min(5.2083333333vw, 75px);
    top: -4.3055555556vw;
    width: min(19.1666666667vw, 276px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-logo {
    height: 41.7948717949vw;
    left: 50%;
    top: 1.7948717949vw;
    width: 59.2307692308vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .company__franchise-logo {
    top: -62px;
  }
}
.company__franchise-text {
  font-weight: 700;
  margin: 0;
  word-break: normal;
}
@media screen and (min-width: 768px) {
  .company__franchise-text {
    font-size: min(1.6666666667vw, 24px);
    line-height: 1.442;
    margin-left: min(4.3055555556vw, 62px);
    margin-top: min(0.7638888889vw, 11px);
    width: min(67.7083333333vw, 975px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-text {
    font-size: 4.358974359vw;
    line-height: 1.442;
    margin-left: 4.6153846154vw;
    margin-top: 21.5384615385vw;
    text-align: justify;
    width: 82.5641025641vw;
  }
}
.company__franchise-info {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .company__franchise-info {
    margin-top: min(3.9583333333vw, 57px);
    width: min(73.4722222222vw, 1058px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-info {
    margin-top: 3.5897435897vw;
    width: 76.9230769231vw;
  }
}
.company__franchise-row {
  font-weight: 700;
  display: grid;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .company__franchise-row {
    -webkit-column-gap: min(2.3611111111vw, 34px);
       -moz-column-gap: min(2.3611111111vw, 34px);
            column-gap: min(2.3611111111vw, 34px);
    grid-template-columns: min(11.9836805556vw, 172.565px) 1fr;
    margin-left: min(2.4784722222vw, 35.69px);
    width: min(52.3957638889vw, 754.499px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row {
    display: block;
    width: 82.0512820513vw;
  }
}
.company__franchise-row dt,
.company__franchise-row dd {
  margin: 0;
}
.company__franchise-row dt {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .company__franchise-row dt {
    font-size: min(1.8217361111vw, 26.233px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row dt {
    font-size: 4.358974359vw;
    line-height: 1.442;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .company__franchise-row dd {
    font-size: min(1.8217361111vw, 26.233px);
    line-height: 1.442;
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row dd {
    font-size: 4.358974359vw;
    line-height: 1.442;
    margin-left: 6.1538461538vw;
    margin-top: 0.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  .company__franchise-row--person {
    margin-top: min(1.3888888889vw, 20px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row--person {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .company__franchise-row--office {
    margin-top: min(1.5972222222vw, 23px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row--office {
    margin-top: 3.5897435897vw;
  }
}
.company__franchise-row--office dt {
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (min-width: 768px) {
  .company__franchise-row--tel {
    margin-top: min(2.7083333333vw, 39px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row--tel {
    margin-top: 3.5897435897vw;
  }
}
@media screen and (min-width: 768px) {
  .company__franchise-row--business {
    margin-top: min(2.4305555556vw, 35px);
  }
}
@media screen and (max-width: 767px) {
  .company__franchise-row--business {
    margin-top: 4.358974359vw;
  }
}

/* -----------------------
  CTA-last
----------------------- */
@-webkit-keyframes CTA-last-katakata {
  0%, 5%, 10%, 15%, 20%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  2.5% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
            transform: translate(2px, -1px) rotate(1deg);
  }
  7.5% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
            transform: translate(-2px, 1px) rotate(-1deg);
  }
  12.5% {
    -webkit-transform: translate(1px, 0) rotate(0.7deg);
            transform: translate(1px, 0) rotate(0.7deg);
  }
  17.5% {
    -webkit-transform: translate(-1px, 0) rotate(-0.7deg);
            transform: translate(-1px, 0) rotate(-0.7deg);
  }
}
@keyframes CTA-last-katakata {
  0%, 5%, 10%, 15%, 20%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  2.5% {
    -webkit-transform: translate(2px, -1px) rotate(1deg);
            transform: translate(2px, -1px) rotate(1deg);
  }
  7.5% {
    -webkit-transform: translate(-2px, 1px) rotate(-1deg);
            transform: translate(-2px, 1px) rotate(-1deg);
  }
  12.5% {
    -webkit-transform: translate(1px, 0) rotate(0.7deg);
            transform: translate(1px, 0) rotate(0.7deg);
  }
  17.5% {
    -webkit-transform: translate(-1px, 0) rotate(-0.7deg);
            transform: translate(-1px, 0) rotate(-0.7deg);
  }
}
.CTA-last {
  background-image: url("../img/authority-content-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .CTA-last {
    height: min(38.9583333333vw, 561px);
    padding-top: min(4.0277777778vw, 58px);
  }
}
@media screen and (max-width: 767px) {
  .CTA-last {
    padding-block: 6.6666666667vw 2.5641025641vw;
  }
}
.CTA-last__logo {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .CTA-last__logo {
    height: min(4.5833333333vw, 66px);
    width: min(23.0555555556vw, 332px);
  }
}
@media screen and (max-width: 767px) {
  .CTA-last__logo {
    width: 40.2564102564vw;
    height: 7.9487179487vw;
  }
}
.CTA-last__logo img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.CTA-last .C_CTA--last {
  background-color: transparent;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .CTA-last .C_CTA--last {
    margin-top: min(4.6527777778vw, 67px);
    padding: min(11.1805555556vw, 161px) 0 0;
    width: min(63.8888888889vw, 920px);
  }
}
@media screen and (min-width: 768px) {
  .CTA-last .C_CTA--last .C_CTA_img {
    height: min(9.7222222222vw, 140px);
    top: -2.9861111111vw;
    width: min(63.8888888889vw, 920px);
  }
}
@media screen and (min-width: 1441px) {
  .CTA-last .C_CTA--last .C_CTA_img {
    top: -43px;
  }
}
@media screen and (max-width: 767px) {
  .CTA-last .C_CTA--last .C_CTA_img {
    margin-top: 2.5641025641vw;
  }
}
@media screen and (max-width: 767px) {
  .CTA-last .C_CTA--last .C_CTA_img::before {
    width: 53.5897435897vw;
    height: 14.358974359vw;
    left: 55%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .CTA-last .C_CTA--last .C_CTA_img::after {
    width: 83.8461538462vw;
    height: 20.2564102564vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.CTA-last .C_CTA--last .C_zoom-btn {
  -webkit-animation: CTA-last-katakata 6s step-start infinite;
          animation: CTA-last-katakata 6s step-start infinite;
  overflow: visible;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
@media screen and (min-width: 768px) {
  .CTA-last .C_CTA--last .C_zoom-btn {
    margin-top: 0;
    width: min(44.7222222222vw, 644px);
    padding-inline: min(0.6944444444vw, 10px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .CTA-last .C_CTA--last .C_zoom-btn {
    -webkit-animation: none;
            animation: none;
  }
}
@media screen and (min-width: 768px) {
  .CTA-last .C_CTA--last .C_zoom-btn__topTX {
    font-size: min(2.0833333333vw, 30px);
  }
}
.CTA-last .C_CTA--last .C_zoom-btn:hover {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateY(-4px) scale(1.02);
          transform: translateY(-4px) scale(1.02);
}

/* -----------------------
  flow-btn
----------------------- */
@-webkit-keyframes flow-btn-katakata {
  0%, 5%, 10%, 15%, 20%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  2.5% {
    -webkit-transform: translate(2px, -1px) rotate(0.8deg);
            transform: translate(2px, -1px) rotate(0.8deg);
  }
  7.5% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.8deg);
            transform: translate(-2px, 1px) rotate(-0.8deg);
  }
  12.5% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  17.5% {
    -webkit-transform: translate(-1px, 0) rotate(-0.5deg);
            transform: translate(-1px, 0) rotate(-0.5deg);
  }
}
@keyframes flow-btn-katakata {
  0%, 5%, 10%, 15%, 20%, 100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  2.5% {
    -webkit-transform: translate(2px, -1px) rotate(0.8deg);
            transform: translate(2px, -1px) rotate(0.8deg);
  }
  7.5% {
    -webkit-transform: translate(-2px, 1px) rotate(-0.8deg);
            transform: translate(-2px, 1px) rotate(-0.8deg);
  }
  12.5% {
    -webkit-transform: translate(1px, 0) rotate(0.5deg);
            transform: translate(1px, 0) rotate(0.5deg);
  }
  17.5% {
    -webkit-transform: translate(-1px, 0) rotate(-0.5deg);
            transform: translate(-1px, 0) rotate(-0.5deg);
  }
}
.flow-btn.pc {
  display: block;
  opacity: 1;
  pointer-events: none;
  position: fixed;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s ease-out;
  transition: -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out;
  transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  will-change: transform;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc {
    bottom: 0;
    width: min(8.3333333333vw, 170px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc {
    bottom: 4.1025641026vw;
    width: 29.7435897436vw;
  }
}
.flow-btn.pc.is-visible {
  pointer-events: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.flow-btn.pc.is-visible .flow-btn__link {
  -webkit-animation: flow-btn-katakata 6s step-start infinite;
          animation: flow-btn-katakata 6s step-start infinite;
}
@media (prefers-reduced-motion: reduce) {
  .flow-btn.pc {
    -webkit-transition: none;
    transition: none;
  }
  .flow-btn.pc.is-visible .flow-btn__link {
    -webkit-animation: none;
            animation: none;
  }
}
.flow-btn.pc .flow-btn__link {
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-wrap: normal;
  position: relative;
  text-decoration: none;
  word-break: normal;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__link {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd54c), to(#ffd54c));
    background-image: linear-gradient(#ffd54c, #ffd54c);
    background-position: left min(2.7083333333vw, 39px);
    background-repeat: no-repeat;
    background-size: 100% calc(100% - min(2.7083333333vw, 39px));
    padding-bottom: min(1.25vw, 18px);
    width: min(15.4166666667vw, 222px);
  }
}
.flow-btn.pc .flow-btn__link--img {
  background: none;
  padding: 0;
  width: 100%;
  display: block;
}
.flow-btn.pc .flow-btn__link--img img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__link {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd54c), to(#ffd54c));
    background-image: linear-gradient(#ffd54c, #ffd54c);
    background-position: left 5.641025641vw;
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 5.641025641vw);
    padding-bottom: 2.5641025641vw;
    width: 26.6666666667vw;
  }
}
.flow-btn.pc .flow-btn__head {
  font-weight: 900;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0;
  position: relative;
  text-align: center;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__head {
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: min(5.7638888889vw, 83px);
    padding-top: min(0.625vw, 9px);
    width: min(15.2777777778vw, 220px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__head {
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 11.7948717949vw;
    padding-top: 1.2820512821vw;
    width: 26.6666666667vw;
  }
}
.flow-btn.pc .flow-btn__head::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  background-image: url("../img/flow-btn-top.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__head::after {
    height: min(5.2777777778vw, 76px);
    left: 0;
    top: min(2.6388888889vw, 38px);
    width: min(15.2777777778vw, 220px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__head::after {
    height: 10.7692307692vw;
    left: 0;
    top: 5.3846153846vw;
    width: 26.6666666667vw;
  }
}
.flow-btn.pc .flow-btn__lead,
.flow-btn.pc .flow-btn__chance {
  font-weight: 900;
  display: block;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.flow-btn.pc .flow-btn__lead {
  color: #90794b;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__lead {
    font-size: min(1.9022222222vw, 27.392px);
    line-height: 1;
    width: min(12.5vw, 180px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__lead {
    font-size: 3.9487179487vw;
    line-height: 1;
    width: 21.7948717949vw;
  }
}
.flow-btn.pc .flow-btn__chance {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #d61b01;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__chance {
    font-size: min(1.25vw, 18px);
    line-height: 1;
    margin-top: min(-0.0694444444vw, -1px);
    width: min(15.2777777778vw, 220px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__chance {
    font-size: 3.8461538462vw;
    line-height: 1;
    margin-top: -0.2564102564vw;
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__chance span {
    font-size: min(1.9444444444vw, 28px);
    line-height: 0.9;
    margin-right: min(0.1388888889vw, 2px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__chance span {
    font-size: 5.9743589744vw;
    line-height: 0.9;
    margin-right: 0.2564102564vw;
  }
}
.flow-btn.pc .flow-btn__accept {
  font-weight: 900;
  color: #72972f;
  margin: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__accept {
    -ms-flex-item-align: end;
        align-self: flex-end;
    font-size: min(1.4854166667vw, 21.39px);
    line-height: 1;
    margin-right: min(0.4861111111vw, 7px);
    margin-top: min(2.0138888889vw, 29px);
    width: min(7.0833333333vw, 102px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__accept {
    -ms-flex-item-align: end;
        align-self: flex-end;
    font-size: 3.0769230769vw;
    line-height: 1;
    margin-right: 1.0256410256vw;
    margin-top: 4.1025641026vw;
    width: 14.6153846154vw;
  }
}
.flow-btn.pc .flow-btn__zoom {
  font-weight: 900;
  color: #000;
  margin: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  z-index: 4;
}
.flow-btn.pc .flow-btn__zoom::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url("../img/flow-btn-lines.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__zoom::before {
    height: min(7.2700694444vw, 104.689px);
    left: -0.0694444444vw;
    top: -2.0833333333vw;
    width: min(6.1716666667vw, 88.872px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__zoom::before {
    height: 15.1282051282vw;
    left: -0.2564102564vw;
    top: -4.358974359vw;
    width: 12.8205128205vw;
  }
}
@media screen and (min-width: 1441px) {
  .flow-btn.pc .flow-btn__zoom::before {
    left: -1px;
    top: -30px;
  }
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__zoom {
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: min(2.2432638889vw, 32.303px);
    line-height: 1;
    margin-left: min(0.2083333333vw, 3px);
    margin-top: min(0.2083333333vw, 3px);
    width: min(12.5vw, 180px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__zoom {
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: 4.6153846154vw;
    line-height: 1;
    margin-left: 0.5128205128vw;
    margin-top: 0.5128205128vw;
    width: 25.8974358974vw;
  }
}
.flow-btn.pc .flow-btn__copy_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  margin: 0;
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__copy_wrap {
    align-self: flex-start;
    border-left: min(0.2083333333vw, 3px) dashed #5a5956;
    border-right: min(0.2083333333vw, 3px) dashed #5a5956;
    -webkit-column-gap: min(0.2777777778vw, 4px);
       -moz-column-gap: min(0.2777777778vw, 4px);
            column-gap: min(0.2777777778vw, 4px);
    grid-template-columns: repeat(3, min(3.0555555556vw, 44px));
    margin-left: min(0.625vw, 9px);
    margin-top: min(4.375vw, 63px);
    padding: 0 min(0.4166666667vw, 6px) 0 min(0.4166666667vw, 6px);
    width: min(11.8055555556vw, 170px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__copy_wrap {
    align-self: flex-start;
    border-left: 0.5128205128vw dashed #5a5956;
    border-right: 0.5128205128vw dashed #5a5956;
    -webkit-column-gap: 0.5128205128vw;
       -moz-column-gap: 0.5128205128vw;
            column-gap: 0.5128205128vw;
    grid-template-columns: repeat(3, 6.4102564103vw);
    margin-left: 1.2820512821vw;
    margin-top: 8.9743589744vw;
    padding: 0 0.7692307692vw;
    width: 24.6153846154vw;
  }
}
.flow-btn.pc .flow-btn__copy {
  font-weight: 900;
  display: block;
  margin: 0;
  text-align: start;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__copy {
    font-size: min(1.8038888889vw, 25.976px);
    width: min(3.0555555556vw, 44px);
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__copy {
    font-size: 3.7179487179vw;
    width: 6.4102564103vw;
  }
}
.flow-btn.pc .flow-btn__copy--answer {
  color: #464646;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__copy--answer {
    line-height: 1.262;
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__copy--answer {
    line-height: 1.262;
  }
}
.flow-btn.pc .flow-btn__copy--free {
  color: #464646;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__copy--free {
    line-height: 1.262;
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__copy--free {
    line-height: 1.262;
  }
}
.flow-btn.pc .flow-btn__copy--free span {
  color: #d61b01;
}
.flow-btn.pc .flow-btn__copy--flow {
  color: #5a5956;
}
@media screen and (min-width: 768px) {
  .flow-btn.pc .flow-btn__copy--flow {
    line-height: 1.062;
  }
}
@media screen and (max-width: 767px) {
  .flow-btn.pc .flow-btn__copy--flow {
    line-height: 1.062;
  }
}
.flow-btn.pc .flow-btn__bang {
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
}
.flow-btn.sp {
  background-image: url("../img/authority-content-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  bottom: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 999;
  width: 100%;
  padding: 2.5641025641vw 0;
}
.flow-btn.sp .C_zoom-btn {
  width: 89.7435897436%;
  margin: 0 auto;
  padding-inline: 2.5641025641vw;
}
.flow-btn.sp.is-visible {
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* -----------------------
  meeting
----------------------- */
@media screen and (min-width: 768px) {
  .meeting-wrap {
    padding-top: min(6.9444444444vw, 100px);
  }
}
@media screen and (max-width: 767px) {
  .meeting-wrap {
    padding-top: 12.8205128205vw;
  }
}

.l-footer-lp__copyright {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .l-footer-lp__copyright {
    padding: min(6.9444444444vw, 100px) 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-lp__copyright {
    padding: 12.8205128205vw 0;
  }
}

/* -----------------------
  thanks
----------------------- */
.thanks {
  background: #f7f4e9;
  color: #464646;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .thanks {
    padding: min(7.6388888889vw, 110px) min(2.0833333333vw, 30px) min(8.3333333333vw, 120px);
  }
}
@media screen and (max-width: 767px) {
  .thanks {
    padding: 15.8974358974vw 5.1282051282vw 17.9487179487vw;
  }
}
.thanks__inner {
  background-color: #fff;
  -webkit-box-shadow: 0 min(1.1111111111vw, 16px) min(2.7777777778vw, 40px) rgba(90, 89, 86, 0.12);
          box-shadow: 0 min(1.1111111111vw, 16px) min(2.7777777778vw, 40px) rgba(90, 89, 86, 0.12);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .thanks__inner {
    border: min(0.2777777778vw, 4px) solid #b3a07d;
    border-radius: min(0.5555555556vw, 8px);
    max-width: min(63.8888888889vw, 920px);
    padding: min(4.0277777778vw, 58px) min(4.8611111111vw, 70px) min(4.4444444444vw, 64px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__inner {
    border: 0.7692307692vw solid #b3a07d;
    border-radius: 1.5384615385vw;
    padding: 9.2307692308vw 5.1282051282vw 10.7692307692vw;
    width: 100%;
  }
}
.thanks__label {
  font-weight: 900;
  color: #1e9601;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .thanks__label {
    font-size: min(1.6666666667vw, 24px);
    margin-bottom: min(1.25vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__label {
    font-size: 4.1025641026vw;
    margin-bottom: 3.5897435897vw;
  }
}
.thanks__title {
  font-weight: 900;
  color: #121212;
  line-height: 1.35;
}
@media screen and (min-width: 768px) {
  .thanks__title {
    font-size: min(3.0555555556vw, 44px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__title {
    font-size: 7.1794871795vw;
  }
}
.thanks__lead {
  font-weight: 800;
  color: #c82728;
  line-height: 1.55;
}
@media screen and (min-width: 768px) {
  .thanks__lead {
    font-size: min(1.6666666667vw, 24px);
    margin-top: min(1.9444444444vw, 28px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__lead {
    font-size: 4.6153846154vw;
    margin-top: 5.641025641vw;
  }
}
.thanks__text, .thanks__note {
  font-weight: 500;
  line-height: 1.9;
}
@media screen and (min-width: 768px) {
  .thanks__text, .thanks__note {
    font-size: min(1.25vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__text, .thanks__note {
    font-size: 3.8461538462vw;
  }
}
@media screen and (min-width: 768px) {
  .thanks__text {
    margin-top: min(1.5277777778vw, 22px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__text {
    margin-top: 4.6153846154vw;
  }
}
.thanks__note {
  color: #6b6b6b;
}
@media screen and (min-width: 768px) {
  .thanks__note {
    margin-top: min(0.9722222222vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__note {
    margin-top: 3.0769230769vw;
  }
}
.thanks__btn {
  font-weight: 900;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#50d701), color-stop(96.63%, #1e9601));
  background: linear-gradient(180deg, #50d701 0%, #1e9601 96.63%);
  border-radius: 999px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
@media screen and (min-width: 768px) {
  .thanks__btn {
    border: min(0.2083333333vw, 3px) solid #fff;
    -webkit-box-shadow: 0 min(0.4166666667vw, 6px) 0 rgba(77, 77, 77, 0.22);
            box-shadow: 0 min(0.4166666667vw, 6px) 0 rgba(77, 77, 77, 0.22);
    font-size: min(1.5277777778vw, 22px);
    margin-top: min(2.9166666667vw, 42px);
    min-width: min(19.4444444444vw, 280px);
    padding: min(1.3888888889vw, 20px) min(2.9166666667vw, 42px);
  }
}
@media screen and (max-width: 767px) {
  .thanks__btn {
    border: 0.5128205128vw solid #fff;
    -webkit-box-shadow: 0 1.0256410256vw 0 rgba(77, 77, 77, 0.22);
            box-shadow: 0 1.0256410256vw 0 rgba(77, 77, 77, 0.22);
    font-size: 4.358974359vw;
    margin-top: 8.7179487179vw;
    min-width: 56.4102564103vw;
    padding: 4.358974359vw 7.6923076923vw;
  }
}
.thanks__btn:hover {
  opacity: 0.88;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}

/* -----------------------
  anime
----------------------- */
.hover-opa {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hover-opa:hover {
  opacity: 0.6;
}

.hover-scale {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hover-scale:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.up {
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.up.show {
  -webkit-animation: up 0.5s ease forwards;
          animation: up 0.5s ease forwards;
}
@-webkit-keyframes up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.down {
  opacity: 0;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
.down.show {
  -webkit-animation: down 0.4s ease-out forwards;
          animation: down 0.4s ease-out forwards;
}
@-webkit-keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.left {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.left.show {
  -webkit-animation: left 0.5s ease forwards;
          animation: left 0.5s ease forwards;
}
@-webkit-keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.right {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.right.show {
  -webkit-animation: right 0.5s ease forwards;
          animation: right 0.5s ease forwards;
}
@-webkit-keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes zoomInAnime {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.zoomInAnime {
  opacity: 0;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.zoomInAnime.show, .show > .zoomInAnime {
  -webkit-animation: zoomInAnime 0.5s ease forwards;
          animation: zoomInAnime 0.5s ease forwards;
}

@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeInAnime {
  opacity: 0;
}
.fadeInAnime.show, .show > .fadeInAnime {
  -webkit-animation: fadeInAnime 0.5s ease forwards;
          animation: fadeInAnime 0.5s ease forwards;
}

@media (prefers-reduced-motion: reduce) {
  .zoomInAnime,
  .fadeInAnime {
    -webkit-animation: none !important;
            animation: none !important;
    opacity: 1;
  }
  .zoomInAnime {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.pop {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.pop.show {
  -webkit-animation: pop 0.5s ease forwards;
          animation: pop 0.5s ease forwards;
}
@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.loadUp {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.loadUp.show {
  -webkit-animation: loadUp 0.5s ease forwards;
          animation: loadUp 0.5s ease forwards;
}
@-webkit-keyframes loadUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loadUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.loadDown {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.loadDown.show {
  -webkit-animation: loadDown 0.5s ease forwards;
          animation: loadDown 0.5s ease forwards;
}
@-webkit-keyframes loadDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loadDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.loadLeft {
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.loadLeft.show {
  -webkit-animation: loadLeft 0.5s ease forwards;
          animation: loadLeft 0.5s ease forwards;
}
@-webkit-keyframes loadLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loadLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.loadRight {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.loadRight.show {
  -webkit-animation: loadRight 0.5s ease forwards;
          animation: loadRight 0.5s ease forwards;
}
@-webkit-keyframes loadRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes loadRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.loadPop {
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.loadPop.show {
  -webkit-animation: loadPop 0.5s ease forwards;
          animation: loadPop 0.5s ease forwards;
}
@-webkit-keyframes loadPop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes loadPop {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.delay-01 {
  -webkit-animation-delay: 0.1s !important;
          animation-delay: 0.1s !important;
}

.delay-015 {
  -webkit-animation-delay: 0.15s !important;
          animation-delay: 0.15s !important;
}

.delay-02 {
  -webkit-animation-delay: 0.2s !important;
          animation-delay: 0.2s !important;
}

.delay-03 {
  -webkit-animation-delay: 0.3s !important;
          animation-delay: 0.3s !important;
}

.delay-04 {
  -webkit-animation-delay: 0.4s !important;
          animation-delay: 0.4s !important;
}

.delay-05 {
  -webkit-animation-delay: 0.5s !important;
          animation-delay: 0.5s !important;
}

.delay-06 {
  -webkit-animation-delay: 0.6s !important;
          animation-delay: 0.6s !important;
}

.delay-07 {
  -webkit-animation-delay: 0.7s !important;
          animation-delay: 0.7s !important;
}

.delay-08 {
  -webkit-animation-delay: 0.8s !important;
          animation-delay: 0.8s !important;
}

.delay-09 {
  -webkit-animation-delay: 0.9s !important;
          animation-delay: 0.9s !important;
}

.delay-10 {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.delay-15 {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

.duration-01 {
  -webkit-animation-duration: 0.1s !important;
          animation-duration: 0.1s !important;
}

.duration-02 {
  -webkit-animation-duration: 0.2s !important;
          animation-duration: 0.2s !important;
}

.duration-03 {
  -webkit-animation-duration: 0.3s !important;
          animation-duration: 0.3s !important;
}

.duration-04 {
  -webkit-animation-duration: 0.4s !important;
          animation-duration: 0.4s !important;
}

.duration-05 {
  -webkit-animation-duration: 0.5s !important;
          animation-duration: 0.5s !important;
}

.duration-06 {
  -webkit-animation-duration: 0.6s !important;
          animation-duration: 0.6s !important;
}

.duration-07 {
  -webkit-animation-duration: 0.7s !important;
          animation-duration: 0.7s !important;
}

.duration-08 {
  -webkit-animation-duration: 0.8s !important;
          animation-duration: 0.8s !important;
}

.duration-09 {
  -webkit-animation-duration: 0.9s !important;
          animation-duration: 0.9s !important;
}

.duration-10 {
  -webkit-animation-duration: 1s !important;
          animation-duration: 1s !important;
}

.duration-15 {
  -webkit-animation-duration: 1.5s !important;
          animation-duration: 1.5s !important;
}/*# sourceMappingURL=main.css.map */