@charset "UTF-8";
/* CSS Document */
html,body {overflow: visible;}
.billboard-style-01::after {background: url("../img/feature/feature_mv01_img01_pc.webp") no-repeat center/cover;}
#contentsWrap {padding: 4em 0 8em;}
#btnList {padding: 2em 0;background: #fff;position: sticky;top: 6em;z-index: 101;}
#selectBtn {max-width: 55em;margin: 0 auto;position: -webkit-sticky;position: sticky;top: 6em;}
#selectBtn ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#selectBtn ul li {line-height: 3;text-align: center;width: 32%;}
#selectBtn ul li a {font-size: 125%;font-weight: 600;background: var(--color-04);box-sizing: border-box;border-radius: 0.5em;box-shadow: 1px 1px 4px #ccc;position: relative;}
#selectBtn ul li a::after {display: block;content: '';width: 100%;height: 100%;box-sizing: border-box;border: 3px solid #2c72b8;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);pointer-events: none;border-radius: 0.5em;opacity: 0;}
#selectBtn ul li a span {font-weight: 600;}
body.hiroshima #selectBtn ul li:nth-child(3) a::after,
body.osaka #selectBtn ul li:nth-child(2) a::after,
body.nagoya #selectBtn ul li:nth-child(1) a::after {opacity: 1;}
.block-feature-00 .container:nth-child(1) h3 {font-size: 200%;font-weight: 600;text-align: center;letter-spacing: 0.05em;padding-top: 2em;}
.block-feature-00 .container:nth-child(1) h3 strong {color: var(--color-06);text-align: center;}
.block .container h4 {color: var(--color-06);font-size: 125%;font-weight: 600;}
.block .container h4::before {display: inline-block;content: attr(data-label);color: #fff;font-size: 75%;line-height: 1;padding: 0.5em 1em 0.45em;margin-right: 0.5em;background: var(--color-06);}
.block .container h4 + div p {line-height: 2;margin-top: 2em;}
.block .container h4 + div p strong {font-weight: 600;}
.block .container h4 + div p small {font-size: 75%;}
.block .container h4 + div p.ref {color: #444;font-size: 75%;line-height: 1.5;}
.block-feature-01 {margin-top: 3em;}
.block:nth-child(n + 3) {margin: 5em 0;}
#contentsWrap > section:nth-child(n + 2) {overflow-x: hidden;}
#contentsWrap > section:nth-child(n + 2):not(:last-child)::after {display: block;content: '';width: 100%;height: 1px;margin: 4em 0;background: #d5d5d5;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2),
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2),
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 4em -2px 0;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div,
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div,
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div {width: calc(33.33% - 4px);padding-top: 22%;margin: 2px;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(1) {background: url("../img/feature/feature_nagoya_img01_01_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(2) {background: url("../img/feature/feature_nagoya_img01_02_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(3) {background: url("../img/feature/feature_nagoya_img01_03_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(4) {background: url("../img/feature/feature_nagoya_img01_04_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(5) {background: url("../img/feature/feature_nagoya_img01_05_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(6) {background: url("../img/feature/feature_nagoya_img01_06_pc.webp") no-repeat center/cover;}
#nagoya .block-feature-02 .container:nth-child(1) h4 + div {padding-right: 35%;position: relative;}
#nagoya .block-feature-02 .container:nth-child(1) h4 + div figure {width: 30%;position: absolute;top: -1em;right: 0;}
#nagoya .block-feature-03 .container:nth-child(2) ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3em -1em 0;}
#nagoya .block-feature-03 .container:nth-child(2) ul li {width: calc(50% - 2em);margin: 0 1em 2em;padding: 2em 2em 1.5em;background: var(--color-04);}
#nagoya .block-feature-03 .container:nth-child(2) ul li p:nth-of-type(1) {font-size: 112.5%;font-weight: 600;text-align: center;}
#nagoya .block-feature-03 .container:nth-child(2) ul li figure {margin-top: 1em;position: relative;}
#nagoya .block-feature-03 .container:nth-child(2) ul li p:nth-of-type(2) {line-height: 2;margin-top: 1em;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(1) {background: url("../img/feature/feature_osaka_img01_01_pc.webp") no-repeat center/cover;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(2) {background: url("../img/feature/feature_osaka_img01_02_pc.webp") no-repeat center/cover;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(3) {background: url("../img/feature/feature_osaka_img01_03_pc.webp") no-repeat center/cover;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(4) {background: url("../img/feature/feature_osaka_img01_04_pc.webp") no-repeat center/cover;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(5) {background: url("../img/feature/feature_osaka_img01_05_pc.webp") no-repeat center/cover;}
#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(6) {background: url("../img/feature/feature_osaka_img01_06_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(1) {background: url("../img/feature/feature_hiroshima_img01_01_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(2) {background: url("../img/feature/feature_hiroshima_img01_02_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(3) {background: url("../img/feature/feature_hiroshima_img01_03_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(4) {background: url("../img/feature/feature_hiroshima_img01_04_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(5) {background: url("../img/feature/feature_hiroshima_img01_05_pc.webp") no-repeat center/cover;}
#hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div:nth-child(6) {background: url("../img/feature/feature_hiroshima_img01_06_pc.webp") no-repeat center/cover;}
@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: 0;}
  #btnList {padding: 2em 0;}
  #selectBtn ul li a {font-size: 112.5%;line-height: 1.25;padding: 0.5em 0;}
  #selectBtn ul li a span {display: block;font-size: 90%;}
  .block-feature-00 .container:nth-child(1) h3 {font-size: 125%;font-weight: 600;padding-top: 1em;}
  .block-feature-01 {margin-top: 2em;}
  .block .container h4 {font-size: 112.5%;padding-left: 4em;position: relative;}
  .block .container h4::before {position: absolute;top: 0;left: 0;}
  .block .container h4 + div p {line-height: 1.75;margin-top: 1.25em;}
  .block:nth-child(n + 3) {margin: 3.5em 0;}
  #contentsWrap > section:nth-child(n + 2):not(:last-child)::after {margin: 4em 0 3em;}
  #nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2),
  #osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2),
  #hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) {margin: 2em -1px 0;}
  #nagoya .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div,
  #osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div,
  #hiroshima .block-feature-01 .container:nth-child(1) > div:nth-child(2) > div {width: calc(50% - 2px);padding-top: 33%;margin: 1px;}
  /*#osaka .block-feature-02 .container:nth-child(1) > div:nth-child(2) > div:nth-child(3)::after {right: 0.25em;bottom: 0.25em;}*/
  #nagoya .block-feature-02 .container:nth-child(1) h4 + div {padding: 0;}
  #nagoya .block-feature-02 .container:nth-child(1) h4 + div figure {margin-top: 2em;width: 100%;position: static;}
  #nagoya .block-feature-03 .container:nth-child(2) ul {margin-top: 2em;}
  #nagoya .block-feature-03 .container:nth-child(2) ul li {width: calc(100% - 2em);padding: 1.5em 5vw;}
  #nagoya .block-feature-03 .container:nth-child(2) ul li p:nth-of-type(1) {font-size: 100%;}
  #nagoya .block-feature-03 .container:nth-child(2) ul li p:nth-of-type(2) {font-size: 87.5%;line-height: 1.75;}
  #nagoya .block-feature-03 .container:nth-child(2) ul li figure {margin-top: 0.75em;}
  #nagoya .block-feature-03 .container:nth-child(2) ul li:last-child {margin-bottom: 0;}  
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}