:root {
  --width-common: 1440px;
  --width-page: 1280px;
  --width-large: 1280px;
  --width-middle: 992px;
  --width-mobile: 768px;
  --color-main-blue: #0072BC;
  --color-main-dark-blue: #0C2963;
  --color-main-sky-blue: #009ADA;
  --color-main-light-blue: #21B4E1;
  --color-main-yellow: #FFD400;
  --color-main-light-white: #F7F7F7;
  --color-main-dark-white: #DEDEDE;
  --root-font-size: 16px; /* Default font size */
}

.home_header .home_header_wrapper {
  width: 100%;
  max-width: var(--width-common);
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .home_header .home_header_wrapper {
    overflow: hidden;
  }
}
.home_header .home_header_wrapper .home_header_island {
  position: absolute;
  top: 0;
  left: 50%;
  width: 115%;
  transform: translateX(-50%);
  max-width: calc(var(--width-common) + 15%);
  height: auto;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .home_header .home_header_wrapper .home_header_island {
    position: absolute;
  }
}
.home_header .home_header_wrapper .home_header_slogan {
  padding: 5% 3% 5% 7%;
}
.home_header .home_header_wrapper .home_header_slogan img {
  width: 100%;
}

.home_content_top {
  position: relative;
  background-color: #fff;
}
.home_content_top .home_event_detail .home_event_detail_text {
  display: inline-block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 2rem;
  border-left: 4px var(--color-main-blue) solid;
}
@media only screen and (max-width: 768px) {
  .home_content_top .home_event_detail .home_event_detail_text {
    padding: 0 0.5rem;
  }
}

.home_content_detail .home_content_opening .home_content_guest img {
  background-color: var(--color-main-dark-white);
}
.home_content_detail .home_content_opening .home_content_guest .home_content_guest_detail {
  background-color: var(--color-main-blue);
}/*# sourceMappingURL=home.css.map */