@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

*,
*::before,
*::after {
	box-sizing: border-box;
}

:root {
  --black: #081A33;
  --black-over: #64748B;
  --black-shadow: 0 4px 10px rgba(8 26 51 / 10%);
  --red: #E50012;
  --red-over: #FF5764;
  --red-shadow: 0 4px 10px rgba(196 0 16 / 10%);
  --blue: #0075C1;
  --blue-over: #30A2E0;
  --blue-shadow: 0 4px 10px rgba(0 117 193 / 10%);
  --quint: #0155A4;
  --quint-over: #7396c1;
  --gray: #64748B;
  --gray-text: #94A3B8;
  --gray-border: #D1DCE5;
  --gray-background: #F2F7FA;
  --shadow: 0 1px 3px rgba(0 0 0 / 5%);
  --easing: cubic-bezier(0.33, 1, 0.68, 1);
  
  --hall-center: linear-gradient(90deg, #FBF0EA, #FFF0D3);
  --hall-north: linear-gradient(90deg, #DCF4FF, #F7FBEA);
  --hall-annex: linear-gradient(90deg, #F0E9FF, #FBEAEA);
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: var(--black);
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.5;
}
p {
	margin: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0 0 0 16px;
}
dl,dt,dd {
	margin: 0;
	padding: 0;
}
figure {
	margin: 0;
	padding: 0;
}
em {
  font-style: normal;
}
a,
.a {
	color: var(--red);
  text-decoration: underline;
	cursor: pointer;
  transition: .2s var(--easing);
}
a:hover,
.a:hover {
  text-decoration: none;
}
a img {
	border: none;
}
img {
  height: auto;
  max-width: 100%;
	border: 0;
	vertical-align: middle;
}
sup {
  display: inline-block;
	font-size: 0.8em;
}
table {
	border-collapse: collapse;
}
main {
	display: block;
}



/* ---------------- animation */
@keyframes arw {
  0% {
    translate: 0 0;
  }
  49% {
    translate: 100% 0;
  }
  51% {
    translate: -100% 0;
  }
  100% {
    translate: 0 0;
  }
}



/* ---------------- general */

/* hidden */
.-mobile {
  display: none;
}
@media (width < 768px) {
  .-mobile {
    display: block;
  }
  .-pc {
    display: none;
  }
}

/* en */
.-en {
  font-family: "Inter", sans-serif;
}

/* background */
.-bg-gradient {
  background: linear-gradient(#FBF0EA, #F2F7FA 146px, var(--gray-background) 244px);
}

/* text */
.-txt-red {
  color: var(--red);
}
.-txt-gray {
  color: var(--gray);
}
.-txt-white {
  color: #fff !important;
}
.-bold {
  font-weight: 700;
}
.-medium {
  font-weight: 500;
}

/* note */
.note {
  color: var(--gray);
  font-size: 15px;
}
.note.-mark {
  display: block;
  position: relative;
  padding-left: 24px;
}
.note.-mark::before {
  content: '※';
  position: absolute;
  left: 0;
}
.note.-red {
  color: var(--red);
  font-weight: 700;
}

/* status */
.status {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 28px;
  min-width: 88px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--gray-border);
  color: var(--gray);
  font-size: 14px;
  font-weight: 700;
}
.status.-green {
  background: #ABFFBE;
  color: #129A00;
}
.status.-red {
  background: #FACCD0;
  color: var(--red);
}

/* target */
.tgt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 20px;
  min-width: 33px;
  padding: 0 8px;
  border-radius: 4px;
  background: #1E8BFF;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.tgt.-dh {
  background: #FF1E9A;
}
.tgt.-dt {
  background: #2DCA79;
}
.tgt.-da {
  background: #FF971F;
}

/* list */
ul.-list {
  display: grid;
  gap: 8px;
}
ul.-list li {
  position: relative;
  padding-left: 16px;
}
ul.-list li::before {
  content: '';
  position: absolute;
  top: calc((1em * 1.75) / 2);
  left: 0;
  aspect-ratio: 1 / 1;
  width: 8px;
  border-radius: 50%;
  background: var(--black);
  translate: 0 -50%;
}
ol.-list {
  display: grid;
  gap: 16px;
}
ul.-txt-white li::before {
  background: #fff;
}

/* arw */
a.-arw,
.a.-arw {
  display: grid;
  grid-template-columns: 26px auto;
  gap: 8px;
  align-items: center;
  width: fit-content;
  color: var(--black);
  font-weight: 700;
  text-decoration: none;
}
a.-arw::before,
.a.-arw::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 26px;
  border: 1px solid var(--red);
  border-radius: 50%;
  background: url(/assets/event2027/wdm/arw_right_red-1e3b449e41b5ff35000853f508107d125b8c526b8f3418497b68db12d609e319.svg) no-repeat center #fff;
  background-size: 16px;
  transition: .2s var(--easing)
}
a.-arw:hover,
.a.-arw:hover {
  color: var(--red);
}
a.-arw:hover::before,
.a.-arw:hover::before {
  background-image: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg);
  background-color: var(--red);
}
a.-arw_b,
.a.-arw_b {
  display: grid;
  grid-template-columns: auto 40px;
  gap: 12px;
  align-items: center;
  position: relative;
  width: fit-content;
  color: var(--black);
  font-weight: 700;
  text-decoration: none;
}
a.-arw_b::before,
.a.-arw_b::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 10px;
  aspect-ratio: 1 / 1;
  width: 20px;
  background-image: url(/assets/event2027/wdm/arw_right_red-1e3b449e41b5ff35000853f508107d125b8c526b8f3418497b68db12d609e319.svg);
  background-position: 0 center;
  background-size: 20px;
  translate: 0 -50%;
  transition: .2s var(--easing);
}
a.-arw_b::after,
.a.-arw_b::after {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 40px;
  border: 1px solid var(--red);
  border-radius: 50%;
  background-color: #fff;
  transition: .2s var(--easing);
}
a.-arw_b:hover,
.a.-arw_b:hover {
  color: var(--red);
}
a.-arw_b:hover::before,
.a.-arw_b:hover::before {
  background-image: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg);
  background-position: 20px center;
}
a.-arw_b:hover::after,
.a.-arw_b:hover::after {
  background-color: var(--red);
  scale: 1.1;
}

/* btn */
a.-btn,
.a.-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: fit-content;
  min-width: 160px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid var(--gray-border);
  border-radius: 120px;
  background: #fff;
  color: var(--black);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
a.-btn:hover,
.a.-btn:hover {
  border-color: var(--red);
  box-shadow: var(--red-shadow);
  color: var(--red);
}
a.-btn.-function,
.a.-btn.-function {
  background-color: var(--gray-background);
}
a.-btn.-function:hover,
.a.-btn.-function:hover {
  border-color: var(--gray-border);
  background-color: var(--gray-border);
  box-shadow: none;
  color: var(--black);
}
a.-btn.-wds,
.a.-btn.-wds {
  position: relative;
  border: none;
  background: linear-gradient(90deg, #0075C1, #60CFFF);
  color: var(--quint);
}
a.-btn.-wds::before,
.a.-btn.-wds::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 32px;
  background: #fff;
  translate: -50% -50%;
  transition: .2s var(--easing);
}
a.-btn.-wds:hover,
.a.-btn.-wds:hover {
  box-shadow: none;
  color: #fff;
}
a.-btn.-wds:hover::before,
.a.-btn.-wds:hover::before {
  opacity: 0;
}
a.-btn.-wds span,
.a.-btn.-wds span {
  display: block;
  position: relative;
  z-index: 1;
}
a.-btn.-jda,
.a.-btn.-jda {
  position: relative;
  border: none;
  background: linear-gradient(90deg, #E50112, #FF6073);
  color: var(--red);
}
a.-btn.-jda::before,
.a.-btn.-jda::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 32px;
  background: #fff;
  translate: -50% -50%;
  transition: .2s var(--easing);
}
a.-btn.-jda:hover,
.a.-btn.-jda:hover {
  box-shadow: none;
  color: #fff;
}
a.-btn.-jda:hover::before,
.a.-btn.-jda:hover::before {
  opacity: 0;
}
a.-btn.-jda span,
.a.-btn.-jda span {
  display: block;
  position: relative;
  z-index: 1;
}
a.-btn.-red,
.a.-btn.-red {
  border: none;
  background: var(--red);
  color: #fff;
}
a.-btn.-red:hover,
.a.-btn.-red:hover {
  background: var(--red-over);
}
a.-btn.-blue,
.a.-btn.-blue {
  border: none;
  background: var(--blue);
  color: #fff;
}
a.-btn.-blue:hover,
.a.-btn.-blue:hover {
  background: var(--blue-over);
}
a.-btn.-black,
.a.-btn.-black {
  border: none;
  background: var(--black);
  color: #fff;
}
a.-btn.-black:hover,
.a.-btn.-black:hover {
  background: var(--black-over);
  box-shadow: var(--black-shadow);
}
a.-btn.-quint,
.a.-btn.-quint {
  border: none;
  background: var(--quint);
  color: #fff;
}
a.-btn.-quint:hover,
.a.-btn.-quint:hover {
  background: var(--quint-over);
  box-shadow: none;
}

/* arw */
a.-btn.-arw {

}
a.-btn.-arw::before {
  display: none;
}
a.-btn.-arw::after {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_right_red-1e3b449e41b5ff35000853f508107d125b8c526b8f3418497b68db12d609e319.svg);
  background-position: 0 center;
  background-size: 20px;
  transition: .2s var(--easing);
}
a.-btn.-arw:hover::after,
.a.-btn.-arw:hover::after {
  background-position: 20px center;
}

/* gradient */
a.-btn.-red.-gradient,
.a.-btn.-red.-gradient {
  background: linear-gradient(90deg, var(--red) 50%, #FF6073 90%);
  background-size: 200%;
  background-position: 100%;
}
a.-btn.-red.-gradient:hover,
.a.-btn.-red.-gradient:hover {
  background-position: 0;
}
a.-btn.-black.-gradient,
.a.-btn.-black.-gradient {
  background: linear-gradient(90deg, var(--black) 50%, #737373 100%);
  background-size: 200%;
  background-position: 100%;
}
a.-btn.-black.-gradient:hover,
.a.-btn.-black.-gradient:hover {
  background-position: 0;
}

/* form */
a.-btn.-form,
.a.-btn.-form {
  min-height: 56px;
  padding: 0 24px;
  border-radius: 28px;
  font-size: 16px;
}
a.-btn.-form.-black,
.a.-btn.-form.-black {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  text-align: center;
}
a.-btn.-form.-black::before,
.a.-btn.-form.-black::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_left_white-dd85595cbf2f0551a47b81eeff48421d19edc1f5bf393fe4bc80a2026a3bb72e.svg);
  background-position: 0 center;
  background-size: 20px;
  transition: .2s var(--easing);
}
a.-btn.-form.-black:hover::before,
.a.-btn.-form.-black:hover::before {
  background-position: -20px center;
}
a.-btn.-form.-red,
.a.-btn.-form.-red {
  display: grid;
  grid-template-columns: 1fr 20px;
  gap: 8px;
  min-width: 240px;
  text-align: left;
}
a.-btn.-form.-red::after,
.a.-btn.-form.-red::after {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg);
  background-position: 0 center;
  background-size: 20px;
  transition: .2s var(--easing);
}
a.-btn.-form.-red:hover::after,
.a.-btn.-form.-red:hover::after {
  background-position: 20px center;
}

/* icon */
a.-btn.-download::before,
.a.-btn.-download::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ico_download_red-71c898703b8fa91f79ee23c3c2aa2e6c45c45064daaca60d0b4b24e56c336291.svg) no-repeat center / contain;
}
a.-btn.-calendar::before,
.a.-btn.-calendar::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ico_calendar_red-aafde898e17219fa3906004955f6055a19eb229a83e144e3ae62de7848b8f2da.svg) no-repeat center / contain;
}
a.-btn.-plus::before,
.a.-btn.-plus::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ico_plus_red-512165ae5c8cd78517729acf05498410a0dfb64eb1b9c1c26fdef74f341efafb.svg) no-repeat center / contain;
}

/* disabled */
a.-btn.-disabled,
.a.-btn.-disabled {
  pointer-events: none;
  opacity: .3;
}

/* tips */
.a.-tip {
  display: block;
  aspect-ratio: 1 / 1;
  width: 24px;
  border-radius: 50%;
  background: url(/assets/event2027/wdm/ico_question-cf5146a3ae55d3e2983d34ef777c00efd384ebedce34d5abfd41ebe4a5f4d3cc.svg) no-repeat center center var(--gray-border);
}
.a.-tip:hover {
  background-image: url(/assets/event2027/wdm/ico_question_white-538f4985b72a2ec664f83e523d29ada1387113fcb8bbeba0945d62ee95af06e6.svg);
  background-color: var(--black);
}

/* note */
.a.-note {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--black);
  font-size: 14px;
  text-decoration: none;
}
.a.-note::after {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 24px;
  border-radius: 50%;
  background: url(/assets/event2027/wdm/ico_question-cf5146a3ae55d3e2983d34ef777c00efd384ebedce34d5abfd41ebe4a5f4d3cc.svg) no-repeat center center var(--gray-border);
}
.a.-note:hover::after {
  background-image: url(/assets/event2027/wdm/ico_question_white-538f4985b72a2ec664f83e523d29ada1387113fcb8bbeba0945d62ee95af06e6.svg);
  background-color: var(--black);
}

/* tab */
a.-tab,
.a.-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 48px;
  min-width: 120px;
  padding: 0 16px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  background: #fff;
  color: var(--black);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
a.-tab:hover,
.a.-tab:hover {
  background: var(--gray-border);
}
a.-tab.-cr,
.a.-tab.-cr {
  border-width: 2px;
  border-color: var(--red);
  background: #fff;
}
@media (width < 768px) {
  a.-tab,
  .a.-tab {
    min-width: 0;
  }
}

/* box */
.p-box-line {
  padding: 24px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  background: #fff;
}
.p-box-line.-noline {
  border: none;
}
.p-box-line.-btn {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px 40px;
  align-items: center;
}
.p-box-line .head {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-box-line {
    padding: 24px 16px;
  }
  .p-box-line.-btn {
    grid-template-columns: auto;
  }
  .p-box-line.-btn .btn {
    width: fit-content;
    margin: 0 auto;
  }
}

/* no-border */
.p-box-line.-noborder {
  border: none;
}

/* bg */
.-bg {
  background: var(--gray-background);
}

/* round */
.-round8 {
  border-radius: 8px;
}

/* link-target */
.link-target {
  opacity: 0;
  display: block;
  translate: 0 -136px;
}
@media (width < 1280px) {
  .link-target {
    translate: 0 -104px;
  }
}
@media (width < 768px) {
  .link-target {
    translate: 0 -84px;
  }
}





/* ---------------- fix */
@media (width < 1180px) {
  body.-fix {
    position: fixed;
    width: 100%;
  }
}



/* ---------------- layout */
body.-fix {
  position: fixed;
  width: 100%;
}
#wrap {
  padding-top: 112px;
}
.l-main {
  padding: 64px 0;
}
@media (width < 1280px) {
  #wrap {
    padding-top: 80px;
  }
}
@media (width < 768px) {
  #wrap {
    padding-top: 64px;
  }
  .l-main {
    padding: 32px 0;
  }
}

/* container */
.l-container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 40px;
}
.l-container.-w1280 {
  max-width: 1360px;
}
.box-container {
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
#profile-form section + section {
  margin-top: 40px;
}
@media (width < 768px) {
  .l-container {
    padding: 0 16px;
  }
}

/* sections */
.l-sections {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 80px;
}
.l-sections.-gap64 {
  gap: 64px;
}
.l-sections.-gap48 {
  gap: 48px;
}
.l-sections.-gap40 {
  gap: 40px;
}
.l-sections.-gap32 {
  gap: 32px;
}
.l-sections.-gap24 {
  gap: 24px;
}
.l-sections.-gap16 {
  gap: 16px;
}
.l-sections.-gap12 {
  gap: 12px;
}
@media (width < 768px) {
  .l-sections {
    gap: 64px;
  }
}

/* flex */
.l-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
}
.l-flex.-gap24 {
  gap: 16px 24px;
}
.l-flex.-gap16 {
  gap: 16px;
}
.l-flex.-gap8 {
  gap: 8px;
}

/* box */
.box-container {
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
@media (width < 768px) {
  .box-container {
    padding: 24px 16px;
  }
  .box-container.-form {
    margin: 0 -16px;
    border-radius: 0;
  }
}

/* navigation */
.l-navigation {
  display: grid;
  grid-template-columns: 1fr 290px;
  gap: 40px;
}
.l-navigation .l-navigation__main {
  order: 1;
}
.l-navigation .l-navigation__side {
  order: 2;
}
@media (width < 1024px) {
  .l-navigation {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .l-navigation .l-navigation__main {
    order: 2;
  }
  .l-navigation .l-navigation__side {
    order: 1;
  }
}

/* aside */
.l-aside {
  position: relative;
  z-index: 20;
  padding: 40px 0;
  background: #fff;
}
@media (width < 768px) {
  .l-aside {
    padding: 16px 0;
  }
}



/* ---------------- header */
header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 112px;
  padding: 0 40px;
  transition: .2s var(--easing);
}
header .title {
  display: flex;
  align-items: center;
  gap: 20px;
}
header .title .logo img {
  width: 100%;
  max-width: 327px;
}
header .title .info {
  position: relative;
  padding-left: 20px;
  line-height: 1.5;
  white-space: nowrap;
}
header .title .venue {
  font-size: 16px;
  font-weight: 500;
}
header .title .date {
  display: flex;
  align-items: baseline;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2.5%;
}
header .title .date .year,
header .title .date .week {
  font-size: 12px;
}
header .title .date .week {
  display: inline-block;
  margin-left: 3px;
  translate: 0 -1px;
}
header .title .info::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 56px;
  background: var(--gray-border);
  translate: 0 -50%;
}
header .nav-group {
  display: grid;
  gap: 10px;
  transition: .2s var(--easing);
}
header .nav-group .nav-sub {
  grid-row: 1 / 2;
  display: flex;
  gap: 8px;
  justify-content: end;
  transition: .2s var(--easing);
}
header .nav-group .nav-sub .-btn {
  min-width: 120px;
  min-height: 40px;
  padding: 0 16px;
}
header .nav-group .nav {
  display: flex;
  gap: 24px;
  justify-content: end;
}
header .nav-group .nav a {
  color: var(--black);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  line-height: 29px;
  white-space: nowrap;
}
header .nav-group .nav a:hover {
  color: var(--red);
}
header .lang-toggle {
  position: absolute;
  top: 16px;
  right: 467px;
  transition: .2s var(--easing);
}
header .lang-toggle ul {
  display: flex;
  gap: 1px;
  padding: 0 8px;
  border: 2px solid var(--gray-border);
  border-radius: 20px;
}
header .lang-toggle ul li {
  position: relative;
}
header .lang-toggle ul li + li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 15px;
  background: var(--gray-border);
  translate: 0 -50%;
}
header .lang-toggle ul .a {
  display: block;
  padding: 0 8px;
  color: var(--gray-text);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  line-height: 36px;
}
header .lang-toggle ul .a:hover,
header .lang-toggle ul .a.-cr {
  color: var(--black);
}
@media (width < 1280px) {
  header .container {
    padding: 0 24px;
  }
  header .title .info {
    display: none;
  }
  header .lang-toggle {
    right: 451px;
  }
}
@media (width < 1180px) {
  header .container {
    display: grid;
    grid-template-columns: 1fr auto auto;
    height: 80px;
  }
  header .logo {
    margin-right: 20px;
  }
  header .lang-toggle {
    position: static;
  }
  header .btn-mobile .a {
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    width: 64px;
  }
  header .btn-mobile .a span {
    display: block;
    grid-area: 1 / 1;
    width: 24px;
    height: 1px;
    background: var(--black);
    transition: .2s var(--easing);
  }
  header .btn-mobile .a span:nth-child(1) {
    translate: 0 -4px;
  }
  header .btn-mobile .a span:nth-child(3) {
    translate: 0 4px;
  }
  header .nav-group {
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100svh - 80px);
    padding: 32px;
    background: #fff;
    translate: 0 -40px;
}
  header .nav-group .nav {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 326px;
    margin: 0 auto;
  }
  header .nav-group .nav a {
    display: grid;
    grid-template-columns: 8px 1fr;
    gap: 20px;
    align-items: center;
    padding: 0 0 0 12px;
  }
  header .nav-group .nav a::before {
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: 8px;
    border-radius: 50%;
    background: var(--gray-border); 
  }
  header .nav-group .nav a.-cr::before {
    background: var(--red); 
  }
  header .nav-group .nav-sub {
    grid-row: 2 / 3;
    justify-content: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
    margin-top: 40px;
  }
  header .nav-group .nav-sub .-btn {
    width: fit-content;
    min-width: 160px;
    min-height: 48px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media (width < 768px) {
  header .container {
    gap: 0;
    height: 64px;
    padding: 0 0 0 16px;
  }
  header .title .logo img {
    max-width: 260px;
  }
  header .lang-toggle ul {
    padding: 0 4px;
    border-width: 1px;
  }
  header .lang-toggle ul .a {
    font-size: 14px;
    line-height: 28px;
  }
  header .nav-group {
    top: 64px;
    height: calc(100svh - 64px);
  }
}

/* active */
header.-active .btn-mobile .a {
  grid
}
header.-active .btn-mobile .a span:nth-child(1) {
  translate: 0;
  rotate: 45deg;
}
header.-active .btn-mobile .a span:nth-child(2) {
  opacity: 0;
}
header.-active .btn-mobile .a span:nth-child(3) {
  translate: 0;
  rotate: -45deg;
}
header.-active .nav-group {
  opacity: 1;
  visibility: visible;
  translate: 0;
}

/* scroll */
@media (width >= 1180px) {
  header.-scroll .container {
    height: 80px;
  }
  header.-scroll .nav-sub {
    opacity: 0;
  }
  header.-scroll .lang-toggle {
    opacity: 0;
    translate: 0 -40px;
}
  header.-scroll .nav-group {
    translate: 0 -24px;
  }
}



/* ---------------- footer */
.p-footer {
  padding: 104px 0 48px;
}
.p-footer .top-container {
  display: grid;
  grid-template-columns: 1fr 840px;
  gap: 40px;
}
.p-footer .corporate .logo {
  margin-bottom: 48px;
}
.p-footer .corporate .body {
  display: grid;
  gap: 16px;
}
.p-footer .corporate p:not(.name) {
  font-size: 14px;
}
.p-footer .nav {
  order: 2;
}
.p-footer .nav .items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.p-footer .nav .head {
  margin-bottom: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--black);
  font-size: 15px;
  font-weight: 500;
}
.p-footer .nav ul {
  display: grid;
  gap: 8px;
}
.p-footer .nav a {
  color: var(--black);
  font-weight: 500;
  text-decoration: none;
}
.p-footer .nav a:hover {
  color: var(--red);
}
.p-footer .bottom-container {
  margin-top: 40px;
}
.p-footer .sns .head {
  margin-bottom: 16px;
  font-size: 14px;
  text-align: center;
}
.p-footer .sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.p-footer .sns a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 32px;
  border: 1px solid var(--gray-border);
  border-radius: 50%;
}
.p-footer .sns a:hover {
  border-color: var(--black);
}
.p-footer .sns a.facebook {
  background: url(/assets/event2027/wdm/ico_sns_facebook-46490b94f18b463e216a5ca3f9d859fb20ecf601e2ad5043d560f0401bbfb995.svg) no-repeat center center;
}
.p-footer .sns a.x {
  background: url(/assets/event2027/wdm/ico_sns_x-b3f00968aece1b5538f9c9eeb87890edeae668da08a746eab5ba37292efce0f5.svg) no-repeat center center;
}
.p-footer .sns a.youtube {
  background: url(/assets/event2027/wdm/ico_sns_youtube-3b5b61bce3e961a762ae2952645286ab5d4c1b478e50bf76f19fadc977826066.svg) no-repeat center center;
}
.p-footer .sns a.line {
  background: url(/assets/event2027/wdm/ico_sns_line-752169a9f88417c32765c3c5e651d41121905016b90077bd0dcbc83bfed03961.svg) no-repeat center center;
}
.p-footer .copyright {
  margin-top: 40px;
  font-size: 14px;
  text-align: center;
}
@media (width < 1280px) {
  .p-footer .top-container {
    grid-template-columns: 1fr;
    gap: 80px;
  }
  .p-footer .top-container .nav {
    order: 1;
  }
  .p-footer .top-container .corporate {
    order: 2;
    width: fit-content;
    margin: 0 auto;
  }
}
@media (width < 768px) {
  .p-footer .l-container {
    padding: 0 24px;
  }
  .p-footer .nav .items {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .p-footer .corporate p:not(.name) {
    font-size: 13px;
  }
}

/* ad */
.p-ad-footer {
  padding: 40px 0 0;
}
.p-ad-footer ul {
  display: flex;
  justify-content: center;
    gap: 20px 30px;
}
.p-ad-footer ul img {
  border: 1px solid var(--gray-border);
}
@media (width < 768px) {
  .p-ad-footer ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    text-align: center;
  }
}


/* ---------------- form */
::placeholder {
  color: var(--gray-text);
}
input[type=text], 
input[type=password],
input[type=date],
input[type=email],
textarea {
  outline: none;
  width: 100%;
  height: 48px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  background: #fff;
  box-shadow: var(--shadow);
  color: var(--black);
  font-family: inherit;
  font-size: inherit;
}
input[type=text].-error,
input[type=password].-error,
input[type=date].-error,
input[type=email].-error,
textarea.-error {
  border-color: #EB4830;
  background: #FEF2F3;
}
input[type=text]:focus, 
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus,
textarea:focus {
  border-color: var(--black);
}
input.-w432 {
  max-width: 432px;
}
textarea {
  width: 100%;
  max-width: none;
  height: 160px;
  padding: 12px;
}
select {
  outline: none;
  appearance: none;
  width: 100%;
  height: 48px;
  max-width: 432px;
  padding: 0 40px 0 12px;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  background: url(/assets/event2027/wdm/arw_select-6a2536d42843480d47174675059af888c80b6a6172707c9c87c5cc8c9b52a5eb.svg) no-repeat right 8px center #fff;
  background-size: 20px;
  box-shadow: var(--shadow);
  color: var(--black);
  font-family: inherit;
  font-size: inherit;
}
select.-wide {
  width: 100%;
  max-width: none;
}
select:focus {
  border-color: var(--black);
}
label.radio input {
  display: none;
}
label.radio .label {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
}
label.radio .label::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ui_radio_off-6a83a1b76604b0f13fe3bd3bdf8e2e64cdaade242ff208d21c4abfb63eb9aaf7.svg) no-repeat center center / contain;
  vertical-align: middle;
}
label.radio input:checked + .label::before {
  background-image: url(/assets/event2027/wdm/ui_radio_on-f01900321494b41a17e7bf31203bea7948d329b8b84e6ef1bbf1a681ba1f55cf.svg);
}
label.checkbox input {
  display: none;
}
label.checkbox .label {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 8px 16px;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
}
label.checkbox .label::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ui_checkbox_off-6a2ba1bcb54949907fef761e307a906b8a130e239cd647868ba33f8e250a75be.svg) no-repeat center center / contain;
  vertical-align: middle;
}
label.checkbox input:checked + .label::before {
  background-image: url(/assets/event2027/wdm/ui_checkbox_on-0218fa4bd5727a2764a83a5af82ed716e79631d5d1f393400fcbf88d150f9098.svg);
}
label.checkbox.-price .label {
  grid-template-columns: 20px 1fr auto;
}
label.checkbox.-price .label .price {
  font-size: 16px;
  font-weight: 700;
}

/* label noblock */
label.radio.-noblock .label,
label.checkbox.-noblock .label {
  min-height: 0;
  padding: 0;
  border: none;
  background: none;
}

/* date */
input[type=date] {
  width: auto;
}

/* disabled */
.p-form .-disabled {
  pointer-events: none;
  opacity: .3;
}

/* layout */
.p-form-head {
  display: grid;
  gap: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--gray-border);
}
.p-form-head .p-head-group {
  margin-bottom: 0;
}
.box-form {
  padding: 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}
.p-form .items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
.p-form .items .item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  min-width: 0;
}
.p-form .choices {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.p-form .choices.-discount li {
  display: flex;
  gap: 16px;
  align-items: center;
}
.p-form .choices.-discount .tag {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--red);
  border-radius: 8px;
  color: var(--red);
  font-size: 15px;
  font-weight: 700;
}
@media (width < 768px) {
  .box-form {
    padding: 24px 16px;
  }
  .p-form .items {
    gap: 24px;
  }
}

/* btn */
.box-form.-btn {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center;
}
@media (width < 1024px) {
  .box-form.-btn {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* center */
.p-form .items .item.-center {
  gap: 16px;
  text-align: center;
}
.p-form .items .item.-center .head {
  justify-content: center;
}
.p-form .items .item.-center .choices {
  justify-content: center;
}

/* head */
.p-form .item .head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
}
.p-form .item .head .label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.p-form .item .head .label.-inquiry::after {
  content: '必須';
  display: flex;
  align-items: center;
  height: 18px;
  padding: 0 8px;
  border-radius: 4px;
  background: #ff0000;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

/* text */
.p-form .item .text {
  font-size: 15px;
}

/* error */
.p-form .item .message-error {
  color: #f00;
}

/* number */
.p-form .input-number {
  display: flex;
  gap: 12px;
  align-items: center;
}
.p-form .input-number .body {
  display: grid;
  grid-template-columns: 44px 80px 44px;
  width: fit-content;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
}
.p-form .input-number .a.-down {
  background: url(/assets/event2027/wdm/ico_number_minus-b2925e813de57d4b9d712aa40ac526c86a09c14ba4d64071e20a096c0590cb23.svg) no-repeat center center;
}
.p-form .input-number .a.-up {
  background: url(/assets/event2027/wdm/ico_number_plus-85fdb031d96d06dc1fc30e780f639389a23075bd8c155a1d43e97f55825bfdef.svg) no-repeat center center;
}
.p-form .input-number input {
  outline: none;
  -webkit-appearance: none !important;
  -moz-appearance:textfield !important;
  height: 54px;
  border: none;
  border-left: 1px solid var(--gray-border);
  border-right: 1px solid var(--gray-border);
  font-size: 24px;
  text-align: center;
}
.p-form .input-number input::-webkit-inner-spin-button,
.p-form .input-number input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  -moz-appearance:textfield !important;
  margin: 0;
}
.p-form .input-number .unit {
  font-size: 16px;
}

/* name */
.p-form .input-name {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.p-form .input-name input {
  width: 100%;
  max-width: none;
}

/* postcode */
.p-form .input-postcode {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.p-form .input-postcode .input {
  display: grid;
  grid-template-columns: 64px auto 80px;
  gap: 8px;
  align-items: center;
}
.p-form .input-postcode .btn .-btn {
  min-width: 0;
}

/* address */
.p-form .input-address {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.p-form .input-address .r {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.p-form .input-address .note {
  margin-top: 8px;
}
@media (width < 768px) {
  .p-form .input-address .r {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* phone */
.p-form .input-phone {
  display: grid;
  grid-template-columns: 80px auto 80px auto 80px;
  gap: 8px;
  align-items: center;
  width: fit-content;
}

/* visit */
.p-form .input-visit {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.p-form .input-visit .group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

/* card */
.p-form .input-payment {
  display: grid;
  gap: 32px;
}
.p-form .input-payment .payment-container {
  padding: 24px;
  border-radius: 8px;
  background: var(--gray-background);
}
.p-form .input-payment .container {
  display: none;
}
.p-form .input-payment .inner {
  display: grid;
  gap: 16px;
}
.p-form .input-payment .card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.p-form .input-payment .card-list img {
  width: auto;
  height: 40px;
}
@media (width < 768px) {
  .p-form .input-payment .payment-container {
    padding: 24px 16px;
  }
  .p-form .input-payment .card-list {
    gap: 12px;
  }
  .p-form .input-payment .card-list img {
    height: 24px;
  }
}

/* confirm */
.p-form .input-confirm {
  display: grid;
  gap: 16px;
}

/* date */
.p-form .input-date {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.p-form .input-date .group {
  display: grid;
  grid-template-columns: 120px auto;
  gap: 12px;
  align-items: center;
}

/* input-society */
.p-form .input-society {
  display: grid;
  gap: 16px;
}
.p-form .input-society .group {
  display: grid;
  grid-template-columns: auto 64px;
  gap: 16px;
  align-items: center;
  width: fit-content;
}
.p-form .input-society .a.-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 34px;
  border-radius: 4px;
  background: var(--black);
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.p-form .input-society .a.-delete:hover {
  background: var(--black-over);
}
.p-form .input-society .a.-delete::after {
  content: '削除';
}
.p-form .input-society .a.-delete input {
  display: none;
}
.p-form .input-society .select {
  display: grid;
  grid-template-columns: 360px auto;
  gap: 16px;
}
@media (width < 768px) {
  .p-form .input-society .select {
    grid-template-columns: 1fr auto;
  }
}



/* ---------------- confirm */
.p-confirm dl {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 24px;
  font-size: 14px;
}
.p-confirm dl dt {
  min-width: 242px;
}
.p-confirm dl dd {
  font-weight: 700;
}
@media (width < 768px) {
  .p-confirm dl {
    display: block;
  }
  .p-confirm dl dt {
    min-width: 0;
  }
  .p-confirm dl dd + dt {
    margin-top: 8px;
  }
  .p-confirm dl dt + dd {
    margin-top: 4px;
  }
}

/* group */
.p-confirm.-group dl {
  align-items: center;
}
.p-confirm.-group dl dt {
  font-size: 20px;
  font-weight: 700;
}
.p-confirm.-group dl dd {
  font-size: 16px;
  font-weight: 400;
}

/* member */
.p-confirm.-member {
  margin: 0 -40px;
}
.p-confirm.-member .item + .item {
  border-top: 1px solid var(--gray-border);
}
.p-confirm.-member .item {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 24px;
  padding: 24px 40px;
}
.p-confirm.-member .item:first-child {
  padding-top: 0;
}
.p-confirm.-member .item:last-child {
  padding-bottom: 0;
}
.p-confirm.-member .number {
  font-size: 20px;
  line-height: 1.5;
}
.p-confirm.-member .number em {
  margin-right: 4px;
  font-size: 32px;
  line-height: 1;
}
@media (width < 1024px) {
  .p-confirm.-member .item {
    grid-template-columns: 1fr;
  }
}
@media (width < 768px) {
  .p-confirm.-member {
    margin: 0 -16px;
  }
  .p-confirm.-member .item {
    padding: 24px 16px;
  }
}

/* qr */
.p-confirm.-qr .item {
  grid-template-columns: 100px 1fr 120px;
}
.p-confirm.-qr .qr {
  font-size: 14px;
  text-align: center;
}
.p-confirm.-qr .qr figure {
  margin-bottom: 8px;
}
.p-confirm.-qr .qr figure img,
.p-confirm.-qr .qr figure svg {
  width: 80px;
  height: 80px;
}
@media (width < 1024px) {
  .p-confirm.-qr .item {
    grid-template-columns: 1fr;
  }
}



/* ---------------- modal */
.p-modal .overlay {
  position: fixed;
  z-index: 199;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 20%);
}
.p-modal .modal {
  position: fixed;
  z-index: 200;
  top: 50%;
  left: 50%;
  width: calc(100% - 64px);
  max-width: 840px;
  border-radius: 8px;
  background: #fff;
  translate: -50% -50%;
}
.p-modal .modal .inner {
  overflow: auto;
  max-height:  calc(100svh - 64px);
  padding: 40px;
}
.p-modal .modal .btn-close {
  position: absolute;
  top: -24px;
  right: -24px;
}
.p-modal .modal .btn-close .a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 48px;
  border-radius: 50%;
  background: url(/assets/event2027/wdm/ico_close-dda04855ac15265dd4d16aa7fc584df4e50fd7cca80228f2d6d8b57f5175f374.svg) no-repeat center center var(--black);
}
.p-modal .modal .btn-close .a:hover {
  background-color: var(--black-over);
}
@media (width < 768px) {
  .p-modal .modal {
    width: calc(100% - 32px);
  }
  .p-modal .modal .inner {
    padding: 24px 16px;
  }
  .p-modal .modal .btn-close {
    top: -16px;
    right: -8px;
  }
  .p-modal .modal .btn-close .a {
    width: 32px;
    background-size: 16px;
  }
}



/* ---------------- p-form-emphasis */
.p-form-emphasis {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 24px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  background: var(--gray-background);
}
.p-form-emphasis .head {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-form-emphasis .discount {
  font-weight: 500;
}
.p-form-emphasis .discount em {
  margin-right: 8px;
  font-size: 32px;
}
@media (width < 768px) {
  .p-form-emphasis {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
  }
  .p-form-emphasis .head {
    font-size: 16px;
  }
  .p-form-emphasis .discount em {
    display: block;
    font-size: 28px;
  }
  .p-form-emphasis .btn {
    width: fit-content;
    margin: 0 auto;
  }
}



/* ---------------- ad */
.p-ad-block {
  max-width: 640px;
  margin: 0 auto;
}
.p-ad-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  max-width: 640px;
  margin: 0 auto;
}
.p-ad-group li:nth-child(3) {
  grid-column: 1 / 3;
}
@media (max-width: 767px) {
  .p-ad-group {
    gap: 20px;
  }
}

.-ad {
  display: block;
  position: relative;
}
.-ad::after {
  content: '広告';
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  background: #fff;
  border: 1px solid var(--border-color);
  color: var(--black);
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}
.-ad img {
  border: 1px solid #eee;
}
.-ad:hover {
  opacity: .7;
}



/* ---------------- article */
.p-article {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.p-article.-gap16 {
  gap: 16px;
}
.h2,
.p-article h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}
.h3,
.p-article h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.h4,
.p-article h4 {
  font-weight: 700;
  line-height: 1.5;
}
.p-article * + h2 {
  margin-top: 48px;
}
.p-article * + h3 {
  margin-top: 24px;
}
@media (width < 768px) {
  .h2,
  .p-article h2 {
    font-size: 20px;
  }
  .h3,
  .p-article h3 {
    font-size: 18px;
  }
}



/* ---------------- p-head-container */
.p-head-container {
  position: relative;
  background: radial-gradient(circle at right 683px top 70px, #CEE7F4 0%, #ECEDED 25%, #FBF0EA 40%, rgba(255 255 255 / 0%) 100%);
}
.p-head-container::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 808px;
  height: 100%;
  background: url(/assets/event2027/wdm/head_bg-32e25f3288ce20a810fe880f1d133ca81fba5381788799e9bedf36ce000f255f.png) no-repeat right center / contain;
}
.p-head-container .container {
  display: flex;
  align-items: center;
  height: 320px;
  padding: 32px 0;
}
.p-head-container h1 {
  position: relative;
  z-index: 1;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.4;
}
@media (width < 768px) {
.p-head-container {
    position: relative;
    background: radial-gradient(circle at right 165px top -69px, #CEE7F4 0%, #ECEDED 22%, #FBF0EA 40%, rgba(255 255 255 / 0%) 100%);
  }
  .p-head-container::before {
    width: 212px;
    background-image: url(/assets/event2027/wdm/head_bg_mobile-070594556a40a29b82c2ec5d260b3ceb694d7bb57555ccc2ecd53e32734effc4.png);
  }
  .p-head-container .container {
    height: 96px;
    padding: 16px 0;
  }
  .p-head-container h1 {
    font-size: 20px;
  }
}




/* ---------------- head */
.p-head-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.p-head-group h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
}
.p-head-group h3,
.head-modal {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-head-group h2 {
    font-size: 20px;
  }
  .p-head-group h3,
  .head-modal {
    font-size: 18px;
  }
}

/* status */
.p-head-group h2:has(.status) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}



/* ---------------- btns */
.p-btns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 24px;
}
.p-btns.-left ul {
  justify-content: start;
}
.p-btns.-right ul {
  justify-content: end;
}
@media (width < 768px) {
  .p-btns.-form ul {
    display: flex;
    gap: 16px;
  }
  .p-btns.-form .-btn.-form {
    min-width: 104px;
    padding: 0 16px;
  }
}



/* ---------------- flow */
.p-flow-form ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  counter-reset: num;
}
.p-flow-form ul li {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}
.p-flow-form ul li::before {
  counter-increment: num;
  content: counter(num);
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  width: 40px;
  border: 1px solid var(--black);
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
@media (width < 768px) {
  .p-flow-form ul {
    gap: 0;
    justify-content: space-evenly;
    align-items: start;
  }
  .p-flow-form ul li {
    grid-template-columns: 1fr;
    width: 66px;
    font-size: 11px;
    text-align: center;
  }
  .p-flow-form ul li::before {
    margin: 0 auto;
  }
}

/* completed */
.p-flow-form ul li.-complated {
  position: relative;
}
.p-flow-form ul li.-complated::before {
  content: '';
  background: url(/assets/event2027/wdm/ico_check_white-14b697c33d52ae9335522f02fb9d4abaa8de124d48b3b6112dcfe9322d067548.svg) no-repeat center center / 20px var(--black);
}

/* current */
.p-flow-form ul li.-current {
  color: var(--red);
}
.p-flow-form ul li.-current::before {
  border: 1px solid var(--red);
  background: var(--red);
  color: #fff;
}



/* ---------------- p-result-bottom */
.p-result-bottom {
  position: sticky;
  bottom: 0;
  padding: 24px 80px;
  border-bottom: 1px solid var(--gray-border);
  background: #fff;
}
.p-result-bottom::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(transparent, rgba(0 0 0 /10%));
}
.p-result-bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.p-result-bottom .btn {
  display: flex;
  align-items: center;
  gap: 16px;
}
.p-result-bottom .btn .-btn {
  gap: 0;
}
.p-result-bottom .result {
  display: flex;
  align-items: center;
  gap: 32px;
}
.p-result-bottom .result dl {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  gap: 0 20px;
  line-height: 1.5;
}
.p-result-bottom .result dl dt {
  font-size: 13px;
}
.p-result-bottom .result dl dd {
  font-size: 14px;
  font-weight: 700;
}
.p-result-bottom .total {
  display: flex;
  align-items: baseline;
  font-size: 12px;
}
.p-result-bottom .total .amount {
  font-size: 14px;
  font-weight: 700;
}
.p-result-bottom .total .num {
  font-size: 26px;
}
@media (width < 1180px) {
  .p-result-bottom {
    padding: 24px;
  }
}
@media (width < 1024px) {
  .p-result-bottom .result dl {
    opacity: 0;
    visibility: hidden;
    gap: 8px 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    grid-auto-flow: row;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    padding: 24px 24px 0;
    background: #fff;
    text-align: right;
    translate: 0 24px;
    transition: .2s var(--easing);
  }
  .p-result-bottom .result dl::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(transparent, rgba(0 0 0 /10%));
  }
  .p-result-bottom .total::after {
    content: '';
    display: block;
    aspect-ratio: 1 / 1;
    width: 20px;
    background: url(/assets/event2027/wdm/arw_up-33790186d51607005b38e55eea3327eb28a368eb8d489deeebdb938061dcce70.svg) no-repeat center / contain;
    transition: .2s var(--easing);
  }
}
@media (width < 768px) {
  .p-result-bottom {
    padding: 20px 16px;
  }
  .p-result-bottom .btn {
    gap: 8px;
  }
  .p-result-bottom .btn .-btn {
    min-width: 80px;
    min-height: 32px;
  }
  .p-result-bottom .result dl {
    padding: 20px 16px 0;
  }
  .p-result-bottom .total .amount {
    font-size: 12px;
  }
  .p-result-bottom .total .num {
    font-size: 18px;
  }
}

/* active */
@media (width < 1024px) {
  .p-result-bottom.-active .result dl {
    opacity: 1;
    visibility: visible;
    translate: 0;
  }
  .p-result-bottom.-active .total::after {
    rotate: -180deg;
  }
}



/* ---------------- p-caution */
.p-caution {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  position: relative;
  padding: 24px 24px 24px 64px;
  border-radius: 8px;
  background: var(--gray-background);
  color: var(--black);
}
.p-caution::before {
  content: '';
  position: absolute;
  top: 24px;
  left: 24px;
  aspect-ratio: 1 / 1;
  width: 24px;
  background: url(/assets/event2027/wdm/ico_caution-5da36908b0db96232435c5313c6ce21d9d4dc14401057c88d4d053842d4003fe.svg) no-repeat center center / contain;
}
.p-caution .head {
  color: var(--red);
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-caution {
    padding: 24px 16px 24px 48px;
  }
  .p-caution::before {
    left: 16px;
  }
}

/* white */
.p-caution.-bg-white {
  background: #fff;
}



/* ---------------- p-box-primary */
.p-box-primary {
  padding: 40px;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--black), #737373);
  color: #fff;
}
.p-box-primary .head {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-box-primary .code {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}
@media (width < 768px) {
  .p-box-primary {
    padding: 24px;
  }
  .p-box-primary .head {
    font-size: 16px;
  }
  .p-box-primary .code {
    font-size: 32px;
  }
}

/* caution */
.p-box-primary .p-caution .head {
  font-size: 16px;
}


/* code */
.p-input-code .container {
  display: flex;
  gap: 16px;
  align-items: center;
}
.p-input-code input {
  max-width: 320px;
}
.p-input-code .-btn {
  min-width: 120px;
  padding: 0 8px;
  border-radius: 4px;
}
.p-input-code .message-error {
  margin-top: 8px;
  color: var(--red);
}
@media (width < 768px) {
  .p-input-code .-btn {
    min-width: 87px;
  }
}

/* code-confirm */
.p-code-confirm {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 4px 24px;
  align-items: center;
  width: fit-content;
}
.p-code-confirm dd {
  font-weight: 700;
}
.p-code-confirm .name {
  font-size: 24px;
}
@media (width < 768px) {
  .p-code-confirm {
    display: block;
  }
  .p-code-confirm dd + dt {
    margin-top: 8px;
  }
  .p-code-confirm .name {
    font-size: 20px;
  }
}

/* complete */
.p-box-primary.-complate {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 24px 40px;
  border: 1px solid var(--gray-border);
  background: none;
  color: var(--black);
}
.p-code-complete {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 24px;
  align-items: center;
  width: fit-content;
}
.p-code-complete dt {
  font-size: 24px;
  font-weight: 700;
}
@media (width < 768px) {
  .p-box-primary.-complate {
    grid-template-columns: 1fr;
    padding: 24px;
  }
  .p-code-complete {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .p-code-complete dt {
    font-size: 20px;
  }
}



/* ---------------- p-member-index */
.p-member-index .items {
  display: grid;
  gap: 16px;
}
.p-member-index .item {
  display: grid;
  grid-template-columns: 116px 1fr auto;
  gap: 24px;
  align-items: center;
  min-height: 64px;
  padding: 8px 16px 8px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}
.p-member-index .item .number {
  font-size: 20px;
  line-height: 1.5;
}
.p-member-index .item .number em {
  margin-right: 4px;
  font-size: 32px;
  line-height: 1;
}
.p-member-index .item .info {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  align-items: center;
  line-height: 1.5;
}
.p-member-index .item .info .name {
  font-weight: 700;
}
.p-member-index .item .btns {
  display: flex;
  gap: 16px;
}
.p-member-index .item .btns .-btn {
  height: 34px;
  min-width: 64px;
  padding: 0;
  border-radius: 4px;
}
.p-member-index .item .empty {
  color: var(--red);
}
.p-member-index > .btn {
  display: flex;
  justify-content: center;
}
.p-member-index > .btn .-btn {
  min-width: 320px;
}
@media (width < 768px) {
  .p-member-index .item {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px;
  }
}



/* ---------------- p-member-form */
.p-member-form {
  display: grid;
  grid-template-columns: 116px 1fr;
  gap: 24px;
}
.p-member-form .number {
  font-size: 20px;
  line-height: 1.5;
}
.p-member-form .number em {
  margin-right: 4px;
  font-size: 32px;
  line-height: 1;
}
@media (width < 768px) {
  .p-member-form {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}



/* ---------------- p-table-result */
/* table */
.p-table-result table {
  width: 100%;
}
.p-table-result table th {
  padding: 16px 24px;
  border-bottom: 1px solid var(--gray-border);
  font-weight: 400;
  text-align: left;
  line-height: 1.3;
  vertical-align: middle;
}
.p-table-result table td {
  padding: 16px 24px;
  border-bottom: 1px solid var(--gray-border);
  text-align: right;
  line-height: 1.3;
  vertical-align: middle;
}
.p-table-result table .num {
  font-weight: 700;
}
.p-table-result table thead th {
  padding: 16px 24px;
  border: none;
  background: var(--gray-background);
  text-align: right;
}
.p-table-result table thead th:first-child {
  text-align: left;
}
@media (width < 1024px) {
  .p-table-result table thead {
    display: none;
  }
  .p-table-result table tr {
    display: grid;
    grid-template-columns: repeat(3, auto);
  }
  .p-table-result table th {
    grid-column: span 3;
    border: none;
    background: var(--gray-background);
  }
  .p-table-result table td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
  }
}
@media (width < 1024px) {
  .p-table-result table th {
    padding: 16px;
  }
  .p-table-result table td {
    padding: 16px;
  }
}

/*total */
.p-table-result .total-container {
  width: fit-content;
  margin: 16px 0 0 auto;
  text-align: right;
}
.p-table-result .total {
  display: flex;
  align-items: baseline;
  justify-content: end;
  font-size: 14px;
  line-height: 1.5;
}
.p-table-result .total .amount {
  font-size: 16px;
  font-weight: 700;
}
.p-table-result .total .num {
  font-size: 20px;
}
.p-table-result .total + p {
  margin-top: 8px;
}



/* ---------------- p-link-login */
.p-link-login .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.p-link-login .items a {
  display: block;
  position: relative;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  height: 100%;
  padding: 24px 24px 72px;
  color: var(--black);
  text-decoration: none;
}
.p-link-login .items .head {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-link-login .items .link {
  display: flex;
  justify-content: end;
  position: absolute;
  bottom: 24px;
  right: 24px;
  margin-top: 8px;
}
.p-link-login .items a:hover .a.-arw_b {
  color: var(--red);
}
.p-link-login .items a:hover .a.-arw_b::before {
  background-image: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg);
  background-position: 20px center;
}
.p-link-login .items a:hover .a.-arw_b::after {
  background-color: var(--red);
  scale: 1.1;
}
@media (width < 768px) {
  .p-link-login .items {
    grid-template-columns: 1fr;
  }
  .p-link-login .items .head {
    font-size: 18px;
  }
}



/* ---------------- p-result-entry */
.p-result-entry {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 24px 40px; 
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}
.p-result-entry .items {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
  align-items: baseline;
}
.p-result-entry .items .item {
  display: flex;
  gap: 16px;
  align-items: center;
  font-weight: 500;
}
.p-result-entry .items .num {
  font-size: 32px;
  font-weight: 700;
}
.p-result-entry .items .arw {
  display: inline-block;
  margin: 0 8px;
  font-size: 32px;
}
@media (width < 768px) {
  .p-result-entry {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 16px;
  }
  .p-result-entry .btn {
    width: fit-content;
    margin: 0 auto;
  }
  .p-result-entry .items .num {
    font-size: 24px;
  }
  .p-result-entry .items .arw {
    font-size: 24px;
  }
}



/* ---------------- p-entry-index */
.p-entry-index .items {
  display: grid;
  gap: 16px;
}
.p-entry-index .items .item a {
  display: grid;
  grid-template-columns: 1fr auto 280px auto;
  gap: 48px;
  align-items: center;
  padding: 16px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  color: var(--black);
  text-decoration: none;
  line-height: 1.5;
}
.p-entry-index .items .head {
  font-weight: 700;
}
@media (width < 1024px) {
  .p-entry-index .items .item a {
    gap: 24px;
  }
}
@media (width < 768px) {
  .p-entry-index .items .item a {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 24px 16px;
  }
}



/* ---------------- p-group-index */
.p-group-index .items {
  display: grid;
  gap: 16px;
}
.p-group-index .items .item a {
  display: grid;
  grid-template-columns: 1fr auto 240px auto;
  gap: 48px;
  align-items: center;
  padding: 16px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  color: var(--black);
  text-decoration: none;
  line-height: 1.5;
}
.p-group-index .items .head {
  font-weight: 700;
}
.p-group-index .items .item.-cancel .head::after {
  content: '';
  display: inline-block;
  aspect-ratio: 1 / 1;
  width: 20px;
  margin-left: 8px;
  background: url(/assets/event2027/wdm/ico_caution-5da36908b0db96232435c5313c6ce21d9d4dc14401057c88d4d053842d4003fe.svg) no-repeat center / contain;
  vertical-align: middle;
  translate: 0 -2px;
}
@media (width < 1024px) {
  .p-group-index .items .item a {
    gap: 24px;
  }
}
@media (width < 768px) {
  .p-group-index .items .item a {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 24px 16px;
  }
}

/* btn */
.p-group-index > .btn {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.p-group-index > .btn .-btn {
  width: 100%;
  max-width: 320px;
}



/* ---------------- p-url-copy */
.p-url-copy {
  display: flex;
  gap: 16px;
}
.p-url-copy input {
  max-width: 432px;
}
@media (width < 768px) {
  .p-url-copy {
    display: grid;
    gap: 16px;
  }
}



/* ---------------- p-entry-progress */
.p-entry-progress {
  padding: 24px 40px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}
.p-entry-progress dl {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 0 40px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.p-entry-progress .num {
  font-size: 40px;
}
@media (width < 768px) {
  .p-entry-progress {
    padding: 24px 16px;
  }
  .p-entry-progress dl {
    gap: 0 24px;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    text-align: left;
  }
  .p-entry-progress dl dt {
    text-align: right;
  }
  .p-entry-progress .num {
    font-size: 32px;
  }
}



/* ---------------- p-table */
.p-table .wrap {
  overflow: auto;
}
.p-table table {
  width: 100%;
  line-height: 1.2;
}
.p-table table td {
  padding: 16px 24px; 
  border-bottom: 1px solid var(--gray-border);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.p-table table th {
  padding: 16px 24px; 
  border-bottom: 1px solid var(--gray-border);
  background: #fff;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.p-table table thead th {
  border: none;
  background: var(--gray-background);
}



/* ---------------- p-btn-timelimit */
.p-btn-timelimit .btn {
  width: fit-content;
  margin: 0 auto;
}
.p-btn-timelimit .message {
  position: relative;
  width: fit-content;
  margin: 20px auto 0;
  padding: 8px 12px;
  border-radius: 2px;
  background: var(--black);
  color: #fff;
}
.p-btn-timelimit .message::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 50%;
  aspect-ratio: 20 / 12;
  width: 20px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: var(--black);
  translate: -50% -100%;
}
.p-btn-timelimit .message .num {
  font-size: 20px;
  font-weight: 700;
}



/* ---------------- p-request-cancel */
.p-request-cancel {
  padding: 24px 40px;
  border: 1px solid var(--red);
  border-radius: 8px;
}
.p-request-cancel .head {
  display: grid;
  grid-template-columns: 20px 1fr;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
  color: var(--red);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-request-cancel .head::before {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ico_caution-5da36908b0db96232435c5313c6ce21d9d4dc14401057c88d4d053842d4003fe.svg) no-repeat center / contain;
}
.p-request-cancel .p-box-line {
  margin-top: 24px;
}
.p-request-cancel .p-btns {
  margin-top: 40px;
}
@media (width < 768px) {
  .p-request-cancel {
    padding: 24px 16px;
  }
  .p-request-cancel .head {
    font-size: 18px;
  }
}



/* ---------------- p-box-inquiry */
.p-box-inquiry {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px 40px;
  align-items: center;
  padding: 32px 40px;
  border-radius: 8px;
  background: #fff;
}
.p-box-inquiry .head {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-box-inquiry {
    grid-template-columns: 1fr;
    padding: 24px 16px;
  }
  .p-box-inquiry .head {
    font-size: 18px;
  }
  .p-box-inquiry .btn {
    width: fit-content;
    margin: 0 auto;
    padding: 0;
  }
}



/* ---------------- p-overview */
.p-overview {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 40px;
}
.p-overview .map iframe {
  aspect-ratio: 731 / 365;
  width: 100%;
  height: auto;
}
.p-overview .map .link {
  text-align: right;
}
@media (width < 768px) {
  .p-overview {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}


/* ---------------- p-side-nav */
.p-side-nav {
  position: sticky;
  top: 120px;
  padding: 32px;
  border-radius: 8px;
  background: #fff;
}
.p-side-nav ul {
  display: grid;
  gap: 16px;
}
.p-side-nav ul .a {
  display: block;
  position: relative;
  padding-left: 16px;
  color: var(--black);
  text-decoration: none;
  line-height: 1.5;
}
.p-side-nav ul .a:hover {
  color: var(--red);
}
.p-side-nav ul .a::before {
  content: '';
  position: absolute;
  top: calc((1em * 1.5) / 2);
  left: 0;
  aspect-ratio: 1 / 1;
  width: 8px;
  border-radius: 50%;
  background: var(--gray-border);
  translate: 0 -50%;
}
.p-side-nav ul .a.-cr::before {
  background-color: var(--red);
}



/* ---------------- p-box-entry */
.p-box-entry {
  padding: 48px 40px 56px;
  border-radius: 16px;
  background: linear-gradient(#CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
  text-align: center;
  font-size: 15px;
}
.p-box-entry .head {
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
.p-box-entry .btn-group {
  margin-top: 24px;
}
.p-box-entry .btn-group .copy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  color: var(--red);
  font-size: 20px;
}
.p-box-entry .btn-group .copy .num {
  font-size: 24px;
}
.p-box-entry .btn-group .copy::before,
.p-box-entry .btn-group .copy::after {
  content: '';
  display: block;
  width: 1px;
  height: 24px;
  background: var(--red);
  rotate: -45deg;
}
.p-box-entry .btn-group .copy::after {
  rotate: 45deg;
}
.p-box-entry .btn-group ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  justify-content: center;
}
.p-box-entry .btn-group .-btn {
  min-height: 88px;
  padding: 0 40px;
  font-size: 20px;
}
.p-box-entry .btn-group .-red {
  width: 420px;
}
.p-box-entry .btn-group .-black {
  width: 302px;
}
@media (width < 768px) {
  .p-box-entry {
    padding: 24px;
  }
  .p-box-entry .head {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .p-box-entry .btn-group .copy {
    font-size: 16px;
    line-height: 1.5;
  }
  .p-box-entry .btn-group .copy .num {
    font-size: 20px;
  }
  .p-box-entry .btn-group .-btn {
    width: auto;
    min-height: 56px;
    padding: 0 24px;
    font-size: 16px;
  }
}

/* nobg */
.p-box-entry.-nobg {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.p-box-entry.-nobg .btn-group {
  margin-top: 0;
}



/* ---------------- p-timetable */
.p-timetable {
  --hour: 88px;
  --hall: 256px;
}

.p-timetable {
  position: relative;
  margin: 0 40px;
  border-radius: 8px;
  background: #fff;
}
.p-timetable .time-container {
  padding: 108px 0 0 88px;
}
.p-timetable .time-container .item {
  position: relative;
  height: var(--hour);
  border-top: 1px solid var(--gray-border);
}
.p-timetable .time-container .item::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background: var(--gray-border);
}
.p-timetable .time-container .time {
  position: absolute;
  top: 0;
  right: calc(100% + 24px);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  translate: 0 -50%;
}
.p-timetable .session-container {
  position: absolute;
  top: 0;
  left: 88px;
  width: calc(100% - 88px);
  border-left: 1px solid var(--gray-border);
}
.p-timetable .session-container .table {
  width: 100%;
}
@media (width < 768px) {
  .p-timetable {
    margin: 0;
    border-radius: 8px;
  }
  .p-timetable .time-container {
    padding: 108px 0 0 40px;
  }
  .p-timetable .time-container .time {
    right: calc(100% + 6px);
    font-size: 12px;
  }
  .p-timetable .session-container {
    left: 40px;
    width: calc(100% - 40px)
  }
}

/* hall */
.p-timetable .hall-group {
  position: sticky;
  z-index: 10;
  top: 80px;
  padding: 10px 0;
  background: #fff;
}
.p-timetable .hall-group .inner {
  overflow: clip;
}
.p-timetable .hall-group .items {
  display: grid;
  gap: 8px;
  grid-auto-flow: column;
  grid-auto-columns: var(--hall);
  position: relative;
  padding: 0 8px;
}
.p-timetable .hall-group .item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
  height: 76px;
  padding: 8px 20px;
  border-radius: 4px;
  background: var(--hall-center);
  font-size: 12px;
}
.p-timetable .hall-group .item.-north {
  background: var(--hall-north);
}
.p-timetable .hall-group .item.-annex {
  background: var(--hall-annex);
}
.p-timetable .hall-group .num {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}
.p-timetable .hall-group .info {
  min-width: 0;
}
.p-timetable .hall-group .info span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.p-timetable .hall-group .btn-prev {
  position: absolute;
  top: 0;
  left: 0;
}
.p-timetable .hall-group .btn-next {
  position: absolute;
  top: 0;
  right: 0;
}
.p-timetable .hall-group .btn-prev .a,
.p-timetable .hall-group .btn-next .a {
  display: block;
  position: relative;
  width: 40px;
  height: 96px;
  background: rgba(8 26 51 / 60%);
}
.p-timetable .hall-group .btn-prev .a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_left_white-dd85595cbf2f0551a47b81eeff48421d19edc1f5bf393fe4bc80a2026a3bb72e.svg) no-repeat center / contain;
  translate: -50% -50%;
}
.p-timetable .hall-group .btn-next .a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg) no-repeat center / contain;
  translate: -50% -50%;
}
.p-timetable .hall-group .btn-prev .a.-disabled,
.p-timetable .hall-group .btn-next .a.-disabled {
  opacity: .5;
  pointer-events: none;
}
.p-timetable .hall-group .nav {
  display: none;
}
@media (width < 768px) {
  .p-timetable .hall-group {
    top: 64px;
  }
  .p-timetable .hall-group .items {
    grid-auto-columns: calc(100svw - 32px - 80px - 16px - 1px);
  }
  .p-timetable .hall-group .item {
    grid-template-columns: 48px 1fr;
    position: relative;
    padding-right: 48px;
  }
  .p-timetable .hall-group .item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    aspect-ratio: 1 / 1;
    width: 20px;
    background: url(/assets/event2027/wdm/arw_down-b764c50fde5bfd18b03b88736d5c9aa6a08e35ea2004208b062f8c3bd6b8803e.svg) no-repeat center / contain;
    translate: 0 -50%;
  }
  .p-timetable .hall-group .num {
    font-size: 32px;
  }
  .p-timetable .hall-group .btn-prev {
    left: -1px;
    translate: -100% 0;
  }
  .p-timetable .hall-group .nav {
    overflow: auto;
    display: none;
    position: absolute;
    top: 100%;
    left: 8px;
    width: calc(100svw - 32px - 80px - 16px);
    max-height: 200px;
    padding: 8px 24px 24px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0 0 0 / 25%);
    translate: 0 8px;
  }
  .p-timetable .hall-group .nav li {
    border-bottom: 1px solid var(--gray-border);
  }
  .p-timetable .hall-group .nav .a {
    display: block;
    padding: 16px 0;
    color: var(--black);
    text-decoration: none;
    line-height: 1.3;
  }
}

/* show */
@media (width < 768px) {
  .p-timetable .hall-group.-show .nav {
    display: block;
  }
}


/* session */
.p-timetable .session-group {
  margin-top: 12px;
}
.p-timetable .session-group > .inner {
  overflow: auto;
}
.p-timetable .session-group .items {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: var(--hall);
  gap: 8px;
  padding: 0 8px;
}
.p-timetable .session-group .item {
  position: relative;
  height: calc(var(--hour) * 11);
  scroll-snap-align: start;
}
@media (width < 768px) {
  .p-timetable .session-group .items {
    grid-auto-columns: calc(100svw - 32px - 80px - 16px - 1px);
  }
  .p-timetable .session-group .items::after {
    content: '';
  }
}

.p-timetable .session {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
}
.p-timetable .session .wrap {
  overflow: clip;
  position: relative;
  height: 100%;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
  background: #fff;
}
.p-timetable .session .inner {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 16px;
  padding: 16px;
}
.p-timetable .session .inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(-90deg, #CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-timetable .session .time {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.p-timetable .session .add-calendar .a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/ico_calendar_add-35163243c288cdad946f2325d88ddb029e319b5bac019de344eb71d7099c914f.svg) no-repeat center / contain;
}
.p-timetable .session .title {
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.p-timetable .session .title a:not(:hover) {
  color: var(--black);
  text-decoration: none;
}
.p-timetable .session .speaker + .speaker {
  margin-top: 8px;
}
.p-timetable .session .speaker {
  display: flex;
  gap: 8px;
  font-size: 12px;
}
.p-timetable .session .speaker dt {
  font-weight: 700;
}
.p-timetable .session .bottom {
  display: grid;
  gap: 16px;
}
.translate {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
}
.translate::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 1 / 1;
  width: 8px;
  border-radius: 50%;
  background: #B7F00A;
  translate: 0 -50%;
}
.translate.-blue::before {
  background: #4BDCE1;
}
.translate.-red::before {
  background: #FF2F2F;
}
.p-titmetable .translate {
  font-size: 12px;
}
.p-timetable .session .target {
  display: flex;
  justify-content: end;
  gap: 8px;
}

/* in / out */
.p-timetable .session.-in .inner {
  height: 100%;
}
.p-timetable .session.-out .wrap {
  padding-bottom: 24px;
}
.p-timetable .session.-out .btn-view {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.p-timetable .session.-out .btn-view .a {
  display: block;
  position: relative;
  height: 24px;
  background: linear-gradient(-90deg, #CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-timetable .session.-out .btn-view .a::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_down-b764c50fde5bfd18b03b88736d5c9aa6a08e35ea2004208b062f8c3bd6b8803e.svg) no-repeat center / contain;
  translate: -50% -50%;
}

/* active */
.p-timetable .session.-active {
  z-index: 2;
  height: auto !important;
}
.p-timetable .session.-active .inner {
  height: 100%;
}
.p-timetable .session.-active .btn-view .a::after {
  rotate: 180deg;
}

/* break */
.p-timetable .session .break {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--gray);
  font-size: 15px;
  font-weight: 700;
}



/* ---------------- p-filter-timetable */
.p-filter-timetable {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 16px 32px;
  align-items: center;
}
.p-filter-timetable .date-group {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
}
.p-filter-timetable .date-group .head {
  font-weight: 500;
}
.p-filter-timetable .days-pulldown {
  position: relative;
}
.p-filter-timetable .days-pulldown .btn .a {
  display: flex;
  align-items: center;
  padding: 0 40px 0 16px;
  width: 100%;
  height: 56px;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
  background: url(/assets/event2027/wdm/arw_select-6a2536d42843480d47174675059af888c80b6a6172707c9c87c5cc8c9b52a5eb.svg) no-repeat right 8px center #fff;
  box-shadow: var(--shadow);
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.p-filter-timetable .days-pulldown .btn .num {
  font-size: 24px;
}
.p-filter-timetable .days-pulldown .pulldown {
  overflow: auto;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  padding: 8px 24px 24px;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
  translate: 0 8px;
}
.p-filter-timetable .days-pulldown .pulldown li {
  border-bottom: 1px solid var(--gray-border);
  line-height: 1;
}
.p-filter-timetable .days-pulldown .pulldown a {
  display: block;
  padding: 16px 0;
  color: var(--black);
  text-decoration: none;
}
.p-filter-timetable .days-pulldown .pulldown a:hover {
  color: var(--red);
}
.p-filter-timetable .note-group {
  display: none;
}
.p-filter-timetable .hall-group ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.p-filter-timetable .hall-group a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 8px;
  background: var(--gray-background);
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.p-filter-timetable .hall-group a:hover {
  background: var(--gray-border);
}
.p-filter-timetable .hall-group a.-center.-cr {
  background: var(--hall-center);
}
.p-filter-timetable .hall-group a.-north.-cr {
  background: var(--hall-north);
}
.p-filter-timetable .hall-group a.-annex.-cr {
  background: var(--hall-annex);
}
@media (width < 1024px) {
  .p-filter-timetable {
    grid-template-columns: 1fr;
  }
}
@media (width < 768px) {
  .p-filter-timetable {
    grid-template-columns: 1fr auto;
    gap: 8px 24px;
  }
  .p-filter-timetable .date-group {
    display: block;
  }
  .p-filter-timetable .date-group .head {
    display: none;
  }
  .p-filter-timetable .days-pulldown .btn .a {
    height: 34px;
    font-size: 13px;
  }
  .p-filter-timetable .days-pulldown .btn .num {
    font-size: 18px;
  }
  .p-filter-timetable .note-group {
    display: block;
  }
  .p-filter-timetable .note-group ul {
    display: flex;
    gap: 24px;
    align-items: center;
  }
  .p-filter-timetable .hall-group {
    grid-column: span 2;
  }
  .p-filter-timetable .hall-group a {
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
  }
}

/* show */
.p-filter-timetable .days-pulldown.-show .pulldown {
  display: block;
}



/* ---------------- p-index-session */
.p-index-session .items {
  display: grid;
  gap: 24px;
}
.p-index-session .item a {
  overflow: hidden;
  display: grid;
  grid-template-columns: 176px 200px 1fr;
  gap: 24px;
  align-items: center;
  position: relative;
  padding: 24px 40px;
  border-radius: 8px;
  background: #fff;
  color: var(--black);
  text-decoration: none;
}
.p-index-session .item a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(#CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-index-session .day-group .day {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.p-index-session .day-group .day .-en {
  font-size: 22px;
}
.p-index-session .day-group .time {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}
.p-index-session .hall-group .hall {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 8px;
  align-items: center;
  padding: 16px;
  border-radius: 4px;
  background: var(--hall-center);
  font-size: 12px;
  line-height: 1;
}
.p-index-session .hall-group .hall.-north {
  background: var(--hall-north);
}
.p-index-session .hall-group .hall.-annex {
  background: var(--hall-annex);
}
.p-index-session .hall-group .num {
  font-family: "Inter", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
.p-index-session .hall-group .hall .info {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.p-index-session .hall-group .hall .info span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.p-index-session .body-group .title {
  font-size: 18px;
  font-weight: 500;
}
.p-index-session .body-group .info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
}
.p-index-session .body-group .target {
  display: flex;
  gap: 8px;
}
@media (width < 1024px) {
  .p-index-session .item a {
    grid-template-columns: 176px 1fr;
  }
  .p-index-session .body-group {
    grid-column: 1 / 3;
  }
}
@media (width < 768px) {
  .p-index-session .item a {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 16px;
  }
  .p-index-session .item a::before {
    width: 100%;
    height: 6px;
    background: linear-gradient(-90deg, #CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
  }
  .p-index-session .day-group {
    display: flex;
    gap: 8px;
  }
  .p-index-session .day-group .day {
    font-size: 14px;
  }
  .p-index-session .day-group .day .-en {
    font-size: 18px;
  }
  .p-index-session .day-group .time {
    font-size: 20px;
  }
  .p-index-session .hall-group .num {
    font-size: 30px;
  }
  .p-index-session .body-group {
    grid-column: 1 / 2;
  }
  .p-index-session .body-group .title {
    font-size: 16px;
  }
  .p-index-session .body-group .info {
    margin-top: 16px;
  }
}



/* ---------------- p-session-title */
.p-session-title {
  display: grid;
  grid-template-columns: 275px 1fr;
  gap: 16px 40px;
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
.p-session-title .day-group {
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  gap: 8px;
  align-items: baseline;
  margin-bottom: 16px;
  padding-top: 8px;
}
.p-session-title .day-group .day {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.p-session-title .day-group .day .-en {
  font-size: 22px;
}
.p-session-title .day-group .time {
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.p-session-title .day-group .btn {
  display: flex;
  justify-content: end;
  translate: 0 4px;
}
.p-session-title .day-group .btn .a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 24px; 
  background: url(/assets/event2027/wdm/ico_calendar_add-35163243c288cdad946f2325d88ddb029e319b5bac019de344eb71d7099c914f.svg) no-repeat center;
}
.p-session-title .day-group .btn .a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 24px; 
  background: url(/assets/event2027/wdm/ico_calendar_add-35163243c288cdad946f2325d88ddb029e319b5bac019de344eb71d7099c914f.svg) no-repeat center;
}
.p-session-title .hall {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 16px;
  align-items: center;
  position: relative;
  padding: 12px 56px 12px 16px;
  border-radius: 4px;
  background: var(--hall-center);
}
.p-session-title .hall-group .hall .num {
  font-family: "Inter", sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}
.p-session-title .hall-group .hall .info {
  font-size: 12px;
}
.p-session-title .hall-group .hall .info span {
  display: block;
}
.p-session-title .hall-group .hall .btn {
  position: absolute;
  top: 50%;
  right: 16px;
  translate: 0 -50%;
}
.p-session-title .hall-group .btn a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 24px; 
  border-radius: 50%;
  background: url(/assets/event2027/wdm/ico_marker-b81f99dd0805b2c376fceefaef062c42ac37c1b7b2342c47dc34357db099a160.svg) no-repeat center #fff;
}
.p-session-title .body-group .title {
  font-size: 24px;
  font-weight: 500;
}
.p-session-title .body-group .title a {
  color: var(--black);
  text-decoration: none;
}
.p-session-title .body-group .title a:hover {
  color: var(--red);
}
.p-session-title .body-group .info {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  align-items: center;
  margin-top: 16px;
}
.p-session-title .body-group .target {
  display: flex;
  gap: 8px;
}
@media (width < 1024px) {
  .p-session-title {
    grid-template-columns: 1fr;
    padding: 24px 16px;
  }
  .p-session-title .day-group {
    padding-top: 0;
  }
}
@media (width < 768px) {
  .p-session-title .day-group .day {
    font-size: 14px;
  }
  .p-session-title .day-group .day .-en {
    font-size: 18px;
  }
  .p-session-title .day-group .time {
    font-size: 20px;
  }
  .p-session-title .body-group .title {
    font-size: 18px;
  }
}



/* ---------------- p-detail-session */
.p-detail-session {
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
@media (width < 1024px) {
  .p-detail-session {
    padding: 24px 16px;
  }
}

/* sseion */
.p-detail-session .p-session-title {
  margin-bottom: 32px;
  padding: 0 0 40px;
  border-bottom: 1px solid var(--gray-border);
}
@media (width < 767px) {
  .p-detail-session .p-session-title {
    margin-bottom: 16px;
    padding: 0 0 16px;
  }
}

/* profile */
.p-detail-session .profile-container + .profile-container {
  margin-top: 32px;
}
.p-detail-session .profile-container {
  display: grid;
  grid-template-columns: 180px 1fr 578px;
  gap: 24px 40px;
}
.p-detail-session .profile-image img {
  border-radius: 8px;
}
.p-detail-session .profile-group .tag {
  margin-bottom: 24px;
}
.p-detail-session .profile-group .tag span {
  display: block;
  width: fit-content;
  min-width: 62px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--red);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
}
.p-detail-session .profile-group .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.p-detail-session .profile-group .name-group .-en {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}
@media (width < 1180px) {
  .p-detail-session .profile-container {
    grid-template-columns: 180px 1fr;
  }
  .p-detail-session .p-books-related {
    grid-column: span 2;
  }
}
@media (width < 768px) {
  .p-detail-session .profile-container {
    grid-template-columns: 100px 1fr;
  }
  .p-detail-session .profile-container {
    gap: 24px;
  }
  .p-detail-session .profile-group .tag {
    margin-bottom: 16px;
  }
  .p-detail-session .profile-group .tag span {
    font-size: 14px;
  }
  .p-detail-session .profile-group .name {
    font-size: 20px;
  }
}



/* ---------------- .p-books-related */
.p-books-related {
  padding: 24px;
  border-radius: 8px;
  background: var(--gray-background);
}
.p-books-related a {
  color: var(--black);
  text-decoration: none;
}
.p-books-related a:hover {
  color: var(--red);
}
.p-books-related .head {
  margin-bottom: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.p-books-related .items {
  display: grid;
  grid-template-columns: repeat(auto-fill, 108px);
  gap: 24px 32px;
}
.p-books-related .items .item {
  font-size: 12px;
  line-height: 1.5;
}
.p-books-related .items figure {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 96px;
  margin: 0 auto 16px;
}
.p-books-related .items figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid var(--gray-border);
  translate: -50% -50%;
}
@media (width < 768px) {
  .p-books-related .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-books-related {
    padding: 24px 16px;
  }
  .p-books-related .head {
    margin-bottom: 16px;
  }
}



/* ---------------- p-index-talk */
.p-index-talk .items {
  display: grid;
  gap: 24px;
}
.p-index-talk .item {
  display: grid;
  grid-template-columns: 160px 250px 1fr;
  gap: 16px 40px;
  align-items: center;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.p-index-talk .item .time {
  display: flex;
  align-items: center;
  height: 96px;
  border-right: 1px solid var(--gray-border);
  font-size: 20px;
  font-weight: 600;
}
.p-index-talk .speaker {
  display: grid;
  gap: 16px;
}
.p-index-talk .speaker .group a {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 40px;
  align-items: center;
  color: var(--black);
  text-decoration: none;
}
.p-index-talk .speaker .group a:hover {
  color: var(--red);
}
.p-index-talk .speaker .profile-image img {
  border-radius: 8px;
}
.p-index-talk .speaker .name {
  display: grid;
  gap: 8px;
}
.p-index-talk .speaker .name span {
  display: block;
}
.p-index-talk .speaker .name .jp {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.p-index-talk .speaker .name .en {
  font-size: 14px;
  line-height: 1.5;
}
.p-index-talk .body .title {
  font-size: 20px;
  font-weight: 500;
}
.p-index-talk .body a {
  color: var(--black);
  text-decoration: none;
}
.p-index-talk .body a:hover {
  color: var(--red);
}
.p-index-talk .body .lead {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
}
@media (width < 1024px) {
  .p-index-talk .item {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .p-index-talk .item .time {
    height: auto;
    padding-bottom: 16px;
    border-right: none;
    border-bottom: 1px solid var(--gray-border);
  }
}
@media (width < 768px) {
  .p-index-talk .item {
    gap: 16px;
    padding: 24px 16px;
  }
  .p-index-talk .item .time {
    font-size: 18px;
  }
  .p-index-talk .speaker .group a {
    gap: 24px;
  }
  .p-index-talk .body .title {
    font-size: 18px;
  }
}



/* ---------------- p-sns-share */
.p-sns-share .head {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.p-sns-share ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.p-sns-share ul a {
  display: block;
  aspect-ratio: 1 / 1;
  width: 32px;
  border: 1px solid var(--gray-border);
  border-radius: 50%;
  background: #fff;
}
.p-sns-share ul a:hover {
  border-color: var(--black);
}
.p-sns-share ul a.facebook {
  background: url(/assets/event2027/wdm/ico_sns_facebook-46490b94f18b463e216a5ca3f9d859fb20ecf601e2ad5043d560f0401bbfb995.svg) no-repeat center center #fff;
}
.p-sns-share ul a.x {
  background: url(/assets/event2027/wdm/ico_sns_x-b3f00968aece1b5538f9c9eeb87890edeae668da08a746eab5ba37292efce0f5.svg) no-repeat center center #fff;
}
.p-sns-share ul a.youtube {
  background: url(/assets/event2027/wdm/ico_sns_youtube-3b5b61bce3e961a762ae2952645286ab5d4c1b478e50bf76f19fadc977826066.svg) no-repeat center center #fff;
}
.p-sns-share ul a.line {
  background: url(/assets/event2027/wdm/ico_sns_line-752169a9f88417c32765c3c5e651d41121905016b90077bd0dcbc83bfed03961.svg) no-repeat center center #fff;
}



/* ---------------- p-detail-talk */
.p-detail-talk {
  display: grid;
  gap: 40px;
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
@media (width < 768px) {
  .p-detail-talk {
    gap: 24px;
    padding: 24px 16px;
  }
}

/* title */
.p-detail-talk .title-container {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
  padding: 16px 32px;
  border-radius: 8px;
  background: var(--gray-background);
}
.p-detail-talk .title-container .time {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.p-detail-talk .title-container .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}
.p-detail-talk .title-container .lead {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-detail-talk .title-container {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }
  .p-detail-talk .title-container .time {
    font-size: 18px;
  }
  .p-detail-talk .title-container .title {
    font-size: 18px;
  }
}

/* profile */
.p-detail-talk .profile-container .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.p-detail-talk .profile-container .item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 40px;
}
.p-detail-talk .profile-container figure img {
  border-radius: 8px;
}
.p-detail-talk .profile-container .body {
  border-radius: 8px;
}
.p-detail-talk .profile-container .tag {
  margin-bottom: 24px;
}
.p-detail-talk .profile-container .tag span {
  display: block;
  width: fit-content;
  min-width: 62px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--red);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
}
.p-detail-talk .profile-container .name-group .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.p-detail-talk .profile-container .name-group .-en {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}
.p-detail-talk .profile-container .p-article {
  margin-top: 16px;
}
@media (width < 1180px) {
  .p-detail-talk .profile-container .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (width < 1024px) {
  .p-detail-talk .profile-container .items {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
@media (width < 768px) {
  .p-detail-talk .profile-container .items {
    gap: 24px;
  }
  .p-detail-talk .profile-container .item {
    grid-template-columns: 100px 1fr;
    gap: 24px;
  }
  .p-detail-talk .profile-container .tag {
    margin-bottom: 16px;
  }
 .p-detail-talk .profile-container .tag span {
    font-size: 14px;
  }
  .p-detail-talk .profile-container .name-group .name {
    font-size: 20px;
  }
}



/* ---------------- p-filter-session */
.p-filter-session {
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}
.p-filter-session .head-group {
  display: none;
}
.p-filter-session .inner {
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 70px;
  align-items: center;
  padding: 40px 70px;
}
.p-filter-session .items {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 40px;
}
.p-filter-session .item {
  display: grid;
  grid-template-columns: 94px 1fr;
  gap: 16px;
  align-items: center;
}
.p-filter-session .head {
  font-weight: 700;
  line-height: 1.5;
}
.p-filter-session select {
  height: 40px;
}
@media (width < 1366px) {
  .p-filter-session .inner {
    gap: 24px 40px;
    padding: 40px;
  }
}
@media (width < 1280px) {
  .p-filter-session .inner {
    grid-template-columns: 1fr;
  }
  .p-filter-session .btn {
    width: fit-content;
    margin: 0 auto;
  }
}
@media (width < 1024px) {
  .p-filter-session .items {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
}
@media (width < 768px) {
  .p-filter-session .head-group {
    display: block;
  }
  .p-filter-session .head-group .a {
    display: flex;
    align-items: center;
    position: relative;
    height: 64px;
    padding: 0 24px;
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.5;
  }
  .p-filter-session .head-group .a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    aspect-ratio: 1 / 1;
    width: 32px;
    border: 1px solid var(--gray-border);
    border-radius: 50%;
    background: var(--gray-background);
    translate: 0 -50%;
  }
  .p-filter-session .head-group .a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 24px;
    aspect-ratio: 1 / 1;
    width: 32px;
    background: url(/assets/event2027/wdm/arw_down-b764c50fde5bfd18b03b88736d5c9aa6a08e35ea2004208b062f8c3bd6b8803e.svg) no-repeat center;
    translate: 0 -50%;
    transition: .2s var(--easing);
  }
  .p-filter-session .wrap {
    display: none;
  }
  .p-filter-session .inner {
    position: relative;
    padding: 16px 24px 24px;
  }
  .p-filter-session .inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 24px;
    width: calc(100% - 48px);
    height: 1px;
    background: var(--gray-border);
  }
  .p-filter-session .items {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
  }
  .p-filter-session .item {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .p-filter-session .head {
    font-size: 14px; 
  }
  .p-filter-session .label {
    font-size: 14px; 
  }
}

/* search */
.p-search {
  position: relative;
  border: 1px solid var(--gray-border);
  border-radius: 4px;
}
.p-search input {
  height: 40px;
  border: none;
}
.p-search .btn {
  position: absolute;
  top: 0;
  right: 0;
}
.p-search .btn .a {
  display: block;
  aspect-ratio: 1 / 1;
  height: 100%;
  background: url(/assets/event2027/wdm/ico_search-ee21de4217928a5a82fa2b846c1834364413a447fd471673829a6a3520421d62.svg) no-repeat center;
}

/* active */
.p-filter-session .head-group .a.-active::after {
  rotate: 180deg;
}
@media (width >= 768px) {
  .p-filter-session .wrap {
    display: block !important;
  }
}



/* ---------------- p-note-session */
.p-note-session {
  padding: 32px;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
}
.p-note-session ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 16px;
  align-items: center;
}
.p-note-session ul li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.p-note-session .note {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
}

/* modal */
.modal .p-note-session {
  display: grid;
  gap: 8px;
  padding: 0;
}
.modal .p-note-session ul {
  justify-content: start;
}
.modal .p-note-session .note {
  text-align: left;
}



/* ---------------- p-filter-speaker */
.p-filter-speaker ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.p-filter-speaker ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 16px;
  border: 2px solid transparent;
  border-radius: 8px;
  background: var(--gray-background);
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.4;
}
.p-filter-speaker ul a:hover {
  background: var(--gray-border);
}
.p-filter-speaker ul a.-cr {
  border-color: var(--red);
  background: #fff;
}
@media (width < 1024px) {
  .p-filter-speaker ul a {
    font-size: 16px;
  }
}
@media (width < 768px) {
  .p-filter-speaker ul {
    gap: 8px;
  }
  .p-filter-speaker ul a {
    padding: 8px 0;
    font-size: 13px;
  }
}



/* ---------------- p-filter-words */
.p-filter-words ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: fit-content;
  margin: 0 auto;
}
.p-filter-words ul .a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 8px;
  background: #fff;
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.5;
}
.p-filter-words ul .a:hover {
  color: var(--red);
}
@media (width < 768px) {
  .p-filter-words ul {
    gap: 8px 2px;
  }
  .p-filter-words ul .a {
    min-width: 34px;
    padding: 0 6px;
    font-size: 15px;
  }
}



/* ---------------- p-index-speaker */
/* head */
.p-index-speaker .head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-bottom: 32px;
  border-radius: 8px;
  background: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

/* index */
.p-index-speaker .items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px 40px;
}
.p-index-speaker .items .item {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
.p-index-speaker .items a {
  display: block;
  height: 100%;
  color: var(--black);
  text-decoration: none;
}
.p-index-speaker .items a:hover {
  color: var(--red);
}
.p-index-speaker .items .body {
  position: relative;
  padding: 16px;
  text-align: center;
}
.p-index-speaker .items .name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.p-index-speaker .items .en {
  margin-top: 8px;
  font-size: 10px;
}
.p-index-speaker .items .country {
  margin-top: 8px;
  font-size: 10px;
}
.p-index-speaker .items .flag {
  position: absolute;
  top: 0;
  right: 8px;
  translate: 0 -50%;
}
.p-index-speaker .items .flag img {
  aspect-ratio: 1 / 1;
  width: 32px;
  object-fit: cover;
  border: 4px solid #fff;
  border-radius: 50%;
}
@media (width < 1024px) {
  .p-index-speaker .items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (width < 768px) {
  .p-index-speaker .items {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
  }
}



/* ---------------- p-detail-speaker */
.p-detail-speaker {
  padding: 40px;
  border-radius: 8px;
  background: #fff;
}
.p-detail-speaker > .wrap {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 48px 32px;
}
.p-detail-speaker .profile-image {
  grid-row: span 2;
}
.p-detail-speaker .profile-image img {
  border-radius: 8px;
}
.p-detail-speaker .name-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  margin-bottom: 16px;
}
.p-detail-speaker .name-group .name {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.p-detail-speaker .name-group .name.en {
  font-size: 14px;
}
@media (width < 768px) {
  .p-detail-speaker {
    padding: 24px 16px;
  }
  .p-detail-speaker > .wrap {
    grid-template-columns: 100px 1fr;
    gap: 40px 24px;
  }
  .p-detail-speaker .profile-image {
    grid-row: span 1;
  }
  .p-detail-speaker .body-container {
    grid-column: span 2;
  }
  .p-detail-speaker .name-group .name {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
  }
}

/* session */
.p-index-session-speaker .items {
  display: grid;
  gap: 24px;
}
.p-index-session-speaker .p-session-title {
  padding: 24px;
  border: 1px solid var(--gray-border);
  border-radius: 8px;
}
.p-index-session-speaker .p-session-title .body-group .title {
  font-size: 18px;
}
.p-index-session-speaker .p-session-title .body-group .info .tag {
  flex: 1;
}
.p-index-session-speaker .p-session-title .body-group .info .tag span {
  display: block;
  width: fit-content;
  min-width: 40px;
  padding: 0 8px;
  border-radius: 4px;
  background: var(--red);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
}
.p-index-session-speaker .p-detail-talk {
  margin-top: 16px;
  padding: 16px 0 0 0;
  border-top: 1px solid var(--gray-border);
  border-radius: 0;
}
.p-index-session-speaker .p-detail-talk .title-container .time {
  font-size: 18px;
}
.p-index-session-speaker .p-detail-talk .title-container .title {
  font-size: 16px;
}
 @media (width < 1180px) {
  .p-index-session-speaker .p-session-title {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .p-index-session-speaker .p-session-title .day-group {
    padding-top: 0;
  }
}
@media (width < 1024px) {
  .p-index-session-speaker .p-detail-talk .title-container {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 16px;
  }
}



/* ---------------- p-tab-container */
.p-tab-container .tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}
.p-tab-container .tabs .num {
  font-size: 20px;
  font-weight: 600;
}
.p-tab-container .body-container .container {
  display: none;
}
.p-tab-container .body-container .container.-active {
  display: block;
}
@media (width < 1024px) {
  .p-tab-container .tabs {
    gap: 8px;
  }
  .p-tab-container .tabs .num {
    font-size: 18px;
  }
}



/* ---------------- p-table-price */
.p-table-price .wrap {
  overflow: auto;
  padding-top: 24px;
}
.p-table-price table {
  width: 100%;
  line-height: 1.5;
  white-space: nowrap;
}
.p-table-price table th {
  padding: 20px 16px;
  background: #fff;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}
.p-table-price table td {
  padding: 20px 16px;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}
.p-table-price table tr:nth-child(even) th,
.p-table-price table tr:nth-child(even) td {
  background: rgba(209 220 229 / 5%);
}
.p-table-price table .num {
  font-size: 20px;
}
.p-table-price table .-sale {
  color: var(--red);
  font-weight: 500;
}
.p-table-price table thead th {
  background: var(--gray-border);
  font-weight: 700;
  text-align: center;
}
.p-table-price table thead th:first-child {
  text-align: left;
}
.p-table-price table th .min {
  font-size: 14px;
}
.p-table-price table th.-cr {
  position: relative;
}
.p-table-price table th.-cr::after {
  content: attr(data-label);
  position: absolute;
  top: -24px;
  left: 50%;
  padding: 0 8px;
  border-radius: 4px;
  background: linear-gradient(90deg, #E50012, #FF6073 80%);
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  translate: -50% 0;
}
.p-table-price table th.-cr::after {
  content: attr(data-label);
  position: absolute;
  top: -24px;
  left: 50%;
  padding: 0 8px;
  border-radius: 4px;
  background: linear-gradient(90deg, #E50012, #FF6073 80%);
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  translate: -50% 0;
}
.p-table-price table th.-cr::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 50%;
  aspect-ratio: 8 / 6;
  width: 8px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  background: #F63D50;
  translate: -50% 31px;
}
.p-table-price .magazine {
  margin-top: 24px;
}
.p-table-price .note-group {
  margin-top: 16px;
}

/* subscription */
.p-table-price table .num.-sub {
  display: none;
}
.p-table-price table.-subscription .num.-nosub {
  display: none;
}
.p-table-price table.-subscription .num.-sub {
  display: inline;
}



/* ---------------- p-reception */
.p-reception {
  padding: 64px 40px;
  border-radius: 8px;
  background: url(/assets/event2027/wdm/bg_reception-cb92b6af983ca45e250dcacc6b848dbd797d018013e0a70bf8e06631971e8915.jpg) no-repeat left center / cover;
  color: #fff;
}
.p-reception .head-group {
  margin-bottom: 32px;
}
.p-reception .head-group .head {
  font-size: 48px;
  line-height: 1;
}
.p-reception .head-group .shoulder {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-reception dl {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 8px 0;
  align-items: center;
  margin-top: 32px;
  font-weight: 700;
}
.p-reception dl dt {
  font-size: 14px;
}
@media (width < 1024px) {
  .p-reception {
    padding: 24px 16px;
  }
  .p-reception .head-group .head {
    font-size: 32px;
  }
  .p-reception .head-group .shoulder {
    font-size: 16px;
  }
  .p-reception dl {
    display: block;
  }
  .p-reception dl dd + dt {
    margin-top: 16px;
  }
}



/* ---------------- p-entry-flow */
.p-entry-flow ul {
  display: grid;
  gap: 32px;
  padding-top: 8px;
  counter-reset: num;
}
.p-entry-flow ul li {
  position: relative;
  padding-left: 96px;
}
.p-entry-flow ul li::before {
  content: '';
  opacity: .5;
  position: absolute;
  top: 46px;
  left: 28px;
  width: 2px;
  height: calc(100% - 48px + 16px);
  background: var(--red);
}
.p-entry-flow ul li:last-child::before {
  display: none;
}
.p-entry-flow .head {
  position: relative;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.p-entry-flow .head::before {
  counter-increment: num;
  content: counter(num);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc((1em * 1.5) / 2);
  left: -96px;
  aspect-ratio: 1;
  width: 56px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-weight: 500;
  translate: 0 -50%;
}
@media (width < 768px) {
  .p-entry-flow ul li {
    padding-left: 64px;
  }
  .p-entry-flow ul li::before {
    left: 20px;
  }
  .p-entry-flow .head {
    font-size: 16px;
  }
  .p-entry-flow .head::before {
    width: 40px;
    left: -64px;
  }
}



/* ---------------- p-entry-payment */
.p-entry-payment .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.p-entry-payment .items .item {
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.p-entry-payment .items .head {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.p-entry-payment .items .card-list {
  margin-bottom: 16px;
  display: flex;    
  flex-wrap: wrap;
  gap: 8px;
}
.p-entry-payment .items .card-list img {
  width: auto;
  height: 32px;
}
.p-entry-payment .items p + p {
  margin-top: 16px;
}
@media (width < 768px) {
  .p-entry-payment .items {
    grid-template-columns: 1fr;
  }
}



/* ---------------- p-entry-schedule */
.p-entry-schedule .items {
  display: grid;
  gap: 24px;
}
.p-entry-schedule .item {
  overflow: hidden;
  position: relative;
  padding: 40px 72px 32px;
  border-radius: 8px;
  background: #fff;
  color: var(--gray);
}
.p-entry-schedule .item .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: center;
}
.p-entry-schedule .item .label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 43px;
  min-width: 180px;
  padding: 0 16px;
  background: var(--gray);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.p-entry-schedule .item .sale {
  padding-top: 16px;
  font-size: 20px;
  font-weight: 700;
}
.p-entry-schedule .item .sale .num {
  font-size: 36px;
}
.p-entry-schedule .item .limit .time {
  font-size: 20px;
  font-weight: 700;
}
.p-entry-schedule .item .limit .time .num {
  font-size: 28px;
}
@media (width < 1180px) {
  .p-entry-schedule .item {
    padding: 40px 32px 32px;
  }
  .p-entry-schedule .item .wrap {
    gap: 24px;
  }
}
@media (width < 768px) {
  .p-entry-schedule .item {
    padding: 56px 24px 24px;
  }
  .p-entry-schedule .item .wrap {
    grid-template-columns: 1fr;
  }
  .p-entry-schedule .item .label {
    height: 40px;
    min-width: 120px;
    font-size: 16px;
  }
  .p-entry-schedule .item .sale {
    padding-top: 0;
    font-size: 16px;
  }
  .p-entry-schedule .item .sale .num {
    font-size: 28px;
  }
  .p-entry-schedule .item .limit .time {
    font-size: 16px;
  }
  .p-entry-schedule .item .limit .time .num {
    font-size: 24px;
  }
}

/* cr */
.p-entry-schedule .item.-cr {
  border: 1px solid var(--red);
  color: var(--red);
}
.p-entry-schedule .item.-cr .label {
  background: linear-gradient(90deg, #E50112, #FF6073);
}



/* ---------------- p-entry-policy */
.p-entry-policy .items {
  border-top: 1px solid var(--gray-border);
}
.p-entry-policy .items li {
  padding: 32px 0;
  border-bottom: 1px solid var(--gray-border);
}



/* ---------------- p-entry-countdown */
.p-entry-countdown {
  overflow: hidden;
  position: relative;
  padding: 80px 70px 64px;
  border-radius: 8px;
  background: linear-gradient(90deg, #64748B, rgba(0 0 0 / 40%));
  color: #fff;
}
.p-entry-countdown .label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 43px;
  min-width: 180px;
  padding: 0 16px;
  background: linear-gradient(90deg, #E50112, #FF6073);
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
}
.p-entry-countdown .wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: center;
  line-height: 1.25;
}
.p-entry-countdown .sale .head {
}
.p-entry-countdown .sale .head em {
  font-size: 18px;
  font-weight: 700;
}
.p-entry-countdown .sale .head .num {
  font-size: 22px;
}
.p-entry-countdown .sale .price {
  font-size: 20px;
}
.p-entry-countdown .sale .price em {
  font-weight: 700;
}
.p-entry-countdown .sale .price .num {
  font-size: 36px;
}
.p-entry-countdown .countdown {
  display: flex;
  justify-content: end;
}
.p-entry-countdown .countdown .head {
  margin-bottom: 8px;
}
.p-entry-countdown .countdown .time {
  display: flex;
  gap: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.p-entry-countdown .countdown .num {
  font-size: 60px;
}
@media (width < 1280px) {
  .p-entry-countdown .wrap {
    grid-template-columns: 1fr;
  }
  .p-entry-countdown .countdown {
    display: flex;
    justify-content: start;
  }
}
@media (width < 768px) {
  .p-entry-countdown {
    padding: 56px 24px 24px;
  }
  .p-entry-countdown .label {
    width: auto;
    min-width: 0;
    padding: 0 24px;
    height: 40px;
    font-size: 16px;
  }
  .p-entry-countdown .wrap {
    gap: 24px;
  }
  .p-entry-countdown .sale .head em {
    font-size: 16px;
  }
  .p-entry-countdown .sale .head .num {
    font-size: 20px;
  }
  .p-entry-countdown .sale .price {
    font-size: 16px;
  }
  .p-entry-countdown .sale .price .num {
    font-size: 32px;
  }
  .p-entry-countdown .countdown .time {
    gap: 8px;
    font-size: 16px;
  }
  .p-entry-countdown .countdown .num {
    font-size: 40px;
  }
}



/* ---------------- p-nav-mypage */
.p-nav-mypage {
  padding: 24px 0;
}
.p-nav-mypage ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 0;
  padding: 12px 0;
}
.p-nav-mypage ul li {
  padding: 0 40px;
  font-size: 18px;
  line-height: 40px;
}
.p-nav-mypage ul li + li {
  border-left: 1px solid var(--gray-border);
}
.p-nav-mypage ul a {
  color: var(--black);
  text-decoration: none;
}
.p-nav-mypage ul a:hover,
.p-nav-mypage ul a.-cr {
  color: var(--red);
}
@media (width < 768px) {
  .p-nav-mypage {
    padding: 0;
  }
  .p-nav-mypage ul {
    gap: 8px 0;
    padding: 0;
  }
  .p-nav-mypage ul li {
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.5;
  }
}



/* ---------------- p-simulator  */
.p-simulator .items:not(.-head) + .items {
  margin-top: 8px;
}
.p-simulator .items {
  grid-template-columns: 264px 152px 1fr 1fr 64px;
  gap: 24px;
  align-items: center;
  line-height: 48px;
}
.p-simulator .items .head {
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 768px) {
  .p-simulator .items {
    line-height: 1.5;
  }
  .p-simulator .sale-container .items {
    grid-template-columns: 1fr;
  }
}

/* job */
.p-simulator .job-container {
  display: grid;
  gap: 8px;
  margin-top: 16px;
}
.p-simulator .job-container .items.-head {
  font-weight: 700;
  line-height: 1.5;
}
.p-simulator .job-container .items .-right {
  text-align: right;
}
.p-simulator .job-container .items .head {
  display: none;
}
.p-simulator .job-container .-delete {
  min-width: 64px;
  min-height: 34px;
  padding: 0 4px;
  border-radius: 4px;
}
.p-simulator .input-number .body {
  grid-template-columns: 44px 64px 44px; 
}
.p-simulator .input-number input {
  height: 48px;
  font-size: 16px;
}
.p-simulator .job-container .btn {
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.p-simulator .job-container .btn .-btn {
  width: 100%;
  max-width: 320px;
}
@media (width < 920px) {
  .p-simulator .job-container {
    gap: 0;
    margin-top: 24px;
    border-top: 1px solid var(--gray-border);
  }
  .p-simulator .items:not(.-head) + .items {
    margin-top: 0;
  }
  .p-simulator .job-container .items {
    padding: 24px 0;
    border-bottom: 1px solid var(--gray-border);
  }
  .p-simulator .job-container .items.-head {
    display: none;
  }
  .p-simulator .job-container .items .head {
    display: block;
  }
  .p-simulator .job-container .items {
    grid-template-columns: 152px 1fr 1fr 64px;
  }
  .p-simulator .job-container .items .-job {
    grid-column: span 4;
  }
  .p-simulator .job-container .btn {
    margin-top: 24px;
  }
}
@media (width < 768px) {
  .p-simulator .job-container .items {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-simulator .job-container .items .-job,
  .p-simulator .job-container .items .-number {
    grid-column: span 2;
  }
}

/* result */
.p-simulator .result-container {
  margin-top: 40px;
}
.p-simulator .result-container .box {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 32px;
  align-items: center;
  padding: 24px;
  border-radius: 8px;
  background: var(--gray-background);
  line-height: 1.5;
}
.p-simulator .result-container .price-group .head {
  margin-bottom: 16px;
  font-weight: 700;
}
.p-simulator .result-container .price-group .price {
  font-weight: 700;
}
.p-simulator .result-container .price-group .price .num {
  font-size: 32px;
  line-height: 1;
}
.p-simulator .result-container .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.p-simulator .result-container .tags li {
  padding: 8px 12px;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
}
.p-simulator .result-container .diff-group {
  text-align: right;
}
.p-simulator .result-container .diff-group .head {
  margin-bottom: 8px;
  font-size: 14px;
}
.p-simulator .result-container .diff-group .price {
  color: var(--red);
  font-weight: 700;
}
.p-simulator .result-container .diff-group .price .num {
  font-size: 28px;
}
.p-simulator .result-container .diff-group .price em {
  font-size: 24px;
}
.p-simulator .result-container .btn {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (width < 768px) {
  .p-simulator .result-container .box {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .p-simulator .result-container .diff-group {
    margin-top: 24px;
  }
}

/* note */
.p-simulator .note-container {
  margin-top: 40px;
}



/* ---------------- p-home  */
.p-home {
  overflow: clip;
  padding-top: 80px;
  background: linear-gradient(#FBF0EA, var(--gray-background) 1200px);
}
@media (width < 768px) {
  .p-home {
    padding-top: 48px;
  }
}



/* ---------------- p-ad  */
.p-ad {
  max-width: 640px;
  margin: 0 auto;
}
.p-ad a {
  max-width: 640px;
  margin: 0 auto;
}



/* ---------------- p-home-banner  */
.p-home-banner {
  max-width: 840px;
  margin: 0 auto;
}
.p-home-banner .items {
  display: grid;
  gap: 48px;
}
.p-home-banner .items a:hover {
  opacity: .7;
}
.p-home-banner .items img {
  border-radius: 8px;
}
.p-home-banner .items .note {
  margin-top: 24px;
}



/* ---------------- p-home-contents  */
.p-home-contents a:hover .link .a.-arw_b {
  color: var(--red);
}
.p-home-contents a:hover .link .a.-arw_b::before {
  background-image: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg);
  background-position: 20px center;
}
.p-home-contents a:hover .link .a.-arw_b::after {
  background-color: var(--red);
  scale: 1.1;
}
.p-home-contents .intro {
  overflow: clip;
  position: relative;
  border-radius: 8px;
  background: #fff;
}
.p-home-contents .intro::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(-90deg, #CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-home-contents .intro a {
  display: grid;
  grid-template-columns: auto 56.84%;
  gap: 48px 40px;
  justify-content: space-between;
  padding: 40px 32px 40px 80px;
  color: var(--black);
  font-size: 18px;
  text-decoration: none;
  line-height: 2.5;
}
.p-home-contents .intro figcaption {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
.p-home-contents .intro .link {
  display: flex;
  justify-content: end;
  margin-top: 40px;
  font-size: 16px;
}
.p-home-contents .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
}
.p-home-contents .items .item {
  overflow: clip;
  position: relative;
  border-radius: 8px;
  background: #fff;
}
.p-home-contents .items .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(-90deg, #CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-home-contents .items a {
  display: block;
  height: 100%;
  padding: 32px 32px 96px;
  color: var(--black);
  text-decoration: none;
}
.p-home-contents .items .no {
  margin-bottom: 24px;
  color: var(--red);
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}
.p-home-contents .items .title {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
.p-home-contents .items .link {
  position: absolute;
  bottom: 16px;
  right: 32px;
}
@media (width < 1024px) {
  .p-home-contents .intro a {
    grid-template-columns: 1fr;
    padding: 32px 24px;
  }
  .p-home-contents .items {
    grid-template-columns: 1fr;
  }
}
@media (width < 768px) {
  .p-home-contents .intro figure img {
    max-width: 264px;
  }
  .p-home-contents .intro .link {
    margin-top: 32px;
  }
  .p-home-contents .items {
    grid-template-columns: 1fr;
  }
  .p-home-contents .items a {
    padding: 32px 24px;
  }
  .p-home-contents .items .no {
    margin-bottom: 16px;
  }
  .p-home-contents .items .title {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .p-home-contents .items .link {
    display: flex;
    justify-content: end;
    position: static;
    margin-top: 32px;
  }
}

/* disabled */
.p-home-contents .items a.-disabled {
  pointer-events: none;
}
.p-home-contents .items a.-disabled .link {
  opacity: .3;
  filter: grayscale(1);
}


/* ---------------- p-home-guideline  */
.p-home-guideline {
  display: grid;
  gap: 80px;
  padding: 64px 70px 72px;
  border-radius: 8px;
  background: linear-gradient(#CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-home-guideline .entry-container {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 48px 40px;
  padding-right: 40px;
}
.p-home-guideline .entry-container .head {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
.p-home-guideline .entry-container .p-btns {
  margin-top: 48px;
}
.p-home-guideline .entry-container .copy {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  color: var(--red);
}
.p-home-guideline .entry-container .copy::before,
.p-home-guideline .entry-container .copy::after {
  content: '';
  display: block;
  width: 1px;
  height: 24px;
  background: var(--red);
  rotate: -45deg;
}
.p-home-guideline .entry-container .copy::after {
  rotate: 45deg;
}
.p-home-guideline .entry-container .copy .num {
  font-size: 20px;
}
.p-home-guideline .entry-container .btn .-btn {
  width: 100%;
  max-width: 420px;
  height: 88px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 700;
}
.p-home-guideline .entry-container .note {
  width: fit-content;
  margin: 12px auto 0;
}
.p-home-guideline .entry-container .link {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.p-home-guideline .group-container {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 24px 40px;
  align-items: center;
  padding: 40px 40px 56px;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--black), #737373);
  color: #fff;
}
.p-home-guideline .group-container .shoulder {
  margin-bottom: 12px;
}
.p-home-guideline .group-container .head {
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}
.p-home-guideline .group-container .group .-btn {
  width: 100%;
  max-width: 320px;
  height: 72px;
  margin: 0 auto;
  font-size: 18px;
}
.p-home-guideline .group-container .note {
  width: fit-content;
  margin: 12px auto 0;
  color: #fff;
}
.p-home-guideline .group-container .manual {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (width < 1024px) {
  .p-home-guideline {
    padding: 40px;
  }
  .p-home-guideline .entry-container {
    grid-template-columns: 1fr;
    padding-right: 0;
  }
  .p-home-guideline .group-container {
    grid-template-columns: 1fr;
  }
}
@media (width < 768px) {
  .p-home-guideline {
    gap: 48px;
    padding: 32px 24px;
  }
  .p-home-guideline .entry-container .head {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .p-home-guideline .entry-container .p-btns {
    margin-right: 32px;
  }
  .p-home-guideline .entry-container .btn .-btn {
    height: 64px;
    font-size: 16px;
  }
  .p-home-guideline .group-container {
    padding: 32px 24px;
  }
  .p-home-guideline .group-container .head {
    font-size: 20px;
  }
  .p-home-guideline .group-container .group .-btn {
    height: 64px;
    font-size: 16px;
  }
}
  


/* ---------------- p-home-news  */
.p-home-news > .wrap {
  display: grid;
  grid-template-columns: 1fr 65.62%;
  gap: 32px 40px;
  align-items: start;
}
.p-home-news .head-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px 24px;
}
.p-home-news .head-group .head {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 1024px) {
  .p-home-news .head-group {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
  }
  .p-home-news .head-group .head {
    font-size: 24px;
  }
  .p-home-news > .wrap {
    grid-template-columns: 1fr;
  }
}
  


/* ---------------- p-home-access  */
.p-home-access {
  overflow: clip;
}
.p-home-access .inner {
  max-width: 1440px;
  margin: 0 auto;
}
.p-home-access .head-container {
  margin-bottom: 40px;
  padding: 0 80px;
}
.p-home-access .head-container .head {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
.p-home-access .body-container {
  display: grid;
  grid-template-columns: 520px 1fr;
  position: relative;
  background: #fff;
}
.p-home-access .body-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 100svw;
  height: 100%;
  background: #fff;
  translate: -50% 0;
}
.p-home-access .body-container > * {
  position: relative;
  z-index: 1;
}
.p-home-access .body-group {
  padding: 64px 40px 80px 80px;
}
.p-home-access .body-group dl dt {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.p-home-access .body-group dl dd {
  font-size: 18px;
}
.p-home-access .body-group dl dd + dt {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--gray-border);
}
.p-home-access .body-group .address {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
.p-home-access .body-group .btn {
  margin-top: 40px;
}
.p-home-access .map-group iframe {
  width: 100%;
  height: 100%;
}
@media (width < 1440px) {
  .p-home-access .head-container {
    padding: 0 40px;
  }
  .p-home-access .body-group {
    padding: 64px 40px 80px 40px;
  }
}
@media (width < 1024px) {
  .p-home-access .body-container {
    grid-template-columns: 1fr;
  }
  .p-home-access .map-group iframe {
    aspect-ratio: 920 / 640;
    width: 100%;
    height: auto;
  }
}
@media (width < 768px) {
  .p-home-access .head-container {
    margin-bottom: 32px;
    padding: 0 16px;
  }
  .p-home-access .head-container .head {
    font-size: 24px;
  }
  .p-home-access .body-group {
    padding: 32px 16px 40px;
  }
  .p-home-access .body-group dl dd {
    font-size: 16px;
  }
}
  


/* ---------------- p-home-cta  */
.p-home-cta {
  position: relative;
  padding: 88px 0;
  color: #fff;
}
.p-home-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 100svw;
  height: 100%;
  background: linear-gradient(90deg, var(--black), #737373);
  translate: -50% 0;
}
.p-home-cta > * {
  position: relative;
  z-index: 1;
}
.p-home-cta .wrap {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 40px;
  align-items: center;
}
.p-home-cta .head-group {
  display: grid;
  gap: 40px;
}
.p-home-cta .btn-group .-btn {
  width: 100%;
  max-width: 420px;
  height: 88px;
  font-size: 18px;
}
.p-home-cta .btn-group .note {
  width: fit-content;
  margin: 12px auto 0;
  color: #fff;
}
@media (width < 1024px) {
  .p-home-cta .wrap {
    grid-template-columns: 1fr;
  }
  .p-home-cta .head-group {
    text-align: center;
  }
  .p-home-cta .btn-group .-btn {
    margin: 0 auto;
  }
}
@media (width < 768px) {
  .p-home-cta {
    padding: 32px 0;
  }
  .p-home-cta .wrap {
    gap: 32px;
  }
  .p-home-cta .head-group {
    gap: 24px;
    max-width: 240px;
    margin: 0 auto;
  }
  .p-home-cta .btn-group .-btn {
    height: 64px;
    max-width: 310px;
    margin: 0 auto;
    font-size: 16px;
  }
}
  


/* ---------------- p-home-hero  */
.p-home-hero {
  overflow: clip;
  position: relative;
  z-index: 1;
  padding: 70px 0 145px;
  background: linear-gradient(#CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF);
}
.p-home-hero::before {
  content: '';
  position: absolute;
  bottom: -84px;
  right: -180px;
  aspect-ratio: 1 / 1;
  width: 902px;
  border-radius: 50%;
  background: linear-gradient(90deg, #E50012, #FF6073 80%);
}
.p-home-hero .bg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.p-home-hero .bg img {
  aspect-ratio: 1290 / 615;
  width: 1290px;
  max-width: none;
}
.p-home-hero .body-container {
  display: grid;
  gap: 56px;
  position: relative;
  z-index: 2;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 40px;
}
.p-home-hero .body-container .btn {
  position: absolute;
  bottom: 0;
  right: 40px;
}
.p-home-hero .body-container .btn .-btn {
  justify-content: space-between;
  width: 400px;
  height: 96px;
  padding: 0 48px;
  border: 2px solid #fff;
  font-size: 24px;
}
.p-home-hero .body-container .btn .-btn::after {
  content: '';
  display: block;
  aspect-ratio: 1 / 1;
  width: 20px;
  background: url(/assets/event2027/wdm/arw_right_white-858d900ef3a32bd7cc5d17a8b570407e82839a9f3d8cbb13c0abacd55d18336a.svg) no-repeat center / contain;
}
@media (width < 1024px) {
  .p-home-hero .bg .-pc {
    display: none;
  }
  .p-home-hero .bg .-mobile {
    display: block;
  }
  .p-home-hero .body-container .btn {
    position: static;
  }
}
@media (width < 1024px) {
  .p-home-hero {
    padding: 56px 0 80px;
  }
  .p-home-hero .bg img {
    aspect-ratio: 390 / 300;
    width: 100%;
  }
  .p-home-hero .body-container {
    gap: 40px;
    padding: 0 56px;
  }
  .p-home-hero::before {
    width: 87.43%;
    bottom: -8%;
    right: -53.33%;
  }
  .p-home-hero .body-container .btn .-btn {
    width: 100%;
    max-width: 400px;
    padding: 0 24px;
    height: 72px;
    font-size: 20px;
  }
}

/* action */
.p-home-hero::before {
  opacity: 0;
  translate: 40px 20px;
  transition: .6s var(--easing);
  transition-delay: .2s;
}
.p-home-hero.-active::before {
  opacity: 1;
  translate: 0 0;
}
.p-home-hero .bg {
  opacity: 0;
  translate: 20px 0;
  transition: opacity .4s var(--easing), translate .8s var(--easing);
}
.p-home-hero.-active .bg {
  opacity: 1;
  translate: 0 0;
}
.p-home-hero .copy {
  opacity: 0;
  transition: 1.7s var(--easing);
  transition-delay: .4s;
}
.p-home-hero.-active .copy {
  opacity: 1;
}
.p-home-hero .logo {
  opacity: 0;
  transition: 1.7s var(--easing);
  transition-delay: .6s;
}
.p-home-hero.-active .logo {
  opacity: 1;
}
.p-home-hero .btn {
  opacity: 0;
  transition: 1.5s var(--easing);
  transition-delay: .6s;
}
.p-home-hero.-active .btn {
  opacity: 1;
}
  


/* ---------------- p-home-countdown  */
.p-home-countdown {
  padding: 16px 0;
  background: linear-gradient(#64748B, rgba(0 0 0 / 40%));
}
.p-home-countdown .container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 20px;
  align-items: center;
  justify-content: center;
  padding: 0 40px;
}
.p-home-countdown .head {
  padding: 0 12px;
  background: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
}
.p-home-countdown .time {
  display: flex;
  gap: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}
.p-home-countdown .time .num {
  font-size: 48px;
}
@media (width < 768px) {
  .p-home-countdown {
    padding: 24px 0;
  }
  .p-home-countdown .container {
    padding: 0 16px;
  }
  .p-home-countdown .head {
    padding: 0 8px;
    font-size: 16px;
    line-height: 40px;
  }
  .p-home-countdown .time .num {
    font-size: 32px;
  }
}
  


/* ---------------- p-index-news  */
.p-index-news .items {
  border-top: 1px solid var(--gray-border);
}
.p-index-news .items .item {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 20px 40px;
  padding: 32px 0;
  border-bottom: 1px solid var(--gray-border);
}
.p-index-news .items .date {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}
@media (width < 1024px) {
  .p-index-news .items .item {
    grid-template-columns: 1fr;
  }
  .p-index-news .items .date {
    line-height: 1.75;
  }
}
  


/* ---------------- p-index-faq  */
.p-index-faq .items {
  display: grid;
  gap: 24px;
}
.p-index-faq .item {
  overflow: clip;
  position: relative;
  padding: 8px 40px;
  border-radius: 8px;
  background: #fff;
}
.p-index-faq .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(#CEE7F4, #ECEDED 40%, #FBF0EA 72%, #FFFFFF)
}
.p-index-faq .item .q-group {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 40px;
  position: relative;
  padding: 16px 32px 16px 0;
}
.p-index-faq .item .q-group::before {
  content: 'Q';
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}
.p-index-faq .item .q-group::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  border-right: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  translate: 0 -50%;
  rotate: 45deg;
  transition: .2s var(--easing);
}
.p-index-faq .item .q-group .a {
  color: var(--black);
  font-weight: 700;
  text-decoration: none;
}
.p-index-faq .item .q-group .a:hover {
  color: var(--red);
}
.p-index-faq .item .a-group {
  display: none;
}
.p-index-faq .item .a-group .wrap {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 40px;
  padding: 0 0 16px;
}
.p-index-faq .item .a-group .wrap::before {
  content: 'A';
  color: var(--red);
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}
@media (width < 1024px) {
  .p-index-faq .item {
    padding: 8px 24px;
  }
  .p-index-faq .item .q-group {
    gap: 24px;
    padding: 8px 24px 8px 0;
  }
  .p-index-faq .item .a-group .wrap {
    gap: 24px;
    padding: 16px 0 8px;
  }
}

/* open */
.p-index-faq .item.-open .q-group::after {
  rotate: -135deg;
}
  


/* ---------------- p-information-pdf  */
.p-information-pdf .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.p-information-pdf .item {
  display: grid;
  gap: 24px;
}
.p-information-pdf .item figure {
  max-width: 400px;
  margin: 0 auto;
}
.p-information-pdf .item figure img {
  border: 1px solid var(--gray-border);
}
.p-information-pdf .item .head {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}
.p-information-pdf .item .btn {
  margin-top: 8px;
}
.p-information-pdf .item .btn .-btn {
  width: fit-content;
  margin: 0 auto;
}
@media (width < 768px) {
  .p-information-pdf .items {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .p-information-pdf .item figure {
    max-width: 240px;
  }
  .p-information-pdf .item .head {
    font-size: 16px;
  }
}