* {
  box-sizing: border-box;
  float: none;
  position: static;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

header, footer, nav, section, article, aside, figure, figcaption {
  display: block;
}

body {
  line-height: 1;
  overflow-x: hidden;
}

a {
  color: #222222;
}

strong {
  color: #fff;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

.inner {
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 350px;
    padding: 0 15px;
  }
}

.header {
  background: #a3c450;
  width: 100%;
  height: 75px;
}

.voice {
  margin-top: min(5.8252427184vw, 60px);
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .voice {
    margin-top: 40px;
  }
}

.voice_title {
  text-align: center;
  font-size: min(4.854368932vw, 50px);
  font-family: Noto Sans JP;
  font-weight: 600;
  color: #79AE0C;
  position: relative;
}
.voice_title::after {
  content: "";
  position: absolute;
  height: 3px;
  background: #D2D2D2;
  width: 100%;
  top: min(14.5631067961vw, 150px);
  left: 0;
}
@media screen and (max-width: 767px) {
  .voice_title::after {
    top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .voice_title {
    font-size: 44px;
  }
}

.voice_title-sub {
  text-align: center;
  font-size: min(2.3300970874vw, 24px);
  margin-top: min(2.9126213592vw, 30px);
  color: #222222;
}
@media screen and (max-width: 767px) {
  .voice_title-sub {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

.voice_contentsArea {
  margin-top: min(7.7669902913vw, 80px);
}
@media screen and (max-width: 767px) {
  .voice_contentsArea {
    margin-top: 30px;
  }
}

.voice_content {
  display: flex;
  align-items: flex-start;
  border-bottom: min(0.0970873786vw, 1px) solid #D2D2D2;
  padding-bottom: min(4.854368932vw, 50px);
}
.voice_content:not(:first-child) {
  margin-top: min(4.854368932vw, 50px);
}
@media screen and (max-width: 767px) {
  .voice_content:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .voice_content {
    padding-bottom: 25px;
    border-bottom: 1px solid #D2D2D2;
  }
}

.voice_icon {
  width: min(9.5145631068vw, 98px);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .voice_icon {
    width: 70px;
  }
}

.voice_contet-textArea {
  margin-left: min(2.9126213592vw, 30px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .voice_contet-textArea {
    margin-left: 20px;
  }
}

.voice_content-date {
  font-family: Noto Sans JP;
  font-size: min(1.5533980583vw, 16px);
  font-weight: 600;
  color: #919191;
  text-align: right;
}

.voice_content-title {
  font-size: min(1.7475728155vw, 18px);
  font-family: Noto Sans JP;
  font-weight: 600;
  color: #D6064C;
  display: block;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .voice_content-title {
    font-size: 14px;
    width: 230px;
    line-height: 20px;
  }
}

.voice_content-data {
  margin-top: min(1.4563106796vw, 15px);
}
@media screen and (max-width: 767px) {
  .voice_content-data {
    margin-top: 10px;
    line-height: 20px;
  }
}

.voice_content-data_name {
  font-size: min(1.5533980583vw, 16px);
  font-family: Noto Sans JP;
  font-weight: 600;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .voice_content-data_name {
    font-size: 14px;
  }
  .voice_content-data_name::after {
    content: "\a";
    white-space: pre;
  }
}

.voice_content-data_contract {
  font-size: min(1.5533980583vw, 16px);
  font-family: Noto Sans JP;
  font-weight: 600;
  color: #4596FF;
  text-decoration: underline;
  margin-left: min(1.4563106796vw, 15px);
  padding-left: min(1.4563106796vw, 15px);
  position: relative;
  transition: 0.5s;
}
.voice_content-data_contract:hover {
  color: #D6064C;
}
.voice_content-data_contract::before {
  content: "";
  position: absolute;
  width: min(0.0970873786vw, 1px);
  height: min(1.359223301vw, 14px);
  background: #707070;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .voice_content-data_contract::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .voice_content-data_contract {
    font-size: 14px;
    margin-left: 0;
    padding-left: 0;
  }
}

.voice_content-data_text {
  font-size: min(1.5533980583vw, 16px);
  font-family: Noto Sans JP;
  font-weight: 600;
  color: #222222;
}
@media screen and (max-width: 767px) {
  .voice_content-data_text {
    font-size: 14px;
  }
}

.voice_content-comment {
  margin-top: min(0.9708737864vw, 10px);
  line-height: min(2.3300970874vw, 24px);
  width: min(74.7572815534vw, 770px);
  font-family: Noto Sans JP;
}
@media screen and (max-width: 767px) {
  .voice_content-comment {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    width: 230px;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: min(7.7669902913vw, 80px);
}

.first-page button {
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  padding: min(0.6796116505vw, 7px) min(0.9708737864vw, 10px);
  border: min(0.1941747573vw, 2px) solid #D2D2D2;
  text-align: center;
  background-color: #fff;
  opacity: 1;
  transition: 0.5s;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.first-page button:hover {
  background: #D6064C;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .first-page button {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.prev-page {
  margin-left: min(1.9417475728vw, 20px);
}
.prev-page button {
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  padding: min(0.6796116505vw, 7px) min(0.9708737864vw, 10px);
  border: min(0.1941747573vw, 2px) solid #D2D2D2;
  text-align: center;
  background-color: #fff;
  opacity: 1;
  transition: 0.5s;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.prev-page button:hover {
  background: #D6064C;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .prev-page button {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.pagination_menubar {
  display: flex;
  align-items: center;
}
.pagination_menubar li {
  margin-left: min(1.9417475728vw, 20px);
  display: inline-block;
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  text-align: center;
  background-color: #fff;
  opacity: 1;
  transition: 0.5s;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: #222222;
  cursor: pointer;
  position: relative;
}
.pagination_menubar li:hover {
  background: #D6064C;
  color: #fff;
  opacity: 0.5;
}
.pagination_menubar li a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
  font-weight: 600;
  padding: min(0.9708737864vw, 10px) min(0.9708737864vw, 10px) min(0.6796116505vw, 7px);
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  display: block;
  border: min(0.1941747573vw, 2px) solid #D2D2D2;
}
@media screen and (max-width: 767px) {
  .pagination_menubar li a {
    width: 30px;
    height: 30px;
    padding: 7px 5px;
  }
}
@media screen and (max-width: 767px) {
  .pagination_menubar li {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.navi-active {
  pointer-events: none;
}
.navi-active a {
  color: #fff;
  background-color: #4596FF;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .navi-active a {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.ellipsis {
  pointer-events: none;
  padding-top: min(1.4563106796vw, 15px);
}
.ellipsis span {
  font-weight: 600;
}

.next-page {
  margin-left: min(1.9417475728vw, 20px);
}
.next-page button {
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  padding: min(0.6796116505vw, 7px) min(0.9708737864vw, 10px);
  border: min(0.1941747573vw, 2px) solid #D2D2D2;
  text-align: center;
  background-color: #fff;
  opacity: 1;
  transition: 0.5s;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.next-page button:hover {
  background: #D6064C;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .next-page button {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.end-page {
  margin-left: min(1.9417475728vw, 20px);
}
.end-page button {
  width: min(3.8834951456vw, 40px);
  height: min(3.8834951456vw, 40px);
  padding: min(0.6796116505vw, 7px) min(0.9708737864vw, 10px);
  border: min(0.1941747573vw, 2px) solid #D2D2D2;
  text-align: center;
  background-color: #fff;
  opacity: 1;
  transition: 0.5s;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  cursor: pointer;
}
.end-page button:hover {
  background: #D6064C;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .end-page button {
    width: 30px;
    height: 30px;
    padding: 5px 5px;
    border: 2px solid #D2D2D2;
  }
}

.review_stars {
  display: flex;
  margin-top: min(1.4563106796vw, 15px);
}

.review_star {
  width: min(2.427184466vw, 25px);
}
@media screen and (max-width: 767px) {
  .review_star {
    width: 25px;
  }
}
.review_star:not(:first-child) {
  margin-left: min(0.2912621359vw, 3px);
}
@media screen and (max-width: 767px) {
  .review_star:not(:first-child) {
    margin-left: 3px;
  }
}

.footer {
  height: 100px;
  width: 100%;
  background: #2f2f2f;
  margin-top: 100px;
}/*# sourceMappingURL=style.css.map */