@charset "UTF-8";
.voice {
  letter-spacing: 0.05em;
  color: #222;
  /* ----voice_mv---- */
}
.voice .voice_mv {
  position: relative;
  color: #FFF;
}
.voice .voice_mv img {
  width: 100%;
}
.voice .voice_mv .title_area {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.voice .voice_mv .title_area .title {
  font-size: 77px;
  font-family: "Tsukimi Rounded", sans-serif;
  font-weight: 600;
}
@media (max-width: 768px) {
  .voice .voice_mv .title_area .title {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .voice .voice_mv .title_area .title {
    font-size: 30px;
  }
}
.voice .voice_mv .title_area h1 {
  font-size: 27px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .voice .voice_mv .title_area h1 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .voice .voice_mv .title_area h1 {
    font-size: 16px;
  }
}
.voice .voice_mv .cap {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
}
.voice {
  /* ----/voice_mv---- */
  /* ----point_list---- */
}
.voice .point_list {
  padding: 60px 5% 200px;
  background: #F5F5F5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, rgb(245, 245, 245)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(245, 245, 245) 13%, rgb(255, 255, 255) 100%);
}
@media (max-width: 768px) {
  .voice .point_list {
    padding: 40px 5% 100px;
  }
}
@media (max-width: 480px) {
  .voice .point_list {
    padding: 30px 5% 70px;
  }
}
.voice .point_list .read_txt {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 24px;
  line-height: 1.58;
  font-weight: 500;
  margin: 0 0 150px 0;
}
@media (max-width: 768px) {
  .voice .point_list .read_txt {
    font-size: 18px;
    margin: 0 0 70px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_list .read_txt {
    font-size: 17px;
  }
}
.voice .point_list .point {
  text-align: center;
  color: #B71834;
  font-family: "Noto Serif JP", serif;
  margin: 0 0 60px 0;
}
.voice .point_list .point h2 {
  font-size: 29px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .voice .point_list .point h2 {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point h2 {
    font-size: 18px;
  }
}
.voice .point_list .point h3 {
  font-size: 57px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .voice .point_list .point h3 {
    font-size: 45px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point h3 {
    font-size: 37px;
  }
}
.voice .point_list .point h3 .t1 {
  font-size: 112px;
}
@media (max-width: 768px) {
  .voice .point_list .point h3 .t1 {
    font-size: 80px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point h3 .t1 {
    font-size: 65px;
  }
}
.voice .point_list .point h3 .t2 {
  font-size: 82px;
}
@media (max-width: 768px) {
  .voice .point_list .point h3 .t2 {
    font-size: 55px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point h3 .t2 {
    font-size: 45px;
  }
}
.voice .point_list .point_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px 4%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .voice .point_list .point_box {
    gap: 20px 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.voice .point_list .point_box li {
  width: 48%;
  background: #FFF;
  text-align: center;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
  font-family: "Noto Serif JP", serif;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media (max-width: 768px) {
  .voice .point_list .point_box li {
    width: 100%;
  }
}
.voice .point_list .point_box li.p1 {
  color: #9F8731;
}
@media (hover: hover) {
  .voice .point_list .point_box li.p1:hover {
    background-color: #fffcef;
  }
}
.voice .point_list .point_box li.p2 {
  color: #038CA4;
}
@media (hover: hover) {
  .voice .point_list .point_box li.p2:hover {
    background-color: #e5f8fc;
  }
}
.voice .point_list .point_box li.p3 {
  color: #B68050;
}
@media (hover: hover) {
  .voice .point_list .point_box li.p3:hover {
    background-color: #fff5ec;
  }
}
.voice .point_list .point_box li.p4 {
  color: #395723;
}
@media (hover: hover) {
  .voice .point_list .point_box li.p4:hover {
    background-color: #f7fff0;
  }
}
.voice .point_list .point_box li a {
  padding: 45px 0;
  display: block;
}
@media (max-width: 768px) {
  .voice .point_list .point_box li a {
    padding: 30px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point_box li a {
    padding: 20px 0;
  }
}
.voice .point_list .point_box li .num {
  font-size: 29px;
  line-height: 0.8;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .voice .point_list .point_box li .num {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point_box li .num {
    font-size: 20px;
  }
}
.voice .point_list .point_box li .num span {
  font-size: 114px;
  font-family: "Zen Antique", serif;
  display: block;
  margin: 8px 0 12px 0;
}
@media (max-width: 768px) {
  .voice .point_list .point_box li .num span {
    font-size: 80px;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point_box li .num span {
    font-size: 60px;
  }
}
.voice .point_list .point_box li .catch {
  font-size: 31px;
  margin: 0 0 35px 0;
}
@media (max-width: 768px) {
  .voice .point_list .point_box li .catch {
    font-size: 25px;
    margin: 0 0 22px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_list .point_box li .catch {
    font-size: 20px;
    margin: 0 0 15px 0;
  }
}
.voice .point_list .point_box li .more {
  font-size: 18px;
  color: #818181;
  font-family: "Noto Sans", sans-serif;
  position: relative;
  width: 170px;
  margin: 0 auto;
  border-bottom: solid 1px #818181;
  padding: 0 0 10px 0;
}
@media (max-width: 480px) {
  .voice .point_list .point_box li .more {
    font-size: 15px;
  }
}
.voice .point_list .point_box li .more::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 1px;
  border-radius: 9999px;
  background-color: #818181;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: calc(100% - 2px) 50%;
      -ms-transform-origin: calc(100% - 2px) 50%;
          transform-origin: calc(100% - 2px) 50%;
}
.voice {
  /* ----/point_list---- */
  /* ----point_dtail---- */
}
.voice .point_dtail {
  padding-bottom: 50px;
  margin: 0 0 150px 0;
}
@media (max-width: 768px) {
  .voice .point_dtail {
    margin: 0 0 80px 0;
  }
}
.voice .point_dtail .catch_area {
  text-align: center;
  padding: 0 5%;
}
.voice .point_dtail .point_catch1 {
  text-align: center;
  border-bottom: solid 1px #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.voice .point_dtail .point_catch1 .num {
  font-family: "Noto Serif JP", serif;
  font-size: 33px;
  font-weight: 300;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch1 .num {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch1 .num {
    font-size: 24px;
  }
}
.voice .point_dtail .point_catch1 .num span {
  font-size: 91px;
  font-family: "Zen Antique", serif;
  line-height: 0.6;
  padding: 0 0 0 5px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch1 .num span {
    font-size: 75px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch1 .num span {
    font-size: 60px;
  }
}
.voice .point_dtail .point_catch1 h2 {
  font-size: 55px;
  font-family: "Noto Serif JP", serif;
  padding: 0 0 0 40px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch1 h2 {
    font-size: 40px;
    padding: 0;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch1 h2 {
    font-size: 24px;
  }
}
.voice .point_dtail .point_catch2 {
  font-size: 26px;
  margin: 0 0 60px 0;
  font-weight: 500;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch2 {
    font-size: 24px;
    margin: 0 0 40px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch2 {
    font-size: 17px;
    margin: 0 0 30px 0;
  }
}
.voice .point_dtail .point_catch2 .t1 {
  font-size: 30px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch2 .t1 {
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch2 .t1 {
    font-size: 22px;
  }
}
.voice .point_dtail .point_catch2 .t2 {
  font-size: 20px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch2 .t2 {
    font-size: 17px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch2 .t2 {
    font-size: 15px;
  }
}
.voice .point_dtail .point_catch2 .t3 {
  font-size: 28px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_catch2 .t3 {
    font-size: 22px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_catch2 .t3 {
    font-size: 19px;
  }
}
.voice .point_dtail .point_txt {
  font-size: 22px;
  line-height: 1.59;
  margin: 0 0 65px 0;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_txt {
    font-size: 19px;
    margin: 0 0 30px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .point_txt {
    font-size: 16px;
  }
}
.voice .point_dtail .point_mv {
  position: relative;
}
.voice .point_dtail .point_mv.mv2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5%;
}
.voice .point_dtail .point_mv.mv2 .left {
  position: relative;
}
.voice .point_dtail .point_mv.mv2 .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.voice .point_dtail .point_mv.mv2 .right div {
  position: relative;
}
.voice .point_dtail .point_mv img {
  width: 100%;
}
.voice .point_dtail .point_mv .cap {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 12px;
  color: #FFF;
  text-shadow: 0px 3px 6px #000;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_mv .cap {
    font-size: 8px;
    right: 5px;
    left: 5px;
    bottom: 5px;
  }
}
.voice .point_dtail .point_mv .note {
  max-width: 1121px;
  margin: 18px auto 0;
  font-size: 12px;
}
@media (max-width: 768px) {
  .voice .point_dtail .point_mv .note {
    padding: 0 5%;
  }
}
.voice .point_dtail .voice_bg {
  background: #F9F6ED;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 246, 237)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(249, 246, 237) 0%, rgb(255, 255, 255) 100%);
  padding: 73px 0 0 0;
}
@media (max-width: 480px) {
  .voice .point_dtail .voice_bg {
    padding: 40px 0 0 0;
  }
}
.voice .point_dtail .voice_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 3%;
  padding: 60px 0 0;
  margin-bottom: 60px;
}
@media (max-width: 1121px) {
  .voice .point_dtail .voice_block {
    padding: 60px 5% 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block {
    padding: 30px 5% 0;
    gap: 30px 3%;
  }
}
.voice .point_dtail .voice_block li {
  width: 23.047%;
  position: relative;
  background: #FFF;
  min-height: 360px;
  padding: 4% 4% 3% 4%;
  border: solid #CDB76B 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li {
    width: 100%;
    min-height: 250px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .voice_block li {
    min-height: 250px;
  }
}
.voice .point_dtail .voice_block li.sub {
  width: 65.5%;
  padding: 0%;
  background: transparent;
  border: none !important;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li.sub {
    width: 100%;
  }
}
.voice .point_dtail .voice_block li.sub::after {
  display: none;
}
.voice .point_dtail .voice_block li.sub h4 {
  font-size: 36px;
  text-align: center;
  font-weight: 500;
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li.sub h4 {
    font-size: 26px;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .voice_block li.sub h4 {
    font-size: 24px;
  }
}
.voice .point_dtail .voice_block li.sub h4 span {
  font-size: 19px;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li.sub h4 span {
    font-size: 17px;
  }
}
.voice .point_dtail .voice_block li.sub .txt {
  text-align: center;
  font-size: 18px;
  font-family: "Noto Sans", sans-serif;
  margin: 0 0 45px 0;
  font-weight: 400;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li.sub .txt {
    font-size: 17px;
    margin: 0 0 30px 0;
  }
}
@media (max-width: 480px) {
  .voice .point_dtail .voice_block li.sub .txt {
    font-size: 15px;
  }
}
.voice .point_dtail .voice_block li.sub .image1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px 5%;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li.sub .image1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 35px 0;
  }
}
.voice .point_dtail .voice_block li.sub .image1 div {
  position: relative;
}
.voice .point_dtail .voice_block li.sub .image1 p {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #FFF;
  font-size: 12px;
  text-shadow: 0px 3px 6px #000;
}
.voice .point_dtail .voice_block li::after {
  content: "";
  position: absolute;
  width: 1px;
  background: #CDB76B;
  height: 38px;
  left: 50%;
  top: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block li::after {
    height: 20px;
  }
}
.voice .point_dtail .voice_block .st {
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
  margin: 0px 0 30px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block .st {
    font-size: 24px;
    margin: 0px 0 15px 0;
  }
}
.voice .point_dtail .voice_block .txt {
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  line-height: 2.06;
  font-weight: 600;
}
@media (max-width: 768px) {
  .voice .point_dtail .voice_block .txt {
    font-size: 14px;
    margin: 0 0 18px 0;
  }
}
.voice .point_dtail .voice_block .name {
  text-align: right;
  padding: 0 0 10px 0;
  border-bottom: #000 1px solid;
  margin: 0 0 10px 0;
  font-size: 14px;
}
.voice .point_dtail .voice_block .date {
  text-align: right;
  font-size: 12px;
  color: #B4B4B4;
}
.voice .point_dtail .btn_block {
  width: 90%;
  max-width: 300px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .voice .point_dtail .btn_block {
    max-width: 200px;
  }
}
.voice .point_dtail .btn_block a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  background: #b7a35d;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.05em;
  color: #fff;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 768px) {
  .voice .point_dtail .btn_block a {
    padding: 15px 0;
    font-size: 14px;
  }
}
.voice .point_dtail .btn_block a::after {
  content: "";
  right: 8%;
  top: 48%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
@media (max-width: 768px) {
  .voice .point_dtail .btn_block a::after {
    top: 45%;
    width: 4px;
    height: 4px;
  }
}
.voice .point_dtail {
  /* ----point_個別---- */
}
.voice .point_dtail.point1 .point_catch1 {
  border-bottom: solid 1px #9F8731;
  color: #9F8731;
}
.voice .point_dtail.point1 .voice_bg {
  background: #F9F6ED;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(249, 246, 237)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(249, 246, 237) 0%, rgb(255, 255, 255) 100%);
}
.voice .point_dtail.point1 .voice_block li {
  border: solid #CDB76B 1px;
}
.voice .point_dtail.point1 .voice_block li::after {
  background: #CDB76B;
}
.voice .point_dtail.point1 .voice_block .st {
  color: #CDB76B;
}
.voice .point_dtail.point1 .voice_block .name {
  border-bottom: #CDB76B 1px solid;
}
.voice .point_dtail.point2 .point_catch1 {
  border-bottom: solid 1px #038CA4;
  color: #038CA4;
}
.voice .point_dtail.point2 .voice_bg {
  background: #D5ECF2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgb(213, 236, 242)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(213, 236, 242) 29%, rgb(255, 255, 255) 100%);
}
.voice .point_dtail.point2 .voice_block li {
  border: solid #3EA8BB 1px;
}
.voice .point_dtail.point2 .voice_block li::after {
  background: #3EA8BB;
}
.voice .point_dtail.point2 .voice_block .st {
  color: #3EA8BB;
}
.voice .point_dtail.point2 .voice_block .name {
  border-bottom: #3EA8BB 1px solid;
}
.voice .point_dtail.point2 .btn_block a {
  background: #44abbd;
}
.voice .point_dtail.point3 .point_catch1 {
  border-bottom: solid 1px #B68050;
  color: #B68050;
}
.voice .point_dtail.point3 .voice_bg {
  background: #F5EEE6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgb(245, 238, 230)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(245, 238, 230) 29%, rgb(255, 255, 255) 100%);
}
.voice .point_dtail.point3 .voice_block li {
  border: solid #CBA079 1px;
}
.voice .point_dtail.point3 .voice_block li::after {
  background: #CBA079;
}
.voice .point_dtail.point3 .voice_block .st {
  color: #CBA079;
}
.voice .point_dtail.point3 .voice_block .name {
  border-bottom: #CBA079 1px solid;
}
.voice .point_dtail.point3 .btn_block a {
  background: #bd9571;
}
.voice .point_dtail.point4 .point_catch1 {
  border-bottom: solid 1px #395723;
  color: #395723;
}
.voice .point_dtail.point4 .voice_bg {
  background: #EDF3F1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgb(237, 243, 241)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(237, 243, 241) 29%, rgb(255, 255, 255) 100%);
}
.voice .point_dtail.point4 .voice_block li {
  border: solid #819E6D 1px;
}
.voice .point_dtail.point4 .voice_block li::after {
  background: #819E6D;
}
.voice .point_dtail.point4 .voice_block .st {
  color: #819E6D;
}
.voice .point_dtail.point4 .voice_block .name {
  border-bottom: #819E6D 1px solid;
}
.voice .point_dtail.point4 .btn_block a {
  background: #72935c;
}
.voice .point_dtail {
  /* ----/point_個別---- */
}
.voice .point_dtail .note {
  margin: 40px 0 0 0;
  font-size: 12px;
}
@media (max-width: 1121px) {
  .voice .point_dtail .note {
    padding: 0 5%;
  }
}
.voice {
  /* ----/point_dtail---- */
}
.voice .ba_area {
  max-width: 700px;
  margin: -70px auto 0;
  padding: 0 5%;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
@media (hover: hover) {
  .voice .ba_area:hover {
    opacity: 0.6 !important;
  }
}/*# sourceMappingURL=voice.css.map */