@charset "UTF-8";
/* =========================================================
animation
========================================================= */
@keyframes badge-flashing {
  30% {
    color: rgb(255, 255, 255);
  }
  50% {
    color: rgba(255, 255, 255, 0);
  }
  70% {
    color: rgb(255, 255, 255);
  }
}
/* =========================================================
layout
========================================================= */
/* =========================================================
Common Parts
========================================================= */
button {
  cursor: pointer;
}

a,
button {
  text-decoration: none;
  color: inherit;
  transition: 0.3s ease;
}
a:hover,
button:hover {
  opacity: 0.7;
}
a._underline,
button._underline {
  text-decoration: underline;
}

small {
  font-size: 0.85em;
}

.p-bold {
  font-weight: 600;
}
.p-bold.ptf {
  font-weight: bold;
}

.p-center {
  text-align: center;
}

.p-large {
  font-size: 1.3em;
}

.p-red {
  color: #FF0505;
}

.p-purple {
  color: #9660A4;
}

.frame_wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
.frame_wrap._white {
  border: 1px solid #000;
}
.frame_wrap._blue {
  background: #F2F5F5;
  border: 1px solid #707070;
}
.frame_wrap._yellow {
  background: #F7F3EB;
}
.frame_wrap._light-yellow {
  background: #FEFFE2;
  border: 1px solid #707070;
}
.frame_wrap._red {
  background: #FFDDE0;
}

.dib {
  display: inline-block;
}

.w-100 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

.colum {
  display: grid;
  align-items: flex-start;
}
.colum._jc-center {
  justify-content: center;
}
.colum._ai-center {
  align-items: center;
}
.colum._col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .colum._col2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.colum._col3 {
  gap: 40px 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .colum._col3 {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.colum._col4 {
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .colum._col4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.colum .img-wrap {
  width: 100%;
}
.colum .detail {
  margin-top: 10px;
}
.colum .detail .text {
  margin-top: 6px;
}

* + .btn_wrap,
* + .link_wrap {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  * + .btn_wrap,
  * + .link_wrap {
    margin-top: 20px;
  }
}

.btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .btn_wrap {
    gap: 10px;
  }
}
.btn_wrap._left {
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .btn_wrap._left {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .btn_wrap._border {
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #707070;
  }
}
.btn_wrap .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  max-width: 380px;
}
.btn_wrap .btn._white {
  background: #fff;
  border: 1px solid;
}
.btn_wrap .btn._black {
  background: #000;
  color: #fff;
}
.btn_wrap .btn._red {
  background: #AD2226;
  color: #fff;
}
.btn_wrap .btn._gray {
  background: #B2ACAC;
  color: #000;
  pointer-events: none;
}
.btn_wrap .btn._purple {
  background: #9660A4;
  color: #fff;
}

* + .link_wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
* + .link_wrap .link {
  font-size: 18px;
  font-weight: bold;
  width: fit-content;
}
* + .link_wrap .link::before {
  content: ">>> ";
}

* + .ttl_wrap {
  margin-top: 40px;
}

.ttl_wrap .ttl {
  font-size: 45px;
  color: #484848;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .ttl_wrap .ttl {
    font-size: 38px;
    text-align: center;
  }
}
.ttl_wrap .ttl:not(.ptf) {
  font-size: 40px;
  color: #484848;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .ttl_wrap .ttl:not(.ptf) {
    font-size: 32px;
    text-align: center;
  }
}
.ttl_wrap .ttl_sub {
  display: inline-block;
  margin-top: 20px;
  font-size: 0.35em;
  margin-left: 33px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .ttl_wrap .ttl_sub {
    display: block;
    margin: 0;
  }
}
.ttl_wrap + * {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .ttl_wrap + * {
    margin-top: 20px;
  }
}

/* =========================================================
Contents Style
========================================================= */
.main-contents {
  width: calc(100% - 60px);
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .main-contents {
    max-width: 600px;
  }
}
.main-contents .sec_wrapper {
  background-color: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_wrapper {
    padding-bottom: 80px;
  }
  .main-contents .sec_wrapper:nth-last-child(1) {
    border: none;
    padding: 0;
  }
}
.main-contents .sec_wrapper:nth-child(1) {
  margin-top: 40px;
  padding-bottom: 80px;
}
.main-contents .sec_wrapper:nth-child(1)._mt-none {
  margin-top: 0;
}
.main-contents .sec_wrapper + .sec_wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_wrapper + .sec_wrapper {
    padding-top: 40px;
    padding-bottom: 70px;
  }
}
.main-contents .sec_wrapper + .sec_wrapper._pt-none {
  padding-top: 0;
}
.main-contents .sec_wrapper + .sec_wrapper._pb-none {
  padding-bottom: 0;
}
.main-contents .sec_wrapper._bg-black {
  background-color: #000;
  box-shadow: 0 0 0 100vmax #000;
  clip-path: inset(0 -100vmax);
}
.main-contents .sec_wrapper._bg-gray {
  background-color: #F5F5F5;
  box-shadow: 0 0 0 100vmax #F5F5F5;
  clip-path: inset(0 -100vmax);
}
.main-contents .sec_wrapper._bg-yellow {
  background-color: #F7F3EB;
  box-shadow: 0 0 0 100vmax #F7F3EB;
  clip-path: inset(0 -100vmax);
}
.main-contents .sec_wrapper._bg-wine {
  background-color: #E5D6D6;
  box-shadow: 0 0 0 100vmax #E5D6D6;
  clip-path: inset(0 -100vmax);
  color: #925AA3;
}
.main-contents .sec_wrapper._bg-purple {
  background-color: #9259A4;
  box-shadow: 0 0 0 100vmax #9259A4;
  clip-path: inset(0 -100vmax);
  color: #fff;
}
.main-contents .sec_wrapper._bg-blue {
  background-color: #E1F8FB;
  box-shadow: 0 0 0 100vmax #E1F8FB;
  clip-path: inset(0 -100vmax);
}
.main-contents .sec_wrapper._bg-pink {
  background-color: #FFF5F6;
  box-shadow: 0 0 0 100vmax #FFF5F6;
  clip-path: inset(0 -100vmax);
}
.main-contents .sec_wrapper_header._parallax {
  height: 360px;
  clip-path: inset(0 0);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_wrapper_header._parallax {
    height: 180px;
  }
}
.main-contents .sec_wrapper_header._parallax img {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.main-contents .sec_wrapper._deployment .close_wrap {
  overflow: hidden;
  max-height: 0;
  transition: max-height 2s;
}
.main-contents .sec_wrapper._deployment.active .close_wrap {
  max-height: 2000px;
}
.main-contents .sec_wrapper._deployment.active .btn_wrap button {
  display: none;
}
.main-contents .sec_wrapper._deployment:not(.active) .btn_wrap a {
  display: none;
}
.main-contents .schedule-list {
  display: block;
  max-width: 450px;
}
@media screen and (max-width: 768px) {
  .main-contents .schedule-list {
    font-size: 0.8em;
    width: fit-content;
    letter-spacing: 0;
  }
}
.main-contents .schedule-list > p {
  margin-bottom: 10px;
}
.main-contents .schedule-list .schedule {
  display: grid;
  grid-template-columns: 125px 120px 1fr;
}
@media screen and (max-width: 768px) {
  .main-contents .schedule-list .schedule {
    grid-template-columns: 88px 86px 1fr;
    min-width: 100%;
  }
}
.main-contents .schedule-list .schedule_date {
  line-height: 30px;
}
.main-contents .schedule-list .schedule_time {
  line-height: 30px;
}
.main-contents .schedule-list .schedule_ctg {
  margin-right: 0;
}
.main-contents .schedule-list .schedule + .schedule {
  margin-top: 10px;
}
.main-contents .schedule-list .schedule._none {
  opacity: 0.5;
  position: relative;
}
.main-contents .schedule-list .schedule._none::before {
  content: "";
  display: block;
  width: calc(100% + 10px);
  max-width: 480px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 50%;
  left: -5px;
}
.main-contents .schedule_ctg {
  display: inline-block;
  text-align: center;
  min-width: 160px;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .main-contents .schedule_ctg {
    min-width: 118px;
    padding: 0 5px;
  }
}
.main-contents .schedule_ctg._red {
  background: #E47D7C;
  color: #fff;
}
.main-contents .schedule_ctg._gray {
  background: #D7D6D6;
}
.main-contents .schedule_ctg._gray {
  background: #D7D6D6;
}
.main-contents .schedule_ctg._purple {
  background: #9660A4;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_inner {
    display: flex;
    flex-direction: column;
  }
}
.main-contents .sec_leadTop_mv {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_mv {
    margin-top: 40px;
    margin-bottom: 20px;
    order: 1;
  }
}
.main-contents .sec_leadTop_detail {
  grid-template-columns: 1fr 1.3fr;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail {
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title {
    display: contents;
    margin-bottom: 30px;
  }
}
.main-contents .sec_leadTop_detail_title .badge {
  background-color: #FF0000;
  color: rgb(255, 255, 255);
  width: fit-content;
  padding: 4px 20px;
  font-size: 20px;
  font-weight: bold;
  animation: 2s infinite badge-flashing ease-in-out;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title .badge {
    font-size: 18px;
  }
}
.main-contents .sec_leadTop_detail_title h2 {
  font-size: 77px;
  line-height: 0.9;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title h2 {
    font-size: 70px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.main-contents .sec_leadTop_detail_title h2 small {
  display: block;
  font-weight: 500;
  font-size: 0.6em;
  margin-top: 10px;
  font-weight: 600;
  translate: 6px 0;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title h2 small {
    margin-top: 4px;
  }
}
.main-contents .sec_leadTop_detail_title h3 {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title .text,
  .main-contents .sec_leadTop_detail_title .link_wrap {
    margin-bottom: 10px;
    order: 1;
  }
}
.main-contents .sec_leadTop_detail_title > * + * {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_title > * + * {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadTop_detail_video {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 40px;
    order: -1;
  }
}
.main-contents .sec_leadTop_detail_video video {
  width: 100%;
}
.main-contents .sec_topNews .news_list .news_item:nth-child(n+7) {
  display: none;
}
.main-contents .news_list .news_item .detail .ttl {
  font-size: 1em;
  margin-top: 10px;
}
.main-contents .news_list .news_item .detail .ttl::before {
  content: attr(data-ctg);
  display: inline-block;
  margin-right: 39px;
  font-weight: 600;
  font-size: 1em;
}
.main-contents .news_list .news_item .detail .text {
  font-size: 0.9em;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_apply_current {
    border: none;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_apply_current p {
    text-align: left;
    font-size: 1em;
  }
}
.main-contents .sec_apply_img {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_apply_img {
    margin-top: 20px;
  }
}
.main-contents .sec_apply_campaign {
  margin-top: 40px;
}
.main-contents .sec_apply_text {
  padding: 40px 20px;
  margin-top: 40px;
}
.main-contents .sec_apply_text h3 {
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 7px;
}
.main-contents .sec_apply_text h3::before, .main-contents .sec_apply_text h3::after {
  content: "※";
  display: inline-block;
}
.main-contents .sec_apply_text h3::before {
  margin-right: 10px;
}
.main-contents .sec_apply_text h3::after {
  margin-left: 10px;
}
.main-contents .sec_apply_text p {
  width: fit-content;
  margin: 0 auto;
  margin-top: 40px;
}
.main-contents .sec_report_item + .sec_report_item {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_report_item + .sec_report_item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_report_item._col2 {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_report_item._col3 {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_report_item p {
    font-size: 1em;
  }
}
.main-contents .sec_report .close_wrap .sec_report_item:nth-child(1) {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_report .close_wrap .sec_report_item:nth-child(1) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_outline_item {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.main-contents .sec_outline_item .schedule-list {
  background: #E3E3E3;
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_outline_item .schedule-list {
    padding: 6px;
    font-size: 0.8em;
    width: fit-content;
  }
}
.main-contents .sec_outline_item_detail {
  margin-top: 40px;
}
.main-contents .sec_outline_item_detail .detail {
  display: flex;
}
.main-contents .sec_outline_item_detail .detail p:nth-child(1) {
  min-width: fit-content;
}
.main-contents .sec_outline_item > * + * {
  margin-top: 20px;
}
.main-contents .sec_outline_item + .sec_outline_item {
  margin-top: 20px;
}
.main-contents .sec_outline_img {
  height: 100%;
  max-height: 770px;
  width: calc(100% + 120px);
}
.main-contents .sec_outline_img img {
  height: 100%;
  object-fit: cover;
}
.main-contents .sec_leadPage_detail h2 {
  font-size: 45px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadPage_detail h2 {
    font-size: 38px;
    text-align: center;
  }
}
.main-contents .sec_leadPage_detail h3 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadPage_detail h3 {
    font-size: 18px;
    text-align: center;
  }
}
.main-contents .sec_leadPage_detail p {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadPage_detail p {
    font-size: 15px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadPage_img {
    grid-row: 1/2;
  }
}
.main-contents .sec_feature_list {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_feature_list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_feature_list {
    margin-top: 20px;
  }
}
.main-contents .sec_feature_list_item {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_feature_list_item {
    grid-template-columns: 1fr;
    width: calc(50% - 20px);
    gap: 10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .main-contents .sec_feature_list_item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 1024px) and (max-width: 425px) {
  .main-contents .sec_feature_list_item {
    width: 100%;
  }
}
.main-contents .sec_feature_list_item_detail h3 {
  line-height: 1.3;
}
.main-contents .sec_feature_list_item_detail p {
  margin-top: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_emerging_ttl_pop {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_emerging_inner {
    gap: 20px;
  }
}
.main-contents .sec_emerging_detail {
  margin-top: 40px;
  grid-template-columns: 2fr 1fr;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_emerging_detail {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.main-contents .sec_emerging_detail_text {
  display: flex;
  align-items: center;
}
.main-contents .sec_emerging_detail_text p {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_emerging_detail_text p {
    line-height: 2;
  }
}
.main-contents .sec_emerging_condition {
  margin-top: 40px;
}
.main-contents .sec_emerging_condition._white {
  border: none;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_consultation.active .close_wrap {
    max-height: 4800px !important;
  }
}
.main-contents .sec_schedule_inner {
  gap: 10px;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_schedule_inner.colum._col2 {
    grid-template-columns: 1fr;
  }
}
.main-contents .sec_schedule_item {
  position: relative;
  padding: 20px 20px 110px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item {
    padding: 20px;
  }
}
.main-contents .sec_schedule_item._market .schedule-list {
  margin-top: 20px;
}
.main-contents .sec_schedule_item_detail {
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_schedule_item_detail {
    min-height: auto;
  }
}
.main-contents .sec_schedule_item_detail > * + * {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item_detail > * + * {
    margin-top: 20px;
  }
}
.main-contents .sec_schedule_item_detail .schedule-list {
  max-width: none;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_schedule_item_detail .schedule-list {
    max-width: 510px;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item_detail .schedule-list {
    font-size: 0.8em;
  }
}
.main-contents .sec_schedule_item_detail .schedule-list .schedule {
  grid-template-columns: 113px 152px 1fr;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item_detail .schedule-list .schedule {
    grid-template-columns: 72px 80px 1fr;
  }
}
.main-contents .sec_schedule_item_detail .schedule-list .schedule .schedule_ctg {
  min-width: 120px;
  max-width: 200px;
}
.main-contents .sec_schedule_item_detail .schedule-list .schedule + .schedule {
  margin-top: 20px;
}
.main-contents .sec_schedule_item_detail_price {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #000;
}
.main-contents .sec_schedule_item_detail_price dl + dl {
  margin-top: 10px;
}
.main-contents .sec_schedule_item_detail_price dl dd {
  padding-left: 1em;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  max-width: 310px;
}
.main-contents .sec_schedule_item .btn_wrap {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item .btn_wrap {
    position: static;
  }
}
.main-contents .sec_schedule_item .btn_wrap .btn {
  max-width: none;
  width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_item .btn_wrap .btn {
    width: 100%;
  }
}
.main-contents .sec_schedule_note {
  margin-top: 20px;
  padding: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_note {
    padding: 20px;
  }
}
.main-contents .sec_schedule_note p {
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_schedule_note p {
    font-size: 1em;
  }
}
.main-contents .sec_news .ttl_wrap {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_news .ttl_wrap {
    display: block;
  }
}
.main-contents .sec_news .ttl_wrap .news-ctg_list {
  display: flex;
  justify-content: end;
  gap: 10px 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_news .ttl_wrap .news-ctg_list {
    flex-direction: column;
    align-items: flex-start;
  }
}
.main-contents .sec_news .ttl_wrap .news-ctg_list li.active {
  text-decoration: underline;
  font-weight: 600;
}
.main-contents .sec_news .ttl_wrap .news-ctg_list li.active a {
  pointer-events: none;
}
.main-contents .sec_news .news_list {
  display: flex;
  flex-wrap: wrap;
}
.main-contents .sec_news .news_list .news_item {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_news .news_list .news_item {
    width: 100%;
  }
}
.main-contents .sec_news .pagination .clearfix {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_news .pagination .clearfix {
    gap: 10px;
  }
}
.main-contents .sec_news .pagination .clearfix li a {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_news .pagination .clearfix li a {
    width: 30px;
    height: 30px;
  }
}
.main-contents .sec_news .pagination .clearfix li.current a {
  background-color: #707070;
  color: #fff;
}
.main-contents .sec_leadAbout {
  margin-top: 0;
}
.main-contents .sec_leadAbout_visual {
  position: relative;
  height: 300px;
  overflow: hidden;
}
.main-contents .sec_leadAbout_visual::before {
  width: 100%;
  height: 100%;
  content: "";
  background: #000;
  display: block;
  position: absolute;
  top: 0;
  opacity: 0.2;
}
.main-contents .sec_leadAbout_visual img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.main-contents .sec_leadAbout_visual h2 {
  position: absolute;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  top: 50%;
  right: 20px;
  translate: 0 -50%;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_leadAbout_visual h2 {
    top: auto;
    bottom: 20px;
    translate: 0;
    left: 20px;
    right: auto;
    font-size: 20px;
    width: calc(100% - 40px);
  }
}
.main-contents .sec_leadAbout_detail {
  margin-top: 80px;
}
.main-contents .sec_leadAbout_detail h3 {
  font-size: 32px;
  line-height: 1.3;
}
.main-contents .sec_leadAbout_detail > * + * {
  margin-top: 40px;
}
.main-contents .sec_organizer_detail {
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_organizer_detail {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.main-contents .sec_organizer_detail .text h3 {
  font-size: 32px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_organizer_detail .text h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.main-contents .sec_organizer_detail .text p {
  color: #707070;
}
.main-contents .sec_organizer_contact {
  margin-top: 40px;
}
.main-contents .sec_organizer_contact_inner {
  min-height: 200px;
}
.main-contents .sec_organizer_contact_inner h4 {
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_organizer_contact_inner h4 {
    font-size: 24px;
  }
}
.main-contents .sec_message_list_item {
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_message_list_item {
    grid-template-columns: 1fr;
  }
}
.main-contents .sec_message_list_item + li {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_message_list_item + li {
    margin-top: 40px;
  }
}
.main-contents .sec_message_list_item h3 {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_message_list_item h3 {
    font-size: 18px;
  }
}
.main-contents .sec_message_list_item p {
  color: #707070;
  line-height: 1.5;
}
.main-contents .sec_ourTeam_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_ourTeam_list {
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
}
.main-contents .sec_ourTeam_list .img img {
  display: block;
}
.main-contents .sec_ourTeam_list dl {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_ourTeam_list dl {
    margin-top: 10px;
  }
}
.main-contents .sec_ourTeam_list dl dt {
  font-weight: bold;
  font-size: 20px;
}
.main-contents .sec_ourTeam_list dl dd {
  margin-top: 10px;
  color: #707070;
}
.main-contents .sec_eventInfo_inner {
  display: flex;
  gap: 80px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventInfo_inner {
    flex-direction: column;
    gap: 20px;
  }
}
.main-contents .sec_eventInfo_inner h2 {
  font-size: 50px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventInfo_inner h2 {
    font-size: 30px;
  }
}
.main-contents .sec_eventInfo_img {
  width: calc(60% - 40px);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventInfo_img {
    width: 100%;
  }
}
.main-contents .sec_eventInfo_detail {
  width: calc(40% - 40px);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventInfo_detail {
    width: 100%;
  }
}
.main-contents .sec_brandlist {
  background: none;
  box-shadow: none;
  clip-path: none;
  width: calc(100% - 300px - 40px);
  margin-left: auto;
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_brandlist {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
}
.main-contents .sec_brandlist .ttl_wrap {
  text-align: center;
}
.main-contents .sec_brandlist .ttl_wrap .ttl_sub {
  display: block;
  margin: 0;
}
.main-contents .sec_brandlist_search_open button {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #fff;
  width: 100px;
  height: 40px;
  padding: 7px;
  border: 1px solid #ddd;
  z-index: 100;
}
.main-contents .sec_brandlist_search_inner {
  padding: 30px;
  position: fixed;
  width: 300px;
  background: #C7C7C7;
  border: 1px solid;
  bottom: 0;
  height: calc(100vh - 138px);
  box-sizing: border-box;
  z-index: 5000;
  left: 0;
  overflow-y: scroll;
  transition: 0.5s ease;
}
.main-contents .sec_brandlist_search_inner::-webkit-scrollbar {
  width: 5px;
}
.main-contents .sec_brandlist_search_inner::-webkit-scrollbar-track {
  background-color: #e4e4e4;
}
.main-contents .sec_brandlist_search_inner::-webkit-scrollbar-thumb {
  background-color: #a3a3a3;
  border-radius: 10px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_brandlist_search_inner {
    width: 100%;
    bottom: 0;
    top: auto;
    max-height: 70vh;
    height: auto;
    translate: 0 100%;
    transition: translate 1s ease;
    padding: 50px 30px 30px;
  }
  .main-contents .sec_brandlist_search_inner.active {
    translate: 0 0;
  }
}
.main-contents .sec_brandlist_search_inner > * + * {
  margin-top: 20px;
}
.main-contents .sec_brandlist_search_close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  right: 20px;
  background: #333;
  border-radius: 100%;
  cursor: pointer;
  margin: 0;
}
.main-contents .sec_brandlist_search_close::before, .main-contents .sec_brandlist_search_close::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  rotate: 45deg;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.main-contents .sec_brandlist_search_close::before {
  width: 23px;
  height: 3px;
}
.main-contents .sec_brandlist_search_close::after {
  width: 3px;
  height: 23px;
}
.main-contents .sec_brandlist_search_bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: -5000;
  transition: opacity 0.5s ease;
}
.main-contents .sec_brandlist_search .active + .sec_brandlist_search_bg {
  opacity: 0.5;
  z-index: 4999;
}
.main-contents .sec_brandlist_search_ttl {
  font-weight: bold;
  margin-bottom: 6px;
}
.main-contents .sec_brandlist_search_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_brandlist_search_list {
    gap: 6px;
  }
}
.main-contents .sec_brandlist_search_list li {
  display: block;
}
.main-contents .sec_brandlist_search_list li label input {
  display: none;
}
.main-contents .sec_brandlist_search_list li label input:checked + span {
  background-color: #fff;
  color: #2f2f2f;
}
.main-contents .sec_brandlist_search_list li label span {
  height: 32px;
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: 0.5s ease;
  padding: 0 7px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_brandlist_search_list li label span {
    height: 40px;
    min-width: 40px;
  }
}
.main-contents .sec_brandlist_search_clear button {
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_brandlist_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.main-contents .sec_brandlist_list + .sec_brandlist_list {
  margin-top: 40px;
}
.main-contents .sec_brandlist_item {
  position: relative;
}
.main-contents .sec_brandlist_item[data-display=false] {
  display: none;
}
.main-contents .sec_brandlist_item._col2 dt {
  font-size: 40px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .main-contents .sec_brandlist_item {
    width: 100%;
    max-width: 400px;
  }
}
.main-contents .sec_brandlist_item_img img {
  border: 1px solid #d1d1d1;
  display: block;
}
.main-contents .sec_brandlist_item_icon {
  margin-top: 10px;
  min-height: 28px;
}
.main-contents .sec_brandlist_item_icon span {
  display: inline-block;
  font-size: 12px;
  padding: 1px 10px;
  border-radius: 20px;
}
.main-contents .sec_brandlist_item_icon span + span {
  margin-left: 4px;
}
.main-contents .sec_brandlist_item_icon span:empty {
  display: none;
}
.main-contents .sec_brandlist_item_icon span.item {
  background: #000;
  color: #fff;
}
.main-contents .sec_brandlist_item_icon span.area {
  background: #000;
  color: #fff;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=SOUTH] {
  background: #8EA0B5;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=NORTH] {
  background: #EDB88F;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=WEST] {
  background: #AAB8AF;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=EAST] {
  background: #CB8F90;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=ISLAND] {
  background: #E8EAA6;
  color: #2F2F2F;
}
.main-contents .sec_brandlist_item_icon span.area[data-area=AVENUE] {
  background: #2A2D74;
}
.main-contents .sec_brandlist_item_icon span.booth {
  color: #fff;
  background: #000;
}
.main-contents .sec_brandlist_item dl {
  margin-top: 10px;
}
.main-contents .sec_brandlist_item dl dt {
  font-size: 14px;
  font-weight: bold;
}
.main-contents .sec_brandlist_item dl dd {
  font-size: 12px;
  margin-top: 4px;
}
.main-contents .sec_brandlist_item .js-brand-modal-open {
  cursor: pointer;
  display: contents;
}
.main-contents .sec_brandlist_message {
  text-align: center;
  margin-top: 120px;
}
.main-contents .sec_brandlist_message:empty {
  display: none;
}
.main-contents .sec_eventTop {
  padding-bottom: 0 !important;
}
.main-contents .sec_eventTop_ttl {
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_ttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
.main-contents .sec_eventTop_consept {
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_consept {
    padding: 80px 0;
  }
}
.main-contents .sec_eventTop_consept h2 {
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_consept h2 {
    font-size: 50px;
  }
}
.main-contents .sec_eventTop_video {
  padding-bottom: 120px;
}
.main-contents .sec_eventTop_video video {
  border-top-right-radius: 100px;
  width: 100%;
}
.main-contents .sec_eventTop_linkList {
  padding-bottom: 120px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_linkList {
    padding-bottom: 80px;
  }
}
.main-contents .sec_eventTop_artist {
  padding: 120px 0;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_artist {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_artist_inner {
    gap: 10px;
  }
}
.main-contents .sec_eventTop_artist_inner + .sec_eventTop_artist_inner {
  margin-top: 40px;
}
.main-contents .sec_eventTop_artist dl + dl {
  margin-top: 20px;
}
.main-contents .sec_eventTop_artist dl dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_artist dl dt {
    font-size: 18px;
  }
}
.main-contents .sec_eventTop_text h2 {
  font-size: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_text h2 {
    font-size: 24px;
  }
}
.main-contents .sec_eventTop_text h3 {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_text h3 {
    font-size: 18px;
  }
}
.main-contents .sec_eventTop_link {
  position: relative;
  margin-top: 60px;
}
.main-contents .sec_eventTop_link_arrow {
  width: 75px;
  margin: 0 auto;
}
.main-contents .sec_eventTop_link h3 {
  font-size: 80px;
  margin-bottom: -40px;
  color: #000;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_link h3 {
    font-size: 50px;
    margin-bottom: -20px;
  }
}
.main-contents .sec_eventTop_info {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventTop_info {
    margin-top: 100px;
  }
}
.main-contents .sec_eventTop_info h3 {
  font-size: 24px;
  margin-bottom: 40px;
}
.main-contents .sec_eventTop_info .colum {
  margin-top: 40px;
}
.main-contents .sec_creators {
  border-top: 1px solid #414141;
}
.main-contents .sec_creators_ttl {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_creators_ttl {
    margin-bottom: 40px;
  }
}
.main-contents .sec_creators_ttl h2 {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_creators_ttl h2 {
    font-size: 40px;
  }
}
.main-contents .sec_creators_item .img img {
  display: block;
  border: 1px solid #e3e3e3;
}
.main-contents .sec_creators_item dl {
  margin-top: 20px;
}
.main-contents .sec_creators_item dl dt {
  font-size: 16px;
  font-weight: bold;
}
.main-contents .sec_creators_item dl dd {
  font-size: 14px;
  margin-top: 10px;
}
.main-contents .sec_projects {
  border-top: 1px solid #414141;
}
.main-contents .sec_projects_ttl {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects_ttl {
    margin-bottom: 40px;
  }
}
.main-contents .sec_projects_ttl h2 {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects_ttl h2 {
    font-size: 40px;
  }
}
.main-contents .sec_projects_ttl p {
  font-size: 20px;
}
.main-contents .sec_projects_ttl p img {
  width: 110px;
}
.main-contents .sec_projects .sec_project + .sec_project {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project + .sec_project {
    margin-top: 80px;
  }
}
.main-contents .sec_projects .sec_project_ttl {
  padding: 50px 0 !important;
}
.main-contents .sec_projects .sec_project_ttl h3 {
  font-size: 30px;
  text-align: center;
  border-bottom: 1px solid #707070;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project_ttl h3 {
    padding-bottom: 40px;
    text-align: left;
    font-size: 24px;
  }
}
.main-contents .sec_projects .sec_project_ttl p {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project_ttl p {
    margin-top: 40px;
    font-size: 12px;
  }
}
.main-contents .sec_projects .sec_project_samary {
  margin-top: 80px;
  margin-bottom: 40px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project_samary {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
.main-contents .sec_projects .sec_project_samary h4 {
  font-size: 32px;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project_samary h4 {
    font-size: 24px;
  }
}
.main-contents .sec_projects .sec_project_samary p {
  font-size: 24px;
  text-align: center;
  line-height: 2.5;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects .sec_project_samary p {
    font-size: 18px;
  }
}
.main-contents .sec_projects_pickup {
  background-color: #F5F5F5;
  padding: 40px;
  margin-top: 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects_pickup {
    padding: 20px;
  }
}
.main-contents .sec_projects_pickup._bg-black {
  background-color: #000;
  border-radius: 30px;
  color: #fff;
}
.main-contents .sec_projects_pickup.w-100 {
  border: 1px solid #707070;
}
.main-contents .sec_projects_pickup .colum._col2 {
  grid-template-columns: 1fr 1.5fr;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_projects_pickup .colum._col2 {
    grid-template-columns: 1fr;
  }
}
.main-contents .sec_projects_pickup dl dt {
  font-size: 35px;
  margin-bottom: 20px;
}
.main-contents .sec_projects_pickup dl dd a {
  text-align: right;
  display: block;
}
.main-contents .sec_eventBrandlist_ttl {
  text-align: center;
}
.main-contents .sec_eventBrandlist_ttl h2 {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_eventBrandlist_ttl h2 {
    font-size: 40px;
  }
}
.main-contents .sec_performing {
  border-top: 1px solid #414141;
}
.main-contents .sec_performing_ttl {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_ttl {
    margin-bottom: 40px;
  }
}
.main-contents .sec_performing_ttl h2 {
  text-align: center;
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_ttl h2 {
    font-size: 40px;
  }
}
.main-contents .sec_performing_ttl p {
  margin-top: 40px;
  font-size: 20px;
}
.main-contents .sec_performing_ttl p img {
  width: 110px;
}
.main-contents .sec_performing_content {
  width: calc(100% - 60px);
  max-width: 1200px;
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_content {
    width: calc(100% - 40px);
  }
}
.main-contents .sec_performing_content dl {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_content dl {
    flex-direction: column;
    gap: 20px;
  }
}
.main-contents .sec_performing_content dl dt {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_content dl dt {
    width: 100%;
  }
}
.main-contents .sec_performing_content dl dd {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_content dl dd {
    width: 100%;
  }
}
.main-contents .sec_performing_content dl dd p {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_performing_content dl dd p {
    font-size: 14px;
  }
}
.main-contents .sec_performing_content dl dd .btn_wrap {
  justify-content: flex-start;
}
.main-contents .sec_eventSponsor {
  border-top: 1px solid #626262 !important;
}
.main-contents .sec_eventSponsor div + .ttl_wrap {
  margin-top: 80px;
}
.main-contents .sec_poster_detail h2 {
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_poster_detail h2 {
    font-size: 36px;
  }
}
.main-contents .sec_newseim_detail h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}
.main-contents .sec_newseim_detail h2 .ptf {
  font-size: 38px;
}
@media screen and (max-width: 768px) {
  .main-contents .sec_newseim_detail h2 {
    font-size: 28px;
  }
  .main-contents .sec_newseim_detail h2 .ptf {
    font-size: 36px;
  }
}

/* =========================================================
Page Specific Style
========================================================= */
#archive .sec_report.active .btn_wrap {
  border: none;
}
#archive .sec_report.active .btn_wrap a {
  display: none;
}

#brandlist .main-contents {
  width: 100%;
  max-width: none;
}

#event .fixed_btn {
  display: none !important;
}
#event .event_fixed_btn_ticket {
  display: block;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 58px;
  background-color: #000;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #fff;
  position: fixed;
  right: 20px;
  z-index: 1;
  transition: 0.8s ease;
}
@media screen and (max-width: 768px) {
  #event .event_fixed_btn_ticket {
    width: 160px;
    height: 50px;
    font-size: 12px;
  }
}
#event .event_fixed_btn_business {
  position: fixed;
  width: 164px;
  height: 164px;
  border: 2px solid #fff;
  background-color: #000;
  border-radius: 100%;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #event .event_fixed_btn_business {
    width: 124px;
    height: 124px;
  }
}
#event .event_fixed_btn_business span {
  display: block;
  color: #fff;
}
#event .event_fixed_btn_business span:nth-child(1) {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  #event .event_fixed_btn_business span:nth-child(1) {
    font-size: 18px;
  }
}
#event .event_fixed_btn_business span:nth-child(2) {
  font-size: 10px;
}
#event .event_fixed_btn .page-top {
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #event .event_fixed_btn .page-top {
    width: 60px;
    height: 60px;
  }
}
#event .event_fixed_btn .page-top svg {
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 768px) {
  #event .event_fixed_btn .page-top svg {
    width: 25px;
  }
}

/* =========================================================
Modal
========================================================= */
.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
}
.modal_bg {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
}
.modal_close_btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 40px;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .modal_close_btn {
    top: 10px;
    right: 20px;
  }
}
.modal_close_btn::before, .modal_close_btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  inset: 50%;
  translate: -50% -50%;
}
.modal_close_btn::before {
  rotate: 45deg;
}
.modal_close_btn::after {
  rotate: -45deg;
}
.modal_content {
  position: absolute;
  max-width: 1100px;
  width: calc(100% - 40px);
  height: fit-content;
  inset: 50%;
  translate: -50% -50%;
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .modal_content {
    position: relative;
    inset: 0;
    translate: 0;
    margin-inline: auto;
    margin-top: 60px;
    height: calc(100vh - 140px);
    overflow-y: scroll;
    display: block;
  }
}
.modal_content_img img {
  display: block;
}
.modal_content dl dt {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .modal_content dl dt {
    font-size: 16px;
  }
}
.modal_content dl dd {
  margin-top: 30px;
}
.modal .js-brand-modal-close {
  cursor: pointer;
}/*# sourceMappingURL=style.css.map */