@charset "UTF-8";
/* CSS Document */
:root {--width-01: 70%;} /*マーカー太さ*/
.block-reviews_detail-01 {padding: 7em 0;}
.block-reviews_detail-01 .container:nth-child(1) ul li strong span,
.block-reviews_detail-01 .container:nth-child(1) ul li strong,
.block-reviews_detail-01 .container:nth-child(1) ul li em {font-weight: 600;}
.block-reviews_detail-01 .container:nth-child(1) ul li u {text-decoration: underline;}
.block-reviews_detail-01 .container:nth-child(1) ul li .marker_y {background: linear-gradient(transparent var(--width-01), #eaea5e var(--width-01));}
.block-reviews_detail-01 .container:nth-child(1) ul li .marker_r {background: linear-gradient(transparent var(--width-01), #d33c3c var(--width-01));}
.block-reviews_detail-01 .container:nth-child(1) ul li .marker_b {background: linear-gradient(transparent var(--width-01), #3c51d3 var(--width-01));}
.block-reviews_detail-01 .container:nth-child(1) ul li .marker_w {background: linear-gradient(transparent var(--width-01), #fff var(--width-01));}
.block-reviews_detail-01 .container:nth-child(1) ul li + li {margin-top: 4em;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div > div {display: inline-block;padding: 2em;border-radius: 1.5em;position: relative;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div > div figure {width: 6em;height: 6em;background: url("../img/reviews/reviews_icon01_img01_pc.webp") no-repeat center/contain;position: absolute;top: -1em;z-index: 100;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div div::before {display: block;content: '';width: 4em;height: 4em;position: absolute;top: 0;z-index: -1;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(1) div {color: #232e37;margin-left: 8em;background: #f1f2f5;position: relative;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(1) div::before {background: url("../img/common/common_left.svg") no-repeat top left/contain;left: -1em;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(1) div figure {right: calc(100% + 2em);}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(2) {color: #000;text-align: right;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(2) div {text-align: left;margin: 2em 8em 0 0;width: calc(100% - 8em);max-width: 920px;background: #c6d6e3;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(2) div::before {background: url("../img/common/common_right.svg") no-repeat top right/contain;right: -1.5em;}
.block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(2) div figure {left: calc(100% + 2em);}
.block-reviews_detail-02 {padding: 5em 0;background: #0f2d41;}
.block-reviews_detail-02 .container:nth-child(1) > div > p {color: #fff;font-size: 250%;font-weight: 600;text-align: center;}
.block-reviews_detail-02 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 3em -1.5em 0;}
.block-reviews_detail-02 .container:nth-child(1) ul li {width: calc(33.33% - 3em);margin: 0 1.5em 3em;border-radius: 1em;overflow: hidden;}
.block-reviews_detail-02 .container:nth-child(1) ul li a {display: block;width: 100%;padding-top: 75%;position: relative;}
.block-reviews_detail-02 .container:nth-child(1) ul li a::after {display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom,transparent,transparent,rgba(0,0,0,0.4),rgba(0,0,0,0.6));position: absolute;left: 0;bottom: 0;pointer-events: none;z-index: 100;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(1) {width: 100%;height: 100%;position: absolute;top: 0;overflow: hidden;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(1)::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(1) figure img {width: 102%;height: 102%;position: absolute;top: 50%;left: 50%;z-index: 99;transform: translate(-50%, -50%);object-fit: cover;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) {padding: 1.5em 1.5em 1em;box-sizing: border-box;position: absolute;left: 0;bottom: 0;z-index: 101;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #fff;font-size: 100%;font-weight: 600;overflow: hidden;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) .title span {display: inline-block;color: #fff;font-size: 60%;font-weight: 600;text-align: center;line-height: 2.25;padding: 0 1em;margin-right: 0.35em;background: #aaa;border-radius: 3em;vertical-align: middle;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) div {padding: 0.75em 0 0.75em 20%;margin-top: 0.5em;min-height: 4.2em;position: relative;z-index: 101;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) div figure {width: 18%;height: 100%;position: absolute;top: 50%;left: 0;z-index: 100;transform: translateY(-50%);}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) div .name {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #fff;font-size: 100%;font-weight: 600;overflow: hidden;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) div .address {color: #fff;font-size: 87.5%;}
.block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) div .btn {font-size: 100%;width: 8.5em;position: absolute;right: 1.25em;bottom: 1.25em;}
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a {background: #f8f8f8;}
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) div figure {background: url("../img/reviews/reviews_icon01_img01_pc.webp") no-repeat center/contain;}
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) div .address,
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) div .name,
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) .title span,
.block-reviews_detail-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) .title {color: #000;}
.block-reviews_detail-03 {padding: 5em 0 8em;background: #6c8da4;}
.block-reviews_detail-03 .container:nth-child(1) {color: #fff;text-align: center;}
.block-reviews_detail-03 .container:nth-child(1) p:nth-child(1) {font-size: 250%;font-weight: 600;text-align: center;}
.block-reviews_detail-03 .container:nth-child(1) p:nth-child(2) {line-height: 3;margin-top: 3em;}
.block-reviews_detail-03 .container:nth-child(1) a {font-size: 125%;line-height: 3.5;margin: 3em auto 0;width: 14em;}
@media only screen and (max-width: 1400px) {
  .block-reviews_detail-02 .container:nth-child(1) > div > p {font-size: 200%;}
  .block-reviews_detail-02 .container:nth-child(1) ul {margin: 2em -0.5em 0;}
  .block-reviews_detail-02 .container:nth-child(1) ul li {width: calc(33.33% - 1em);margin: 0 0.5em 3em;}
  .block-reviews_detail-02 .container:nth-child(1) ul li a {padding-top: 90%;}
  .block-reviews_detail-02 .container:nth-child(1) ul li a > div:nth-child(2) {padding: 1em 1em 0;}
  .block-reviews_detail-03 .container:nth-child(1) p:nth-child(1) {font-size: 200%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) and  (max-width: 900px) {
  .block-reviews_detail-02 .container:nth-child(1) ul {font-size: 1.5vw;}
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .block-reviews_detail-01 {padding: 3.5em 0;}
  .block-reviews_detail-01 .container:nth-child(1) ul li > div > div {padding: 1.5em;border-radius: 1em;}
  .block-reviews_detail-01 .container:nth-child(1) ul li > div > div figure {width: 5em;height: 5em;}
  .block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(1) div {margin-left: 6.5em;}
  .block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(1) div figure {top: -0.75em;right: calc(100% + 1.5em);}
  .block-reviews_detail-01 .container:nth-child(1) ul li > div:nth-child(2) div {margin-top: 2.5em;}
  .block-reviews_detail-02 {padding: 3em 0;}
  .block-reviews_detail-02 .container:nth-child(1) > div > p {font-size: 150%;}
  .block-reviews_detail-02 .container:nth-child(1) ul {margin-top: 2em;}
  .block-reviews_detail-02 .container:nth-child(1) ul li {width: calc(100% - 1em);margin: 0 0.5em 2em;}
  .block-reviews_detail-02 .container:nth-child(1) ul li a {padding-top: 63%;}
  .block-reviews_detail-03 {padding: 3em 0 5em;}
  .block-reviews_detail-03 .container:nth-child(1) p:nth-child(1) {font-size: 150%;}
  .block-reviews_detail-03 .container:nth-child(1) p:nth-child(2) {line-height: 2.5;text-align: left;margin-top: 2em;}
  .block-reviews_detail-03 .container:nth-child(1) a {margin-top: 1.5em;width: 13em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}