@charset "UTF-8";
/* CSS Document */
.billboard-style-02 p {text-shadow: none;}
#Main {background: url(../img/common/bg02.webp);}
#Main #contentsWrap {margin-top: -1px;}
#Main .block-access-01 {padding: 7em 0 2em;background: #474341;position: relative;}
#Main .block-access-01 h3 {color: #fff;font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;}
#Main .block-access-01 h3::before {display: block;content: attr(data-title);font-size: 150%;letter-spacing: 0;}
#Main .block-access-01 h3 span {font-size: 175%;line-height: 1;vertical-align: sub;}
#Main .block-access-01 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 5em -0.2em 0;}
#Main .block-access-01 .container:nth-child(1) ul li {width: calc(33.333% - 0.4em);margin: 0.2em;position: relative;}
#Main .block-access-01 .container:nth-child(1) ul li::after {white-space: nowrap;}
#Main .block-access-01 .container:nth-child(1) ul li p {color: #fff;font-size: 137.5%;text-align: center;white-space: nowrap;text-shadow: 0 0 7px #222,0 0 7px #222,0 0 7px #222;position: absolute;top: 53%;left: 50%;z-index: 2;transform: translate(-50%,-50%);}
#Main .block-access-01 .container:nth-child(1) ul li p .sp01 {font-size: 131.25%;line-height: 1;}
#Main .block-access-01 .container:nth-child(1) ul li p .sp02 {font-size: 150%;line-height: 1;}
#Main .block-access-01 .container:nth-child(1) ul li p small {display: block;font-size: 80%;letter-spacing: 0;}
#Main .block-access-01 .container:nth-child(1) ul li figure::after {display: block;content: '';width: 100%;height: 100%;background: #c8c9ca;position: absolute;top: 0;left: 0;z-index: 1;mix-blend-mode: multiply;}
#Main .block-access-01 .container:nth-child(2) {padding: 5em 0 0;}
#Main .block-access-01 .container:nth-child(2) figure {max-width: 900px;margin: 0 auto;}
#Main .block-access-01 .container:nth-child(2) figure figcaption {color: #fff;}
#Main .block-access-02 {padding: 16em 0 5em;position: relative;}
#Main .block-access-02::before {display: block;content: '';width: 100%;height: 16em;background: url(../img/common/bg08.svg) no-repeat top center / 100%;position: absolute;top: -1px;left: 0;z-index: 1;}
#Main .block-access-02 .container h3 {font-size: 300%;line-height: 1;}
#Main .block-access-02 .container h3 + p {font-size: 125%;line-height: 2;letter-spacing: 0.05em;margin-top: 1.5em;}
#Main .block-access-02 .container + .container {margin-top: 5em;padding-top: 5em;border-top: 1px solid #231815;}
#Main .block-access-02 .container:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(1) {width: 41%;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(1) figure {margin-top: 2.5em;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(2) {width: 54%;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(2) p {font-size: 125%;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(2) p::before {display: inline-block;content: '';width: 0.8em;height: 0.8em;margin-right: 0.2em;background: #000;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(2) figure {margin-top: 0.5em;}
#Main .block-access-02 .container:nth-child(1) > div:nth-child(2) figure img {box-shadow: 0 2px 10px #bbb;}
#Main .block-access-02 .container:nth-child(1) > p {font-size: 125%;line-height: 2;letter-spacing: 0.01em;width: 100%;margin-top: 4em;}
#Main .block-access-02 .container:nth-child(1) > p span {display: inline-block;}
#Main .block-access-02 .container:nth-child(1) > p span::before {display: inline-block;content: '';width: 0.9em;height: 0.9em;background: #000;}
#Main .block-access-02 .container:nth-child(1) > p small {display: block;font-size: 10px;text-align: right;}
#Main .block-access-02 .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(1) {width: 45%;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(1) p {font-size: 125%;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(1) p::before {display: inline-block;content: '';width: 0.8em;height: 0.8em;margin-right: 0.2em;background: #000;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(1) figure {margin-top: 0.5em;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(2) {width: 45%;}
#Main .block-access-02 .container:nth-child(2) > div:nth-child(2) figure {margin-top: 2.5em;}
#Main .block-access-02 .container:nth-child(2) > p {line-height: 2;width: 100%;margin: 4em 0 2em;}
#Main .block-access-02 .container:nth-child(2) > p span::before {display: inline-block;content: '';width: 0.9em;height: 0.9em;background: #000;}
#Main .block-access-02 .container:nth-child(2) > img {width: 49.2%;box-shadow: 0 2px 10px #bbb;}
#Main .block-access-02 .container:nth-child(3) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(1) {width: 43%;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(1) figure {margin-top: 2.5em;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(2) {width: 50%;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(2) p {font-size: 125%;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(2) p::before {display: inline-block;content: '';width: 0.8em;height: 0.8em;margin-right: 0.2em;background: #000;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(2) figure {margin-top: 0.5em;}
#Main .block-access-02 .container:nth-child(3) > div:nth-child(2) figure img {box-shadow: 0 2px 10px #bbb;}
#Main .block-access-02 .container:nth-child(3) > p {line-height: 2;width: 100%;margin-top: 4em;}
#Main .block-access-02 .container:nth-child(3) > p span::before {display: inline-block;content: '';width: 0.9em;height: 0.9em;background: #000;}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #Main .block-access-01 .container:nth-child(1) ul {font-size: 1.3vw;}
}
@media only screen and (min-width: 1800px) {
  #Main .block-access-02 {padding-top: 25em;}
  #Main .block-access-02::before {height: 30em;}
}
@media only screen and (min-width: 768px) {
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(1) {transition-delay: 0.1s;}
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(2) {transition-delay: 0.2s;}
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(3) {transition-delay: 0.3s;}
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(4) {transition-delay: 0.4s;}
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(5) {transition-delay: 0.5s;}
  #Main .block-access-01 .container:nth-child(1) ul li:nth-child(6) {transition-delay: 0.6s;}
}
@media only screen and (max-width: 767px) {
  #Main .block-access-01 {padding: 4em 0 0;}
  #Main .block-access-01 h3 {font-size: 137.5%;}
  #Main .block-access-01 .container:nth-child(1) ul {margin: 2em -0.2em 0;}
  #Main .block-access-01 .container:nth-child(1) ul li {width: calc(100% - 0.4em);}
  #Main .block-access-01 .container:nth-child(1) ul li::after {white-space: normal;line-height: 1.5;}
  #Main .block-access-01 .container:nth-child(1) ul li p {font-size: 175%;}
  #Main .block-access-01 .container:nth-child(2) {padding: 5em 0 2em;}
  #Main .block-access-02 .container h3 {font-size: 250%;}
  #Main .block-access-02 {padding: 8em 0 2em;}
  #Main .block-access-02 .container + .container {margin-top: 3em;padding-top: 3em;}
  #Main .block-access-02 .container:nth-child(3) > div:nth-child(2),
  #Main .block-access-02 .container:nth-child(3) > div:nth-child(1),
  #Main .block-access-02 .container:nth-child(2) > div:nth-child(2),
  #Main .block-access-02 .container:nth-child(2) > div:nth-child(1),
  #Main .block-access-02 .container:nth-child(1) > div:nth-child(2),
  #Main .block-access-02 .container:nth-child(1) > div:nth-child(1) {width: 100%;}
  #Main .block-access-02 .container:nth-child(3) > div:nth-child(2),
  #Main .block-access-02 .container:nth-child(2) > div:nth-child(2),
  #Main .block-access-02 .container:nth-child(1) > div:nth-child(2) {margin-top: 3em;}
  #Main .block-access-02 .container:nth-child(2) > img {width: 100%;}
  #Main .block-access-02 .container:nth-child(2) > img:nth-of-type(2) {margin-top: 1em;}
  #Main .block-access-02 .container:nth-child(2) > div:nth-child(2) figure,
  #Main .block-access-02 .container:nth-child(1) > div:nth-child(1) figure {margin-top: 1.5em;}  
  #Main .block-access-02 .container:nth-child(1) > p {margin-top: 3em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}