@charset "UTF-8";
@media (min-width: 809px) {
  .p-voice__ttl {
    position: relative;
  }
  .webp .p-voice__ttl {
    background: url(../images/owner-voice/bg_ttl.webp) no-repeat top center/cover;
  }
  .no-webp .p-voice__ttl {
    background: url(../images/owner-voice/bg_ttl.jpg) no-repeat top center/cover;
  }
}
.p-voice__ttl h2 img {
  width: 100%;
}
@media (min-width: 809px) {
  .p-voice__ttl h2 {
    width: 85%;
    text-align: left;
    max-width: 1200px;
    margin-inline: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    z-index: 1;
  }
  .p-voice__ttl h2 img {
    width: 40%;
    max-width: 532px;
  }
}
@media (min-width: 1199px) {
  .p-voice__ttl h2 {
    width: 100%;
  }
  .p-voice__ttl h2 img {
    width: 44.333%;
  }
}
.p-voice__ttl > figure {
  display: none;
}
@media (min-width: 809px) {
  .p-voice__ttl > figure {
    text-align: right;
    display: block;
  }
  .p-voice__ttl > figure img {
    width: 48.6979%;
  }
}
.p-voice__reason {
  padding: 60px 5%;
}
.webp .p-voice__reason {
  background: url(../images/owner-voice/bg_reason.webp) no-repeat top center/cover;
}
.no-webp .p-voice__reason {
  background: url(../images/owner-voice/bg_reason.jpg) no-repeat top center/cover;
}
@media (min-width: 809px) {
  .p-voice__reason {
    padding: 110px 40px 150px;
  }
}
.p-voice__reason h3 {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 1.25rem;
}
@media (min-width: 809px) {
  .p-voice__reason h3 {
    margin-bottom: 45px;
    font-size: 1.5625rem;
  }
}
@media (min-width: 1169px) {
  .p-voice__reason h3 {
    font-size: 1.875rem;
  }
}
.p-voice__reason h3 + p {
  font-weight: 500;
  font-size: 120%;
  margin-bottom: 50px;
}
@media (min-width: 809px) {
  .p-voice__reason h3 + p {
    font-size: 1rem;
    margin-bottom: 100px;
  }
}
@media (min-width: 1169px) {
  .p-voice__reason h3 + p {
    margin-bottom: 140px;
  }
}
.p-voice__reason-item {
  background-color: #fff;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
}
.p-voice__reason-item.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.p-voice__reason-item:not(:last-child) {
  margin-bottom: 30px;
}
@media (min-width: 809px) {
  .p-voice__reason-item:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media (min-width: 809px) {
  .p-voice__reason-item {
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);
    max-width: 1200px;
    margin-inline: auto;
  }
}
.p-voice__reason-item h4 {
  color: #fff;
  font-weight: 500;
  background: rgb(45, 130, 199);
  background: linear-gradient(90deg, rgb(45, 130, 194) 0%, rgb(6, 86, 141) 1.7%, rgb(35, 112, 179) 24%, rgb(40, 140, 199) 37%, rgb(37, 133, 199) 53%, rgb(17, 97, 164) 71%, rgb(0, 66, 125) 100%);
  font-size: 1.125rem;
  padding: 0.3em;
}
@media (min-width: 809px) {
  .p-voice__reason-item h4 {
    font-size: 1.4375rem;
  }
}
@media (min-width: 1169px) {
  .p-voice__reason-item h4 {
    font-size: 1.75rem;
  }
}
.p-voice__reason-item > figure {
  position: absolute;
  z-index: 1;
}
.p-voice__reason-item.-reason01 > figure {
  width: 19%;
  right: -1.5873%;
  max-width: 144px;
  top: 49%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 > figure {
    width: 12%;
    top: auto;
    bottom: 12%;
    right: -2.1527%;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper {
  top: -3vw;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper {
    top: 0;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(2) {
  stroke-dashoffset: 0;
  -webkit-animation: anime01 1s 1s forwards ease-in-out;
          animation: anime01 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(3) {
  stroke-dashoffset: 63;
  -webkit-animation: anime02 1s 1s forwards ease-in-out;
          animation: anime02 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(4) {
  stroke-dashoffset: 36;
  -webkit-animation: anime03 1s 1s forwards ease-in-out;
          animation: anime03 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(5) {
  stroke-dashoffset: 22;
  -webkit-animation: anime04 1s 1s forwards ease-in-out;
          animation: anime04 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(6) {
  stroke-dashoffset: 9;
  -webkit-animation: anime05 1s 1s forwards ease-in-out;
          animation: anime05 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--number li:first-child {
  top: 32%;
  right: 12%;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--number li:nth-child(2) {
  top: 73%;
  right: 39%;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--number li:nth-child(3) {
  top: 50%;
  left: 9%;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--number li:nth-child(4) {
  top: 24.571%;
  left: 11.666%;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--number li:last-child {
  top: 7.8571%;
  left: 34%;
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:first-child {
  width: 28%;
  right: 6%;
  top: 9.5%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:first-child {
    width: 33.083%;
    right: 7.0833%;
    top: 16.7272%;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(2) {
  width: 36%;
  right: 4.6647%;
  bottom: 11.5%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(2) {
    width: 34%;
    right: 12%;
    bottom: 20.5454%;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(3) {
  width: 28%;
  left: 8%;
  bottom: 19%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(3) {
    width: 30.25%;
    left: 12%;
    bottom: 31%;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(4) {
  width: 24%;
  left: 3.5%;
  top: 24%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:nth-child(4) {
    width: 26%;
    left: 12%;
    top: 32%;
  }
}
.p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:last-child {
  width: 37.6093%;
  left: 3.5%;
  top: 5%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason01 .p-voice__reason-graph--ranking li:last-child {
    width: 32.75%;
    left: 12%;
    top: 12.7272%;
  }
}
.p-voice__reason-item.-reason02 > figure {
  width: 24%;
  left: -1.8571%;
  max-width: 172px;
  top: 79%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 > figure {
    width: 14.3333%;
    left: -6.093%;
    top: auto;
    bottom: -5.1818%;
  }
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(2) {
  stroke-dasharray: 0, 100;
  stroke-dashoffset: 0;
  -webkit-animation: anime06 1s 1s forwards ease-in-out;
          animation: anime06 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(3) {
  stroke-dashoffset: 70;
  -webkit-animation: anime07 1s 1s forwards ease-in-out;
          animation: anime07 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(4) {
  stroke-dashoffset: 42;
  -webkit-animation: anime08 1s 1s forwards ease-in-out;
          animation: anime08 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(5) {
  stroke-dashoffset: 22;
  -webkit-animation: anime09 1s 1s forwards ease-in-out;
          animation: anime09 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--wrapper.active .circle circle:nth-child(6) {
  stroke-dashoffset: 10;
  -webkit-animation: anime10 1s 1s forwards ease-in-out;
          animation: anime10 1s 1s forwards ease-in-out;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--number li:first-child {
  top: 25%;
  right: 15%;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--number li:nth-child(2) {
  top: 70%;
  right: 28%;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--number li:nth-child(3) {
  top: 56%;
  left: 11%;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--number li:nth-child(4) {
  top: 25%;
  left: 11%;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--number li:last-child {
  top: 8%;
  left: 30%;
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:first-child {
  width: 34%;
  right: 3%;
  top: 4%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:first-child {
    width: 33.083%;
    right: 4.8333%;
    top: 29.0909%;
  }
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(2) {
  width: 39%;
  right: 3%;
  bottom: 10%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(2) {
    width: 32%;
    right: 11%;
    bottom: 14.3636%;
  }
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(3) {
  width: 29%;
  left: 2%;
  bottom: 25%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(3) {
    width: 27%;
    left: 10.5%;
    bottom: 28.3636%;
  }
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(4) {
  width: 23%;
  left: 6%;
  top: 24%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:nth-child(4) {
    width: 28%;
    left: 10.75%;
    top: 31.8181%;
  }
}
.p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:last-child {
  width: 38%;
  left: 6%;
  top: 3%;
}
@media (min-width: 809px) {
  .p-voice__reason-item.-reason02 .p-voice__reason-graph--ranking li:last-child {
    width: 35.5833%;
    left: 10.75%;
    top: 12.3636%;
  }
}
.p-voice__reason-graph {
  position: relative;
  aspect-ratio: 49/47;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 809px) {
  .p-voice__reason-graph {
    aspect-ratio: 24/11;
  }
}
.p-voice__reason-graph > p {
  font-weight: 500;
  font-size: 85%;
  position: absolute;
  z-index: 1;
  right: 3%;
  bottom: 1.5%;
}
.p-voice__reason-graph--wrapper {
  width: 52.4781%;
  margin-inline: auto;
  max-width: 350px;
  aspect-ratio: 1;
  border-radius: 500px;
  z-index: 1;
  position: relative;
}
@media (min-width: 809px) {
  .p-voice__reason-graph--wrapper {
    width: 29.1666%;
  }
}
.p-voice__reason-graph--wrapper .circle {
  transform: rotate(-90deg);
}
.p-voice__reason-graph--wrapper .circle circle {
  fill: none;
  stroke-width: 31.8px;
}
@media (min-width: 999px) {
  .p-voice__reason-graph--wrapper .circle circle {
    stroke-width: 31.9px;
  }
}
.p-voice__reason-graph--ranking {
  position: absolute;
  z-index: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}
.p-voice__reason-graph--ranking.active {
  opacity: 1;
}
.p-voice__reason-graph--ranking li {
  position: absolute;
}
.p-voice__reason-graph--number {
  list-style-type: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.p-voice__reason-graph--number li {
  line-height: 1;
  color: #fff;
  position: absolute;
  font-weight: bold;
  font-size: 120%;
}
.p-voice__reason-graph--number li span {
  font-size: 150%;
}
@media (min-width: 809px) {
  .p-voice__reason-graph--number li {
    font-size: 150%;
  }
}
@media (min-width: 1169px) {
  .p-voice__reason-graph--number li {
    font-size: 220%;
  }
}
.p-voice__reason-graph--number li:nth-child(3), .p-voice__reason-graph--number li:nth-child(4), .p-voice__reason-graph--number li:last-child {
  font-size: 110%;
}
@media (min-width: 809px) {
  .p-voice__reason-graph--number li:nth-child(3), .p-voice__reason-graph--number li:nth-child(4), .p-voice__reason-graph--number li:last-child {
    font-size: 130%;
  }
}
@media (min-width: 1169px) {
  .p-voice__reason-graph--number li:nth-child(3), .p-voice__reason-graph--number li:nth-child(4), .p-voice__reason-graph--number li:last-child {
    font-size: 200%;
  }
}
.p-voice__photos {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
}
.p-voice__photos.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.p-voice__photos figure {
  width: 50%;
  position: relative;
}
.p-voice__photos figure figcaption {
  position: absolute;
  z-index: 1;
  right: 3%;
  bottom: 1.5%;
  font-size: 85%;
}
.p-voice__photos figure figcaption.-white {
  color: #fff;
}
.p-voice__photos figure img {
  width: 100%;
}
@media (min-width: 809px) {
  .p-voice__photos figure {
    width: 25%;
  }
}
@media (max-width: 670px) {
  .p-voice__photos figure:first-child, .p-voice__photos figure:nth-child(2) {
    display: none;
  }
}
.p-voice__comments {
  background-color: #e0f0ff;
  padding: 60px 5%;
}
@media (min-width: 809px) {
  .p-voice__comments {
    padding: 150px 40px 70px;
  }
}
.p-voice__comments h3 {
  margin-bottom: 40px;
  position: relative;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
}
.p-voice__comments h3.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 809px) {
  .p-voice__comments h3 {
    margin-bottom: 85px;
  }
}
.p-voice__comments h3 img {
  width: 100%;
  max-width: 634px;
}
.p-voice__comments hgroup {
  margin-bottom: 30px;
  position: relative;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
}
.p-voice__comments hgroup.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 809px) {
  .p-voice__comments hgroup {
    margin-bottom: 45px;
  }
}
.p-voice__comments hgroup h4 {
  margin-bottom: 15px;
}
@media (min-width: 809px) {
  .p-voice__comments hgroup h4 {
    margin-bottom: 25px;
  }
}
.p-voice__comments hgroup h4 img {
  width: 30%;
  max-width: 146px;
}
.p-voice__comments hgroup p {
  font-weight: 500;
}
.p-voice__comments-item {
  position: relative;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
  width: calc((100% - 20px) / 2);
}
.p-voice__comments-items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
@media (min-width: 809px) {
  .p-voice__comments-items {
    gap: 50px 30px;
    max-width: 1200px;
    margin-inline: auto;
    margin-bottom: 75px;
  }
}
.p-voice__comments-items + p {
  font-weight: 500;
}
.p-voice__comments-items + p span {
  text-indent: 0;
}
.p-voice__comments-item.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 809px) {
  .p-voice__comments-item {
    width: calc((100% - 60px) / 3);
  }
}
.p-voice__comments-item img {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}
.p-voice__modal {
  width: 90%;
  position: relative;
  margin-inline: auto;
  max-width: 650px;
}
.p-voice__bnrs {
  padding: 40px 5%;
}
.webp .p-voice__bnrs {
  background: url(../images/owner-voice/bg_reason.webp) no-repeat top center/cover;
}
.no-webp .p-voice__bnrs {
  background: url(../images/owner-voice/bg_reason.jpg) no-repeat top center/cover;
}
@media (min-width: 809px) {
  .p-voice__bnrs {
    padding: 70px 40px;
  }
}
.p-voice__bnrs ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 809px) {
  .p-voice__bnrs ul {
    gap: 30px;
  }
}
@media (hover: hover) {
  .p-voice__bnrs ul a {
    transition: opacity 0.5s;
  }
  .p-voice__bnrs ul a:hover {
    opacity: 0.6;
  }
}

@-webkit-keyframes anime01 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 37, 63;
  }
}

@keyframes anime01 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 37, 63;
  }
}
@-webkit-keyframes anime02 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 27, 73;
  }
}
@keyframes anime02 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 27, 73;
  }
}
@-webkit-keyframes anime03 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 14, 86;
  }
}
@keyframes anime03 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 14, 86;
  }
}
@-webkit-keyframes anime04 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 13, 87;
  }
}
@keyframes anime04 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 13, 87;
  }
}
@-webkit-keyframes anime05 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 9, 91;
  }
}
@keyframes anime05 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 9, 91;
  }
}
@-webkit-keyframes anime06 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 30, 70;
  }
}
@keyframes anime06 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 30, 70;
  }
}
@-webkit-keyframes anime07 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 28, 72;
  }
}
@keyframes anime07 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 28, 72;
  }
}
@-webkit-keyframes anime08 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 20, 80;
  }
}
@keyframes anime08 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 20, 80;
  }
}
@-webkit-keyframes anime09 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 12, 88;
  }
}
@keyframes anime09 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 12, 88;
  }
}
@-webkit-keyframes anime10 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 10, 90;
  }
}
@keyframes anime10 {
  0% {
    stroke-dasharray: 0, 100;
  }
  50%, 100% {
    stroke-dasharray: 10, 90;
  }
}
.mfp-close {
  display: none !important;
}

/* オーバーレイ 初期状態 */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* オーバーレイ 表示アニメーション */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* オーバーレイ 非表示アニメーション */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* コンテンツ 初期状態 */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* コンテンツ 表示アニメーション */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* コンテンツ 非表示アニメーション */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.popup-modal-dismiss {
  position: absolute;
  right: -12px;
  top: -12px;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  background: url(../images/roomplan/ico_close.png) no-repeat center center/cover;
}
@media (min-width: 809px) {
  .popup-modal-dismiss {
    width: 37px;
    height: 37px;
    right: -18.5px;
    top: -18.5px;
  }
}
/*# sourceMappingURL=voice.css.map */