@charset "UTF-8";
/* CSS Document */
.billboard-style-01 h2,
.billboard-style-01 p {color: #000;text-shadow: none;}
#Main {background: #5f5d5b;}
#Main .block-location-01 {padding: 0 0 36em;background: #272524;position: relative;}
#Main .block-location-01::after {display: block;content: '';width: 100%;height: 16em;background: url("../img/common/bg04.svg") no-repeat center bottom/100%;position: absolute;left: 0;bottom: -1px;z-index: 1;pointer-events: none;}
#Main .block-location-01 h3 {color: #fff;font-size: 175%;text-align: center;letter-spacing: 0.1em;}
#Main .block-location-01 h3::before {display: block;content: attr(data-title);font-size: 150%;max-width: 18em;margin: 0 auto 0.5em;padding-bottom: 0.25em;border-bottom: 1px solid rgba(255,255,255,0.7);}
#Main .block-location-01 .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 4em;position: relative;}
#Main .block-location-01 .container:nth-child(1) ul li {width: calc(100% / 3);padding-top: 54%;margin: 0 auto;position: relative;transition: 0.8s;}
#Main .block-location-01 .container:nth-child(1) ul li::after {transition: opacity 0.4s;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(1) {background: url("../img/location/location_img01_01.webp") no-repeat 44% 50%/cover;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(2) {background: url("../img/location/location_img01_02.webp") no-repeat 55% 50%/cover;z-index: 2;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(3) {background: url("../img/location/location_img01_03.webp") no-repeat 57% 50%/cover;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(3),
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(1) {position: absolute;top: 0;z-index: 1;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(1) {left: 0;}
#Main .block-location-01 .container:nth-child(1) ul li:nth-child(3) {right: 0;}
#Main .block-location-01 .container:nth-child(1) ul.view03 li:nth-child(3),
#Main .block-location-01 .container:nth-child(1) ul.view02 li:nth-child(2),
#Main .block-location-01 .container:nth-child(1) ul.view01 li:nth-child(1) {z-index: 3;}
#Main .block-location-01 .container:nth-child(1) ul.view03 li:nth-child(2)::after,
#Main .block-location-01 .container:nth-child(1) ul.view03 li:nth-child(1)::after,
#Main .block-location-01 .container:nth-child(1) ul.view02 li:nth-child(3)::after,
#Main .block-location-01 .container:nth-child(1) ul.view02 li:nth-child(1)::after,
#Main .block-location-01 .container:nth-child(1) ul.view01 li:nth-child(3)::after,
#Main .block-location-01 .container:nth-child(1) ul.view01 li:nth-child(2)::after {opacity: 0;}
#Main .block-location-01 .container:nth-child(1) ul li p {display: grid;place-items: center;font-size: 150%;text-align: center;width: 68%;max-width: 10.5em;height: 40%;background: rgba(255,255,255,0.8);position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#Main .block-location-01 .container:nth-child(1) ul li p strong {display: block;font-size: 200%;line-height: 1;margin-bottom: 0.5em;}
#Main .block-location-01 .container:nth-child(1) > p {color: #fff;font-size: 125%;line-height: 2;max-width: 50em;margin: 4em auto 0;}
#Main .block-location-02 {padding: 0 0 4em;position: relative;}
#Main .block-location-02 .container:nth-child(1) > figure {margin-top: -35em;z-index: 1;}
#Main .block-location-02 .container:nth-child(1) > figure::after {display: block;content: '';width: 10em;height: 3em;background: url("../img/location/location_img03_01.svg") no-repeat left/contain;position: absolute;left: 5em;bottom: 5em;z-index: 1;}
#Main .block-location-02 .container:nth-child(1) > h3 {color: #fff;font-size: 175%;line-height: 2.25;text-align: center;letter-spacing: 0.1em;margin-top: 2em;}
#Main .block-location-02 .container:nth-child(1) > p {color: #fff;font-size: 125%;line-height: 2;max-width: 50em;margin: 2em auto 0;}
#Main .block-location-02 .container:nth-child(2) ul {max-width: 1200px;margin: 4em auto 0;padding-top: 60%;position: relative;}
#Main .block-location-02 .container:nth-child(2) ul li {color: #fff;text-align: center;white-space: nowrap;width: 6em;height: 6em;position: absolute;}
#Main .block-location-02 .container:nth-child(2) ul li::after {display: block;content: '';width: 80%;height: 80%;background: rgba(85,21,6,0.7);border-radius: 50%;position: absolute;top: 48%;left: 50%;z-index: 0;transform: translate(-50%,-50%);}
#Main .block-location-02 .container:nth-child(2) ul li p {line-height: 1.2;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
#Main .block-location-02 .container:nth-child(2) ul li > span {border-radius: 50%;position: absolute;z-index: 0;}
#Main .block-location-02 .container:nth-child(2) ul li > span span {font-size: 12px;text-align: center;position: absolute;top: calc(100% + 0.5em);left: 0;right: 0;z-index: 1;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(1) {top: 4%;left: 69%;z-index: 2;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(2) {top: -2%;left: 40%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(3) {top: 10%;left: 19%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(4) {top: 43%;left: 7%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) {top: 28%;left: 81%;z-index: 2;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(6) {top: 40%;left: 57%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) {top: 48%;left: 37%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) {top: 67%;left: 21%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(1) > span:nth-of-type(1) {width: 10em;height: 10em;background: url("../img/location/location_img02_04.webp") no-repeat center/cover; top: 2em;left: -115%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(2) > span:nth-of-type(1) {width: 14em;height: 14em;background: url("../img/location/location_img02_03.webp") no-repeat center/cover; top: 0;left: 43%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(3) > span:nth-of-type(1) {width: 15em;height: 15em;background: url("../img/location/location_img02_01.webp") no-repeat center/cover; top: 1em;left: 38%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(4) > span:nth-of-type(1) {width: 11em;height: 11em;background: url("../img/location/location_img02_02.webp") no-repeat center/cover; top: -6.5em;left: 52%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) > span:nth-of-type(1) {width: 10em;height: 10em;background: url("../img/location/location_img02_08.webp") no-repeat center/cover; top: 3em;left: -101%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(6) > span:nth-of-type(1) {width: 14em;height: 14em;background: url("../img/location/location_img02_07.webp") no-repeat center/cover; top: 2.3em;left: 25%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) > span:nth-of-type(1) {width: 15em;height: 15em;background: url("../img/location/location_img02_05.webp") no-repeat center/cover; top: 2.5em;left: 13%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) > span:nth-of-type(1) {width: 11em;height: 11em;background: url("../img/location/location_img02_06.webp") no-repeat center/cover; top: -5em;left: 56%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) > span span {text-align: left;margin-left: 6em;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(2)::after,
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(6)::after {width: 90%;height: 90%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(4)::after {width: 90%;height: 90%;}
#Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) > span span {margin-right: -1em;}
#Main .block-location-03 {padding: 5em 0;background: #5c5b58;}
#Main .block-location-03 h3 {color: #fff;font-size: 300%;text-align: center;}
#Main .block-location-03 #tab {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 2em -1px 2px;}
#Main .block-location-03 #tab li {color: #fff;font-size: 125%;text-align: center;line-height: 3;width: calc(16.66666% - 2px);margin: 0 1px;cursor: pointer;}
#Main .block-location-03 #tab li:nth-child(1) {background: #3b2b03;}
#Main .block-location-03 #tab li:nth-child(2) {background: #551406;}
#Main .block-location-03 #tab li:nth-child(3) {background: #3d2363;}
#Main .block-location-03 #tab li:nth-child(4) {background: #163f7a;}
#Main .block-location-03 #tab li:nth-child(5) {background: #005b4a;}
#Main .block-location-03 #tab li:nth-child(6) {background: #364f1b;}
#Main .block-location-03 #tabContent > div {display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;}
#Main .block-location-03 #tabContent > div .map {width: 66.7%;}
#Main .block-location-03 #tabContent > div .list {width: 33.3%;height: 40em;overflow-y: scroll;}
#Main .block-common-note {background: transparent;}
#Main .block-common-note ul li {color: #fff;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1100px) {
  #Main .block-location-01 h3 {font-size: 137.5%;}  
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  #Main .block-location-02 .container:nth-child(2) ul li {font-size: 1.3vw;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(1) {left: 70%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(2) {left: 38%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) {top: 52%;left: 40%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) {top: 71%;}
  #Main .block-location-02 .container:nth-child(2) ul li > span span {font-size: 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #Main .block-location-01 .container:nth-child(1) ul li p {font-size: 2vw;}
}
@media only screen and (min-width: 1800px) {
  #Main .block-location-01::after {height: 30em;}
}
@media only screen and (min-width: 768px) {
  #Main .block-location-01 .container:nth-child(1) ul.view03 li:nth-child(3):hover {width: 100%;background: url("../img/location/location_img01_03.webp") no-repeat 44% 50%/cover;}
  #Main .block-location-01 .container:nth-child(1) ul.view02 li:nth-child(2):hover {width: 100%;background: url("../img/location/location_img01_02.webp") no-repeat center/cover;z-index: 2;}
  #Main .block-location-01 .container:nth-child(1) ul.view01 li:nth-child(1):hover {width: 100%;background: url("../img/location/location_img01_01.webp") no-repeat center/cover;}
}
@media only screen and (max-width: 767px) {
  #Main .block-location-01 {padding: 2em 0 15em;overflow: hidden;}
  #Main .block-location-01 .container:nth-child(1) ul {display: flex;flex-direction: column;margin-top: 2em;}
  #Main .block-location-01 .container:nth-child(1) ul li {width: 100%;padding-top: 110vw;position: relative !important;}
  #Main .block-location-01 .container:nth-child(1) ul li:nth-child(1) {order: 2;}
  #Main .block-location-01 .container:nth-child(1) ul li:nth-child(2) {order: 1;}
  #Main .block-location-01 .container:nth-child(1) ul li:nth-child(3) {order: 3;}
  #Main .block-location-01 .container:nth-child(1) ul li::after {top: auto;right: 0.5em;bottom: 0.5em;}
  #Main .block-location-01 .container:nth-child(1) ul li p {font-size: 137.5%;width: 45vw;height: 45vw;max-width: 100%;}
  #Main .block-location-01 .container:nth-child(1) ul li p strong {font-size: 200%;margin-bottom: 0.25em;}
  #Main .block-location-01 .container:nth-child(1) > p {margin-top: 2em;}
  #Main .block-location-02 .container:nth-child(1) > figure {width: 100vw;margin: -14em 0 0 -5vw;overflow: hidden;}
  #Main .block-location-02 .container:nth-child(1) > figure::after {width: 9em;height: 2em;left: 5vw;bottom: 1em;}
  #Main .block-location-02 .container:nth-child(1) > h3 {font-size: 137.5%;line-height: 2;letter-spacing: 0;margin-top: 1em;}  
  #Main .block-location-02 .container:nth-child(2) ul {padding-top: 300%;margin-top: 10em;}  
  #Main .block-location-02 .container:nth-child(2) ul li::after {width: 90%;height: 90%;}
  #Main .block-location-02 .container:nth-child(2) ul li p {font-size: 112.5%;}
  #Main .block-location-02 .container:nth-child(2) ul li > span span {font-size: 10px;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(1) {top: 0%;left: auto;right: 0;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(1) > span:nth-of-type(1) {width: 11em;height: 11em;top: 36%;left: auto;right: 36%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(2) {top: -8%;left: 0;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(2) > span:nth-of-type(1) {width: 15em;height: 15em;top: 10%;left: 40%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(3) {top: 21%;left: 30%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(3) > span:nth-of-type(1) {width: 17em;height: 17em;top: 0;left: 38%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(4) {top: 29%;left: -3%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(4) > span:nth-of-type(1) {width: 13em;height: 13em;top: 33%;left: 35%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) {top: 57%;left: auto;right: -3%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) > span:nth-of-type(1) {width: 11em;height: 11em;top: 42%;left: auto;right: 42%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(5) > span span {margin: 0;text-align: center;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(6) {top: 52%;left: 2%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(6) > span:nth-of-type(1) {width: 15em;height: 15em;top: 18%;left: 30%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) {top: 79%;left: 73%;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) > span:nth-of-type(1) {width: 15em;height: 15em;top: 62%;left: -140%;z-index: 0;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(7) > span span {text-align: center;margin-right: 0;}  
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) {top: 90%;left: 0;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) > span:nth-of-type(1) {width: 11em;height: 11em;top: 43%;left: 52%;z-index: 0;}
  #Main .block-location-02 .container:nth-child(2) ul li:nth-child(8) > span span {text-align: center;margin-right: 0;}
  #Main .block-common-note {padding-top: 8em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}