@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;
  }
}

/*==============================================================
# 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追記 ↑*/
  /* 1st pie = 16% */
  /* 2nd pie = 22% (開始位置 = 16%) */
  /* 3rd pie = 24% (開始位置 = 38%) */
  /* 4th pie = 35% (開始位置 = 62%) */
  /* 5th pie = 3% (開始位置 = 97%) */
}
.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__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__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 40px 0px;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  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: 44px;
  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: 9.2307692308vw;
  }
}
.ouchiev-contents .p-mv__text01 {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__text01 {
    margin-top: 4.358974359vw;
    font-size: 3.8461538462vw;
    letter-spacing: 0.03em;
  }
}
.ouchiev-contents .p-mv__img01 {
  width: 140px;
  margin-top: 30px;
  margin-left: auto;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__img01 {
    width: 30.7692307692vw;
    margin-top: 5.1282051282vw;
  }
}
.ouchiev-contents .p-mv__area02 {
  position: relative;
  margin-top: 660px;
  padding: 0 40px 220px;
  z-index: 3;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__area02 {
    margin-top: 98.4615384615vw;
    padding: 0 7.6923076923vw 38.3333333vw;
  }
}
.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: 33px;
  font-weight: 700;
  line-height: 1.63;
  letter-spacing: 0.1em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__heading02 {
    font-size: 7.1794871795vw;
  }
}
.ouchiev-contents .p-mv__text02 {
  margin-top: 34px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.12em;
  color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-mv__text02 {
    margin-top: 6.6666666667vw;
    font-size: 3.7435897436vw;
  }
}
.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-feature {
  position: relative;
  padding: 120px 40px 80px;
  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__qa {
  display: grid;
  grid-template-columns: 50px 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__qa {
    grid-template-columns: 10.2564102564vw 1fr;
    -webkit-column-gap: 3.8461538462vw;
       -moz-column-gap: 3.8461538462vw;
            column-gap: 3.8461538462vw;
    margin-top: 10.2564102564vw;
  }
}
.ouchiev-contents .p-feature__a {
  margin-top: -5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.87;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__a {
    margin-top: -1.2820512821vw;
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-feature__anime01 .p-feature__circletext01 {
  -webkit-transition: all 0.6s ease 1.5s;
  transition: all 0.6s ease 1.5s;
}
.ouchiev-contents .p-feature__anime01 .p-feature__circletext02 {
  -webkit-transition: all 0.6s ease 2s;
  transition: all 0.6s ease 2s;
}
.ouchiev-contents .p-feature__anime01 .p-feature__arrow {
  -webkit-transition: all 0.6s ease 2.5s;
  transition: all 0.6s ease 2.5s;
}
.ouchiev-contents .p-feature__anime01 .p-feature-white__text01 {
  -webkit-transition: all 0.6s ease 2.5s;
  transition: all 0.6s ease 2.5s;
}
.ouchiev-contents .p-feature__anime01 .p-feature-white__text02 {
  -webkit-transition: all 0.6s ease 2.5s;
  transition: all 0.6s ease 2.5s;
}
.ouchiev-contents .p-feature__anime01.is-show circle {
  -webkit-animation: pie1 1.5s ease both;
          animation: pie1 1.5s ease both;
}
.ouchiev-contents .p-feature__anime01.is-show .pie2 {
  -webkit-animation-name: pie2;
          animation-name: pie2;
}
.ouchiev-contents .p-feature__anime01.is-show .pie3 {
  -webkit-animation-name: pie3;
          animation-name: pie3;
}
.ouchiev-contents .p-feature__anime01.is-show .pie4 {
  -webkit-animation-name: pie4;
          animation-name: pie4;
}
.ouchiev-contents .p-feature__anime01.is-show .pie5 {
  -webkit-animation-name: pie5;
          animation-name: pie5;
}
.ouchiev-contents .p-feature__anime01.is-show .p-feature__circletext01 {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__anime01.is-show .p-feature__circletext02 {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__anime01.is-show .p-feature__arrow {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__anime01.is-show .p-feature-white__text01 {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__anime01.is-show .p-feature-white__text02 {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__circle {
  position: relative;
  display: block;
  width: 318px;
  height: 318px;
  margin: auto;
  margin-top: 25px;
  background-color: #eee;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__circle {
    width: 63.5897435897vw;
    height: 63.5897435897vw;
  }
}
.ouchiev-contents .circles {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.ouchiev-contents circle {
  fill: rgba(0, 0, 0, 0);
  stroke-width: 31.8309886184;
  stroke-dasharray: 0, 100;
  stroke-dashoffset: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.ouchiev-contents .pie1 {
  stroke: #88BE93;
}
.ouchiev-contents .pie2 {
  stroke: #6BA97A;
}
.ouchiev-contents .pie3 {
  stroke: #4F9D66;
}
.ouchiev-contents .pie4 {
  stroke: #0B592F;
}
.ouchiev-contents .pie5 {
  stroke: #ADDAB6;
}
@-webkit-keyframes pie1 {
  to {
    stroke-dasharray: 16 84;
    stroke-dashoffset: 0;
  }
}
@keyframes pie1 {
  to {
    stroke-dasharray: 16 84;
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes pie2 {
  to {
    stroke-dasharray: 22 78;
    stroke-dashoffset: -16;
  }
}
@keyframes pie2 {
  to {
    stroke-dasharray: 22 78;
    stroke-dashoffset: -16;
  }
}
@-webkit-keyframes pie3 {
  to {
    stroke-dasharray: 24 76;
    stroke-dashoffset: -38;
  }
}
@keyframes pie3 {
  to {
    stroke-dasharray: 24 76;
    stroke-dashoffset: -38;
  }
}
@-webkit-keyframes pie4 {
  to {
    stroke-dasharray: 35 65;
    stroke-dashoffset: -62;
  }
}
@keyframes pie4 {
  to {
    stroke-dasharray: 35 65;
    stroke-dashoffset: -62;
  }
}
@-webkit-keyframes pie5 {
  to {
    stroke-dasharray: 3 97;
    stroke-dashoffset: -97;
  }
}
@keyframes pie5 {
  to {
    stroke-dasharray: 3 97;
    stroke-dashoffset: -97;
  }
}
.ouchiev-contents .p-feature__circletext01 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  aspect-ratio: 566/505;
  z-index: 2;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.ouchiev-contents .p-feature__circletext01.is-show {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.ouchiev-contents .p-feature__circletext02 {
  position: absolute;
  top: 2px;
  left: -50px;
  width: 165px;
  z-index: 2;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.ouchiev-contents .p-feature__circletext02.is-show {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__circletext02 {
    top: 0.5128205128vw;
    left: -12.8205128205vw;
    width: 32.8205128205vw;
  }
}
.ouchiev-contents .p-feature__arrow {
  width: 96px;
  margin: auto;
  margin-top: 15px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__arrow {
    width: 18.9743589744vw;
    margin-top: 2.8205128205vw;
  }
}
.ouchiev-contents .p-feature-white {
  margin-top: 8px;
  padding: 36px 40px 40px;
  background-color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-white {
    margin-top: 1.5384615385vw;
    padding: 7.1794871795vw 7.6923076923vw;
  }
}
.ouchiev-contents .p-feature-white__text01 {
  width: 327px;
  margin: auto;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-white__text01 {
    width: 100%;
  }
}
.ouchiev-contents .p-feature-white__text02 {
  width: 298px;
  margin: auto;
  margin-top: 30px;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-white__text02 {
    width: 100%;
    margin-top: 5.8974358974vw;
  }
}
.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 {
  margin-top: 40px;
  padding: 36px 30px 40px;
  background-color: white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-campaign {
    margin-top: 10.2564102564vw;
    padding: 7.9487179487vw 5.8974358974vw;
  }
}
.ouchiev-contents .p-feature-campaign__day {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-campaign__day {
    font-size: 3.5897435897vw;
  }
}
.ouchiev-contents .p-feature-campaign__heading {
  margin-top: 6px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: var(--green-2);
  border-bottom: 2px solid #eff3f5;
  padding-bottom: 24px;
  margin-bottom: 26px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-campaign__heading {
    margin-top: 1.2820512821vw;
    font-size: 4.8717948718vw;
    border-bottom: 1px solid #eff3f5;
    padding-bottom: 18px;
    margin-bottom: 21px;
  }
}
.ouchiev-contents .p-feature-campaign__text {
  margin-top: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.77;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-campaign__text {
    margin-top: 2.5641025641vw;
    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__num03 {
  margin-top: 100px;
  padding-top: 80px;
  border-top: 1px solid white;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature__num03 {
    margin-top: 20.5128205128vw;
    padding-top: 17.9487179487vw;
  }
}
.ouchiev-contents .p-feature-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container {
    -webkit-column-gap: 0.282051vw;
       -moz-column-gap: 0.282051vw;
            column-gap: 0.282051vw;
  }
}
.ouchiev-contents .p-feature-container01 {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container01 {
    margin-top: 13.8461538462vw;
  }
}
.ouchiev-contents .p-feature-container02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: -80px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container02 {
    margin-top: -17.9487179487vw;
  }
}
.ouchiev-contents .p-feature-container02 .p-feature-container__textarea {
  margin-top: 100px;
  padding-left: 30px;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container02 .p-feature-container__textarea {
    margin-top: 25.641025641vw;
    padding-left: 5.1282051282vw;
  }
}
.ouchiev-contents .p-feature-container__textarea {
  width: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.ouchiev-contents .p-feature-container__heading {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.52;
  letter-spacing: 0.1em;
  color: var(--green-2);
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container__heading {
    font-size: 4.358974359vw;
  }
}
.ouchiev-contents .p-feature-container__text {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.87;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container__text {
    margin-top: 3.5897435897vw;
    font-size: 3.3333333333vw;
  }
}
.ouchiev-contents .p-feature-container__img {
  width: 180px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  .ouchiev-contents .p-feature-container__img {
    width: 38.897436vw;
  }
}
.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;
  }
}