@charset "utf-8";

/* ===========================================================
   iDSELECT_monimotwin 전용 오버라이드
   Figma node 544:12386(셀렉트트윈_셀릭트올_PC) 기준.
   공통 260301/iDSELECT_monimo/main.css 이후 로드된다.
   =========================================================== */

:root {
  --select-blue: #0068ff;
  --select-black: #0b0d0f;
  --select-gray: #868a93;
  --select-line: #e9e9ef;
  --select-section: #f7f8f9;
}

#wrap > div #contents {
  height: auto !important;
}

@media screen and (min-width: 1025px) {
  body {
    background: #fff !important;
  }

  #wrap {
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    background: #fff !important;
    font-family: "Pretendard", sans-serif !important;
  }

  #wrap > div,
  #wrap > div #contents {
    width: 100% !important;
    background: #fff !important;
  }

  #wrap > div .visual {
    padding-bottom: 0 !important;
    background: #f6f7f9 !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  #wrap > div .visual > img.visual-pc {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  #wrap > div .visual > img.visual-mo {
    display: none !important;
  }

  #wrap > div .tab {
    width: 960px !important;
    height: 78px !important;
    margin: 130px auto 0 !important;
    padding: 2px !important;
    border: 0 !important;
    border-bottom: 2px solid #f3f3f3 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  #wrap > div .tab > div {
    display: flex !important;
    align-items: stretch !important;
    gap: 9px !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
  }

  #wrap > div .tab > div > p {
    flex: 1 1 0 !important;
    width: auto !important;
  }

  #wrap > div .tab > div > p button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 24px !important;
    border-bottom: 2px solid transparent !important;
    color: var(--select-gray) !important;
    font-size: 27px !important;
    font-weight: 400 !important;
    line-height: 23.5px !important;
    letter-spacing: -1.35px !important;
  }

  #wrap > div .tab > div > p.on button {
    border-bottom-color: #000 !important;
    color: #000 !important;
  }

  #wrap > div .tab-section {
    width: 960px !important;
    margin: 0 auto !important;
    padding-bottom: 130px !important;
  }

  #wrap > div .tab-section > section {
    display: none !important;
    padding: 0 !important;
  }

  #wrap > div .tab-section > section.on {
    display: block !important;
  }

  #wrap > div .tab-section > section > h2 {
    margin: 53px auto 0 !important;
    padding: 0 !important;
    color: #000 !important;
    font-size: 47px !important;
    font-weight: 700 !important;
    line-height: 51px !important;
    letter-spacing: -0.94px !important;
    text-align: center !important;
  }

  #wrap > div .tab-section > section > h2 + .list-01,
  #wrap > div .tab-section > section > h2 + .list-02 {
    margin-top: 53px !important;
  }

  #wrap > div .tab-section > section > .list-01 {
    margin-bottom: 40px !important;
  }

  #wrap > div .tab-section > section > div > h3,
  #wrap > div .tab-section > section .no-select > h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 388px !important;
    max-width: none !important;
    height: 68px !important;
    margin: 0 auto 20px !important;
    padding: 6px 22px !important;
    border-radius: 67px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 23.5px !important;
    letter-spacing: -1.35px !important;
    text-align: center !important;
    background: linear-gradient(90deg, #d6f2fc 0%, #cbd5fc 100%) !important;
  }

  #wrap > div .tab-section > section .no-select > h3 {
    background: #f3f3f3 !important;
  }

  #wrap > div .tab-section > section > div > h3.select-on-title {
    height: 82px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    line-height: 31px !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul,
  #wrap > div .tab-section > section > .list-02 > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul > li {
    position: relative !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    border: 0.5px solid var(--select-line) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul > li .option {
    display: block !important;
    width: 55px !important;
    color: var(--select-blue) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 23.5px !important;
    letter-spacing: -0.9px !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul > li h4 {
    margin: 5px 0 !important;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 23.5px !important;
    letter-spacing: -0.9px !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul > li .discount {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0 !important;
  }

  #wrap > div .tab-section > section > .list-01 > ul > li > img {
    position: absolute !important;
    top: 50% !important;
    right: 14px !important;
    width: 82px !important;
    height: 84px !important;
    object-fit: contain !important;
    transform: translateY(-50%) !important;
  }

  #wrap > div .tab-section > section .no-select {
    margin-top: 40px !important;
  }

  #wrap > div .tab-section > section .no-select > ul {
    padding: 20px 27px !important;
    border: 0.5px solid var(--select-line) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  #wrap > div .tab-section > section .no-select > ul > li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .tab-section > section .no-select > ul > li + li {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 0.5px solid var(--select-line) !important;
  }

  #wrap > div .tab-section > section .no-select > ul > li > span {
    color: var(--select-blue) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0 !important;
  }

  #wrap > div .tab-section > section > ul {
    width: 462px !important;
    margin: 32px 0 170px !important;
  }

  #wrap > div .tab-section > section > ul > li {
    position: relative !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding-left: 14px !important;
    color: var(--select-gray) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 31.5px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .tab-section > section > ul > li.no-break-note {
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
  }

  #wrap > div .tab-section > section > ul > li span {
    position: absolute !important;
    top: 13.5px !important;
    left: 0 !important;
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: var(--select-gray) !important;
  }

  #wrap > div .tab-section > section > .button {
    padding: 0 !important;
  }

  #wrap > div .tab-section > section > .button a,
  #wrap > div .event > .button a,
  #wrap > div .bottom-button > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 960px !important;
    height: 100px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: var(--select-blue) !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li {
    margin: 0 !important;
    padding: 28px !important;
    border: 0.5px solid var(--select-line) !important;
    border-radius: 12px !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li {
    margin-top: 20px !important;
    padding-top: 20px !important;
    border-top: 0.5px solid var(--select-line) !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li .option,
  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li h4 {
    font-size: 18px !important;
    line-height: 23.5px !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li .discount,
  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li .discount2 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  #wrap > div .tab-section > section > .list-02 > ul > li > ul > li > img {
    right: 14px !important;
    width: 82px !important;
    height: 84px !important;
    object-fit: contain !important;
  }

  #wrap > div .event {
    width: 100% !important;
    padding: 130px 0 !important;
    border-bottom: 12px solid var(--select-section) !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }

  #wrap > div .event.section-01 {
    border-top: 12px solid var(--select-section) !important;
  }

  #wrap > div .event h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    max-width: none !important;
    height: 63px !important;
    margin: 0 auto 35px !important;
    padding: 20px 57px !important;
    border-radius: 52px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 23.5px !important;
    letter-spacing: -1.35px !important;
    background: #000 !important;
  }

  #wrap > div .event h3 {
    width: 100% !important;
    margin: 0 auto 71px !important;
    color: #000 !important;
    font-size: 47px !important;
    font-weight: 700 !important;
    line-height: 51px !important;
    letter-spacing: -0.94px !important;
    text-align: center !important;
  }

  #wrap > div .event h3 strong {
    color: var(--select-blue) !important;
  }

  #wrap > div .event > div,
  #wrap > div .event > section.balloon {
    width: 960px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  #wrap > div .event > div {
    position: relative !important;
    margin-bottom: 71px !important;
    padding-left: 225px !important;
    box-sizing: border-box !important;
  }

  #wrap > div .event > div > h4 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 225px !important;
    margin: 0 !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -1.5px !important;
  }

  #wrap > div .event > div > p,
  #wrap > div .event > div .list > li,
  #wrap > div .event > div > dl > dt,
  #wrap > div .event > div > dl > dd {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 31.5px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .event > div > p em,
  #wrap > div .event > div .list > li strong {
    font-weight: 700 !important;
  }

  #wrap > div .event > div .list {
    margin-top: 20px !important;
  }

  #wrap > div .event > div .list > li {
    position: relative !important;
    margin-top: 10px !important;
    padding-left: 13px !important;
  }

  #wrap > div .event > div .list > li:first-child {
    margin-top: 0 !important;
  }

  #wrap > div .event > div .list > li:before,
  #wrap > div .event > div .caution > ul > li:before,
  #wrap > div .event .balloon > .caution > ul > li:before,
  #wrap > div > footer > div > div > ul > li > span {
    position: absolute !important;
    top: 13.5px !important;
    left: 0 !important;
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    content: "" !important;
  }

  #wrap > div .event > div .caution {
    width: 735px !important;
    margin: 20px 0 0 !important;
    padding: 17px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    background: var(--select-section) !important;
  }

  #wrap > div .event > div .caution > ul > li,
  #wrap > div .event .balloon > .caution > ul > li {
    position: relative !important;
    margin-top: 10px !important;
    padding-left: 13px !important;
    color: var(--select-gray) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 31.5px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .event > div .caution > ul > li:first-child,
  #wrap > div .event .balloon > .caution > ul > li:first-child {
    margin-top: 0 !important;
  }

  #wrap > div .event > div > dl {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }

  #wrap > div .event > div > dl:first-of-type {
    margin-top: 0 !important;
  }

  #wrap > div .event > div > dl > dt {
    flex: 0 0 auto !important;
    color: var(--select-blue) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  #wrap > div .event > div > dl.join > dt span::after {
    content: ".";
  }

  #wrap > div .event > div > dl > dd {
    flex: 1 1 auto !important;
    margin-top: 0 !important;
  }

  #wrap > div .event > div > dl > dd .caution {
    margin-left: 0 !important;
  }

  #wrap > div .event > div.thumb,
  #wrap > div .event > div.section,
  #wrap > div .event > div.button {
    position: static !important;
    padding-left: 0 !important;
  }

  #wrap > div .event > div.thumb {
    text-align: center !important;
  }

  #wrap > div .event .balloon {
    padding: 44px 41px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    background: var(--select-section) !important;
  }

  #wrap > div .event .balloon dl {
    margin-bottom: 79px !important;
  }

  #wrap > div .event .balloon dl dt {
    margin-bottom: 35px !important;
    text-align: center !important;
  }

  #wrap > div .event .balloon dl dt span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 63px !important;
    padding: 20px 57px !important;
    border-radius: 52px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 23.5px !important;
    background: #000 !important;
  }

  #wrap > div .event .balloon dl dd {
    color: #000 !important;
    font-size: 47px !important;
    font-weight: 700 !important;
    line-height: 51px !important;
    letter-spacing: -0.94px !important;
    text-align: center !important;
  }

  #wrap > div .event .balloon dl dd em {
    color: var(--select-blue) !important;
  }

  #wrap > div .event .balloon > div {
    position: relative !important;
    margin-bottom: 40px !important;
    padding-left: 146px !important;
    box-sizing: border-box !important;
  }

  #wrap > div .event .balloon > div > h4 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 146px !important;
    margin: 0 !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -1.5px !important;
  }

  #wrap > div .event .balloon > div > p {
    color: #000 !important;
    font-size: 24px !important;
    line-height: 31.5px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .event .balloon > div.caution,
  #wrap > div .event .balloon > .caution {
    position: static !important;
    width: 878px !important;
    margin: 40px 0 0 !important;
    padding: 40px 0 0 !important;
    border-top: 0.5px solid var(--select-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #wrap > div .event.section-03 .thumb img {
    width: 636px !important;
    height: auto !important;
  }

  #wrap > div .section03 .event_card .center {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  #wrap > div .section03 .event_card .pc_box {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #wrap > div .section03 .event_card .event_benefits {
    width: 960px !important;
    margin: 0 auto !important;
    padding: 38px 72px !important;
    border: 0.5px solid var(--select-line) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  #wrap > div .event_benefits_grid {
    display: block !important;
  }

  #wrap > div .event_benefits_grid .event_benefits_ttl_box {
    margin-bottom: 34px !important;
  }

  #wrap > div .event_benefits_grid .event_benefits_ttl_box .event_benefits_ttl {
    color: #000 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 38px !important;
    letter-spacing: -1.5px !important;
  }

  #wrap > div .section03 .event_card .linkplus_list {
    display: flex !important;
    flex-direction: column !important;
    gap: 34px !important;
  }

  #wrap > div .section03 .event_card .linkplus_item {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
  }

  #wrap > div .section03 .event_card .linkplus_item + .linkplus_item {
    margin-top: 0 !important;
  }

  #wrap > div .section03 .event_card .linkplus_item .ico {
    width: 85px !important;
    min-width: 85px !important;
    height: 85px !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    background-size: 100% auto !important;
  }

  #wrap > div .section03 .event_card .linkplus_item .txt,
  #wrap > div .section03 .event_card .linkplus_item .txt em,
  #wrap > div .section03 .event_card .linkplus_item .txt span {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div .section03 .event_card .linkplus_item .txt .color_blue {
    color: var(--select-blue) !important;
  }

  #wrap > div .bottom-button {
    position: fixed !important;
    left: 50% !important;
    bottom: 0 !important;
    z-index: 50 !important;
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 !important;
    padding: 40px 0 !important;
    box-sizing: border-box !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.88) 52%, rgba(255, 255, 255, 0) 100%) !important;
    pointer-events: none !important;
  }

  #wrap > div .bottom-button > button {
    display: none !important;
  }

  #wrap > div .bottom-button > a {
    pointer-events: auto !important;
  }

  #wrap > div > footer {
    width: 960px !important;
    margin: 0 auto !important;
    padding: 130px 0 180px !important;
    background: #fff !important;
  }

  #wrap > div > footer > div {
    display: flex !important;
    align-items: flex-start !important;
    width: 960px !important;
    margin: 0 auto !important;
    padding: 0 0 85px !important;
    box-sizing: border-box !important;
  }

  #wrap > div > footer > div > h3 {
    flex: 0 0 225px !important;
    margin: -3px 0 0 !important;
    padding: 0 20px 0 0 !important;
    box-sizing: border-box !important;
    color: #000 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 48px !important;
    letter-spacing: -1.5px !important;
  }

  #wrap > div > footer > div > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #wrap > div > footer > div > div > ul > li {
    position: relative !important;
    margin-top: 10px !important;
    padding-left: 13px !important;
    color: var(--select-gray) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 31.5px !important;
    letter-spacing: -1.2px !important;
  }

  #wrap > div > footer > div > div > ul > li:first-child {
    margin-top: 0 !important;
  }

  #wrap > div > footer > div > div > ul > li.bold {
    font-weight: 700 !important;
  }

  #wrap > div > footer > div > div > ul > li > ul,
  #wrap > div > footer > div > div > ul > li > ul > li {
    margin-top: 10px !important;
  }

  #wrap > div > footer > div > div > ul > li > ul > li > ul > li {
    position: relative !important;
    margin-top: 10px !important;
    padding-left: 46px !important;
  }

  #wrap > div > footer > div > div > ul > li > ul > li > ul > li > span {
    position: absolute !important;
    top: 0 !important;
    left: 20px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #wrap > div .event {
    padding: 100px 40px 1px !important;
  }

  #wrap > div .event h2 {
    display: flex !important;
    width: fit-content !important;
    max-width: none !important;
    margin: 0 auto 40px !important;
    padding: 20px 57px !important;
    border-radius: 52px !important;
    font-size: 27px !important;
    line-height: 23.5px !important;
  }

  #wrap > div .event h3 {
    margin-bottom: 71px !important;
    font-size: 47px !important;
    line-height: 51px !important;
  }

  #wrap > div .event > div {
    position: relative !important;
    margin-bottom: 71px !important;
    padding-left: 225px !important;
    box-sizing: border-box !important;
  }

  #wrap > div .event > div > h4 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 225px !important;
    margin-bottom: 0 !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  #wrap > div .event > div > p,
  #wrap > div .event > div .list > li,
  #wrap > div .event > div > dl > dt,
  #wrap > div .event > div > dl > dd {
    font-size: 24px !important;
    line-height: 31.5px !important;
  }

  #wrap > div .event > div .list > li,
  #wrap > div .event > div .caution > ul > li {
    padding-left: 13px !important;
  }

  #wrap > div .event > div .list > li:before,
  #wrap > div .event > div .caution > ul > li:before {
    top: 13.5px !important;
    width: 3px !important;
    height: 3px !important;
  }

  #wrap > div .event > div .caution {
    margin: 20px 0 0 !important;
    padding: 17px !important;
    border-radius: 8px !important;
  }

  #wrap > div .event > div .caution > ul > li {
    margin-top: 8px !important;
    font-size: 24px !important;
    line-height: 31.5px !important;
  }

  #wrap > div .event > div > dl,
  #wrap > div .event.section-03 > div > dl {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 12px !important;
    margin-top: 16px !important;
  }

  #wrap > div .event > div > dl:first-of-type,
  #wrap > div .event.section-03 > div > dl:first-of-type {
    margin-top: 0 !important;
  }

  #wrap > div .event > div > dl > dt,
  #wrap > div .event.section-03 > div > dl > dt {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
  }

  #wrap > div .event > div > dl > dt span,
  #wrap > div .event.section-03 > div > dl > dt span {
    color: var(--select-blue) !important;
    font-weight: 700 !important;
  }

  #wrap > div .event > div > dl.join > dt span::after {
    content: ".";
  }

  #wrap > div .event > div > dl > dd,
  #wrap > div .event.section-03 > div > dl > dd {
    flex: 1 1 auto !important;
    margin-top: 0 !important;
  }

  #wrap > div .event > div.thumb,
  #wrap > div .event > div.section,
  #wrap > div .event > div.button {
    position: static !important;
    padding-left: 0 !important;
  }

  #wrap > div .event .balloon {
    margin-bottom: 60px !important;
    padding: 44px 41px !important;
    border-radius: 18px !important;
  }

  #wrap > div .event .balloon dl {
    margin-bottom: 79px !important;
  }

  #wrap > div .event .balloon dl dt span {
    padding: 20px 57px !important;
    border-radius: 52px !important;
    font-size: 27px !important;
  }

  #wrap > div .event .balloon dl dd {
    font-size: 47px !important;
    line-height: 51px !important;
  }

  #wrap > div .event .balloon > div {
    position: relative !important;
    margin-bottom: 40px !important;
    padding-left: 146px !important;
    box-sizing: border-box !important;
  }

  #wrap > div .event .balloon > div > h4 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 146px !important;
    margin-bottom: 0 !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  #wrap > div .event .balloon > div > p,
  #wrap > div .event .balloon > .caution > ul > li {
    font-size: 24px !important;
    line-height: 31.5px !important;
  }

  #wrap > div .event .balloon > div.caution {
    position: static !important;
    padding-left: 0 !important;
  }

  #wrap > div .event > .button a {
    height: auto !important;
    padding: 35px 0 !important;
    border-radius: 12px !important;
    font-size: 30px !important;
    line-height: 30px !important;
  }

  #wrap > div > footer > div {
    display: flex !important;
    align-items: flex-start !important;
  }

  #wrap > div > footer > div > h3 {
    flex: 0 0 225px !important;
    margin: 0 !important;
    padding: 0 20px 0 0 !important;
    box-sizing: border-box !important;
    font-size: 30px !important;
  }

  #wrap > div > footer > div > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #wrap > div > footer > div > div > ul > li {
    font-size: 24px !important;
    line-height: 31.5px !important;
  }
}