@charset "UTF-8";
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../fonts/ZenKakuGothicNew-Regular.woff") format("woff"), url("../fonts/ZenKakuGothicNew-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../fonts/ZenKakuGothicNew-Medium.woff") format("woff"), url("../fonts/ZenKakuGothicNew-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku Gothic New";
  src: url("../fonts/ZenKakuGothicNew-Bold.woff") format("woff"), url("../fonts/ZenKakuGothicNew-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Hina Mincho";
  src: url("../fonts/HinaMincho-Regular.woff") format("woff"), url("../fonts/HinaMincho-Regular.ttf") format("truetype");
}
.p-ranking {
  position: relative;
  background: #DB2509;
  padding: 95px 16px;
}
@media screen and (max-width: 767px) {
  .p-ranking {
    padding: 25px 16px 48px;
  }
}
.p-ranking__inner {
  max-width: 1000px;
  margin-inline: auto;
}
.p-ranking__title {
  text-align: center;
  line-height: 1.3;
  font-size: 4.2rem;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-ranking__title {
    font-size: 2.8rem;
  }
}
.p-ranking__best {
  line-height: 1;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 6rem;
  font-weight: 700;
  color: #FFE000;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-ranking__best {
    font-size: 4rem;
  }
}
.p-ranking__best span {
  font-size: 1.5em;
}
.p-ranking__awards {
  max-width: 840px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-ranking__awards {
    justify-content: center;
    gap: 3.1746031746%;
    margin-top: 20px;
  }
}
.p-ranking__awards p:nth-child(1) {
  width: 40.119047619%;
}
@media screen and (max-width: 767px) {
  .p-ranking__awards p:nth-child(1) {
    width: 69.5238095238%;
  }
}
.p-ranking__awards p:nth-child(2) {
  width: 27.9761904762%;
}
@media screen and (max-width: 767px) {
  .p-ranking__awards p:nth-child(2) {
    width: 48.4126984127%;
  }
}
.p-ranking__awards p:nth-child(3) {
  width: 27.9761904762%;
}
@media screen and (max-width: 767px) {
  .p-ranking__awards p:nth-child(3) {
    width: 48.4126984127%;
  }
}
.p-ranking__table {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-ranking__table {
    margin-top: 30px;
  }
}
.p-ranking__illust {
  position: absolute;
  left: 48%;
  bottom: 0;
  width: 625px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-ranking__illust {
    width: 92.8571428571%;
  }
}

.p-anchor {
  padding: 95px 16px 45px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-anchor {
    padding: 26px 16px 30px;
  }
}
.p-anchor__lead {
  line-height: 1.3;
  text-align: center;
  font-size: 4.2rem;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-anchor__lead {
    font-size: 2.8rem;
  }
}
.p-anchor__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-anchor__content {
    gap: 12px;
  }
}
.p-anchor__content p {
  width: 32.6%;
}
@media screen and (max-width: 767px) {
  .p-anchor__content p {
    width: 100%;
  }
}

.p-content__header {
  padding: 35px 16px 40px;
  background: #DB2509;
}
@media screen and (max-width: 767px) {
  .p-content__header {
    padding: 15px 16px 22px;
  }
}
.p-content__lead {
  text-align: center;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.19em;
}
@media screen and (max-width: 767px) {
  .p-content__lead {
    font-size: 1.6rem;
  }
}
.p-content__title {
  width: 346px;
  margin-inline: auto;
  margin-top: 5px;
  padding: 5px 5px 8px;
  background: #fff;
  border-radius: 2rem;
  text-align: center;
  line-height: 1;
  font-size: 4rem;
  color: #DB2509;
  font-weight: 900;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .p-content__title {
    width: 64.2857142857vw;
    margin-top: 5px;
    font-size: 2.6rem;
    border-radius: 1.3rem;
  }
}
.p-content__main {
  background: #FAF1EB;
  padding: 60px 16px;
}
@media screen and (max-width: 767px) {
  .p-content__main {
    padding: 3.5714285714vw 4.5714285714vw;
  }
}
.p-content__inner {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin-inline: auto;
}

.p-environmental__inner {
  aspect-ratio: 1000/630;
}
@media screen and (max-width: 767px) {
  .p-environmental__inner {
    aspect-ratio: 630/1413;
  }
}
.p-environmental__inner > * {
  position: absolute;
}
.p-environmental .img01 {
  width: 23.6%;
  top: 11.1111111111%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-environmental .img01 {
    width: 48.4126984127%;
    top: 2.4769992923%;
    left: 0;
  }
}
.p-environmental .illust01 {
  width: 10%;
  top: -3.8095238095%;
  left: 26.5%;
}
@media screen and (max-width: 767px) {
  .p-environmental .illust01 {
    width: 20.6349206349%;
    top: -5.3078556263%;
    left: 54.7619047619%;
  }
}
.p-environmental .balloon01 {
  width: 26.7%;
  top: 13.3333333333%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon01 {
    width: 51.2698412698%;
    top: 4.2462845011%;
    left: 51.4285714286%;
  }
}
.p-environmental .balloon02 {
  width: 26.7%;
  top: 49.2063492063%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon02 {
    width: 51.2698412698%;
    top: 23.7084217976%;
    left: -1.5873015873%;
  }
}
.p-environmental .balloon03 {
  width: 26.7%;
  top: 75.873015873%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon03 {
    width: 51.2698412698%;
    top: 37.8627034678%;
    left: -1.5873015873%;
  }
}
.p-environmental .img02 {
  width: 23.6%;
  top: 52.380952381%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-environmental .img02 {
    width: 48.4126984127%;
    top: 25.4777070064%;
    left: 51.4285714286%;
  }
}
.p-environmental .illust02 {
  width: 13.3%;
  top: 6.6666666667%;
  left: 60%;
}
@media screen and (max-width: 767px) {
  .p-environmental .illust02 {
    width: 27.619047619%;
    top: 52.1585279547%;
    left: 18.7301587302%;
  }
}
.p-environmental .balloon04 {
  width: 26.7%;
  top: 7.9365079365%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon04 {
    width: 51.2698412698%;
    top: 52.1585279547%;
    left: 51.4285714286%;
  }
}
.p-environmental .balloon05 {
  width: 26.7%;
  top: 26.9841269841%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon05 {
    width: 51.2698412698%;
    top: 64.0481245577%;
    left: 51.4285714286%;
  }
}
.p-environmental .balloon06 {
  width: 26.7%;
  top: 34.126984127%;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-environmental .balloon06 {
    width: 51.2698412698%;
    top: 68.2944090587%;
    left: -1.5873015873%;
  }
}
.p-environmental .illust03 {
  width: 13.3%;
  top: 63.4920634921%;
  left: 60%;
}
@media screen and (max-width: 767px) {
  .p-environmental .illust03 {
    width: 27.7777777778%;
    top: 83.2979476292%;
    left: 13.4920634921%;
  }
}
.p-environmental .img03 {
  width: 23.6%;
  top: 52.380952381%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-environmental .img03 {
    width: 48.4126984127%;
    top: 76.4331210191%;
    left: 51.4285714286%;
  }
}

.p-common__inner {
  aspect-ratio: 1000/700;
}
@media screen and (max-width: 767px) {
  .p-common__inner {
    aspect-ratio: 630/1707;
  }
}
.p-common__inner > * {
  position: absolute;
}
.p-common .balloon01 {
  width: 26.7%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-common .balloon01 {
    width: 51.2698412698%;
    top: 0;
    left: -1.5873015873%;
  }
}
.p-common .img01 {
  width: 23.6%;
  top: 4.2857142857%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-common .img01 {
    width: 48.4126984127%;
    top: 2.1089630931%;
    left: 51.4285714286%;
  }
}
.p-common .balloon02 {
  width: 26.7%;
  top: 32.8571428571%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-common .balloon02 {
    width: 51.2698412698%;
    top: 15.2314001172%;
    left: -1.5873015873%;
  }
}
.p-common .illust01 {
  width: 11%;
  top: 37.1428571429%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-common .illust01 {
    width: 22.5396825397%;
    top: 19.7422378442%;
    left: 51.4285714286%;
  }
}
.p-common .img02 {
  width: 23.6%;
  top: 58.5714285714%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-common .img02 {
    width: 48.4126984127%;
    top: 28.9982425308%;
    left: 0;
  }
}
.p-common .balloon03 {
  width: 26.7%;
  top: 44.8571428571%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-common .balloon03 {
    width: 51.2698412698%;
    top: 23.8429994142%;
    left: 51.4285714286%;
  }
}
.p-common .illust02 {
  width: 13%;
  top: 72.2857142857%;
  left: 30.4%;
}
@media screen and (max-width: 767px) {
  .p-common .illust02 {
    width: 26.6666666667%;
    top: 38.3714118336%;
    left: 62.0634920635%;
  }
}
.p-common .balloon04 {
  width: 26.7%;
  top: 0;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-common .balloon04 {
    width: 51.2698412698%;
    top: 47.2759226714%;
    left: -1.5873015873%;
  }
}
.p-common .img03 {
  width: 23.6%;
  top: 4.2857142857%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-common .img03 {
    width: 48.4126984127%;
    top: 55.1259519625%;
    left: 51.4285714286%;
  }
}
.p-common .img04 {
  width: 23.6%;
  top: 65.7142857143%;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-common .img04 {
    width: 48.4126984127%;
    top: 81.3122437024%;
    left: 0;
  }
}
.p-common .illust03 {
  width: 11.3%;
  top: 38.8571428571%;
  left: 57.8%;
}
@media screen and (max-width: 767px) {
  .p-common .illust03 {
    width: 23.3333333333%;
    top: 67.0181605155%;
    left: 13.9682539683%;
  }
}
.p-common .balloon05 {
  width: 26.7%;
  top: 44.2857142857%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-common .balloon05 {
    width: 51.2698412698%;
    top: 73.9308728764%;
    left: 51.4285714286%;
  }
}
.p-common .illust04 {
  width: 12.9%;
  top: 68.5714285714%;
  left: 81%;
}
@media screen and (max-width: 767px) {
  .p-common .illust04 {
    width: 26.6666666667%;
    top: 86.8189806678%;
    left: 62.8571428571%;
  }
}

.p-room__inner {
  margin-top: 30px;
  aspect-ratio: 1000/580;
}
@media screen and (max-width: 767px) {
  .p-room__inner {
    margin-top: 3.4285714286vw;
    aspect-ratio: 630/1354;
  }
}
.p-room__inner > * {
  position: absolute;
}
.p-room .lead {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-room .lead {
    margin-top: 2.5714285714vw;
  }
}
.p-room .lead img {
  max-width: 100%;
  height: auto;
  width: 620px;
}
.p-room .img01 {
  width: 23.6%;
  top: 4.3103448276%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-room .img01 {
    width: 48.4126984127%;
    top: 0.5169867061%;
    left: 0;
  }
}
.p-room .balloon01 {
  width: 26.7%;
  top: 0;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-room .balloon01 {
    width: 51.2698412698%;
    top: 0;
    left: 51.4285714286%;
  }
}
.p-room .illust01 {
  width: 10.5%;
  top: 36.3793103448%;
  left: 11.5%;
}
@media screen and (max-width: 767px) {
  .p-room .illust01 {
    width: 21.746031746%;
    top: 16.8389955687%;
    left: 22.2222222222%;
  }
}
.p-room .balloon02 {
  width: 26.7%;
  top: 34.1379310345%;
  left: 25%;
}
@media screen and (max-width: 767px) {
  .p-room .balloon02 {
    width: 51.2698412698%;
    top: 18.8330871492%;
    left: 51.4285714286%;
  }
}
.p-room .balloon03 {
  width: 26.7%;
  top: 61.724137931%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-room .balloon03 {
    width: 51.2698412698%;
    top: 81.0930576071%;
    left: -1.5873015873%;
    z-index: 2;
  }
}
.p-room .illust02 {
  width: 22.2%;
  top: 68.9655172414%;
  left: 26%;
}
@media screen and (max-width: 767px) {
  .p-room .illust02 {
    width: 45.7142857143%;
    top: 82.9394387001%;
    left: 53.6507936508%;
  }
}
.p-room .balloon04 {
  width: 26.7%;
  top: 0;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-room .balloon04 {
    width: 51.2698412698%;
    top: 29.5420974889%;
    left: -1.5873015873%;
  }
}
.p-room .balloon05 {
  width: 26.7%;
  top: 33.4482758621%;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-room .balloon05 {
    width: 51.2698412698%;
    top: 46.5288035451%;
    left: -1.5873015873%;
  }
}
.p-room .img02 {
  width: 23.6%;
  top: 16.0344827586%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-room .img02 {
    width: 48.4126984127%;
    top: 40.1772525849%;
    left: 51.4285714286%;
  }
}
.p-room .img03 {
  width: 23.6%;
  top: 56.3793103448%;
  left: 50.8%;
}
@media screen and (max-width: 767px) {
  .p-room .img03 {
    width: 48.4126984127%;
    top: 62.4815361891%;
    left: 0;
  }
}
.p-room .balloon06 {
  width: 26.7%;
  top: 57.5862068966%;
  left: 76%;
}
@media screen and (max-width: 767px) {
  .p-room .balloon06 {
    width: 51.2698412698%;
    top: 63.2200886263%;
    left: 51.4285714286%;
  }
}

.p-another {
  padding-top: 85px;
}
@media screen and (max-width: 767px) {
  .p-another {
    padding-top: 25px;
  }
}
.p-another__inner {
  max-width: 1000px;
  margin-inline: auto;
}
.p-another__lead {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.19em;
}
@media screen and (max-width: 767px) {
  .p-another__lead {
    font-size: 1.6rem;
  }
}
.p-another__title {
  line-height: 1;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 4.2rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-another__title {
    font-size: 2.7rem;
  }
}
.p-another__sld {
  margin-top: 20px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-another__sld {
    margin-top: 15px;
  }
}
.p-another__sld .slick-prev,
.p-another__sld .slick-next {
  all: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px; /* クリック領域 */
  height: 36px;
  border-radius: 50%;
  background: #DB2509;
  cursor: pointer;
  z-index: 10;
}
.p-another__sld .slick-prev:after,
.p-another__sld .slick-next:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
}
.p-another__sld .slick-prev {
  left: calc(50% - 222px);
}
@media screen and (max-width: 767px) {
  .p-another__sld .slick-prev {
    left: 8px;
  }
}
.p-another__sld .slick-next {
  right: calc(50% - 222px);
}
@media screen and (max-width: 767px) {
  .p-another__sld .slick-next {
    right: 8px;
  }
}
.p-another__sld .slick-prev::after {
  left: calc(50% - 9px);
  border-width: 10px 14px 10px 0;
  border-color: transparent #fff transparent transparent;
}
.p-another__sld .slick-next::after {
  right: calc(50% - 9px);
  border-width: 10px 0 10px 14px;
  border-color: transparent transparent transparent #fff;
}
.p-another__each {
  width: 398px;
  padding-inline: 6px;
}
@media screen and (max-width: 767px) {
  .p-another__each {
    width: calc(76.5714285714vw + 12px);
  }
}
.p-another__illust {
  margin-top: 24px;
  text-align: center;
}
.p-another__illust img {
  width: 282px;
}
@media screen and (max-width: 767px) {
  .p-another__illust img {
    width: 217px;
  }
}

.animate-fadeIn {
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 0.8s, transform 0.8s;
}
.animate-fadeIn.is-on {
  transform: translateY(0);
  opacity: 1;
}/*# sourceMappingURL=voice.css.map */