@charset "UTF-8";
/* ==========================================================================
初期設定
========================================================================== */
@media (max-width: 767px) {
  .main-area .main-inner {
    padding: 0 !important;
    border-bottom: 1px #808080 solid;
  }
  .unit__img img {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .main-area {
    padding-top: 8rem;
  }
  .main-area .main-inner {
    width: 100%;
    max-width: 100%;
  }
  .sp {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

html {
  font-size: 62.5%;
}

:where(.st231122staff) img,
:where(.st231122staff) video,
:where(.st231122staff) svg {
  width: 100%;
  height: auto;
}

.st231122staff .sp_only {
  display: block;
}

.st231122staff .pc_only {
  display: none;
}

.st231122staff {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000000;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
}

.st231122staff .fade {
  opacity: 0;
  -webkit-transition: ease-in, opacity 1500ms, -webkit-transform 1800ms;
  transition: ease-in, opacity 1500ms, -webkit-transform 1800ms;
  transition: ease-in, opacity 1500ms, transform 1800ms;
  transition: ease-in, opacity 1500ms, transform 1800ms, -webkit-transform 1800ms;
}

.st231122staff .fade .fadeInLeft {
  opacity: 0;
  -webkit-transition: ease-in, opacity 1200ms, -webkit-transform 1500ms;
  transition: ease-in, opacity 1200ms, -webkit-transform 1500ms;
  transition: ease-in, opacity 1200ms, transform 1500ms;
  transition: ease-in, opacity 1200ms, transform 1500ms, -webkit-transform 1500ms;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.st231122staff .fade .fadeInRight {
  opacity: 0;
  -webkit-transition: ease-in, opacity 1200ms, -webkit-transform 1500ms;
  transition: ease-in, opacity 1200ms, -webkit-transform 1500ms;
  transition: ease-in, opacity 1200ms, transform 1500ms;
  transition: ease-in, opacity 1200ms, transform 1500ms, -webkit-transform 1500ms;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.st231122staff .fade.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.st231122staff .fade.active .fadeInLeft,
.st231122staff .fade.active .fadeInRight {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

:root {
  --font-en: "acumin-pro", sans-serif;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .sp_only {
  display: block;
}

.st231122staff .pc_only {
  display: none;
}

@media only screen and (min-width: 768px) {
  .st231122staff .sp_only {
    display: none;
  }
  .st231122staff .pc_only {
    display: block;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                top
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .top__visual {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(79 * (100vw / 750));
}

.st231122staff .top__lead {
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0.12em;
  line-height: 2;
  font-weight: normal;
}

.st231122staff .top__lead--1 {
  margin-bottom: calc(37 * (100vw / 750));
}

.st231122staff .top__lead--2 {
  margin-bottom: calc(37 * (100vw / 750));
}

.st231122staff .top__lead--3 {
  margin-bottom: calc(152 * (100vw / 750));
}

@media only screen and (min-width: 768px) {
  .st231122staff .top__visual {
    width: 82.2rem;
    margin: 0 auto 7.2rem;
  }
  .st231122staff .top__lead {
    font-size: 1.6rem;
    line-height: 2.0625;
  }
  .st231122staff .top__lead--1 {
    margin-bottom: 2.2rem;
  }
  .st231122staff .top__lead--2 {
    margin-bottom: 2.2rem;
  }
  .st231122staff .top__lead--3 {
    margin-bottom: 10.7rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container,
.st231122staff .block,
.st231122staff .unit,
.st231122staff .unit__img,
.st231122staff .img {
  position: relative;
}

.st231122staff .container {
  margin-bottom: calc(214 * (100vw / 750));
}

.st231122staff .ttl {
  font-family: var(--font-en);
  font-weight: 700;
  font-size: calc(50 * (100vw / 750));
  margin-bottom: calc(20 * (100vw / 750));
  line-height: 1.12;
}

.st231122staff .account {
  font-family: var(--font-en);
  font-weight: 200;
  font-size: calc(25 * (100vw / 750));
  letter-spacing: 0.05em;
  margin-bottom: calc(59 * (100vw / 750));
}

.st231122staff .real-buy {
  font-family: var(--font-en);
  font-weight: 700;
  font-size: calc(30 * (100vw / 750));
  margin-bottom: calc(26 * (100vw / 750));
}

.st231122staff .credit {
  font-family: var(--font-en);
  font-weight: 200;
  font-style: normal;
  font-size: calc(22 * (100vw / 750));
  line-height: 1.8181818182;
  letter-spacing: 0.05em;
  margin-bottom: calc(51 * (100vw / 750));
}

.st231122staff .credit span {
  font-weight: inherit;
  letter-spacing: inherit;
}

.st231122staff .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container {
    margin: 0 auto 14.5rem;
    width: 100%;
    max-width: 1400px;
  }
  .st231122staff .ttl {
    font-size: 3.7rem;
    margin-bottom: 1.4rem;
  }
  .st231122staff .account {
    font-size: 1.6rem;
    margin-bottom: 3.9rem;
  }
  .st231122staff .real-buy {
    font-size: 2.2rem;
    margin-bottom: 1.6rem;
  }
  .st231122staff .credit {
    font-size: 1.4rem;
    line-height: 1.8571428571;
    margin-bottom: 3.4rem;
  }
  .st231122staff .block__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__1
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__1 {
  margin-bottom: calc(116 * (100vw / 750));
}

.st231122staff .container__1 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__1 .unit__2 {
  width: calc(370 * (100vw / 750));
  margin: calc(360 * (100vw / 750)) 0 0 0;
  z-index: 1;
}

.st231122staff .container__1 .unit__3 {
  width: calc(540 * (100vw / 750));
  margin: 0 0 0 calc(-160 * (100vw / 750));
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__1 {
    margin-bottom: 9.7rem;
  }
  .st231122staff .container__1 .unit__1 {
    width: 48rem;
    margin: 0 auto 6rem;
  }
  .st231122staff .container__1 .unit__2 {
    width: 34rem;
    margin: 12rem 0 0 0;
  }
  .st231122staff .container__1 .unit__3 {
    width: 37rem;
    margin: 0 0 0 -4rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__2
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__2 .unit__1 {
  width: calc(670 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__2 .unit__2 {
  width: calc(570 * (100vw / 750));
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__2 .unit__1 {
    width: 46rem;
    margin: 0 0 0 4rem;
  }
  .st231122staff .container__2 .unit__2 {
    width: 40rem;
    margin: 0;
  }
  .st231122staff .container__2 .block__flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__3
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__3 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__3 .unit__2 {
  width: calc(450 * (100vw / 750));
  margin: 0;
}

.st231122staff .container__3 .unit__3 {
  width: calc(370 * (100vw / 750));
  margin: calc(190 * (100vw / 750)) 0 0 calc(-70 * (100vw / 750));
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__3 .unit__1 {
    width: 51rem;
    margin: 0 auto 6rem;
  }
  .st231122staff .container__3 .unit__2 {
    width: 38rem;
    margin: 0;
  }
  .st231122staff .container__3 .unit__3 {
    width: 34rem;
    margin: 11rem 0 0 1rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__4
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__4 .ttl {
  margin-bottom: calc(54 * (100vw / 750));
}

.st231122staff .container__4 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__4 .unit__2 {
  width: calc(630 * (100vw / 750));
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__4 .ttl {
    margin-bottom: 4.2rem;
  }
  .st231122staff .container__4 .unit__1 {
    width: 46rem;
    margin: 0;
  }
  .st231122staff .container__4 .unit__2 {
    width: 46rem;
    margin: 0 0 0 1rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__5
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__5 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__5 .unit__2 {
  width: calc(370 * (100vw / 750));
}

.st231122staff .container__5 .unit__3 {
  width: calc(370 * (100vw / 750));
  margin: calc(120 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__5 .ttl {
    margin-bottom: 1.7rem;
  }
  .st231122staff .container__5 .unit__1 {
    width: 51rem;
    margin: 0 auto 6rem;
  }
  .st231122staff .container__5 .unit__2 {
    width: 37rem;
  }
  .st231122staff .container__5 .unit__3 {
    width: 37rem;
    margin: 7rem 0 0 1rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__6
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__6 .ttl {
  margin-bottom: calc(54 * (100vw / 750));
}

.st231122staff .container__6 .unit__1 {
  width: calc(510 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750)) 0;
}

.st231122staff .container__6 .unit__2 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__6 .ttl {
    margin-bottom: 4.2rem;
  }
  .st231122staff .container__6 .unit__1 {
    width: 35rem;
    margin: 0;
    z-index: 1;
  }
  .st231122staff .container__6 .unit__2 {
    width: 48rem;
    margin: 23rem 0 0 -10rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__7
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__7 .ttl {
  margin-bottom: calc(54 * (100vw / 750));
}

.st231122staff .container__7 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750)) 0;
}

.st231122staff .container__7 .unit__2 {
  width: calc(600 * (100vw / 750));
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__7 {
    margin-bottom: 14.7rem;
  }
  .st231122staff .container__7 .ttl {
    margin-bottom: 4.2rem;
  }
  .st231122staff .container__7 .unit__1 {
    width: 47rem;
    margin: 0;
  }
  .st231122staff .container__7 .unit__2 {
    width: 41rem;
    margin: 0 0 0 1rem;
  }
  .st231122staff .container__7 .block__flex {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__8
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__8 {
  margin-bottom: calc(218 * (100vw / 750));
}

.st231122staff .container__8 .ttl {
  margin-bottom: calc(24 * (100vw / 750));
}

.st231122staff .container__8 .real-buy {
  margin-bottom: calc(28 * (100vw / 750));
}

.st231122staff .container__8 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__8 .unit__2 {
  width: calc(510 * (100vw / 750));
}

.st231122staff .container__8 .unit__3 {
  width: calc(412 * (100vw / 750));
  margin: calc(460 * (100vw / 750)) 0 0 calc(-172 * (100vw / 750));
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__8 {
    margin-bottom: 14.5rem;
  }
  .st231122staff .container__8 .ttl {
    margin-bottom: 1.4rem;
  }
  .st231122staff .container__8 .account {
    margin-bottom: 4.9rem;
  }
  .st231122staff .container__8 .real-buy {
    margin-bottom: 1.6rem;
  }
  .st231122staff .container__8 .credit {
    margin-bottom: 3.6rem;
  }
  .st231122staff .container__8 .unit__1 {
    width: 48rem;
    margin: 0 auto 6rem;
  }
  .st231122staff .container__8 .unit__2 {
    width: 40rem;
  }
  .st231122staff .container__8 .unit__3 {
    width: 40rem;
    margin: 0 0 0 1rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__9
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__9 {
  margin-bottom: calc(210 * (100vw / 750));
}

.st231122staff .container__9 .credit {
  margin-bottom: calc(54 * (100vw / 750));
}

.st231122staff .container__9 .unit__1 {
  width: calc(750 * (100vw / 750));
  margin: 0 auto calc(60 * (100vw / 750));
}

.st231122staff .container__9 .unit__2 {
  width: calc(600 * (100vw / 750));
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__9 {
    margin-bottom: 14.4rem;
  }
  .st231122staff .container__9 .account {
    margin-bottom: 5rem;
  }
  .st231122staff .container__9 .credit {
    margin-bottom: 3.5rem;
  }
  .st231122staff .container__9 .unit__1 {
    width: 51rem;
    margin: 0 auto 4rem;
  }
  .st231122staff .container__9 .unit__2 {
    width: 42rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            container__youtube
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .container__youtube {
  margin-bottom: calc(130 * (100vw / 750));
}

.st231122staff .container__youtube .lead {
  font-size: calc(22 * (100vw / 750));
  letter-spacing: 0.12em;
  line-height: 2;
  margin-bottom: calc(48 * (100vw / 750));
}

.st231122staff .container__youtube .video-box {
  position: relative;
  width: 100%;
  height: auto;
}

.st231122staff .container__youtube .video-box .youtube_link {
  position: absolute;
  width: 100%;
  height: 100%;
}

.st231122staff .container__youtube .video-box .youtube_icon {
  content: "";
  position: absolute;
  width: calc(100 * (100vw/750));
  height: calc(76.17 * (100vw/750));
  background-image: url(../img/youtube_icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .st231122staff .container__youtube {
    margin-bottom: 15rem;
  }
  .st231122staff .container__youtube .lead {
    font-size: 1.4rem;
    margin: 0 auto 3.4rem;
  }
  .st231122staff .container__youtube .video-box .thumbnail-close {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  .st231122staff .container__youtube .video-box {
    margin: 0 auto;
    width: 85rem;
  }
  .st231122staff .container__youtube .video-box .youtube_link {
    -webkit-transition: opacity 0.65s;
    transition: opacity 0.65s;
    opacity: 0;
    background: #fff;
  }
  .st231122staff .container__youtube .video-box .youtube_link:hover {
    opacity: 0.6;
  }
  .st231122staff .container__youtube .video-box .youtube_icon {
    width: 7rem;
    height: 5.332rem;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                            all_item_btn
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.st231122staff .all_item_btn {
  width: calc(460 * (100vw / 750));
  margin: 0 auto calc(120 * (100vw / 750));
}

@media only screen and (min-width: 768px) {
  .st231122staff .all_item_btn {
    width: 46rem;
    margin: 10rem auto 3rem;
  }
}
/*# sourceMappingURL=style.css.map */