@charset "UTF-8";
/* CSS Document */
.billboard-style-01::after {background: url("../img/column/column_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 5em 0;}
.block-column_detail-01 .container:nth-child(1) p {line-height: 2.25;}
.block-column_detail-03 .container:nth-child(1) {padding: 5em 0;}
.block-column_detail-03 .container:nth-child(1) > div {padding: 3em 3em 3em 16em;background: #eff3f5;position: relative;}
.block-column_detail-03 .container:nth-child(1) > div::after {display: block;content: '';width: 10em;height: 10em;padding: 2em;border-radius: 50%;background: #fff url("../img/common/logo05_pc.webp") no-repeat center/60%;position: absolute;top: 50%;left: 3em;z-index: 100;transform: translateY(-50%);}
.block-column_detail-03 .container:nth-child(1) > div p:nth-child(1) {font-size: 112.5%;}
.block-column_detail-03 .container:nth-child(1) > div p:nth-child(2) {font-size: 125%;font-weight: 600;margin-top: 0.25em;}
.block-column_detail-03 .container:nth-child(1) > div p:nth-child(3) {font-size: 87.5%;line-height: 1.75;margin-top: 1em;}
.block-column_detail-04 {padding: 5em 0;background: #0f2d41;}
.block-column_detail-04 .container:nth-child(1) > div > p {color: #fff;font-size: 250%;font-weight: 600;text-align: center;}
.block-column_detail-04 .container:nth-child(1) > div ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 3em -2em 0;}
.block-column_detail-04 .container:nth-child(1) > div ul li {width: calc(33.333% - 4em);margin: 0 2em 3em;border-radius: 1em;overflow: hidden;}
.block-column_detail-04 .container:nth-child(1) > div ul li a {}
.block-column_detail-04 .container:nth-child(1) > div ul li a figure {width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.block-column_detail-04 .container:nth-child(1) > div ul li.noImage a figure {background: #f8f8f8;}
.block-column_detail-04 .container:nth-child(1) > div ul li.noImage a figure::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-column_detail-04 .container:nth-child(1) > div ul li a figure img {width: 102%;height: 102%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.block-column_detail-04 .container:nth-child(1) > div ul li a {display: block;}
.block-column_detail-04 .container:nth-child(1) > div ul li a > div {padding: 2em 2.5em;background: #fff;}
.block-column_detail-04 .container:nth-child(1) > div ul li a > div > p:nth-of-type(1) {color: var(--color-01);font-size: 87.5%;}
.block-column_detail-04 .container:nth-child(1) > div ul li a > div > p:nth-of-type(2) {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 112.5%;font-weight: 600;min-height: 3em;overflow: hidden;}
.block-column_detail-04 .container:nth-child(1) > div ul li a > div > p:nth-of-type(3) {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 87.5%;line-height: 2;margin-top: 0.5em;overflow: hidden;}
.block-column_detail-05 {padding: 5em 0 0;}
.block-column_detail-05 .container:nth-child(1) > p {font-size: 250%;font-weight: 600;text-align: center;}
.block-column_detail-05 .container:nth-child(1) > div ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 3em -1em 0;}
.block-column_detail-05 .container:nth-child(1) > div ul li {width: calc(50% - 2em);margin: 0 1em 3em;}
.block-column_detail-05 .container:nth-child(1) > div ul li a {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.block-column_detail-05 .container:nth-child(1) > div ul li a figure {width: 25%;padding-top: 18%;position: relative;overflow: hidden;}
.block-column_detail-05 .container:nth-child(1) > div ul li.noImage a figure {background: #f8f8f8;}
.block-column_detail-05 .container:nth-child(1) > div ul li.noImage a figure::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-column_detail-05 .container:nth-child(1) > div ul li a figure img {width: 102%;height: 102%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.block-column_detail-05 .container:nth-child(1) > div ul li a div {width: 75%;padding: 1.5em;box-sizing: border-box;}
.block-column_detail-05 .container:nth-child(1) > div ul li a div p:nth-child(1) {font-size: 93.75%;}
.block-column_detail-05 .container:nth-child(1) > div ul li a div p:nth-child(2) {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 137.5%;font-weight: 600;margin-top: 0.2em;overflow: hidden;}
@media only screen and (max-width: 1200px) {
  .block-column_detail-04 .container:nth-child(1) > div ul {margin: 3em -1em 0;}
  .block-column_detail-04 .container:nth-child(1) > div ul li {width: calc(33.333% - 2em);margin: 0 1em 2em;}
  .block-column_detail-05 .container:nth-child(1) > div ul li {width: calc(100% - 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) {  
  #contentsWrap {padding: 3em 0;}
  .block-column_detail-03 .container:nth-child(1) {padding: 3em 0;}
  .block-column_detail-03 .container:nth-child(1) > div {padding: calc(5vw + 12em) 5vw 5vw;}
  .block-column_detail-03 .container:nth-child(1) > div::after {margin: 0 auto;top: calc(5vw + 0.5em);left: 0;right: 0;transform: none;}
  .block-column_detail-04 {padding: 3em 0;}
  .block-column_detail-04 .container:nth-child(1) > div > p {font-size: 150%;}
  .block-column_detail-04 .container:nth-child(1) > div ul {margin: 2em -1em 0;}
  .block-column_detail-04 .container:nth-child(1) > div ul li {width: calc(100% - 2em);margin: 0 1em 2em;}
  .block-column_detail-04 .container:nth-child(1) > div ul li a > div {padding: 5vw;}
  .block-column_detail-05 {padding: 3em 0 0;}
  .block-column_detail-05 .container:nth-child(1) > p {font-size: 150%;}
  .block-column_detail-05 .container:nth-child(1) > div ul {margin-top: 2em;}
  .block-column_detail-05 .container:nth-child(1) > div ul li {margin-bottom: 1.5em;}
  .block-column_detail-05 .container:nth-child(1) > div ul li a {align-items: flex-start;}
  .block-column_detail-05 .container:nth-child(1) > div ul li a div {width: 65%;padding: 0 0.75em;}
  .block-column_detail-05 .container:nth-child(1) > div ul li a figure {width: 35%;padding-top: 21%;}
  .block-column_detail-05 .container:nth-child(1) > div ul li a div p:nth-child(2) {font-size: 100%;line-height: 1.5;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}