@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/location/location_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/location/location_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/location/location_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;}
#Main .block-location-01 .inner00 {text-align: center;padding: 5em 0 0;background: #fff;}
#Main .block-location-01 .inner00 h3 {font-size: 250%;text-align: center;letter-spacing: 0.01em;}
#Main .block-location-01 .inner00 p {font-size: 125%;line-height: 2.5;margin-top: 1.5em;}
#Main .block-location-01 figure {position: relative;}
#Main .block-location-01 figure figcaption {font-size: 750%;line-height: 0.75;letter-spacing: 0.2em;padding: 0 0.5em 0 0;}
#Main .block-location-01 .inner01 .box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#Main .block-location-01 .inner01 .box.box-center {display: block;margin-bottom: 4em;}
#Main .block-location-01 .inner01 .box.box-center > figure,
#Main .block-location-01 .inner01 .box.box-center > div {width: 100%;}
#Main .block-location-01 .inner01 .box.box-right {flex-direction: row-reverse;}
#Main .block-location-01 .inner01 .box h4 {font-size: 250%;width: 100%;margin: 2em 0 0.5em;border-bottom: 1px solid #666;}
#Main .block-location-01 .inner01 .box h4 small {font-size: 50%;margin-left: 2em;}
#Main .block-location-01 .inner01 .box figure {width: 48%; position: relative;}
#Main .block-location-01 .inner01 .box .txtWrap01 {width: 48%;}
#Main .block-location-01 .inner01 .box .txtWrap01 .ttl01 {font-size: 187.5%;margin: 0.5em 0;}
#Main .block-location-01 .inner01 .box .txtWrap01 .ttl01 small {font-size: 60%;margin-left: 2em;}
#Main .block-location-01 .inner01 .box .txtWrap01 .ttl01 small .sp01 {font-size: 150%;}
#Main .block-location-01 .inner01 .box .txtWrap01 .txt01 {font-size: 112.5%;line-height: 2;}
#Main .block-location-01 .inner01 .box .txtWrap01 .txt01 small {display: block;font-size: 75%;}
#Main .block-location-01 .inner02 .box ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1em;}
#Main .block-location-01 .inner02 .box ul li {margin: 1em;}
#Main .block-location-01 .inner02 .box ul li + li {width: calc(33.33% - 2em);}
#Main .block-location-01 .inner02 .box.two ul li {width: calc(50% - 2em);}
/*#Main .block-location-01 .inner02 .box ul li:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 100%;}
#Main .block-location-01 .inner02 .box ul li:nth-child(1) figure {width: 48%;}
#Main .block-location-01 .inner02 .box ul li:nth-child(1) .txtWrap01 {width: 48%;}*/
#Main .block-location-01 .inner02 .box.box-right ul li:nth-child(1) {flex-direction: row-reverse;}
#Main .block-location-01 .inner02 .box h4 {font-size: 250%;width: 100%;margin: 2em 0 0.5em;border-bottom: 1px solid var(--basic-03);}
#Main .block-location-01 .inner02 .box h4 span {color:  var(--basic-03);}
#Main .block-location-01 .inner02 .box h4 small {font-size: 50%;margin-left: 2em;}
#Main .block-location-01 .inner02 .box h4 + p {line-height: 2;}
#Main .block-location-01 .inner02 .box figure {position: relative;}
#Main .block-location-01 .inner02 .box .txtWrap01 .ttl01 {font-size: 162.5%;margin: 0.5em 0;}
#Main .block-location-01 .inner02 .box .txtWrap01 .ttl01 small {display: inline-block;font-size: 60%;}
#Main .block-location-01 .inner02 .box .txtWrap01 .ttl01 small .sp01 {font-size: 150%;}
#Main .block-location-01 .inner02 .box .txtWrap01 .txt01 {font-size: 112.5%;line-height: 2;}
#Main .block-location-01 .inner02 .box .txtWrap01 .txt01 small {display: block;font-size: 75%;}
#Main .block-location-02 {padding: 4em 0 0;background: #fff;}
#Main .block-location-02 h3 {font-size: 187.5%;text-align: center;letter-spacing: 0.2em;}
#Main .block-location-02 div > figure {margin-top: 2em;}
#Main .block-location-02 div ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 1em -0.5em 0;}
#Main .block-location-02 div ul li {width: calc(25% - 1em);margin: 0 0.5em;}
#Main .block-location-02 div ul li p {margin-top: 0.5em;}
#Main .block-location-02 div ul li p small {display: block;font-size: 75%;}
#Main .block-location-02 div ul li p small span {font-size: 130%;}
#Main .block-location-02 div .box {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2em;}
#Main .block-location-02 div .box .right,
#Main .block-location-02 div .box .left {width: 48%;}
#Main .block-location-02 div .box .right dl,
#Main .block-location-02 div .box .left dl {margin-bottom: 2em;}
#Main .block-location-02 div .box .right dl dt,
#Main .block-location-02 div .box .left dl dt {color: #fff;font-weight: 600;line-height: 1.75;padding: 0 0 0 1em;margin-bottom: 1em;border-bottom: none;position: relative;}
#Main .block-location-02 div .box .right dl dt small,
#Main .block-location-02 div .box .left dl dt small {font-size: 70%;margin-left: 2em;}
#Main .block-location-02 div .box .right dl dd,
#Main .block-location-02 div .box .left dl dd {margin-bottom: 0.75em;position: relative;}
#Main .block-location-02 div .box .right  dl dd:after,
#Main .block-location-02 div .box .left  dl dd:after {display: block;content: '';width: 90%;height: 2px;background-size: 10px 2px;background-image: linear-gradient(to right, #444, #444 2px, transparent 2px, transparent 10px);opacity: 0.7;position: absolute;bottom: 0.4em;z-index: 1;}
#Main .block-location-02 div .box .right dl dd span,
#Main .block-location-02 div .box .left dl dd span {vertical-align: top;background: #fff;position: relative;z-index: 100;}
#Main .block-location-02 div .box .right dl dd .sp01,
#Main .block-location-02 div .box .left dl dd .sp01 {padding-right: 1em}
#Main .block-location-02 div .box .right dl dd .sp02,
#Main .block-location-02 div .box .left dl dd .sp02 {letter-spacing: 0.1em;padding-left: 1em;float: right;}
#Main .block-location-02 .inner02 ul {justify-content: flex-start;margin: 0 -1em;}
#Main .block-location-02 .inner02 ul li {width: calc(33.33% - 2em);margin: 1em;}
@media only screen and (max-width: 1400px) {}
@media only screen and (max-width: 1200px) {
  #Main .block-location-02 div .box div {width: 100% !important;}
}
@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-location-01 .inner00 {padding: 0;}
  #Main .block-location-01 .inner00.fix01 {padding-top: 2em;}  
  #Main .block-location-01 .inner00 > div {width: 100%;}
  #Main .block-location-01 .inner00 h3 {font-size: 150%;letter-spacing: 0;}
  #Main .block-location-01 .inner00 p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-location-01 figure figcaption {display: block;font-size: 450%;text-align: right;padding-right: 0;}
  #Main .block-location-02 .inner00 {padding: 2em 0;}
  #Main .block-location-02 .inner00 > div {width: 100%;}
  #Main .block-location-02 .inner00 h3 {font-size: 150%;letter-spacing: 0;}
  #Main .block-location-02 .inner00 p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-location-01 {padding-top: 3em;}
  #Main .block-location-01 .inner00 h3 {font-size: 137.5%;}
  #Main .block-location-01 .inner00 h3 + p {font-size: 100%;line-height: 2.5;margin-top: 1.5em;}
  #Main .block-location-01 .inner00 figure {margin: 1em auto;}
  #Main .block-location-01 .inner01 .box.box-center {margin-bottom: 2em;}
  #Main .block-location-01 .inner01 .box figure {width: 100%;margin-top: 1em;}
  #Main .block-location-01 .inner01 .box .txtWrap01 {width: 100%;}
  #Main .block-location-01 .inner01 .box .txtWrap01 .ttl01 {font-size: 150%;margin-bottom: 0;}
  #Main .block-location-01 .inner01 .box .txtWrap01 .txt01 {font-size: 100%;}
  #Main .block-location-01 .inner01 .box h4 {font-size: 225%;line-height: 1.25;margin: 1em 0 0;}
  #Main .block-location-01 .inner01 .box h4 small {display: block;font-size: 50%;margin: 0 0 0.5em;}
  #Main .block-location-01 .inner02 .box.box-center {margin-bottom: 2em;}
  #Main .block-location-01 .inner02 .box.two ul li {width: calc(100% - 2em);}
  #Main .block-location-01 .inner02 .box .txtWrap01 .ttl01 {font-size: 137.5%;margin-bottom: 0;}
  #Main .block-location-01 .inner02 .box .txtWrap01 .ttl01 small {display: inline-block;line-height: 0.8;}
  #Main .block-location-01 .inner02 .box .txtWrap01 .txt01 {font-size: 100%;margin-top: 0.5em;}
  #Main .block-location-01 .inner02 .box h4 {font-size: 200%;line-height: 1.25;margin: 1em 0 0;}
  #Main .block-location-01 .inner02 .box h4 small {display: block;font-size: 50%;margin: 0.2em 0 0.5em;}
  #Main .block-location-01 .inner02 .box h4 + p {font-size: 100%;margin-top: 0.5em;}
  #Main .block-location-02 {padding: 2em 0 0;}
  #Main .block-location-02 h3 {font-size: 150%;letter-spacing: 0.1em;}
  #Main .block-location-02 div > figure {margin-top: 1em;}
  #Main .block-location-02 div ul {margin: 1em 0 0;}
  #Main .block-location-02 div ul li {width: 100%;margin: 0;}
  #Main .block-location-02 div ul li + li {margin-top: 1em !important;}
  #Main .block-location-02 div .box div dl dt {line-height: 1 !important;padding: 0.5em 0 0.45em 0.5em !important;}
  #Main .block-location-02 div .box div dl dd {font-size: 75%;}
  #Main .block-location-02 .inner02 ul li {width: calc(100% - 2em);}
  #Main .block-location-02 .inner02 ul li:nth-child(1) {margin-top: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}