@charset "UTF-8";
/* フェード
------------------------------------------------------ */
.js-fade-in {
  opacity: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 2.5s;
          transition-duration: 2.5s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
          transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
}
.js-fade-in.fade-outQuit {
  -webkit-transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
          transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.js-fade-in.fade-in-up {
  -webkit-transform: translate3d(0, 50px, 0) !important;
          transform: translate3d(0, 50px, 0) !important;
}
.js-fade-in.fade-in-down {
  -webkit-transform: translate3d(0, -100px, 0) !important;
          transform: translate3d(0, -100px, 0) !important;
}
.js-fade-in.fade-in-left {
  -webkit-transform: translate3d(-50vw, 0, 0) !important;
          transform: translate3d(-50vw, 0, 0) !important;
}
.js-fade-in.fade-in-right {
  -webkit-transform: translate3d(50vw, 0, 0) !important;
          transform: translate3d(50vw, 0, 0) !important;
}
.js-fade-in.js-scroll-in {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
}

/* アコーディオン
------------------------------------------------------ */
.js-accordion {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s ease max-height;
  transition: 0.2s ease max-height;
  padding-top: 0;
}

@font-face {
  font-family: "Avenir-black";
  src: url("Avenir/AvenirLTStd-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

/* voice */
/* .slider-wrapper{
  height: 100vh;
  overflow: hidden;
}
.slider-voice{
  width: 100%;
  height: 300vh;
  overflow: hidden;
  background-color: #fff;
  position: sticky;
  top: 0;
  .swiper-slide{
    width: 100%;
  }
} */
/* .part-voice-snap--wrapper{
  height: 100vh;
  overflow: hidden;
  .part-voice-snap{
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: scroll;
    pointer-events: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar{
      display: none;
    }
  }
} */
.part-voice {
  position: relative;
  background-color: #fff;
}
.part-voice.snap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
.part-voice.snap .card__text {
  padding-left: 12.5333333333%;
  padding-right: 12.5333333333%;
  background-image: url(../images/voice_quote_l.svg), url(../images/voice_quote_r.svg);
  background-repeat: no-repeat;
  background-size: 0.5em auto;
  background-position: top left 0.1em, bottom 0.2em right 0.1em;
}
.part-voice.snap .card__info {
  margin-top: 1rem;
}
.part-voice.snap .voice__date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: 1.6rem;
  letter-spacing: 0;
}
.part-voice.other {
  position: relative;
  padding-bottom: 6.4rem;
}
.part-voice.other .voice-other__inner {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.part-voice.other .voice__card {
  background-color: #fff;
  -webkit-box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.05);
}
.part-voice.other .voice__card .voice__card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.part-voice .voice__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.part-voice .card__text {
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2;
  color: #0E0F10;
}
.part-voice .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.part-voice .voice__rate {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ccc;
}
.part-voice .voice__rate span {
  position: absolute;
  top: 0;
  left: 0;
  color: #E9D13E;
  background-color: #fff;
}
.part-voice .voice__rate.rate--4 span:before {
  width: 4em;
}
.part-voice .voice__date {
  font-size: 16px;
  font-size: 1.6rem;
  color: #C0C0C2;
  letter-spacing: 0;
}
.part-voice .voice__total {
  text-align: center;
  margin-top: 5rem;
}
.part-voice .voice__total .voice__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.part-voice .voice__total .voice__rate__total {
  font-family: "Avenir-black", sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  color: #0E0F10;
  margin-left: 1rem;
}
.part-voice .voice__total .total__note {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Avenir", sans-serif;
  color: #ccc;
}

/* gallery */
.part-gallery--wrapper {
  background-color: #fff;
}

.part-gallery + .part-gallery {
  margin-top: 1.5rem;
}
.part-gallery.gallery1 .gallery__item {
  width: 50vw;
  padding-top: 50vw;
}
.part-gallery.gallery2 .gallery__item {
  width: 50vw;
  padding-top: 50vw;
}
.part-gallery .gallery--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.part-gallery .gallery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-animation: infinity-scroll 50s infinite linear 0.5s both;
          animation: infinity-scroll 50s infinite linear 0.5s both;
}
.part-gallery .gallery__list .gallery__item {
  height: 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1.6rem;
}
.part-gallery .gallery__list .gallery__item.item-top1 {
  background-image: url(../images/gallery_img_1_1.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top2 {
  background-image: url(../images/gallery_img_1_2.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top3 {
  background-image: url(../images/gallery_img_1_3.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top4 {
  background-image: url(../images/gallery_img_1_4.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top5 {
  background-image: url(../images/gallery_img_1_5.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top6 {
  background-image: url(../images/gallery_img_1_6.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top7 {
  background-image: url(../images/gallery_img_1_7.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top8 {
  background-image: url(../images/gallery_img_1_8.jpg);
}
.part-gallery .gallery__list .gallery__item.item-top9 {
  background-image: url(../images/gallery_img_1_9.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom1 {
  background-image: url(../images/gallery_img_2_1.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom2 {
  background-image: url(../images/gallery_img_2_2.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom3 {
  background-image: url(../images/gallery_img_2_3.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom4 {
  background-image: url(../images/gallery_img_2_4.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom5 {
  background-image: url(../images/gallery_img_2_5.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom6 {
  background-image: url(../images/gallery_img_2_6.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom7 {
  background-image: url(../images/gallery_img_2_7.jpg);
}
.part-gallery .gallery__list .gallery__item.item-bottom8 {
  background-image: url(../images/gallery_img_2_8.jpg);
}

/* about */
.part-about {
  background-color: #fff;
  background-image: url(../images/about_bg_sp.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: bottom center;
  padding-top: 41.8666666667%;
  padding-bottom: 24.6666666667%;
}
.part-about .part-about__inner {
  width: 100%;
  max-width: 109.4rem;
  padding-left: 3.6603221083%;
  padding-right: 3.6603221083%;
  margin-left: auto;
  margin-right: auto;
}
.part-about .about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.part-about .about__list .about__item {
  font-size: 12px;
  font-size: 1.2rem;
  width: 50%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 7rem;
}
.part-about .about__list .about__item:nth-child(1) {
  background-image: url(../images/about_icon1.svg);
}
.part-about .about__list .about__item:nth-child(2) {
  background-image: url(../images/about_icon2.svg);
}
.part-about .about__list .about__item:nth-child(3) {
  background-image: url(../images/about_icon3.svg);
}
.part-about .about__list .about__item:nth-child(4) {
  background-image: url(../images/about_icon4.svg);
}
.part-about .about__list .about__item:nth-child(5) {
  background-image: url(../images/about_icon5.svg);
}
.part-about .about__list .about__item:nth-child(6) {
  background-image: url(../images/about_icon6.svg);
}
.part-about .about__list .about__item:nth-child(7) {
  background-image: url(../images/about_icon7.svg);
}
.part-about .about__list .about__item:nth-child(8) {
  background-image: url(../images/about_icon8.svg);
}
.part-about .about__list .about__item:nth-child(n+3) {
  margin-top: 4.5rem;
}
.part-about .about__title {
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  color: #0E0F10;
}
.part-about .about__credit {
  color: #0E0F10;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  margin-top: 0.8rem;
}
.part-about .about__credit em {
  font-weight: bold;
  font-style: normal;
}
.part-about .about__credit span {
  margin-left: -0.4166666667em;
}
.part-about .about__lead {
  font-size: 6.4vw;
  font-weight: bold;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  color: #0E0F10;
  margin-top: 7rem;
}
.part-about .about__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.04em;
  color: #0E0F10;
  margin-top: 1rem;
}

/* 右から左に無限スクロール
----------------------------*/
@-webkit-keyframes infinity-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media screen and (min-width: 376px) and (max-width: 767px) {
  .part-voice.other .voice__card.card1 .card__text, .part-voice.other .voice__card.card2 .card__text, .part-voice.other .voice__card.card3 .card__text {
    font-size: 16px;
    font-size: calc( 16px + ((1vw - 3.76px) * 4.0816326531 ) );
  }
  .part-voice.other .voice__card.card4 .card__text, .part-voice.other .voice__card.card5 .card__text, .part-voice.other .voice__card.card6 .card__text, .part-voice.other .voice__card.card7 .card__text, .part-voice.other .voice__card.card8 .card__text, .part-voice.other .voice__card.card9 .card__text {
    font-size: 12px;
    font-size: calc( 12px + ((1vw - 3.76px) * 1.5306122449 ) );
  }
}
@media print, screen and (min-width: 769px) {
  .break_sp {
    display: none !important;
  }
  .part-voice.snap .card__text {
    background-size: auto;
    padding-top: 0.7em;
    padding-left: calc( 50px + ((1vw - 7.69px) * 5.8651026393 ) );
    padding-right: calc( 50px + ((1vw - 7.69px) * 5.8651026393 ) );
  }
  .part-voice.snap .card__info {
    margin-top: 3rem;
  }
  .part-voice.snap .voice__date {
    font-size: 17px;
    font-size: 1.7rem;
  }
  .part-voice.other .other__content {
    /* height: 100vh;
    overflow: hidden;
    position: sticky;
    top: 0; */
  }
  .part-voice.other .voice-other__inner {
    /* position: sticky;
    top: 0; */
    height: 0;
    max-width: 136.6rem;
    padding-top: 58.5651537335%;
  }
  .part-voice.other .voice__card {
    position: absolute;
    height: 0;
  }
  .part-voice.other .voice__card.card1 {
    width: 40.4099560761%;
    padding-top: 23.4260614934%;
    top: 27.6720351391%;
    left: 29.7950219619%;
    border-radius: 4rem;
    z-index: 9;
  }
  .part-voice.other .voice__card.card1 .voice__card__inner {
    margin-top: 0.8rem;
  }
  .part-voice.other .voice__card.card1 .voice__rate, .part-voice.other .voice__card.card1 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card2 {
    width: 31.8448023426%;
    padding-top: 18.4480234261%;
    top: 11.9326500732%;
    left: 1.4641288433%;
    border-radius: 4rem;
    z-index: 8;
  }
  .part-voice.other .voice__card.card2 .card__info {
    margin-top: 2.5rem;
  }
  .part-voice.other .voice__card.card2 .voice__rate, .part-voice.other .voice__card.card2 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card3 {
    width: 31.8448023426%;
    padding-top: 18.4480234261%;
    top: 57.3938506589%;
    left: 66.3250366032%;
    border-radius: 4rem;
    z-index: 7;
  }
  .part-voice.other .voice__card.card3 .voice__card__inner {
    margin-top: 4.5977011494%;
    margin-left: -2.2988505747%;
  }
  .part-voice.other .voice__card.card3 .voice__rate, .part-voice.other .voice__card.card3 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card4 {
    width: 22.6207906296%;
    padding-top: 20.2781844802%;
    top: 10.2489019034%;
    left: 75.6954612006%;
    border-radius: 4rem;
    z-index: 6;
  }
  .part-voice.other .voice__card.card4 .voice__card__inner {
    margin-top: 0.8rem;
  }
  .part-voice.other .voice__card.card4 .voice__rate, .part-voice.other .voice__card.card4 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card5 {
    width: 22.6207906296%;
    padding-top: 20.2781844802%;
    top: 50.7320644217%;
    left: 1.756954612%;
    border-radius: 4rem;
    z-index: 5;
  }
  .part-voice.other .voice__card.card5 .voice__card__inner {
    margin-top: -4.2071197411%;
  }
  .part-voice.other .voice__card.card5 .voice__rate, .part-voice.other .voice__card.card5 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card6 {
    width: 13.0307467057%;
    padding-top: 12.737920937%;
    top: 3.8799414348%;
    left: 60.8345534407%;
    border-radius: 2rem;
    z-index: 4;
  }
  .part-voice.other .voice__card.card6 .voice__card__inner {
    margin-top: -0.4rem;
  }
  .part-voice.other .voice__card.card6 .voice__rate, .part-voice.other .voice__card.card6 .voice__date {
    font-size: 10px;
    font-size: 1rem;
  }
  .part-voice.other .voice__card.card7 {
    width: 13.0307467057%;
    padding-top: 12.737920937%;
    top: 72.4011713031%;
    left: 26.2079062958%;
    border-radius: 2rem;
    z-index: 3;
  }
  .part-voice.other .voice__card.card7 .voice__card__inner {
    margin-top: 0.6rem;
  }
  .part-voice.other .voice__card.card7 .voice__rate, .part-voice.other .voice__card.card7 .voice__date {
    font-size: 10px;
    font-size: 1rem;
  }
  .part-voice.other .voice__card.card8 {
    width: 23.6456808199%;
    padding-top: 9.2972181552%;
    top: 72.2547584187%;
    left: 40.8491947291%;
    border-radius: 2rem;
    z-index: 2;
  }
  .part-voice.other .voice__card.card8 .voice__card__inner {
    margin-top: 0.5rem;
  }
  .part-voice.other .voice__card.card8 .voice__rate, .part-voice.other .voice__card.card8 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card.card9 {
    width: 23.6456808199%;
    padding-top: 9.2972181552%;
    top: 6.7349926794%;
    left: 35.3587115666%;
    border-radius: 2rem;
    z-index: 1;
  }
  .part-voice.other .voice__card.card9 .card__info {
    margin-top: 1.6rem;
  }
  .part-voice.other .voice__card.card9 .voice__rate, .part-voice.other .voice__card.card9 .voice__date {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card .voice__card__inner {
    position: absolute;
    top: 0;
    left: 0;
  }
  .part-voice.other .voice__card .card__text.text1 {
    font-size: 15px;
    font-size: calc( 15px + ((1vw - 7.69px) * 1.5075376884 ) );
    line-height: 1.6666666667;
  }
  .part-voice.other .voice__card .card__text.text2 {
    font-size: 10px;
    font-size: calc( 10px + ((1vw - 7.69px) * 0.6700167504 ) );
    line-height: 1.5;
  }
  .part-voice .card__text {
    font-size: 42px;
    font-size: calc( 42px + ((1vw - 7.69px) * 6.4516129032 ) );
    line-height: 1.25;
  }
  .part-voice .voice__rate {
    font-size: 20px;
    font-size: 2rem;
  }
  .part-voice .voice__date {
    font-size: 20px;
    font-size: 2rem;
  }
  .part-voice .voice__total {
    margin-top: 0.6rem;
  }
  .part-gallery.gallery1 .gallery__item {
    width: 13.8888888889vw;
    padding-top: 13.8888888889vw;
  }
  .part-gallery.gallery2 .gallery__item {
    width: 13.8888888889vw;
    padding-top: 13.8888888889vw;
  }
  .part-about {
    background-image: url(../images/about_bg.png);
    padding-top: 21.5959004392%;
    padding-bottom: 49.0483162518%;
  }
  .part-about .about__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
  }
  .part-about .about__contents {
    width: 50%;
  }
  .part-about .about__list {
    max-width: 34rem;
    margin-left: auto;
    margin-right: 0;
  }
  .part-about .about__title {
    font-size: 58px;
    font-size: calc( 58px + ((1vw - 7.69px) * 3.6850921273 ) );
  }
  .part-about .about__credit {
    font-size: 19px;
    font-size: calc( 19px + ((1vw - 7.69px) * 0.837520938 ) );
    margin-top: 2.3rem;
  }
  .part-about .about__lead {
    font-size: 19px;
    font-size: calc( 19px + ((1vw - 7.69px) * 0.837520938 ) );
  }
  .part-about .about__text {
    font-size: 13px;
    font-size: calc( 13px + ((1vw - 7.69px) * 1.0050251256 ) );
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 1094px) {
  .part-about .part-about__inner {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media print, screen and (min-width: 1110px) {
  .part-voice.snap .card__text {
    padding-top: 2rem;
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .part-voice .card__text {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
@media print, screen and (min-width: 1366px) {
  .part-voice.other .voice-other__inner {
    padding-top: 80rem;
  }
  .part-voice.other .voice__card .card__text.text1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .part-voice.other .voice__card .card__text.text2 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .part-about {
    padding-top: 29.5rem;
  }
  .part-about .about__title {
    font-size: 80px;
    font-size: 8rem;
  }
  .part-about .about__credit {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .part-about .about__lead {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .part-about .about__text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  .break_pc {
    display: none !important;
  }
  .part-voice.snap .card__text {
    background-position: top left 4%, bottom right 4%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .part-voice.other .other__content {
    padding-top: 5%;
  }
  .part-voice.other .voice-other__inner .other__content__float {
    margin-top: 2rem;
    padding-left: 6.2666666667%;
    padding-right: 6.2666666667%;
  }
  .part-voice.other .voice-other__inner .other__content__float:after {
    content: "";
    display: block;
    clear: both;
  }
  .part-voice.other .voice__card.card1, .part-voice.other .voice__card.card2, .part-voice.other .voice__card.card3 {
    font-size: 16px;
    width: 94%;
    margin-top: 1.6rem;
  }
  .part-voice.other .voice__card.card1, .part-voice.other .voice__card.card3 {
    border-radius: 0 20px 20px 0;
    padding-top: 1.6875em;
    padding-bottom: 1.6875em;
    margin-left: 0;
    margin-right: auto;
  }
  .part-voice.other .voice__card.card2 {
    border-radius: 20px 0 0 20px;
    padding-top: 2.375em;
    padding-bottom: 2.375em;
    margin-left: auto;
    margin-right: 0;
  }
  .part-voice.other .voice__card.card4, .part-voice.other .voice__card.card5, .part-voice.other .voice__card.card6, .part-voice.other .voice__card.card7, .part-voice.other .voice__card.card8, .part-voice.other .voice__card.card9 {
    position: relative;
    width: 48.78%;
    height: 0;
    padding-top: 50%;
    border-radius: 20px;
    margin-top: 1.6rem;
  }
  .part-voice.other .voice__card.card4 .voice__card__inner, .part-voice.other .voice__card.card5 .voice__card__inner, .part-voice.other .voice__card.card6 .voice__card__inner, .part-voice.other .voice__card.card7 .voice__card__inner, .part-voice.other .voice__card.card8 .voice__card__inner, .part-voice.other .voice__card.card9 .voice__card__inner {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 8.75%;
    padding-right: 8.75%;
  }
  .part-voice.other .voice__card.card4 .card__text, .part-voice.other .voice__card.card5 .card__text, .part-voice.other .voice__card.card6 .card__text, .part-voice.other .voice__card.card7 .card__text, .part-voice.other .voice__card.card8 .card__text, .part-voice.other .voice__card.card9 .card__text {
    text-align: left;
    line-height: 175%;
  }
  .part-voice.other .voice__card.card4 .card__info, .part-voice.other .voice__card.card5 .card__info, .part-voice.other .voice__card.card6 .card__info, .part-voice.other .voice__card.card7 .card__info, .part-voice.other .voice__card.card8 .card__info, .part-voice.other .voice__card.card9 .card__info {
    display: block;
    text-align: center;
  }
  .part-voice.other .voice__card.card4 .card__info .voice__date, .part-voice.other .voice__card.card5 .card__info .voice__date, .part-voice.other .voice__card.card6 .card__info .voice__date, .part-voice.other .voice__card.card7 .card__info .voice__date, .part-voice.other .voice__card.card8 .card__info .voice__date, .part-voice.other .voice__card.card9 .card__info .voice__date {
    margin-top: 0.6rem;
  }
  .part-voice.other .voice__card.card5 {
    margin-top: 5.5rem;
  }
  .part-voice.other .voice__card.card4, .part-voice.other .voice__card.card6, .part-voice.other .voice__card.card8 {
    float: left;
  }
  .part-voice.other .voice__card.card5, .part-voice.other .voice__card.card7, .part-voice.other .voice__card.card9 {
    float: right;
  }
  .part-voice.other .voice__card .card__info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.5rem;
  }
  .part-voice.other .voice__card .card__info .voice__rate {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .part-voice.other .voice__card .card__info .voice__date {
    font-size: 10px;
    font-size: 1rem;
  }
  .part-voice .voice__total .total__note {
    margin-top: 0.6rem;
  }
  .part-about .about__contents {
    margin-top: 16%;
  }
  .part-about .about__title--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .part-about .about__title {
    font-size: 12.8vw;
  }
  .part-about .about__text--wrapper {
    padding-left: 6.6666666667%;
    padding-right: 6.6666666667%;
    margin-top: 8.843537415%;
  }
}
@media screen and (max-width: 375px) {
  .part-voice.other .voice__card.card1 .card__text, .part-voice.other .voice__card.card2 .card__text, .part-voice.other .voice__card.card3 .card__text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .part-voice.other .voice__card.card4 .card__text, .part-voice.other .voice__card.card5 .card__text, .part-voice.other .voice__card.card6 .card__text, .part-voice.other .voice__card.card7 .card__text, .part-voice.other .voice__card.card8 .card__text, .part-voice.other .voice__card.card9 .card__text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1110) {
  .part-voice.other .voice__card.card1 .card__info {
    margin-top: 2.5rem;
  }
  .part-voice.other .voice__card.card2 .voice__card__inner {
    margin-top: 0.5rem;
  }
  .part-voice.other .voice__card.card3 .card__info {
    margin-top: 2.5rem;
  }
  .part-voice.other .voice__card.card4 .card__info {
    margin-top: 2.5rem;
  }
  .part-voice.other .voice__card.card5 .card__info {
    margin-top: 2.5rem;
  }
  .part-voice.other .voice__card.card6 .card__info {
    margin-top: 0.8rem;
  }
  .part-voice.other .voice__card.card7 .card__info {
    margin-top: 0.8rem;
  }
  .part-voice.other .voice__card.card8 .card__info {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 374px) {
  .part-voice .card__text {
    font-size: 28px;
    font-size: calc( 28px + ((1vw - 3.2px) * 21.8181818182 ) );
  }
}