@charset "UTF-8";
/* CSS Document */
/*.billboard-style-01::before {background: #718395;opacity: 0.32;}*/
.billboard-style-01::after {background: url("../img/reviews/reviews_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 7em 0;}
.block-reviews-02 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.5em;}
.block-reviews-02 .container:nth-child(1) ul li {width: calc(33.33% - 3em);margin: 0 1.5em 3em;background: #f7fafc;border-radius: 1em;overflow: hidden;/*box-shadow: 2px 2px 12px #ddd;*/}
.block-reviews-02 .container:nth-child(1) ul li a {display: block;width: 100%;padding-top: 75%;background: #f8f8f8;position: relative;}
.block-reviews-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-02 .container:nth-child(1) ul li a > div:nth-child(1) {width: 100%;height: 100%;position: absolute;top: 0;overflow: hidden;}
.block-reviews-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-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-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;right: 0;bottom: 0;z-index: 101;}
.block-reviews-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-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-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-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-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-02 .container:nth-child(1) ul li a > div:nth-child(2) div .address {color: #fff;font-size: 87.5%;}
.block-reviews-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-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-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) div .address,
.block-reviews-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) div .name,
.block-reviews-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) .title span,
.block-reviews-02 .container:nth-child(1) ul li.noImage a > div:nth-child(2) .title {color: #000;}
@media only screen and (max-width: 1200px) {
  .block-reviews-02 .container:nth-child(1) ul {margin: 0 -1em;}
  .block-reviews-02 .container:nth-child(1) ul li {width: calc(50% - 2em);margin: 0 1em 2em;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .billboard-style-01::after {background-size: auto 114% !important;}
  #contentsWrap {padding: 3em 0 5em;}
  .block-reviews-02 .container:nth-child(1) ul li {width: calc(100% - 2em);}
  .block-reviews-02 .container:nth-child(1) ul li a > div:nth-child(2) div {padding: 0.5em 0 0.75em 25%;}
  .block-reviews-02 .container:nth-child(1) ul li a > div:nth-child(2) div figure {width: 21%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}