@charset "UTF-8";
  .p-voice__ttl {position: relative}
  .p-voice__ttl h2 {
    position: absolute;
  width: 40%;
  
  top:50%;
  left: 50%;
  transform: translate(-50%,-36%);
  z-index: 2
  }

.p-voice__ttl h2 img {
  width: 100%;
}


.p-voice__ttl > figure {
  display: none;
}

  .p-voice__ttl > figure {

    display: block;
  }
  .p-voice__ttl > figure img {
    width: 100%;
  }
@media screen and (max-width: 668px) {/*スマホ設定*/
  .p-voice__ttl h2{
    width: 60%;
    
  }

}


.p-voice__reason {

width: 1200px;
margin: 150px auto;
}


.p-voice__reason h3 {
  font-weight: 500;

background-color: #000;
color: #fff;
font-size: 28px;
text-align: center;
padding: 0.2em;
margin-bottom: 60px

}
.p-voice__reason p{padding-top: 40px}

.p-voice__reason-item1{width: 80%;margin: auto;position: relative;padding-bottom: 50px}
.p-voice__reason .bt{width: 300px;position: absolute;}
.p-voice__reason .bt a:hover{opacity: 0.7}

.p-voice__reason .bt.bt1{left: 69%;top: 51%}
.p-voice__reason .bt.bt2{left: 69%;top: 90%}
.p-voice__reason .bt.bt3{left: -1%;top: 81%}

.p-voice__reason .bt.bt4{left: -1%;top: 38%}
.p-voice__reason .bt.bt5{left: -1%;top: 8%}

@media screen and (max-width: 668px) {/*スマホ設定*/
.p-voice__reason {width: 96%;margin: 60px auto}
.p-voice__reason-item1{width: 80%;margin: auto;position: relative;padding-bottom: 20px}
.p-voice__reason h3 {font-size: 18px}
.p-voice__reason dl{margin-top: 20px}
.p-voice__reason dd{width: 70%;margin: auto}
}



.p-voice__comments {width: 1200px;margin: auto}

.p-voice__comments h3 {
  font-weight: 500;

background-color: #000;
color: #fff;
font-size: 28px;
text-align: center;
padding: 0.2em;
margin-bottom: 30px;
  bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;
}

@media screen and (max-width: 668px) {/*スマホ設定*/
.p-voice__comments {width: 96%;margin: auto}
.p-voice__comments h3 {font-size: 18px}
}

.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-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,
.p-voice__modal{background: #e6f0f9}
.p-voice__comments-item.bg1,
.p-voice__modal.bg1{background: #faeef2}

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


@-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: -10px;
  top: -25px;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
  background: url(../images/owner-voice/ico_close.png) no-repeat center center/cover;
}
@media (min-width: 809px) {
  .popup-modal-dismiss {
    width: 37px;
    height: 37px;
    right: -30px;
    top: -30px;
  }
}



.p-voice__reason-item1{

 bottom: -30px;
  opacity: 0;
  transition: bottom 0.5s, opacity 0.5s;}
.p-voice__reason-item1.active {
  bottom: 0;
  opacity: 1;
  visibility: visible;
} 

.u-note{text-align: left}