@charset "UTF-8";
/* CSS Document */
#billboard {position: relative;}
/*#billboard::after {display: block;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.75);position: absolute;top: 0;z-index: 1;}*/
#billboard h2 {font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 2em 0;background: url(../img/common/bg01.webp) no-repeat center / cover;}
#billboard h2 span {color: #fff;position: relative;z-index: 100;}
#Main > .container {padding: 0 !important;}
#Main .block-map-01 .inner00 {text-align: center;padding: 5em 0 0;}
#Main .block-map-01 .inner00 h3 {font-size: 200%;text-align: center;letter-spacing: 0.1em;line-height: 1.75;}
#Main .block-map-01 .inner01 {margin-top: 2em;}
#Main .block-map-01 .inner02 {margin-top: 0;}
#Main .block-map-01 .inner02 .txtWrap01 {color: #fff;text-align: center;padding: 2em;background: url("../img/common/bg05.webp") no-repeat center/cover;}
#Main .block-map-01 .inner02 .txtWrap01 h4 {font-size: 125%;font-weight: 600;padding-bottom: 0.5em;margin-bottom: 0.5em;border-bottom: 1px solid rgba(255,255,255,0.6);}
#Main .block-map-01 .inner02 .txtWrap01 p {font-size: 137.5%;}
#Main .block-map-01 .inner02 .txtWrap01 p small {font-size: 75%;}
#Main .block-map-01 .inner02 .btnWrap01 {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2%;}
#Main .block-map-01 .inner02 .btnWrap01 a {display: block;color: #fff;font-size: 125%;line-height: 3;text-align: center;width: 49%;background: var(--basic-01);}
@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: 2em 0;}
  #Main > .container {padding: 0 !important;}
  #Main .block-map-01 {}
  #Main .block-map-01 .inner00 {width: 100%;padding: 2em 0 0;}
  #Main .block-map-01 .inner00 h3 {font-size: 137.5%;letter-spacing: 0;}
  #Main .block-map-01 .inner01 {margin-top: 1em;}
  #Main .block-map-01 .inner02 {margin-top: 0;}
  #Main .block-map-01 .inner02 .txtWrap01 {padding: 1em;}
  #Main .block-map-01 .inner02 .txtWrap01 p {font-size: 125%;}
  #Main .block-map-01 .inner02 .btnWrap01 {margin-top: 1em;}
  #Main .block-map-01 .inner02 .btnWrap01 a {width: 100%;}
  #Main .block-map-01 .inner02 .btnWrap01 a:nth-child(2) {display: none;}
  .btn-style-01 {margin-top: 1em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media print {
  body {-webkit-print-color-adjust: exact;}
  footer .container .right ul,
  footer .container > a,
  footer .container .left,
  #achievements,
  .block-caption-01,
  .btn-style-01,
  #Main .block-map-01 .inner02 .btnWrap01,
  #billboard,
  #globalNavigation,
  header nav:nth-child(1) ul {display: none;}
  header {position: static;}
  header nav:nth-child(1) h1 {padding: 0;margin: 0 auto;}
  header nav:nth-child(1) h1 a span {font-size: 100%;}
  #Main .block-map-01 {padding-bottom: 0.5em;}
  #Main .block-map-01 .inner00 {padding: 1em 0 0;}
  #Main .block-map-01 .inner00 h3 {font-size: 125%;}
  #Main .block-map-01 .inner01 {margin-top: 0;}
  #Main .block-map-01 .inner02 .txtWrap01 {padding: 0.5em 0;}
  #Main .block-map-01 .inner02 .txtWrap01 h4 {padding-bottom: 0.25em;margin-bottom: 0.25em;}
  #Main .block-map-01 .inner02 .txtWrap01 p {font-size: 125%;}
  footer {background: transparent;}
  footer .container p,
  footer .container a {color: #333;white-space: nowrap;}
  footer .container .right {text-align: center;padding: 0;margin: 0 auto;width: 100%;border-left: none;}
  footer .container .right p:nth-child(2) a {font-size: 200%;}
  footer .container .right p:nth-child(2) a::before {filter: brightness(0);}  
  footer .container .right p:nth-child(3) {margin: 0;}
}