@charset "UTF-8";
/* CSS Document */
.billboard-style-01::after {background: url("../img/works/works_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 5em 0;}
.block-works-02 .container:nth-child(1) {margin-top: 3em;}
.block-works-02 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.5em;}
.block-works-02 .container:nth-child(1) ul li {width: calc(50% - 3em);margin: 0 1.5em 3em;background: #f7fafc;border-radius: 1em;overflow: hidden;box-shadow: 2px 2px 12px #ddd;}
.block-works-02 .container:nth-child(1) ul li.blank {text-align: center;width: 100%;background: transparent;box-shadow: none;}
.block-works-02 .container:nth-child(1) ul li a {height: 100%;position: relative;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(1) {width: 100%;padding-top: 55%;;position: relative;overflow: hidden;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(1)::after {display: none;content: '';width: 58%;height: 3em;background: url(../img/common/logo03_pc.webp) no-repeat center / contain;position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(1) figure img {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);object-fit: cover;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(1) .badge {width: 6em;height: auto;position: absolute;top: 0.8em;right: 1.0em;z-index: 101;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(2) {min-height: 10.5em;padding: 1.5em 11em 1.5em 1.5em;box-sizing: border-box;position: relative;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(1) {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 150%;font-weight: 600;overflow: hidden;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(2) {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 100%;font-weight: 600;margin-top: 0.5em;overflow: hidden;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(3) {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 87.5%;line-height: 1.5;margin-top: 1em;overflow: hidden;}
.block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(4) {font-size: 100%;width: 8.5em;margin: 0;position: absolute;top: 50%;right: 1.5em;transform: translateY(-50%);}
.block-works-02 .container:nth-child(1) ul li.noImage a div:nth-child(1)::after {display: block;}
.block-works-02 .container:nth-child(1) ul li.noImage a div:nth-child(1) {background: #f8f8f8;}
@media only screen and (max-width: 1200px) {
  .block-works-02 .container:nth-child(1) ul {margin: 0 -0.75em;}
  .block-works-02 .container:nth-child(1) ul li {width: calc(50% - 1.5em);margin: 0 0.75em 1.5em;}
  .block-works-02 .container:nth-child(1) ul li a div:nth-child(2) {min-height: 0;padding: 1em 1em 6em;position: static;}
  .block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(4) {margin: 0 auto;top: auto;left: 0;right: 0;bottom: 1.5em;transform: none;}
}
@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) {
  #contentsWrap {padding: 3em 0;}
  .block-works-02 .container:nth-child(1) {margin-top: 1em;}
  .block-works-02 .container:nth-child(1) ul li {width: calc(100% - 1.5em);margin: 0 auto 2em;}
  .block-works-02 .container:nth-child(1) ul li:last-child {margin-bottom: 0;}
  .block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(1) {display: block;-webkit-line-clamp: unset;-webkit-box-orient: unset;font-size: 137.5%;overflow: visible;}
  .block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(2) {display: block;-webkit-line-clamp: unset;-webkit-box-orient: unset;overflow: visible;}
  .block-works-02 .container:nth-child(1) ul li a div:nth-child(2) p:nth-child(3) {display: block;-webkit-line-clamp: unset;-webkit-box-orient: unset;overflow: visible;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}