@charset "UTF-8";
/* CSS Document */
#billboard {overflow: hidden;position: relative;padding-top: 16em;}
#billboard::after {display: block;content: '';width: 100%;height: 100%;background: teal url("../img/common/bg01_pc.webp") no-repeat 100% 0 / cover;background-blend-mode: soft-light;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;}
#billboard h2 {position: absolute;bottom: 1.5em;left: 0;right: 0;z-index: 2;text-align: center;font-weight: 600;font-size: 150%;letter-spacing: 0.15em;color: #fff;}
#billboard h2 small {display: block;font-weight: 500;font-size: 133.33%;opacity: 0.5;}
#billboard .section-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.block-facillity-01 h3 {margin-bottom: 1em;padding: 0.5em;background: cadetblue url("../img/common/bg03_pc.webp") no-repeat 100% 0 / cover;background-blend-mode: luminosity;border-radius: 5px;text-align: center;font-weight: 600;font-size: 150%;color: #fff;}
.block-facillity-01 figure {margin-bottom: 1em;}
.block-facillity-01 dl {display: flex;flex-wrap: wrap;border-top: 1px solid #ddd;}
.block-facillity-01 dl dt {width: 40%;padding: 1em;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.block-facillity-01 dl dd {width: 60%;padding: 1em;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.block-facillity-01 dl dd strong {font-size: 137.5%;line-height: 1;}
.block-facillity-01 dl dd small {display: block;font-size: 75%;color: #006463;}
.block-facillity-01 .caps {margin-top: 0.5em;font-size: 87.5%;}
.block-facillity-01 .container {width: calc(100% - 4em);max-width: 1200px;margin: 0 auto;padding: 5em 0;}

@media only screen and (min-width: 768px) {
  .block-facillity-01 .grid-list {display: flex;justify-content: space-between;flex-wrap: wrap;}
  .block-facillity-01 .grid-list > div {width: calc(50% - 1em);}
  .block-facillity-01 .grid-list > div:nth-child(n+3) {margin-top: 3em;}
}
@media only screen and (min-width: 901px) and (max-width: 1150px) {}
@media only screen and (max-width: 900px) {}
@media only screen and (max-width: 767px) {
  .block-facillity-01 h3 {font-size: 125%;}
  .block-facillity-01 .grid-list > div + div {margin-top: 3em;}
  .block-facillity-01 dl dt {display: flex;flex-direction: column;justify-content: center; padding: 1em 0;}
  .block-facillity-01 dl dd {padding: 1em 0;}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {}