@charset "UTF-8";
/* line 2, ../../scss/components/pages/_voice.scss */
.Voice {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /*お声一覧*/ }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 2, ../../scss/components/pages/_voice.scss */
    .Voice {
      padding: 0 3.2%; } }
  @media screen and (max-width: 640px) {
    /* line 2, ../../scss/components/pages/_voice.scss */
    .Voice {
      display: block; } }
  /* line 13, ../../scss/components/pages/_voice.scss */
  .VoiceSide {
    margin: 19px 0 0;
    flex: 0 1 16%; }
    @media screen and (max-width: 640px) {
      /* line 13, ../../scss/components/pages/_voice.scss */
      .VoiceSide {
        display: none; } }
    @media screen and (max-width: 640px) {
      /* line 19, ../../scss/components/pages/_voice.scss */
      .VoiceSide__items {
        width: 87.5%;
        margin: 0 auto 6.4%;
        border-top: 2px #534741 solid;
        border-right: 2px #534741 solid;
        border-left: 2px #534741 solid; } }
    /* line 28, ../../scss/components/pages/_voice.scss */
    .VoiceSide__item {
      border-bottom: 1px solid #333; }
      @media screen and (max-width: 640px) {
        /* line 28, ../../scss/components/pages/_voice.scss */
        .VoiceSide__item {
          border-bottom: 2px solid #534741; } }
      /* line 33, ../../scss/components/pages/_voice.scss */
      .VoiceSide__item--01 {
        border-bottom: none;
        background: #ffe5e4;
        padding: 8.5% 2%;
        border-radius: 5px;
        text-align: center;
        font-weight: 600; }
        @media screen and (min-width: 641px) and (max-width: 999px) {
          /* line 33, ../../scss/components/pages/_voice.scss */
          .VoiceSide__item--01 {
            font-size: 1.6vw; } }
        @media screen and (max-width: 640px) {
          /* line 33, ../../scss/components/pages/_voice.scss */
          .VoiceSide__item--01 {
            padding: 5.9% 2%;
            font-size: 4.5vw;
            position: relative;
            border-bottom: 2px solid #534741;
            border-radius: 0; }
            /* line 49, ../../scss/components/pages/_voice.scss */
            .VoiceSide__item--01::after {
              content: "";
              background: url(../../img/renewal/voice/voice_icon_01.svg) left top no-repeat;
              background-size: 100%;
              position: absolute;
              right: 3%;
              top: 50%;
              width: 5vw;
              height: 5vw;
              margin: -2.2vw 0 0; }
            /* line 60, ../../scss/components/pages/_voice.scss */
            .VoiceSide__item--01.open::after {
              transform: rotate(180deg); } }
    /* line 66, ../../scss/components/pages/_voice.scss */
    .VoiceSide__link, .VoiceSide__link:visited {
      color: #333;
      padding: 9.8% 1% 9.8% 18%;
      display: block;
      position: relative; }
      @media screen and (min-width: 641px) and (max-width: 999px) {
        /* line 66, ../../scss/components/pages/_voice.scss */
        .VoiceSide__link, .VoiceSide__link:visited {
          font-size: 1.6vw; } }
      @media screen and (max-width: 640px) {
        /* line 66, ../../scss/components/pages/_voice.scss */
        .VoiceSide__link, .VoiceSide__link:visited {
          background: #fff;
          font-size: 5vw;
          padding: 5.8% 1% 5.8% 18%; } }
      /* line 80, ../../scss/components/pages/_voice.scss */
      .VoiceSide__link::before, .VoiceSide__link:visited::before {
        font-family: FontAwesome;
        content: "\f0da";
        color: #333;
        position: absolute;
        font-size: 1.3rem;
        top: 50%;
        left: 9%;
        margin: -16px 0 0; }
        @media screen and (max-width: 640px) {
          /* line 80, ../../scss/components/pages/_voice.scss */
          .VoiceSide__link::before, .VoiceSide__link:visited::before {
            font-size: 7vw;
            margin: -5vw 0 0;
            left: 12%; } }
      /* line 95, ../../scss/components/pages/_voice.scss */
      .VoiceSide__link.active, .VoiceSide__link:visited.active {
        color: #ff7d77; }
        /* line 97, ../../scss/components/pages/_voice.scss */
        .VoiceSide__link.active::before, .VoiceSide__link:visited.active::before {
          color: #ff7d77; }
  /* line 103, ../../scss/components/pages/_voice.scss */
  .VoiceContent {
    flex: 0 1 78.6%; }
    @media screen and (max-width: 640px) {
      /* line 103, ../../scss/components/pages/_voice.scss */
      .VoiceContent {
        width: 100%; } }
    /* line 108, ../../scss/components/pages/_voice.scss */
    .VoiceContent__ttl {
      padding: 0 75.19% 0 0;
      background: url(../../img/renewal/voice/voice_bg_01.gif) right 55% no-repeat;
      background-size: 72% auto;
      margin: 0 0 1.2%; }
      @media screen and (max-width: 640px) {
        /* line 108, ../../scss/components/pages/_voice.scss */
        .VoiceContent__ttl {
          padding: 0;
          position: relative;
          background: none;
          width: 100%;
          margin: 0 0 4.6%;
          letter-spacing: -.4rem; }
          /* line 120, ../../scss/components/pages/_voice.scss */
          .VoiceContent__ttl::before, .VoiceContent__ttl::after {
            content: "";
            display: inline-block;
            width: 24.3%;
            height: 4px;
            background: url(../../img/renewal/voice/voice_bg_01_sp.gif) left 50% repeat-x;
            background-size: 100% 4px;
            letter-spacing: normal; } }
      @media screen and (max-width: 640px) {
        /* line 131, ../../scss/components/pages/_voice.scss */
        .VoiceContent__ttl--inner {
          width: 50%;
          display: inline-block;
          padding: 0% 1.5% 0% 9.5%;
          vertical-align: middle;
          box-sizing: border-box;
          margin: -1.9% 0 0;
          letter-spacing: normal; } }
    /* line 143, ../../scss/components/pages/_voice.scss */
    .VoiceContent__text {
      text-align: center;
      font-size: 1.125rem;
      margin: 0 0 2.3%; }
      @media screen and (min-width: 641px) and (max-width: 999px) {
        /* line 143, ../../scss/components/pages/_voice.scss */
        .VoiceContent__text {
          font-size: 1.8vw; } }
      @media screen and (max-width: 640px) {
        /* line 143, ../../scss/components/pages/_voice.scss */
        .VoiceContent__text {
          padding: 0 3.2%;
          font-size: 4vw;
          font-weight: bold;
          margin: 0 0 7.3%; } }
  /* line 159, ../../scss/components/pages/_voice.scss */
  .VoiceList {
    max-width: 1000px;
    margin: 0 auto; }
    /* line 162, ../../scss/components/pages/_voice.scss */
    .VoiceList__Breadcrumb {
      margin: 0 auto; }
    /* line 165, ../../scss/components/pages/_voice.scss */
    .VoiceList__ttl {
      margin: 0 0 3.3%; }
      @media screen and (max-width: 640px) {
        /* line 165, ../../scss/components/pages/_voice.scss */
        .VoiceList__ttl {
          margin: 0 0 6.7%; } }
      /* line 170, ../../scss/components/pages/_voice.scss */
      .VoiceList__ttl--inner {
        width: 22.2%; }
        @media screen and (max-width: 640px) {
          /* line 170, ../../scss/components/pages/_voice.scss */
          .VoiceList__ttl--inner {
            width: 48.4%;
            padding: 2% 4.3%; } }
      @media screen and (max-width: 640px) {
        /* line 177, ../../scss/components/pages/_voice.scss */
        .VoiceList__ttl::before, .VoiceList__ttl::after {
          width: 25.8%; } }
    /* line 184, ../../scss/components/pages/_voice.scss */
    .VoiceList__items {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 640px) {
        /* line 184, ../../scss/components/pages/_voice.scss */
        .VoiceList__items {
          display: block; } }
    /* line 192, ../../scss/components/pages/_voice.scss */
    .VoiceList__item {
      flex: 0 1 47.06%;
      margin: 0 0 46px; }
      /* line 195, ../../scss/components/pages/_voice.scss */
      .VoiceList__item--02 {
        display: none; }
      /* line 198, ../../scss/components/pages/_voice.scss */
      .VoiceList__item--03 {
        display: none; }
      @media screen and (min-width: 641px) and (max-width: 999px) {
        /* line 192, ../../scss/components/pages/_voice.scss */
        .VoiceList__item {
          margin: 0 0 3vw; } }
      @media screen and (max-width: 640px) {
        /* line 192, ../../scss/components/pages/_voice.scss */
        .VoiceList__item {
          width: 100%;
          border-radius: 5px;
          overflow: hidden;
          margin: 0 0 9.4vw; } }
    /* line 211, ../../scss/components/pages/_voice.scss */
    .VoiceList__link {
      display: block; }
  /* line 215, ../../scss/components/pages/_voice.scss */
  .VoicePopup {
    max-width: 1000px;
    background: #fff;
    margin: 0 auto;
    padding: 4%;
    border-radius: 10px;
    position: relative; }
    @media screen and (max-width: 1000px) {
      /* line 215, ../../scss/components/pages/_voice.scss */
      .VoicePopup {
        margin: 0 3%; } }
    @media screen and (max-width: 640px) {
      /* line 215, ../../scss/components/pages/_voice.scss */
      .VoicePopup {
        margin: 9% 6.3%;
        border-radius: 28px;
        padding: 2.3% 4.7% 9%; } }
    /* line 230, ../../scss/components/pages/_voice.scss */
    .VoicePopup2Col {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 640px) {
        /* line 230, ../../scss/components/pages/_voice.scss */
        .VoicePopup2Col {
          display: block; } }
    /* line 237, ../../scss/components/pages/_voice.scss */
    .VoicePopup__img {
      flex: 0 1 50%; }
    /* line 240, ../../scss/components/pages/_voice.scss */
    .VoicePopup__text {
      flex: 0 1 47%;
      font-weight: bold;
      font-size: 1.1rem;
      line-height: 2.3;
      background: #fffaf1;
      color: #42210b;
      padding: 3%;
      border-radius: 10px; }
      @media screen and (min-width: 641px) and (max-width: 999px) {
        /* line 240, ../../scss/components/pages/_voice.scss */
        .VoicePopup__text {
          font-size: 1.7vw; } }
      @media screen and (max-width: 640px) {
        /* line 240, ../../scss/components/pages/_voice.scss */
        .VoicePopup__text {
          font-size: 4.6vw;
          padding: 3.3% 8.3% 10.3%;
          line-height: 1.9;
          font-weight: 500; } }
    /* line 259, ../../scss/components/pages/_voice.scss */
    .VoicePopup__name {
      display: block;
      margin: 5% 0 0;
      text-align: right;
      font-size: 1.1rem; }
      @media screen and (min-width: 641px) and (max-width: 999px) {
        /* line 259, ../../scss/components/pages/_voice.scss */
        .VoicePopup__name {
          font-size: 1.7vw; } }
      @media screen and (max-width: 640px) {
        /* line 259, ../../scss/components/pages/_voice.scss */
        .VoicePopup__name {
          font-size: 4.6vw; } }
  @media screen and (max-width: 640px) {
    /* line 272, ../../scss/components/pages/_voice.scss */
    .VoiceAcc {
      display: none; } }

/*ページャー*/
/* line 279, ../../scss/components/pages/_voice.scss */
.List {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 640px) {
    /* line 279, ../../scss/components/pages/_voice.scss */
    .List {
      padding: 0 3.2%; } }
  /* line 286, ../../scss/components/pages/_voice.scss */
  .List__item {
    flex: 0 1 31.552%;
    margin: 0 0 28px;
    position: relative;
    cursor: pointer;
    border: 1px #e6e6e6 solid; }
    @media screen and (max-width: 640px) {
      /* line 286, ../../scss/components/pages/_voice.scss */
      .List__item {
        flex: 0 1 46.8%;
        margin: 0 0 4.6vw; } }
    /* line 296, ../../scss/components/pages/_voice.scss */
    .List__item::before {
      transition: 1s;
      opacity: 0; }
    /* line 300, ../../scss/components/pages/_voice.scss */
    .List__item:hover::before {
      content: "";
      width: 100%;
      height: 100%;
      opacity: 0.8;
      background: rgba(255, 229, 228, 0.3) left top;
      background-size: 100%;
      display: block;
      position: absolute; }

/* line 312, ../../scss/components/pages/_voice.scss */
.pager,
.pager2 {
  text-align: right;
  width: 50%;
  margin: 0 0 2.2% auto; }
  @media screen and (max-width: 640px) {
    /* line 312, ../../scss/components/pages/_voice.scss */
    .pager,
    .pager2 {
      margin: 0 3.2% 6.7% auto;
      width: 100%; } }

/* line 322, ../../scss/components/pages/_voice.scss */
.pager span,
.pager2 span {
  display: inline-block;
  width: 10%;
  text-align: center;
  cursor: pointer; }
  @media screen and (max-width: 640px) {
    /* line 322, ../../scss/components/pages/_voice.scss */
    .pager span,
    .pager2 span {
      font-size: 4.2vw; } }

/* line 332, ../../scss/components/pages/_voice.scss */
.pager .prev,
.pager2 .prev {
  display: inline-block;
  width: 25%;
  cursor: default;
  margin: 0 3% 0 0;
  white-space: nowrap; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 332, ../../scss/components/pages/_voice.scss */
    .pager .prev,
    .pager2 .prev {
      font-size: 1.6vw; } }

/* line 343, ../../scss/components/pages/_voice.scss */
.pager .current,
.pager2 .current {
  color: #ff7d77;
  cursor: default; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 343, ../../scss/components/pages/_voice.scss */
    .pager .current,
    .pager2 .current {
      font-size: 1.6vw; } }

/* line 351, ../../scss/components/pages/_voice.scss */
.next::before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 16px; }
  @media screen and (min-width: 641px) and (max-width: 999px) {
    /* line 351, ../../scss/components/pages/_voice.scss */
    .next::before {
      font-size: 1.6vw; } }
  @media screen and (max-width: 640px) {
    /* line 351, ../../scss/components/pages/_voice.scss */
    .next::before {
      font-size: 4vw; } }

/* line 362, ../../scss/components/pages/_voice.scss */
.VoicePopup .mfp-close {
  background: #898989;
  border: #c9caca 4px solid;
  border-radius: 50%;
  color: #fff !important;
  right: -10px;
  opacity: 1;
  top: -10px;
  width: 40px;
  height: 40px;
  font-size: 1.7rem;
  padding: 0.3% 0.9%;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    /* line 362, ../../scss/components/pages/_voice.scss */
    .VoicePopup .mfp-close {
      width: 11vw;
      height: 11vw;
      top: -1%;
      right: -3%;
      border: #c9caca 1vw solid;
      font-size: 9vw; } }

/*# sourceMappingURL=voice.css.map */