/* Converted Tailwind Config to scss */

[data-pagename="event/orientation"] .btn-hokkaido-tohoku:not(:hover),
[data-pagename="event/test-orientation"] .btn-hokkaido-tohoku:not(:hover) {
  background-color: #D09936;
  border-color: #D09936;
}

[data-pagename="event/orientation"] .btn-kanto:not(:hover),
[data-pagename="event/test-orientation"] .btn-kanto:not(:hover) {
  background-color: #4597CE;
  border-color: #4597CE;
}

[data-pagename="event/orientation"] .btn-chubu:not(:hover),
[data-pagename="event/test-orientation"] .btn-chubu:not(:hover) {
  background-color: #C66480;
  border-color: #C66480;
}

[data-pagename="event/orientation"] .btn-kinki-chugoku-shikoku:not(:hover),
[data-pagename="event/test-orientation"] .btn-kinki-chugoku-shikoku:not(:hover) {
  background-color: #DF8943;
  border-color: #DF8943;
}

[data-pagename="event/orientation"] .btn-kyushu-okinawa:not(:hover),
[data-pagename="event/test-orientation"] .btn-kyushu-okinawa:not(:hover) {
  background-color: #B7372A;
  border-color: #B7372A;
}

[data-pagename="event/orientation"] #js-gradientBg,
[data-pagename="event/test-orientation"] #js-gradientBg {
  --gradient-color-1: #FF855A;
  --gradient-color-2: #FFDA5F;
  --gradient-color-3: #FFD188;
}

[data-pagename="event/orientation"] .page-content,
[data-pagename="event/test-orientation"] .page-content {
  padding-top: 0;
}

[data-pagename="event/orientation"] .page-content.accent-mosaic-t:before, [data-pagename="event/orientation"] .page-content.accent-mosaic-t:after, [data-pagename="event/test-orientation"] .page-content.accent-mosaic-t:before, [data-pagename="event/test-orientation"] .page-content.accent-mosaic-t:after {
  display: none;
}

[data-pagename="event/orientation"] .page-content .l-toggle--border .toggle-btn, [data-pagename="event/test-orientation"] .page-content .l-toggle--border .toggle-btn {
  background-color: #D5D6D6;
}

[data-pagename="event/orientation"] .page-content .l-toggle--simple .toggle-btn, [data-pagename="event/test-orientation"] .page-content .l-toggle--simple .toggle-btn {
  font-size: 1.25rem;
}

[data-pagename="event/orientation"] .page-content .point-area,
[data-pagename="event/test-orientation"] .page-content .point-area {
  background: url(../../images/page/event/orientation/point_bg.png) 0 0 no-repeat;
}

[data-pagename="event/orientation"] .page-content .point-area .wp-block-image,
[data-pagename="event/test-orientation"] .page-content .point-area .wp-block-image {
  margin-bottom: 0;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item,
[data-pagename="event/test-orientation"] .page-content .holding-area .holding-item {
  margin-top: 20px;
  border-radius: 10px;
  overflow: hidden;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .venue-area .venue-title, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .venue-area .venue-title {
  margin-left: 0.75rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .venue-area .venue-title span, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .venue-area .venue-title span {
  display: inline-block;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .catchcopy .icon, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .catchcopy .icon {
  margin-top: -0.25rem;
  margin-right: 0.375rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .catchcopy .icon,
[data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .catchcopy .icon {
  font-size: 1.625rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date {
  position: relative;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date::before, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date::before {
  position: absolute;
  top: 0;
  left: 0;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date::before,
[data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #000 transparent transparent transparent;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date strong, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date strong {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date .slash, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date .slash {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date small, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date small {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image {
  margin-top: 0;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image > img, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image > img {
  background-color: #000;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image > img,
[data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date + .wp-block-image > img {
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 750/500;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .l-toggle.is-open .toggle-content,
[data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .l-toggle.is-open .toggle-content {
  margin-bottom: 40px;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .l-toggle .toggle-content > .ghostkit-grid > .ghostkit-grid-inner, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .l-toggle .toggle-content > .ghostkit-grid > .ghostkit-grid-inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

[data-pagename="event/orientation"] .page-content .holding-area .holding-item .l-toggle .l-btn_list .btn, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .l-toggle .l-btn_list .btn {
  margin-left: 0;
  margin-right: 0;
}

[data-pagename="event/orientation"] .page-content .shadow-xl,
[data-pagename="event/test-orientation"] .page-content .shadow-xl {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

[data-pagename="event/orientation"] .page-content #hokkaido-tohoku .l-toggle--simple .toggle-btn:not(:hover),
[data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .l-toggle--simple .toggle-btn:not(:hover) {
  color: #D09936;
}

[data-pagename="event/orientation"] .page-content #hokkaido-tohoku .event-date,
[data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .event-date {
  border-bottom: 1px solid #D09936;
}

[data-pagename="event/orientation"] .page-content #hokkaido-tohoku .event-date::before,
[data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .event-date::before {
  border-top-color: #D09936;
}

[data-pagename="event/orientation"] .page-content #hokkaido-tohoku .l-btn_list .btn:not(:hover):not(.btn-text),
[data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .l-btn_list .btn:not(:hover):not(.btn-text) {
  background-color: #D09936;
  border-color: #D09936;
}

[data-pagename="event/orientation"] .page-content #hokkaido-tohoku .l-btn_list .btn:not(:hover).btn-text,
[data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .l-btn_list .btn:not(:hover).btn-text {
  color: #D09936;
}

[data-pagename="event/orientation"] .page-content #kanto .l-toggle--simple .toggle-btn:not(:hover),
[data-pagename="event/test-orientation"] .page-content #kanto .l-toggle--simple .toggle-btn:not(:hover) {
  color: #4597CE;
}

[data-pagename="event/orientation"] .page-content #kanto .event-date,
[data-pagename="event/test-orientation"] .page-content #kanto .event-date {
  border-bottom: 1px solid #4597CE;
}

[data-pagename="event/orientation"] .page-content #kanto .event-date::before,
[data-pagename="event/test-orientation"] .page-content #kanto .event-date::before {
  border-top-color: #4597CE;
}

[data-pagename="event/orientation"] .page-content #kanto .l-btn_list .btn:not(:hover):not(.btn-text),
[data-pagename="event/test-orientation"] .page-content #kanto .l-btn_list .btn:not(:hover):not(.btn-text) {
  background-color: #4597CE;
  border-color: #4597CE;
}

[data-pagename="event/orientation"] .page-content #kanto .l-btn_list .btn:not(:hover).btn-text,
[data-pagename="event/test-orientation"] .page-content #kanto .l-btn_list .btn:not(:hover).btn-text {
  color: #4597CE;
}

[data-pagename="event/orientation"] .page-content #chubu .l-toggle--simple .toggle-btn:not(:hover),
[data-pagename="event/test-orientation"] .page-content #chubu .l-toggle--simple .toggle-btn:not(:hover) {
  color: #C66480;
}

[data-pagename="event/orientation"] .page-content #chubu .event-date,
[data-pagename="event/test-orientation"] .page-content #chubu .event-date {
  border-bottom: 1px solid #C66480;
}

[data-pagename="event/orientation"] .page-content #chubu .event-date::before,
[data-pagename="event/test-orientation"] .page-content #chubu .event-date::before {
  border-top-color: #C66480;
}

[data-pagename="event/orientation"] .page-content #chubu .l-btn_list .btn:not(:hover):not(.btn-text),
[data-pagename="event/test-orientation"] .page-content #chubu .l-btn_list .btn:not(:hover):not(.btn-text) {
  background-color: #C66480;
  border-color: #C66480;
}

[data-pagename="event/orientation"] .page-content #chubu .l-btn_list .btn:not(:hover).btn-text,
[data-pagename="event/test-orientation"] .page-content #chubu .l-btn_list .btn:not(:hover).btn-text {
  color: #C66480;
}

[data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .l-toggle--simple .toggle-btn:not(:hover),
[data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .l-toggle--simple .toggle-btn:not(:hover) {
  color: #DF8943;
}

[data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .event-date,
[data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .event-date {
  border-bottom: 1px solid #DF8943;
}

[data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .event-date::before,
[data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .event-date::before {
  border-top-color: #DF8943;
}

[data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .l-btn_list .btn:not(:hover):not(.btn-text),
[data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .l-btn_list .btn:not(:hover):not(.btn-text) {
  background-color: #DF8943;
  border-color: #DF8943;
}

[data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .l-btn_list .btn:not(:hover).btn-text,
[data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .l-btn_list .btn:not(:hover).btn-text {
  color: #DF8943;
}

[data-pagename="event/orientation"] .page-content #kyushu-okinawa .l-toggle--simple .toggle-btn:not(:hover),
[data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .l-toggle--simple .toggle-btn:not(:hover) {
  color: #B7372A;
}

[data-pagename="event/orientation"] .page-content #kyushu-okinawa .event-date,
[data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .event-date {
  border-bottom: 1px solid #B7372A;
}

[data-pagename="event/orientation"] .page-content #kyushu-okinawa .event-date::before,
[data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .event-date::before {
  border-top-color: #B7372A;
}

[data-pagename="event/orientation"] .page-content #kyushu-okinawa .l-btn_list .btn:not(:hover):not(.btn-text),
[data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .l-btn_list .btn:not(:hover):not(.btn-text) {
  background-color: #B7372A;
  border-color: #B7372A;
}

[data-pagename="event/orientation"] .page-content #kyushu-okinawa .l-btn_list .btn:not(:hover).btn-text,
[data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .l-btn_list .btn:not(:hover).btn-text {
  color: #B7372A;
}

@media (min-width: 768px) {
  [data-pagename="event/orientation"] .l-mv,
  [data-pagename="event/test-orientation"] .l-mv {
    background-image: url(../../images/page/event/orientation/mv.png);
  }
  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list,
  [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list .btn, [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list .btn {
    margin-bottom: 1.75rem;
  }

  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list .btn,
  [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list .btn {
    max-width: calc(33.333333% - 1.5rem - 4px);
  }
  [data-pagename="event/orientation"] .page-content .holding-area,
  [data-pagename="event/test-orientation"] .page-content .holding-area {
    margin-top: 80px;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item {
    padding: 0 20px 40px !important;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .btn-text, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .btn-text {
    font-size: 1.25rem;
  }
}

@media (min-width: 1024px) {
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .venue-area .ghostkit-col:nth-child(even) {
    padding-left: 24px;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date {
    font-size: 1.5rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date strong, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date strong {
    margin-bottom: -0.875rem;
  }

  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date strong,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date strong {
    font-size: 2.625rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date .slash,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date .slash {
    font-size: 1.875rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date small,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date small {
    font-size: 1rem;
  }
  [data-pagename="event/orientation"] .page-content #hokkaido-tohoku .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content #hokkaido-tohoku .venue-area .ghostkit-col:nth-child(even) {
    border-left: 1px solid #D09936;
  }
  [data-pagename="event/orientation"] .page-content #kanto .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content #kanto .venue-area .ghostkit-col:nth-child(even) {
    border-left: 1px solid #4597CE;
  }
  [data-pagename="event/orientation"] .page-content #chubu .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content #chubu .venue-area .ghostkit-col:nth-child(even) {
    border-left: 1px solid #C66480;
  }
  [data-pagename="event/orientation"] .page-content #kinki-chugoku-shikoku .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content #kinki-chugoku-shikoku .venue-area .ghostkit-col:nth-child(even) {
    border-left: 1px solid #DF8943;
  }
  [data-pagename="event/orientation"] .page-content #kyushu-okinawa .venue-area .ghostkit-col:nth-child(even),
  [data-pagename="event/test-orientation"] .page-content #kyushu-okinawa .venue-area .ghostkit-col:nth-child(even) {
    border-left: 1px solid #B7372A;
  }
}

@media (max-width: 1023.98px) {
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date {
    font-size: 1.25rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date strong,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date strong {
    font-size: 2.375rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date .slash,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date .slash {
    font-size: 1.625rem;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .event-date small,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .event-date small {
    font-size: 0.875rem;
  }
}

@media (max-width: 767.98px) {
  [data-pagename="event/orientation"] .l-mv,
  [data-pagename="event/test-orientation"] .l-mv {
    background-image: url(../../images/page/event/orientation/mv_sp.png);
  }
  [data-pagename="event/orientation"] .page-content .l-toggle--border .toggle-btn, [data-pagename="event/test-orientation"] .page-content .l-toggle--border .toggle-btn {
    font-size: 1rem;
  }
  [data-pagename="event/orientation"] .page-content .point-area,
  [data-pagename="event/test-orientation"] .page-content .point-area {
    background-size: 234px auto;
  }
  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list, [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list .btn, [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list .btn {
    margin-top: 0;
    margin-bottom: 0.875rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list .btn,
  [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list .btn {
    max-width: calc(50% - 8px);
    min-height: 60px;
  }

  [data-pagename="event/orientation"] .page-content .anchor-area .l-btn_list .btn > span, [data-pagename="event/test-orientation"] .page-content .anchor-area .l-btn_list .btn > span {
    margin-left: 0;
    text-align: left;
  }
  [data-pagename="event/orientation"] .page-content .holding-area,
  [data-pagename="event/test-orientation"] .page-content .holding-area {
    margin-top: 50px;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item,
  [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item {
    padding: 0 10px 40px !important;
  }
  [data-pagename="event/orientation"] .page-content .holding-area .holding-item .btn-text, [data-pagename="event/test-orientation"] .page-content .holding-area .holding-item .btn-text {
    font-size: 1rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  [data-pagename="event/orientation"] .page-content .l-toggle--border .toggle-btn:hover, [data-pagename="event/test-orientation"] .page-content .l-toggle--border .toggle-btn:hover {
    background-color: #959595;
  }
}
/*# sourceMappingURL=../../sourcemaps/css/pages/event-orientation.css.map */