@charset "UTF-8";
@media screen and (min-width: 768px), print {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.c-inner {
  width: min(calc((1140/1440)*100vw), 1140px);
  padding-inline: min(calc((20/1440)*100vw), 20px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-inner {
    width: 100%;
    padding-inline: calc((15/375)*100vw);
  }
}

:root {
  interpolate-size: allow-keywords;
}

body {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  body {
    padding-top: calc((56/375)*100vw);
  }
}

.l-header {
  height: 70px;
}
@media screen and (max-width: 767px) {
  .l-header {
    width: 100%;
    height: calc((56/375)*100vw);
    position: fixed;
    top: 0;
    left: 0;
  }
}
.l-header .l-header__inner {
  padding-inline: 40px;
}
@media screen and (max-width: 767px) {
  .l-header .l-header__inner {
    padding-inline: calc((15/375)*100vw);
  }
}
.l-header .l-header__logo {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .l-header .l-header__logo {
    width: calc((150/375)*100vw);
  }
}
.l-header .l-gnav {
  display: block;
}
.l-header .l-gnav .l-gnav__item-link {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .l-header .l-gnav .l-gnav__item-link {
    font-size: calc((13/375)*100vw);
    padding: calc((10/375)*100vw) 0;
  }
}

.l-footer {
  padding-top: 0;
}

.mv {
  padding: 60px 0 140px;
  background: url(../img/two-day-event/bg_01_pc.webp) no-repeat center top/cover;
  background-color: #5BBDFF;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mv {
    padding: calc((40/375)*100vw) 0 calc((80/375)*100vw);
    background-image: url(../img/two-day-event/bg_01_sp.webp);
  }
}
.mv:after {
  background: url(../img/common/bg-wave01.png) repeat-x center/auto 20px;
  bottom: 0;
  content: "";
  height: 19px;
  left: 0;
  position: absolute;
  right: 0;
  scale: 1 -1;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .mv:after {
    height: 20px;
  }
}
.mv-ttl {
  width: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .mv-ttl {
    width: calc((340/375)*100vw);
  }
}
.mv-txt {
  width: min(calc((940/1440)*100vw), 940px);
  font-size: 20px;
  line-height: 1.8;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .mv-txt {
    width: 100%;
    font-size: calc((15/375)*100vw);
    padding-inline: calc((20/375)*100vw);
    margin-top: calc((20/375)*100vw);
  }
}
.mv-txt span {
  font-weight: 700;
}

.message {
  padding-top: 120px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .message {
    padding-top: calc((80/375)*100vw);
    position: relative;
    top: -1px;
  }
}
@media screen and (max-width: 767px) {
  .message .c-inner {
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .message .c-inner:after {
    content: "";
    display: block;
    width: calc(92vw - 2px);
    height: calc((150/375)*100vw);
    border-radius: 0 0 calc((10/375)*100vw) calc((10/375)*100vw);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFF));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
  }
  .message .c-inner.is-active {
    padding-bottom: calc((76/375)*100vw);
  }
  .message .c-inner.is-active:after {
    opacity: 0;
  }
  .message .c-inner.is-active .message-inner {
    height: auto;
  }
}
.message-inner {
  padding: min(calc((60/1440)*100vw), 60px);
  border-radius: 0 0 10px 10px;
  border: 1px solid #000;
}
@media screen and (min-width: 768px), print {
  .message-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: url(../img/two-day-event/message_img_02.webp) no-repeat left bottom;
    background-size: min(calc((497/1440)*100vw), 497px) min(calc((170/1440)*100vw), 170px);
  }
}
@media screen and (max-width: 767px) {
  .message-inner {
    height: calc((800/375)*100vw);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: calc((20/375)*100vw) calc((20/375)*100vw) calc((30/375)*100vw);
    border-radius: 0 0 calc((10/375)*100vw) calc((10/375)*100vw);
    overflow: hidden;
  }
}
.message-introArea {
  width: min(calc((300/1440)*100vw), 300px);
}
@media screen and (max-width: 767px) {
  .message-introArea {
    width: 100%;
  }
}
.message-img {
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .message-img {
    margin-bottom: calc((21/375)*100vw);
  }
}
.message-en {
  font-size: 11px;
  color: #525252;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .message-en {
    font-size: calc((11/375)*100vw);
  }
}
.message-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .message-name {
    font-size: calc((22/375)*100vw);
    margin-top: calc((12/375)*100vw);
  }
}
.message-post {
  font-size: 13px;
  line-height: 1.6;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .message-post {
    font-size: calc((12/375)*100vw);
    margin-top: calc((16/375)*100vw);
  }
}
.message-txtArea {
  width: min(calc((620/1440)*100vw), 620px);
}
@media screen and (max-width: 767px) {
  .message-txtArea {
    width: 100%;
    margin-top: calc((30/375)*100vw);
  }
}
.message-txtArea p {
  font-size: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .message-txtArea p {
    font-size: calc((15/375)*100vw);
  }
}
.message-txtArea p:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .message-txtArea p:not(:first-child) {
    margin-top: calc((12/375)*100vw);
  }
}
.message-txtArea span {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .message-spBtn {
    width: calc((315/375)*100vw);
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc((20/375)*100vw);
    margin: auto;
    z-index: 2;
    -webkit-transition: bottom 0.2ms;
    transition: bottom 0.2ms;
  }
  .message-spBtn img:first-child {
    display: block;
  }
  .message-spBtn img:last-child {
    display: none;
  }
  .message-spBtn.is-active {
    bottom: 0;
  }
  .message-spBtn.is-active img:first-child {
    display: none;
  }
  .message-spBtn.is-active img:last-child {
    display: block;
  }
}

.qa {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .qa {
    padding-top: calc((80/375)*100vw);
    padding-bottom: calc((80/375)*100vw);
  }
}
.qa-ttl {
  width: 496px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 767px) {
  .qa-ttl {
    width: calc((288/375)*100vw);
    margin-bottom: calc((30/375)*100vw);
  }
}
.qa .c-txt-note01 {
  font-size: 12px;
  color: #525252;
  line-height: 1.6;
  padding-left: 0;
  text-indent: 0;
  margin-top: 8px !important;
}
@media screen and (max-width: 767px) {
  .qa .c-txt-note01 {
    font-size: calc((12/375)*100vw);
    margin-top: calc((10/375)*100vw) !important;
  }
}
.qa .p-faq-accordion .p-faq-accordion__content-inner {
  padding-inline: min(calc((78/1440)*100vw), 78px) min(calc((70/1440)*100vw), 70px);
}
@media screen and (max-width: 767px) {
  .qa .p-faq-accordion .p-faq-accordion__content-inner {
    padding-inline: calc((20/375)*100vw);
  }
}
@media screen and (max-width: 767px) {
  .qa .p-faq-accordion .p-faq-accordion__content-txt {
    font-size: calc((15/375)*100vw);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .qa .p-faq-accordion + .p-faq-accordion {
    margin-top: calc((24/375)*100vw);
  }
}
.qa-notes {
  padding: min(calc((20/1440)*100vw), 20px) min(calc((24/1440)*100vw), 24px);
  background-color: #F7F7F7;
  border-radius: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .qa-notes {
    padding: calc((20/375)*100vw);
    border-radius: calc((10/375)*100vw);
    margin-top: calc((40/375)*100vw);
  }
}
.qa-notes p {
  color: #525252;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .qa-notes p {
    font-size: calc((12/375)*100vw);
    line-height: 1.5;
  }
}
.qa-notes p:not(:first-child) {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .qa-notes p:not(:first-child) {
    margin-top: calc((4/375)*100vw);
  }
}
.qa-notes p:before {
  content: "※";
  margin-right: 0.2em;
}

.ask {
  padding: 120px 0;
  background-color: #FFF2DB;
  background-image: -webkit-linear-gradient(bottom, transparent 50%, rgba(243, 152, 0, 0.1) 50%, rgba(243, 152, 0, 0.1) calc(50% + 1px), transparent calc(50% + 1px)), -webkit-linear-gradient(left, transparent 50%, rgba(243, 152, 0, 0.1) 50%, rgba(243, 152, 0, 0.1) calc(50% + 1px), transparent calc(50% + 1px));
  background-image: linear-gradient(0deg, transparent 50%, rgba(243, 152, 0, 0.1) 50%, rgba(243, 152, 0, 0.1) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(90deg, transparent 50%, rgba(243, 152, 0, 0.1) 50%, rgba(243, 152, 0, 0.1) calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 40px 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .ask {
    padding: calc((80/375)*100vw) 0 calc((100/375)*100vw);
  }
}
.ask:before {
  background: url(../img/common/bg-wave01.png) repeat-x center/auto 20px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ask:after {
  background: url(../img/common/bg-wave01.png) repeat-x center/auto 20px;
  bottom: 0;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  scale: 1 -1;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .ask .c-inner {
    max-width: 940px;
  }
}
.ask-ttl {
  width: 212px;
  margin: 0 auto 40px;
}
@media screen and (max-width: 767px) {
  .ask-ttl {
    width: calc((170/375)*100vw);
    margin-bottom: calc((24/375)*100vw);
  }
}
.ask-desc {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto 36px;
}
@media screen and (max-width: 767px) {
  .ask-desc {
    font-size: calc((15/375)*100vw);
    margin-bottom: calc((30/375)*100vw);
    padding-inline: calc((20/375)*100vw);
  }
}
.ask-desc span {
  font-weight: 700;
}
.ask-box {
  padding: 30px;
  border-radius: 0 0 10px 10px;
  background: #FFF;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  margin: 0 auto 16px;
}
@media screen and (max-width: 767px) {
  .ask-box {
    padding: calc((20/375)*100vw) calc((15/375)*100vw) calc((30/375)*100vw);
    border-radius: 0 0 calc((10/375)*100vw) calc((10/375)*100vw);
    -webkit-box-shadow: 0 0 calc((20/375)*100vw) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 calc((20/375)*100vw) 0 rgba(0, 0, 0, 0.15);
    margin-bottom: calc((20/375)*100vw);
  }
}
.ask-box-img {
  width: 170px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ask-box-img {
    width: calc((150/375)*100vw);
  }
}
.ask-box-heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin: 12px auto 0;
}
@media screen and (max-width: 767px) {
  .ask-box-heading {
    font-size: calc((20/375)*100vw);
    margin-top: calc((10/375)*100vw);
  }
}
.ask-box-btn {
  width: 440px;
  margin: 19px auto 0;
}
@media screen and (max-width: 767px) {
  .ask-box-btn {
    width: 100%;
    margin-top: calc((18/375)*100vw);
  }
}
.ask-box-notes {
  font-size: 13px;
  color: #525252;
  line-height: 1;
  text-align: center;
  margin: 23px auto 0;
}
@media screen and (max-width: 767px) {
  .ask-box-notes {
    font-size: calc((12/375)*100vw);
    margin-top: calc((16/375)*100vw);
  }
}
.ask-notes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #525252;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .ask-notes {
    font-size: calc((12/375)*100vw);
    padding-inline: calc((20/375)*100vw);
  }
}
.ask-notes:before {
  content: "※";
  margin-right: 0.2em;
}
.ask-notes + .ask-notes {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .ask-notes + .ask-notes {
    margin-top: calc((8/375)*100vw);
  }
}

.plan {
  padding: 120px 0;
}
@media screen and (max-width: 767px) {
  .plan {
    padding: calc((80/375)*100vw) 0;
  }
}
@media screen and (min-width: 768px), print {
  .plan .c-inner {
    max-width: 940px;
  }
}
.plan-ttl {
  width: 262px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 767px) {
  .plan-ttl {
    width: calc((212/375)*100vw);
    margin-bottom: calc((40/375)*100vw);
  }
}
.plan-list {
  position: relative;
}
.plan-list:before {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background: url(../img/two-day-event/plan_bg_01_pc.png) no-repeat center bottom/cover;
  position: absolute;
  left: 45px;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .plan-list:before {
    width: calc((8/375)*100vw);
    height: calc((630/375)*100vw);
    background-image: url(../img/two-day-event/plan_bg_01_sp.png);
    left: calc((26/375)*100vw);
    top: 0;
    bottom: auto;
  }
}
.plan-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
}
.plan-list li:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .plan-list li:not(:first-child) {
    margin-top: calc((22/375)*100vw);
  }
}
.plan-list li:last-child {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .plan-list li:last-child {
    margin-top: calc((48/375)*100vw);
  }
}
.plan-list-num {
  height: 100px;
}
@media screen and (max-width: 767px) {
  .plan-list-num {
    height: calc((60/375)*100vw);
  }
}
.plan-list-num img {
  width: auto;
  height: 100%;
}
.plan-list-descArea {
  width: calc(100% - 100px - 10px);
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
  background-color: #F7F7F7;
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .plan-list-descArea {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .plan-list-descArea {
    width: calc(100% - 16vw - 2.1333333333vw);
    height: auto;
    display: block;
    padding: calc((20/375)*100vw);
    border-radius: 0 0 calc((10/375)*100vw) calc((10/375)*100vw);
  }
}
.plan-list-date {
  width: 23.9436619718%;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #666;
  margin-right: 4.2253521127%;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .plan-list-date {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .plan-list-date {
    width: 100%;
    font-size: calc((14/375)*100vw);
    line-height: 1;
    margin-right: 0;
  }
}
.plan-list-txtArea {
  width: 71.8309859155%;
}
@media screen and (max-width: 767px) {
  .plan-list-txtArea {
    width: 100%;
    margin-top: calc((8/375)*100vw);
  }
}
.plan-list-txt {
  font-size: 18px;
  font-weight: 700;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .plan-list-txt {
    font-size: 17px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .plan-list-txt {
    font-size: calc((16/375)*100vw);
    line-height: 1.5;
  }
}
.plan-list-txt span {
  color: #2291FF;
}
.plan-list-notes {
  font-size: 13px;
  color: #525252;
  margin-top: 3px;
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .plan-list-notes {
    font-size: 11px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .plan-list-notes {
    font-size: calc((12/375)*100vw);
    line-height: 1.5;
    margin-top: calc((6/375)*100vw);
  }
}

.summary {
  padding: 120px 0;
  background-color: #E6F2FF;
  background-image: -webkit-linear-gradient(bottom, transparent 50%, rgba(34, 145, 255, 0.1) 50%, rgba(34, 145, 255, 0.1) calc(50% + 1px), transparent calc(50% + 1px)), -webkit-linear-gradient(left, transparent 50%, rgba(34, 145, 255, 0.1) 50%, rgba(34, 145, 255, 0.1) calc(50% + 1px), transparent calc(50% + 1px));
  background-image: linear-gradient(0deg, transparent 50%, rgba(34, 145, 255, 0.1) 50%, rgba(34, 145, 255, 0.1) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(90deg, transparent 50%, rgba(34, 145, 255, 0.1) 50%, rgba(34, 145, 255, 0.1) calc(50% + 1px), transparent calc(50% + 1px));
  background-size: 40px 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .summary {
    padding: calc((100/375)*100vw) 0 calc((80/375)*100vw);
  }
}
.summary:before {
  background: url(../img/common/bg-wave01.png) repeat-x center/auto 20px;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  .summary .c-inner {
    max-width: 940px;
  }
}
.summary-ttl {
  width: 210px;
  margin: 0 auto 50px;
}
@media screen and (max-width: 767px) {
  .summary-ttl {
    width: calc((170/375)*100vw);
    margin-bottom: calc((30/375)*100vw);
  }
}
.summary-box {
  padding: 40px 0 50px;
  border-radius: 0 0 10px 10px;
  background: #FFF;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  .summary-box {
    padding: calc((30/375)*100vw) calc((15/375)*100vw) calc((40/375)*100vw);
    border-radius: 0 0 calc((10/375)*100vw) calc((10/375)*100vw);
    -webkit-box-shadow: 0 0 calc((20/375)*100vw) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 calc((20/375)*100vw) 0 rgba(0, 0, 0, 0.15);
  }
}
.summary-box-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 480px;
  height: 50px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  background: url(../img/two-day-event/summary_bg_01_pc.webp) no-repeat center center/cover;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .summary-box-heading {
    width: 100%;
    height: calc((40/375)*100vw);
    font-size: calc((16/375)*100vw);
    background-image: url(../img/two-day-event/summary_bg_01_sp.webp);
  }
}
.summary-box-txtArea {
  width: 640px;
  margin: 14px auto 0;
}
@media screen and (min-width: 768px), print {
  .summary-box-txtArea {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .summary-box-txtArea {
    width: calc((305/375)*100vw);
    margin-top: calc((13/375)*100vw);
  }
}
.summary-box-txtArea-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0 32px;
  padding: 16px 0;
}
@media screen and (max-width: 767px) {
  .summary-box-txtArea-item {
    gap: 0 calc((20/375)*100vw);
    padding: calc((12/375)*100vw) 0;
  }
}
.summary-box-txtArea-item:not(:first-child) {
  border-top: 1px solid #F1F1F1;
}
.summary-box-txtArea-heading {
  font-weight: 700;
  width: 2.4em;
}
@media screen and (max-width: 767px) {
  .summary-box-txtArea-heading {
    font-size: calc((15/375)*100vw);
  }
}
.summary-box-txtArea-txt {
  width: calc(100% - 2.4em - 32px);
}
@media screen and (max-width: 767px) {
  .summary-box-txtArea-txt {
    width: calc(100% - 2.4em - 5.3333333333vw);
    font-size: calc((15/375)*100vw);
  }
}
.summary-box-logo {
  width: 500px;
  margin: 24px auto 0;
}
@media screen and (max-width: 767px) {
  .summary-box-logo {
    width: calc((305/375)*100vw);
    margin-top: calc((18/375)*100vw);
  }
}