@charset "UTF-8";
/* CSS Document */
.billboard-type-01 {background: linear-gradient(to right,#ddd,#aaa,#888);position: relative;z-index: 100;}
.billboard-type-01 h2 {font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;}
.billboard-type-02 {background: url("../img/access/access_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-02::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.7;position:absolute;top: 0;left: 0;}
.billboard-type-02 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 3em 0;position: relative;z-index: 100;}
.billboard-type-03 {background: url("../img/access/access_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-03::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.6;position:absolute;top: 0;left: 0;}
.billboard-type-03 h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 5em 0;position: relative;z-index: 100;}
.billboard-type-04 {background: url("../img/access/access_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
.billboard-type-04::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.7;position:absolute;top: 0;left: 0;}
.billboard-type-04 img {width: 60%;max-width: 400px;margin: 0 auto;padding: 10em 0;position: relative;z-index: 100;}
#Main > .container {padding: 0 !important;overflow: hidden;}
#Main .block-access-01 .inner00 {text-align: center;padding: 5em 0;background: #fff;}
#Main .block-access-01 .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.01em;}
#Main .block-access-01 .inner00 h3 span:nth-child(1) {padding-top: 1em;}
#Main .block-access-01 .inner00 h3 .sp01 {font-size: 150%;line-height: 0;}
#Main .block-access-01 .inner00 p {font-size: 125%;line-height: 2.5;margin-top: 1.5em;}
#Main .block-access-01 .inner00 figure {margin: 3em auto;position: relative;}
#Main .block-access-01 .inner00 figure figcaption {color: #000;}
/*#Main .block-access-01 .inner00 figure::after {content: 'DUMMY';color: #000;font-size: 500%;text-align: center;line-height: 1; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.7;}*/
#Main .block-access-01 .inner01 {padding: 3em 0;background: #fff;}
#Main .block-access-01 .inner01 h3 {color:  var(--basic-03);font-size: 200%;}
#Main .block-access-01 .inner01 .box + .box {margin-top: 2em;}
#Main .block-access-01 .inner01 .box .ttl01 {line-height: 2; border-bottom: 1px solid #666;margin-bottom: 2em; position: relative;}
#Main .block-access-01 .inner01 .box .ttl01 .sp01 {font-size: 125%;letter-spacing: 0.1em;margin-left: 0.25em;}
#Main .block-access-01 .inner01 .box .ttl01 .sp02 {padding: 0 0.5em;position: absolute;right: 0;bottom: 0.25em;}
#Main .block-access-01 .inner01 .box ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#Main .block-access-01 .inner01 .box ul li {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;width: 48%;margin-bottom: 2.5em;position: relative;}
#Main .block-access-01 .inner01 .box ul li:after {display: block;content: '';width: 90%;height: 2px;background-size: 6px 2px;background-image: linear-gradient(to right, #444, #444 2px, transparent 2px, transparent 6px);opacity: 0.7;margin: 0 auto;position: absolute;top: 1.25em;left: 5%;transform: translateY(-50%);z-index: 1;}
#Main .block-access-01 .inner01 .box ul li > span {display: inline-block;font-size: 125%;background: #fff;position: relative;z-index: 100;}
#Main .block-access-01 .inner01 .box ul li .sp01 {padding-right: 0.5em;}
#Main .block-access-01 .inner01 .box ul li .sp01 .sp01-1 {font-size: 150%;}
#Main .block-access-01 .inner01 .box ul li .sp02 {padding-left: 0.5em;}
#Main .block-access-01 .inner01 .box ul li .sp02 .sp02-1 {display: inline-block;color: #fff;font-size: 93.75%;line-height: 1;padding: 0.2em 0.3em;margin-right: 0.25em;background: var(--basic-02);transform: translateY(-3px);}
#Main .block-access-01 .inner01 .box ul li .sp02 .sp02-2 {color: var(--basic-02);font-size: 275%;line-height: 0;}
/*#Main .block-access-01 .inner01 .box ul li:nth-child(1) .sp02 {padding-right: 1.35em;}*/
#Main .block-access-01 .inner01 .box ul li .sp03 {font-size: 87.5%;width: 100%;}
#Main .block-access-01 .inner01 .box .txt01 {color: #fff;font-size: 62.5%;margin-top: 3em;}
#Main .block-access-01 .inner01 .box01 {margin-top: 0.5em;}
#Main .block-access-01 .inner01 .box01 .ttl01 .sp02 {background: #aaa;}
#Main .block-access-01 .inner01 .box02 .ttl01 .sp02 {background: #888;}
#Main .block-access-01 .inner02 .box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#Main .block-access-01 .inner02 .box + .box {margin-top: 3em;}
#Main .block-access-01 .inner02 .box.box-right {flex-direction: row-reverse;}
#Main .block-access-01 .inner02 .box figure {width: 48%;max-width: 575px;position: relative;}
#Main .block-access-01 .inner02 .box .txtWrap01 {width: 48%;}
#Main .block-access-01 .inner02 .box .txtWrap01 .ttl01 {font-size: 187.5%;margin: 0.5em 0;padding-bottom: 0.5em;border-bottom: 1px solid #aaa;}
#Main .block-access-01 .inner02 .box .txtWrap01 .txt01 {font-size: 112.5%;line-height: 2.5;margin: 0.5em 0;}
#Main .block-access-01 .inner02 .box .txtWrap01 .txt01 small {display: block;font-size: 75%;line-height: 1.5;}
#Main .block-access-01 .inner10 h3 {font-size: 187.5%;}
#Main .block-access-01 .inner10 .box {}
#Main .block-access-01 .inner10 .box .ttl01 {display: inline-block;color: #fff2b7;font-size: 200%;line-height: 1;padding: 0.2em 1.5em 0.15em 2em;position: relative;}
#Main .block-access-01 .inner10 .box .ttl01 span {position: relative;z-index: 100;}
#Main .block-access-01 .inner10 .box .ttl01::after {content: "";background: #2c1c18;transform: scaleY(1.05) perspective(1.5em) rotateX(5deg);transform-origin: bottom left;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
#Main .block-access-01 .inner10 .box ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#Main .block-access-01 .inner10 .box ul li {width: 33.33%;padding-top: 26em;position: relative;}
#Main .block-access-01 .inner10 .box ul li:nth-child(1) {background: url("../img/access/access_img10_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(2) {background: url("../img/access/access_img11_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(3) {background: url("../img/access/access_img12_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(4) {background: url("../img/access/access_img13_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(5) {background: url("../img/access/access_img14_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(6) {background: url("../img/access/access_img15_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(7) {background: url("../img/access/access_img16_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li:nth-child(8) {background: url("../img/access/access_img17_pc.webp")no-repeat center/cover;}
#Main .block-access-01 .inner10 .box ul li p:nth-child(1) {color: #fff;font-size: 275%;text-shadow: 0 0 10px #000,0 0 10px #000,0 0 4px #000,0 0 10px #000;position: absolute;top: 0.1em;left: 0.4em;}
#Main .block-access-01 .inner10 .box ul li p:nth-child(2) {color: #fff;font-size: 175%;line-height: 1;text-align: right;width: 100%;padding: 0 0.5em 0.25em 0;position: absolute;right: 0;bottom: 0;z-index: 2;}
#Main .block-access-01 .inner10 .box ul li p:nth-child(2)::after {display: block;content: '';width: 100%;height: 250%;background: linear-gradient(to top,rgba(0,0,0,0.8),transparent);position: absolute;left: 0;bottom: 0;z-index: -1;}
#Main .block-access-01 .inner10 .box ul li p:nth-child(2) .sp01 {display: inline-block;font-size: 200%;margin-left: 0.1em;transform: translateY(3px);}
#Main .block-access-01 .inner10 .box ul li p:nth-child(2) .sp01 small {font-size: 60%;}
#Main .block-access-01 .inner11 {padding: 3em 0;background: url("../img/common/bg03.webp") no-repeat center/cover;}
#Main .block-access-01 .inner11 h3 {color: #fff2b7;font-size: 187.5%;}
#Main .block-access-01 .inner11 .box {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 1em;position: relative;}
#Main .block-access-01 .inner11 .box::after {display: none;content: 'DUMMY';color: #000;font-size: 500%;text-align: center;line-height: 1; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0.7;}
#Main .block-access-01 .inner11 .box > div {width: 100%;}
#Main .block-access-01 .inner11 .box > div p {color: #fff;font-size: 112.5%;}
#Main .block-access-01 .inner11 .box > div p small {font-size: 80%;}
#Main .block-access-01 .inner11 .box > div figure {margin-top: 1em;}
#Main .block-access-01 .inner11 .box .right {margin-top: 2em;}
@media only screen and (max-width: 1400px) {}
@media only screen and (min-width: 768px) and (max-width: 1250px) {
  #Main .block-access-01 .inner10 .box ul li {font-size: 1.2vw;}
}
@media only screen and (max-width: 1100px) {
  #Main .block-access-01 .inner01 .box {font-size: 1.7vw;}
}
@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) {
  #billboard h2 {font-size: 187.5%;padding: 3em 0;}
  .billboard-type-04 img {padding: 4em 0;}
  #Main .block-access-01 {padding: 3em 0 0;}
  #Main .block-access-01 .inner00 {padding: 0;}
  #Main .block-access-01 .inner00 > div {width: 100%;}
  #Main .block-access-01 .inner00 h3 {font-size: 137.5%;letter-spacing: 0;}
  #Main .block-access-01 .inner00 p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-access-01 .inner00 figure {margin: 1em auto 0;padding: 1.5em 0 1.5em 1.5em;}
  #Main .block-access-01 .inner00 figure::after {width: 150%;}  
  #Main .block-access-01 .inner00 figure figcaption {display: none;}
  #Main .block-access-01 .inner00 figure img {width: 150%;}
  #Main .block-access-01 .inner00 div {position: relative;}  
  #Main .block-access-01 .inner00 div > span {font-size: 10px;position: absolute;right: 0.25em;bottom: 0.25em;}
  #Main .block-access-01 .inner01 {padding: 2em 0 1em;}
  #Main .block-access-01 .inner01 h3 {font-size: 150%;}
  #Main .block-access-01 .inner01 .box {font-size: 100%;}
  #Main .block-access-01 .inner01 .box .ttl01 {margin-bottom: 1.5em;}
  #Main .block-access-01 .inner01 .box .ttl01 .sp01 {font-size: 150%;line-height: 1;margin-left: 0;}
  #Main .block-access-01 .inner01 .box ul li {width: 100%;margin-bottom: 1.5em;}
  #Main .block-access-01 .inner01 .box ul li .sp01 .sp01-1 {font-size: 131.25%;}
  #Main .block-access-01 .inner01 .box ul li .sp02 .sp02-2 {font-size: 200%;}
  #Main .block-access-01 .inner01 .box01 {margin-top: 0.5em;}
  #Main .block-access-01 .inner01 .box02 {margin-top: 1em;}
  #Main .block-access-01 .inner01 .box ul li:nth-child(1) .sp02 {padding-right: 1em;}
  #Main .block-access-01 .inner01 .box .txt01 {margin-top: 1em;}
  #Main .block-access-01 .inner02 {padding: 2em 0;}
  #Main .block-access-01 .inner02 .box + .box {margin-top: 1.5em;}
  #Main .block-access-01 .inner02 .box figure {width: 100%;margin-bottom: 1em;position: relative;}
  #Main .block-access-01 .inner02 .box.box-left figure {padding: 0;}
  #Main .block-access-01 .inner02 .box .txtWrap01 {width: 100%;}
  #Main .block-access-01 .inner02 .box .txtWrap01 .ttl01 {font-size: 150%;}
  #Main .block-access-01 .inner02 .box .txtWrap01 .txt01 {font-size: 100%;}
  #Main .block-access-01 .inner10 .box ul li {width: 100%;padding-top: 50vw;}
  #Main .block-access-01 .inner10 .box ul li p:nth-child(1) {font-size: 225%;}
  #Main .block-access-01 .inner10 .box ul li p:nth-child(2) {font-size: 150%;padding: 0 0.25em 0.15em 0;}
  #Main .block-access-01 .inner10 .box ul li p:nth-child(2) .sp01 {font-size: 187.5%;margin-left: 0;}
  #Main .block-access-01 .inner10 .box ul li p:nth-child(2) .sp01 small {font-size: 70%;}
  #Main .block-access-01 .inner10 .box .right {margin-top: 2em;}
  #Main .block-access-01 .inner11 {padding: 2em 0;}
  #Main .block-access-01 .inner11 .box > div {width: 100%;}
  #Main .block-access-01 .inner11 .box > div p small {display: block;}
  #Main .block-access-01 .inner11 .box .right {margin-top: 2em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}