@charset "UTF-8";
/* --------------------------------------------------------------------------
  media query (SP（小）→ PC（大）の順に適用)
  -------------------------------------------------------------------------- */
.u-pc {
  display: block;
}
@media screen and (max-width: 640px) {
  .u-pc {
    display: none;
  }
}

.u-sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .u-sp {
    display: block;
  }
}

:root {
  --green-2:#0B592F;
  --black-2:#1A1A19;
  --font-roboto:"Roboto",sans-serif;
  --img-path:"../img";
  --headerheight:158px;
}

.c-heading01 {
  font-size: 30px;
  font-family: var(--font-roboto);
  letter-spacing: 0.02em;
  color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .c-heading01 {
    font-size: 6.1538461538vw;
  }
}

.c-num01 {
  font-size: 30px;
  font-family: var(--font-roboto);
  letter-spacing: 0.02em;
  color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .c-num01 {
    font-size: 6.1538461538vw;
  }
}

.c-btn01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 59px;
  padding-right: 4px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.76;
  letter-spacing: 0.1em;
  border-radius: 30px;
  color: white;
  background-color: var(--green-2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.c-btn01:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .c-btn01 {
    height: 11.7948717949vw;
    padding-right: 1.0256410256vw;
    font-size: 3.5897435897vw;
    border-radius: 11.7948717949vw;
  }
}
.c-btn01:after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/btn01-arrow.svg);
  width: 9px;
  height: 12px;
  top: 1px;
  bottom: 0;
  right: 15px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .c-btn01:after {
    width: 1.5384615385vw;
    height: 2.5641025641vw;
    right: 3.8461538462vw;
  }
}

.c-wrap01 {
  padding: 50px 30px;
  background-color: #ECF0F3;
}
@media screen and (max-width: 640px) {
  .c-wrap01 {
    padding: 10vw 5.8974358974vw;
  }
}

.c-text01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}

.c-text01__left {
  display: block;
  width: 5px;
  background-color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .c-text01__left {
    width: 1.2820512821vw;
  }
}

.c-text01__right {
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .c-text01__right {
    font-size: 6.6666666667vw;
  }
}

/*==============================================================
# fadeIn
==============================================================*/
.fadeIn_up {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: 1s;
  transition: 1s;
}

.fadeIn_up.is-show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_up_repeat {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-transition: 1s;
  transition: 1s;
}

.fadeIn_up_repeat.is-show {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

/* ==========================================================================
  index
========================================================================== */
#page {
  overflow: visible;
}

main {
  overflow: visible;
}

#container {
  max-width: initial;
}

.ouchiev-contents {
  font-family: "Noto Sans JP", sans-serif;
  color: var(--black-2);
  /* SKR 10/29追記 ↓*/
  /* SKR 10/29追記 ↑*/
}
.ouchiev-contents img {
  width: 100%;
}
.ouchiev-contents section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ouchiev-contents sup {
  top: -0.8em;
  font-size: 50%;
  letter-spacing: 0;
}
.ouchiev-contents .loading {
  width: 100vw;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .loading.hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.ouchiev-contents .p-bg {
  display: grid;
  grid-template-columns: 1fr 500px 1fr;
  background-color: #317C53;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-bg {
    grid-template-columns: 100%;
  }
}
.ouchiev-contents .p-left-content {
  position: relative;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-left-content {
    display: none;
  }
}
.ouchiev-contents .p-left-menuwrap {
  position: sticky;
  top: 0;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 940px) {
  .ouchiev-contents .p-left-menuwrap {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
}
.ouchiev-contents .p-left-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-left-menu {
    row-gap: 1.25vw;
  }
}
.ouchiev-contents .p-left-menu__link {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ouchiev-contents .p-left-menu__link:hover {
  opacity: 0.6;
}
.ouchiev-contents .p-left-menu__link:hover .p-left-menu__num {
  font-family: var(--font-roboto) !important;
  color: white !important;
}
.ouchiev-contents .p-left-menu__link:hover .p-left-menu__title {
  font-family: var(--font-roboto) !important;
  color: white !important;
}
.ouchiev-contents .p-left-menu__num {
  display: block;
  font-size: 13px;
  font-family: var(--font-roboto);
  font-weight: 400;
  letter-spacing: 0.02em;
  color: white;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-left-menu__num {
    font-size: 1.0833333333vw;
  }
}
.ouchiev-contents .p-left-menu__title {
  display: block;
  margin-top: 1px;
  font-size: 30px;
  font-family: var(--font-roboto);
  letter-spacing: 0.02em;
  color: white;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-left-menu__title {
    font-size: 2.5vw;
  }
}
.ouchiev-contents .p-left__logo {
  position: absolute;
  left: -350px;
  top: 65px;
  width: 523px;
  height: 502px;
  z-index: -1;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-left__logo {
    left: -29.1666666667vw;
    top: 5.4166666667vw;
    width: 43.5833333333vw;
    height: 41.8333333333vw;
  }
}
.ouchiev-contents .p-left__logo img {
  mix-blend-mode: multiply;
}
.ouchiev-contents .p-maincontent {
  width: 100%;
}
.ouchiev-contents .p-bgimg {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.ouchiev-contents .p-bgimg.hidden {
  visibility: hidden;
}
.ouchiev-contents .p-bgimg__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.ouchiev-contents .p-bgimg__img.u-object-position--top img {
  -o-object-position: top center;
     object-position: top center;
}
.ouchiev-contents .p-bgimg__cover02 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/gallery-img02.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 2;
}
.ouchiev-contents .p-bgimg__cover02.active {
  display: block;
}
.ouchiev-contents .p-bgimg__cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/mv-bg02.webp");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-bgimg__cover {
    background-image: url("../img/sp/mv-bg02-sp.webp");
  }
}
.ouchiev-contents .p-bgimg__cover.active {
  display: block;
}
.ouchiev-contents .p-mv {
  position: relative;
  margin-top: -100vh;
}
.ouchiev-contents .p-mv__bgwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 2;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.ouchiev-contents .p-mv__bgwrap.active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-mv__area01 {
  position: sticky;
  top: 0;
  padding: 60px 30px 0px 40px;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100svh;
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-mv__area01.hidden {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__area01 {
    padding: 10.2564102564vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-mv__heading01 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__heading01 {
    font-size: 8.2051282051vw;
  }
}
.ouchiev-contents .p-mv__text01 {
  margin-top: 17px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__text01 {
    margin-top: 4.358974359vw;
    font-size: 3.8461538462vw;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
}
.ouchiev-contents .p-mv__img01 {
  position: absolute;
  bottom: 116px;
  left: 28px;
  width: 161px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__img01 {
    width: 30.7692307692vw;
    bottom: 15.3846153846vw;
    left: 7.1794871795vw;
  }
}
.ouchiev-contents .p-mv__area02 {
  position: relative;
  margin-top: 660px;
  padding: 160px 40px 260px;
  z-index: 3;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__area02 {
    margin-top: 98.4615384615vw;
    padding: 0 7.6923076923vw 45.333333vw;
  }
}
.ouchiev-contents .p-mv__area02__textwrap {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.ouchiev-contents .p-mv__area02__textwrap.active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-mv__heading02 {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.83;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__heading02 {
    font-size: 7.6923076923vw;
    line-height: 1.8;
  }
}
.ouchiev-contents .p-mv__text02 {
  margin-top: 34px;
  font-size: 16px;
  font-weight: 500;
  line-height: 3;
  letter-spacing: 0.12em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__text02 {
    margin-top: 7.6923076923vw;
    font-size: 3.8461538462vw;
    line-height: 2.7;
  }
}
.ouchiev-contents .p-mv__img02 {
  width: 274px;
  margin: auto;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__img02 {
    width: 54.6153846154vw;
    margin-top: 8.2051282051vw;
  }
}
.ouchiev-contents .p-mv__text03 {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 500;
  color: white;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__text03 {
    margin-top: 8.2051282051vw;
    font-size: 3.8461538462vw;
    letter-spacing: 0.03em;
    text-align: left;
  }
}
.ouchiev-contents .p-mv__img03 {
  width: 420px;
  margin: auto;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__img03 {
    width: 83.8461538462vw;
    margin-top: 3.8461538462vw;
  }
}
.ouchiev-contents .p-fixedbtn__btnarea.p-mv__btn {
  display: none;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-fixedbtn__btnarea.p-mv__btn {
    display: block;
    max-width: 180px;
    width: 100%;
    margin: 5.1282051282vw auto 0;
  }
}
.ouchiev-contents .p-fixedbtn {
  display: none;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-fixedbtn {
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 3.5897435897vw 6.6666666667vw;
    background-color: var(--green-2);
    z-index: 10;
  }
}
.ouchiev-contents .p-fixedbtn__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 4.1025641026vw;
     -moz-column-gap: 4.1025641026vw;
          column-gap: 4.1025641026vw;
}
.ouchiev-contents .p-fixedbtn__text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: 0.12em;
  color: white;
}
.ouchiev-contents .p-fixedbtn__btnarea {
  width: 34.8717948718vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.ouchiev-contents .p-fixedbtn__btn {
  display: none;
  width: 100%;
}
.ouchiev-contents .p-fixedbtn__btn.active {
  display: block;
}
.ouchiev-contents .p-movie {
  position: relative;
  padding: 90px 40px 100px;
  background-image: url("../img/moive-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie {
    padding: 17.1794871795vw 8.2051282051vw 21.7948717949vw;
  }
}
.ouchiev-contents .p-movie__text01 {
  margin-top: 30px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.58;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie__text01 {
    margin-top: 5.8974358974vw;
    font-size: 6.6666666667vw;
  }
}
.ouchiev-contents .p-movie-box {
  display: block;
  width: 100%;
  max-width: 365px;
  margin: auto;
  margin-top: 50px;
  text-align: left;
  background: transparent;
  border: none;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box {
    margin-top: 10vw;
  }
}
.ouchiev-contents .p-movie-box.first-box {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box.first-box {
    margin-top: 11.7948717949vw;
  }
}
.ouchiev-contents .p-movie-box img {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.ouchiev-contents .p-movie-box:hover img {
  opacity: 0.8;
}
.ouchiev-contents .p-movie-box__img {
  width: 100%;
  max-width: 280px;
  margin: auto;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box__img {
    width: 55.8974358974vw;
    max-width: initial;
  }
}
.ouchiev-contents .p-movie-box__num {
  margin-top: 22px;
  font-size: 16px;
  font-family: var(--font-roboto);
  letter-spacing: 0.04em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box__num {
    margin-top: 4.358974359vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-movie-box__title {
  margin-top: 10px;
  font-size: 23px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box__title {
    margin-top: 2.0512820513vw;
    font-size: 4.8717948718vw;
  }
}
.ouchiev-contents .p-movie-box__text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box__text {
    margin-top: 2.8205128205vw;
    font-size: 3.5897435897vw;
  }
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-movie-box__text.text01 {
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
}
.ouchiev-contents .p-feature {
  position: relative;
  padding: 120px 40px 100px;
  background-color: #ECF0F3;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature {
    padding: 23.0769230769vw 7.6923076923vw 15.3846153846vw;
  }
}
.ouchiev-contents .p-feature__text01 {
  margin-top: 30px;
  font-size: 33px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__text01 {
    margin-top: 5.3846153846vw;
    font-size: 6.6666666667vw;
  }
}
.ouchiev-contents .p-feature__num01 {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__num01 {
    margin-top: 16.6666666667vw;
    padding-top: 16.6666666667vw;
  }
}
.ouchiev-contents .p-feature__heading {
  margin-top: 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.56;
  letter-spacing: 0.1em;
  color: var(--black-2);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__heading {
    margin-top: 2.0512820513vw;
    font-size: 6.9230769231vw;
  }
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__heading.fix {
    letter-spacing: 0.03em;
  }
}
.ouchiev-contents .p-feature__text02 {
  width: 100%;
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__text02 {
    margin-top: 17.9487179487vw;
    padding-top: 17.9487179487vw;
  }
}
.ouchiev-contents .p-feature__num02 {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__num02 {
    margin-top: 5.1282051282vw;
  }
}
.ouchiev-contents .p-feature__text03 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.77;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__text03 {
    margin-top: 3.3333333333vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-feature-campaign__btn {
  width: 218px;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-campaign__btn {
    width: 44.8717948718vw;
    margin-top: 5.1282051282vw;
  }
}
.ouchiev-contents .p-feature__text04 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__text04 {
    margin-top: 4.1025641026vw;
    font-size: 3.7435897436vw;
    letter-spacing: 0.09em;
  }
}
.ouchiev-contents .p-feature__img02 {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: auto;
  margin-top: 30px;
  z-index: 2;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__img02 {
    width: 55.8974358974vw;
    max-width: initial;
    margin-top: 5.641025641vw;
  }
}
.ouchiev-contents .p-feature__img03 {
  position: relative;
  width: 100%;
  margin-top: -60px;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__img03 {
    margin-top: -15.3846153846vw;
  }
}
.ouchiev-contents .p-gallery02 {
  position: relative;
  width: 100%;
  height: 560px;
  background: transparent;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-gallery02 {
    height: 143.5897435897vw;
  }
}
.ouchiev-contents .p-additional {
  position: relative;
  background-color: #ECF0F3;
  z-index: 2;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ouchiev-contents .p-additional.transformz {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.ouchiev-contents .p-additional__cover {
  padding: 90px 0px 70px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional__cover {
    padding: 17.9487179487vw 0 12.8205128205vw;
  }
}
.ouchiev-contents .p-additional__wrap {
  padding: 0 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional__wrap {
    padding: 0 8.2051282051vw;
  }
}
.ouchiev-contents .p-additional__sub {
  margin-top: 22px;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.68;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional__sub {
    margin-top: 4.6153846154vw;
    font-size: 6.9230769231vw;
    letter-spacing: 0;
  }
}
.ouchiev-contents .p-additional__text01 {
  margin-top: 90px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional__text01 {
    margin-top: 16.9230769231vw;
  }
}
.ouchiev-contents .p-additional__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional__container {
    -webkit-column-gap: 5.8974358974vw;
       -moz-column-gap: 5.8974358974vw;
            column-gap: 5.8974358974vw;
    margin-top: 7.9487179487vw;
  }
}
.ouchiev-contents .p-additional-left {
  width: 50%;
}
.ouchiev-contents .p-additional-left__box {
  width: 194px;
  margin-left: auto;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional-left__box {
    width: 38.7179487179vw;
  }
}
.ouchiev-contents .p-additional-left__text {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional-left__text {
    margin-top: 3.5897435897vw;
    font-size: 3.5897435897vw;
    letter-spacing: 0.08em;
  }
}
.ouchiev-contents .p-additional-right {
  width: 50%;
}
.ouchiev-contents .p-additional-right__box {
  width: 204px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional-right__box {
    width: 41.0256410256vw;
  }
}
.ouchiev-contents .p-additional-right__text {
  width: 194px;
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-additional-right__text {
    width: 38.7179487179vw;
    margin-top: 3.5897435897vw;
    font-size: 3.5897435897vw;
    line-height: 1.47;
    letter-spacing: 0.08em;
  }
}
.ouchiev-contents .p-point {
  position: relative;
  background-color: #DFE3E6;
  z-index: 2;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.ouchiev-contents .p-point__cover {
  padding: 70px 0px 0px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-point__cover {
    padding: 12.8205128205vw 0 0;
  }
}
.ouchiev-contents .p-point__wrap {
  padding: 0px 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-point__wrap {
    padding: 0 8.2051282051vw;
  }
}
.ouchiev-contents .p-point__text01 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-point__text01 {
    margin-top: 4vw;
    font-size: 3.7435897436vw;
  }
}
.ouchiev-contents .p-point__img01 {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-point__img01 {
    margin-top: 6vw;
  }
}
.ouchiev-contents .p-point__caution {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.84;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-point__caution {
    margin-top: 4vw;
    font-size: 2.8205128205vw;
  }
}
.ouchiev-contents .p-insurance {
  position: relative;
  background-color: #ECF0F3;
  z-index: 2;
}
.ouchiev-contents .p-insurance__cover {
  padding: 70px 0px 100px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__cover {
    padding: 12.8205128205vw 0 20vw;
  }
}
.ouchiev-contents .p-insurance__wrap {
  padding: 0 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__wrap {
    padding: 0 8.2051282051vw;
  }
}
.ouchiev-contents .p-insurance__img {
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__img {
    margin-top: 6vw;
  }
}
.ouchiev-contents .p-insurance__img .p-insurance__img-inner {
  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;
  gap: 20px 49px;
  padding: 30px 0;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__img .p-insurance__img-inner {
    gap: 5.1282051282vw 10.2564102564vw;
    padding: 6.1538461538vw 0;
  }
}
.ouchiev-contents .p-insurance__img .p-insurance__img-inner > a {
  display: block;
  width: 144px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__img .p-insurance__img-inner > a {
    width: 28.7179487179vw;
  }
}
.ouchiev-contents .p-insurance__img .p-insurance__img-inner > a:nth-child(even) {
  width: 104px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-insurance__img .p-insurance__img-inner > a:nth-child(even) {
    width: 20.5128205128vw;
  }
}
.ouchiev-contents .p-insurance__img .p-insurance__img-inner > a:hover {
  opacity: 0.6;
}
.ouchiev-contents .p-voice {
  position: relative;
  padding: 100px 40px 80px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice {
    padding: 17.9487179487vw 7.6923076923vw;
  }
}
.ouchiev-contents .p-voice__sub {
  margin-top: 12px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice__sub {
    margin-top: 2.0512820513vw;
    font-size: 6.9230769231vw;
  }
}
.ouchiev-contents .p-voice-box {
  display: grid;
  grid-template-columns: 275px 1fr;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box {
    grid-template-columns: 54.8717948718vw 1fr;
    -webkit-column-gap: 3.3333333333vw;
       -moz-column-gap: 3.3333333333vw;
            column-gap: 3.3333333333vw;
    margin-top: 3.8461538462vw;
  }
}
.ouchiev-contents .p-voice-box01 {
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box01 {
    margin-top: 10.2564102564vw;
  }
}
.ouchiev-contents .p-voice-box__left {
  position: relative;
  padding: 28px 20px 22px;
  border-radius: 12px;
  background-color: #ECF0F3;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box__left {
    padding: 5.8974358974vw 3.5897435897vw 5.1282051282vw;
    border-radius: 2.3076923077vw;
  }
}
.ouchiev-contents .p-voice-box__left:after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/voice-icon.svg");
  width: 28px;
  height: 36px;
  right: -20px;
  bottom: 104px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box__left:after {
    width: 5.3846153846vw;
    height: 7.1794871795vw;
    right: -4.6153846154vw;
    bottom: 23.0769230769vw;
  }
}
.ouchiev-contents .p-voice-box__heading {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box__heading {
    font-size: 3.8461538462vw;
    letter-spacing: normal;
  }
}
.ouchiev-contents .p-voice-box__text {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.64;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box__text {
    margin-top: 2.8205128205vw;
    font-size: 3.5897435897vw;
    letter-spacing: 0.02em;
  }
}
.ouchiev-contents .p-voice-box__img {
  width: 100%;
}
.ouchiev-contents .p-voice-imgarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-imgarea {
    -webkit-column-gap: 3.0769230769vw;
       -moz-column-gap: 3.0769230769vw;
            column-gap: 3.0769230769vw;
    margin-top: 10vw;
  }
}
.ouchiev-contents .p-voice-imgarea__img {
  width: 100%;
  max-width: 201px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-imgarea__img {
    max-width: 40vw;
  }
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-voice-box02 .p-voice-box__left {
    padding: 5.8974358974vw 3.8461538462vw 5.1282051282vw 3.5897435897vw;
  }
}
.ouchiev-contents .p-campaign {
  position: relative;
  padding: 100px 40px 0px;
  border-top: 2px solid #EFF3F5;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-campaign {
    padding: 17.9487179487vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-campaign__sub {
  margin-top: 12px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-campaign__sub {
    margin-top: 2.0512820513vw;
    font-size: 6.9230769231vw;
  }
}
.ouchiev-contents .p-campaign__text {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-campaign__text {
    margin-top: 3.0769230769vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-campaign__btn {
  width: 218px;
  margin-top: 18px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-campaign__btn {
    width: 44.8717948718vw;
    margin-top: 3.5897435897vw;
  }
}
.ouchiev-contents .p-campaign__img {
  width: 100%;
  margin-top: 34px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-campaign__img {
    margin-top: 6.6666666667vw;
  }
}
.ouchiev-contents .p-news {
  position: relative;
  padding: 80px 40px 0px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news {
    padding: 15.3846153846vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-news__sub {
  margin-top: 5px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news__sub {
    margin-top: 1.2820512821vw;
    font-size: 5.641025641vw;
  }
}
.ouchiev-contents .p-news-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  margin-top: 26px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news-textarea {
    -webkit-column-gap: 3.0769230769vw;
       -moz-column-gap: 3.0769230769vw;
            column-gap: 3.0769230769vw;
    margin-top: 5.1282051282vw;
  }
}
.ouchiev-contents .p-news-textarea01 {
  margin-top: 30px;
  padding-top: 36px;
  border-top: 1px solid white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news-textarea01 {
    margin-top: 7.1794871795vw;
    padding-top: 7.1794871795vw;
  }
}
.ouchiev-contents .p-news-textarea__left {
  width: 3px;
  height: 52px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news-textarea__left {
    width: 0.7692307692vw;
    height: 11.2820512821vw;
  }
}
.ouchiev-contents .p-news-textarea__text {
  width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news-textarea__text {
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-news__btn {
  display: block;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  letter-spacing: 0.06em;
  color: var(--green-2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ouchiev-contents .p-news__btn:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news__btn {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-news__btn:hover .p-news__btnarrow {
  font-family: "Noto Sans JP", sans-serif !important;
  color: var(--green-2) !important;
}
.ouchiev-contents .p-news__btnarrow {
  position: relative;
}
.ouchiev-contents .p-news__btnarrow:after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img//newsbtn-arrow.svg");
  width: 9px;
  height: 12px;
  top: 1px;
  bottom: 0;
  right: -25px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-news__btnarrow:after {
    width: 1.5384615385vw;
    height: 2.5641025641vw;
    right: -5.1282051282vw;
  }
}
.ouchiev-contents .p-content {
  position: relative;
  padding: 80px 40px 0px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-content {
    padding: 15.3846153846vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-content__sub {
  margin-top: 12px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-content__sub {
    margin-top: 1.7948717949vw;
    font-size: 5.641025641vw;
  }
}
.ouchiev-contents .p-content__text {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-content__text {
    margin-top: 5.641025641vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-content__btn {
  width: 218px;
  margin-top: 18px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-content__btn {
    width: 44.8717948718vw;
    margin-top: 3.5897435897vw;
  }
}
.ouchiev-contents .p-content__img {
  width: 100%;
  margin-top: 36px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-content__img {
    margin-top: 8.2051282051vw;
  }
}
.ouchiev-contents .p-about {
  position: relative;
  padding: 80px 40px 0px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-about {
    padding: 15.3846153846vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-about__sub {
  position: relative;
  margin-top: 12px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-about__sub {
    margin-top: 1.7948717949vw;
    font-size: 5.641025641vw;
  }
}
.ouchiev-contents .p-about__logo {
  position: absolute;
  top: -70px;
  right: 0;
  width: 110px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-about__logo {
    top: -15.3846153846vw;
    width: 22.3076923077vw;
  }
}
.ouchiev-contents .p-about__text {
  margin-top: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-about__text {
    margin-top: 5.641025641vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-about__btn {
  width: 218px;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-about__btn {
    width: 44.8717948718vw;
    margin-top: 5.1282051282vw;
  }
}
.ouchiev-contents .p-caution {
  position: relative;
  padding: 80px 40px 0px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-caution {
    padding: 15.3846153846vw 7.6923076923vw 0;
  }
}
.ouchiev-contents .p-caution__listitem {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.84;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-caution__listitem {
    margin-top: 2.5641025641vw;
    font-size: 2.8205128205vw;
  }
}
.ouchiev-contents .p-caution02 {
  position: relative;
  padding: 80px 40px;
  background-color: white;
  z-index: 2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-caution02 {
    padding: 15.3846153846vw 7.6923076923vw;
  }
}
.ouchiev-contents .p-caution02__wrap {
  padding: 30px 20px;
  border: 1px solid #6B7780;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-caution02__wrap {
    padding: 5.8974358974vw 3.8461538462vw;
  }
}
.ouchiev-contents .p-caution02__listitem {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-caution02__listitem {
    margin-top: 1.2820512821vw;
    font-size: 2.8205128205vw;
  }
}
.ouchiev-contents .p-spterms {
  display: none;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-spterms {
    display: block;
    position: relative;
    padding-bottom: 15.3846153846vw;
    background-color: white;
    z-index: 2;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
.ouchiev-contents .p-spterms__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6.6666666667vw;
     -moz-column-gap: 6.6666666667vw;
          column-gap: 6.6666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ouchiev-contents .p-spterms__terms {
  display: block;
  font-size: 3.0769230769vw;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-decoration-line: underline;
  text-decoration-style: solid;
  color: var(--black-2);
}
.ouchiev-contents .p-gallery {
  position: relative;
  width: 100%;
  height: 65vh;
  background: transparent;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-gallery {
    height: 63vh;
  }
}
.ouchiev-contents .p-right-content {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-right-content {
    display: none;
  }
}
.ouchiev-contents .p-right-wrap {
  position: sticky;
  top: 0;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 290px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right-wrap {
    width: 24.1666666667vw;
  }
}
@media screen and (max-width: 940px) {
  .ouchiev-contents .p-right-wrap {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
  }
}
.ouchiev-contents .p-right__area01 {
  width: 100%;
  max-width: 274px;
}
.ouchiev-contents .p-right__text01 {
  text-align: center;
  font-size: 30px;
  letter-spacing: 0.03em;
  font-family: var(--font-robot);
  color: white;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__text01 {
    font-size: 2.5vw;
  }
}
.ouchiev-contents .p-right__text02 {
  text-align: center;
  margin-top: 12px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: white;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__text02 {
    margin-top: 1vw;
    font-size: 1.25vw;
  }
}
.ouchiev-contents .p-right__btn01, .ouchiev-contents .p-right__btn02 {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: auto;
  margin-top: 28px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ouchiev-contents .p-right__btn01:hover, .ouchiev-contents .p-right__btn02:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__btn01, .ouchiev-contents .p-right__btn02 {
    margin-top: 2.3333333333vw;
    width: 16.6666666667vw;
    max-width: initial;
  }
}
.ouchiev-contents .p-right__btn02 {
  margin-top: 13px;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__btn02 {
    margin-top: 1.0833333333vw;
  }
}
.ouchiev-contents .p-right__area02 {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  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-column-gap: 26px;
     -moz-column-gap: 26px;
          column-gap: 26px;
  row-gap: 20px;
  width: 290px;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__area02 {
    -webkit-column-gap: 2.1666666667vw;
       -moz-column-gap: 2.1666666667vw;
            column-gap: 2.1666666667vw;
    row-gap: 1.6666666667vw;
    width: 24.1666666667vw;
  }
}
.ouchiev-contents .p-right__link {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-decoration: underline;
  color: white;
  text-decoration-thickness: 10%;
  text-underline-offset: 25%;
  text-underline-position: from-font;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ouchiev-contents .p-right__link:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1100px) {
  .ouchiev-contents .p-right__link {
    font-size: 1vw;
  }
}

.p-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  z-index: 100;
}
@media screen and (max-width: 640px) {
  .p-modal {
    height: 100svh;
  }
}

.p-modal__bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-height: 100%;
  background-color: rgba(11, 89, 47, 0.92);
}

.p-modal-box {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 30px 0;
}
@media screen and (max-width: 640px) {
  .p-modal-box {
    max-width: initial;
    width: 74.358974359vw;
    padding-top: 21.2820512821vw;
    padding-bottom: 7.6923076923vw;
  }
}

.p-modal-box__close {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -150px;
  width: 99px;
  height: 39px;
  background: transparent;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.p-modal-box__close:hover {
  opacity: 0.6;
}
@media screen and (max-width: 640px) {
  .p-modal-box__close {
    top: 7.6923076923vw;
    bottom: auto;
    right: 0;
    margin: 0;
    width: 22.5641025641vw;
    height: 7.4358974359vw;
  }
}

.p-modal-box__moviewrap {
  padding: 37px 35px;
  background-color: white;
}
@media screen and (max-width: 640px) {
  .p-modal-box__moviewrap {
    padding: 0;
    background: transparent;
  }
}

.p-modal-box__movie {
  width: 100%;
  aspect-ratio: 330/587;
}
@media screen and (max-width: 640px) {
  .p-modal-box__movie {
    aspect-ratio: 145/258;
  }
}
.p-modal-box__movie iframe {
  width: 100%;
  height: 100%;
}

.p-modal-box__text01 {
  margin-top: 32px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: white;
}
@media screen and (max-width: 640px) {
  .p-modal-box__text01 {
    margin-top: 6.6666666667vw;
    font-size: 4.8717948718vw;
  }
}

.p-modal-box__text02 {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (max-width: 640px) {
  .p-modal-box__text02 {
    margin-top: 2.5641025641vw;
    font-size: 3.5897435897vw;
    white-space: nowrap;
  }
}

.titlenavigation.holdings-titlenav {
  position: relative;
  z-index: 1;
}

.scroll-anime {
  width: 100%;
  max-width: 500px;
}
.scroll-anime.active {
  position: fixed;
}
@media screen and (max-width: 640px) {
  .scroll-anime {
    max-width: initial;
  }
}

.scroll-anime-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 2;
  opacity: 0;
}

.u-font-palt {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}