.offscreen {overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0;}

ul, ol {list-style: none;}
.tc {text-align: center;}
.pc-block {display: block !important;}
.m-block {display: none !important;}
.pc-only {display: flex !important;}
.m-only {display: none !important;}
.mar_b0 {margin-bottom: 0 !important;}
.mar_b05 {margin-bottom: 0.5rem !important;}
.mar_t {margin-top: 1.6rem !important;}
.pb0 {padding-bottom: 0 !important;}
.blue-txt {color: #051766;}
.-block {display: block;}

.d_wrap {max-width: 120rem; padding: 0; margin: 0 auto;}

.fagc .evt-visual {position: relative; color: #252525; text-align: left;}
.fagc .evt-visual .logo-left {position: absolute; left: 4rem; top: 4rem; z-index: 9;}
.fagc .evt-visual .logo-left img {height: clamp(2rem, 2.3vw, 2.8rem); width: auto;}
.fagc .evt-visual .logo-right {position: absolute; right: 4rem; top: 4rem; z-index: 9;}
.fagc .evt-visual .logo-right img {height: clamp(2rem, 2.3vw, 2.8rem); width: auto;}
.fagc .evt-visual .kv-txt {position: absolute; text-align: left; width: fit-content; left: 10.3rem; top: 50%; transform: translate(0, -50%); padding: 0; font-size: 4rem;}
.fagc .evt-visual h3 {font-size: 7.2rem; line-height: 1.3; color: #051766; font-weight: 400; width: fit-content; margin: 0.5rem 0 0; padding: 0;} 

.d_wrap .d_main .inner {display: flex; flex-direction: column; background-color: #F7F7F7; color: #252525; padding: 4rem; font-size: 1.8rem;}
.d_wrap .d_main .inner > .top {vertical-align: top; padding: 8rem 6.4rem; background: #fff; border-radius: 3.4rem;}

.d_wrap .d_main .inner .about-evt-wrap {margin: 0 0 4rem;}
.d_wrap .d_main .inner .about-evt-wrap .about-evt-inner {display: flex; justify-content: center; gap: 4rem;}
.d_wrap .d_main .inner .about-evt-wrap .about-evt-inner ul {margin-top: 1.2rem;}
.d_wrap .d_main .inner .about-evt-wrap .about-evt-inner ul li {background: url(./img/check-icon.svg) left center/2.4rem 2.4rem no-repeat; padding: 0 0 0.3rem 2.8rem;}


.d_wrap .d_main .inner .event-wrap {background-color: #E6E7EF; border-radius: 3rem; padding: 4rem 4.8rem; margin: 0 0 4rem;}
.d_wrap .d_main .inner .event-wrap.-v02 {background: #FFFFFF; border: 2px solid #051766;}




.evt-section__item {display: flex; margin-top: 0.8rem; column-gap: 1.5rem;}
.evt-section__item:first-of-type {margin: 0;}
.evt-section .subtxt {font-size: 1.8rem;}


.evt-section__area {text-align: left; display: flex; justify-content: space-between; column-gap: 5.5rem;}
.d_wrap .d_main .inner .about-evt-wrap .about-evt-inner .content-tit, .evt-section__area .content-tit {font-size: 3.6rem; color: #051766; width: 21%;}
.d_wrap .d_main .inner .about-evt-wrap .about-evt-inner .content-tit {margin-bottom: 0.5rem;}
.evt-section__area .content-txt { width: 77%;}
.evt-section__area .content-tit p {margin-bottom: 1.6rem;}

.evt-section__area .mileage_box {display: flex; column-gap: 4rem;}
.evt-section__area .mileage_box .event2_mileage_box {width: 50%; background: #F7F7F7; border-radius: 2.4rem; padding: 3.2rem; position: relative;}
.evt-section__area .mileage_box .event2_mileage_box p:first-of-type {color: #051766; margin-bottom: 1.6rem;}
.evt-section__area .mileage_box .event2_mileage_box .-title {font-weight: bold;}
.evt-section__area .mileage_box .event2_mileage_box .-sub {margin-top: 0.5rem; line-height: 1.5; margin-top: 1rem; margin-bottom: 7rem;}
.evt-section__area .mileage_box .event2_mileage_box:first-of-type:after {content: url(./img/step-arrow.svg); position: absolute; width: 3.2rem; height: 3.2rem; right: -3.8rem; top: 50%; transform: translate(0, -50%);}
.evt-section__area .mileage_box .event2_mileage_box .blue-txt {color: #051766; box-shadow: inset 0 -6px 0 #57BBEB; font-weight: bold;}

.evt-section__d-value {color: #252525; text-align: left;}
.evt-section__d-value ul {margin: 0.4rem 0 0;}
.evt-section__d-value li {color: #5E5E5E;}
.evt-section__d-value .stars:before {content: "-"; position: absolute; margin-top: 0; margin-left: -1.2rem;}
.evt-section__d-value .stars {margin-left: 1.4rem;}

.evt-section .etc {color: #252525; font-size: 1.8rem; font-weight: 400;}
.evt-section .etc p {position: relative;}

.evt-section__list {padding: 0;}
.evt-section__d-title {font-weight: bold; min-width: 5.1rem; color: #051766;}


.btn-wrap {display: flex; flex-direction: row; gap: 1.6rem; justify-content: center; align-items: center; text-align: center; margin: 4rem auto 0; width: 100%;}
.btn-wrap .evtbtn {display: flex; align-items: center; justify-content: center; column-gap: 0.8rem; text-align: center; background: transparent; border-radius: 5rem; border: 2px solid #051766; font-size: 1.8rem; color: #051766; font-weight: 400; min-width: 27.7rem; padding: 1.2rem 2.4rem; line-height: 1.5; height: 5.1rem;}
.btn-wrap .evtbtn.primary {background: #57BBEB; border: 0; line-height: 1.5;}

.btn-wrap .evtbtn:hover,
.btn-wrap .evtbtn:focus{outline: 0; box-shadow: 0 0 0 2px #fff,0 0 0 3px #051766;} 
.btn-wrap .evtbtn.primary:hover,
.btn-wrap .evtbtn.primary:focus{outline: 0; box-shadow: 0 0 0 2px #fff,0 0 0 3px #051766;} 
.btn-wrap .evtbtn:active{background: #051766;color:#fff;}
.btn-wrap .evtbtn:active::after{filter: brightness(0) invert(1);}
.d_wrap .evt-link-button__icon {display: inline-block; vertical-align: top; width: 2.4rem; height: 2.4rem; }



.d_wrap .d_footer {background: #252525;}
.d_wrap .d_footer .inner {padding: 6rem 10.3rem;}
.d_wrap .d_footer .inner .title {margin: 0 0 1.6rem; font-weight: bold; font-size: 1.6rem; color: #fff;}
.d_wrap .d_footer .inner .sub-title, .d_wrap .d_footer .inner ul {color: #fff; padding: 0;}
.d_wrap .d_footer .inner .sub-title,
.d_wrap .d_footer .inner .bold {font-weight: bold;}
.d_wrap .d_footer .inner ul {font-size: 1.4rem; margin: 0;}
.d_wrap .d_footer .inner .evt-kecard__caution ul {margin-bottom: 0;}

.card-section__title {font-size: 3.2rem; font-weight: bold; margin-top: 1.5rem; display: inline-block;}
.evt-kecard__cautions.-circle .evt-kecard__caution {word-break: keep-all;}
.evt-kecard__cautions.-circle .evt-kecard__caution:before {position: absolute; left: 0; top: 1rem; display: block; width: 0.3rem; height: 0.3rem; content: ""; border-radius: 100%; background-color: #fff;}
.evt-kecard__caution {position: relative; padding-left: 0.8rem; line-height: 1.6;}
.evt-kecard__caution .subbox {position: relative; padding-left: 0.8rem; line-height: 1.6;}
.evt-kecard__caution .subbox:before {position: absolute; left: 0; top: 0rem; display: block; width: 0rem; height: 0rem; content: "-"; border-radius: 100%; background-color: #fff;}


@media screen and (max-width: 1059px) {
  em {display: block;}
  .pc-block {display: none !important;}
  .m-block {display: block !important;}
  .pc-only {display: none !important;}
  .m-only {display: flex !important;}
  .mat1 {margin-top: 1rem !important;}
  .mar_b05 {margin-bottom: 0rem !important;}
  
  .m-none {display: none !important;}

  .blue-txt {font-weight: 600;}

  .fagc .evt-visual .logo-left {left: 2rem; top: 2rem;}
  .fagc .evt-visual .logo-right {right: 2rem; top: 2rem;}

  .fagc .evt-visual .kv-txt {left: 4.3rem; font-size: 3.2rem;}
  .fagc .evt-visual h3 {font-size: 5.6rem; margin: 0;}


  .d_wrap .d_main .inner {padding: 0; font-size: 1.6rem;}
  .d_wrap .d_main .inner > .top {padding: 4rem 2rem; border-radius: 0;}

  .d_wrap .d_main .inner .event-wrap {padding: 3.2rem 2.4rem 2.6rem; border-radius: 1.5rem; margin-bottom: 2rem;}
  .d_wrap .d_main .inner .event-wrap.-v02 {padding: 2.5rem 2rem;}
  .d_wrap .d_main .inner .event-wrap.-last {margin: 0;}

  .d_wrap .d_main .inner .about-evt-wrap {margin: 0 0 2rem;}
  .d_wrap .d_main .inner .about-evt-wrap img {width: 60%;}
  .d_wrap .d_main .inner .about-evt-wrap .about-evt-inner {display: block; text-align: center;}
  .d_wrap .d_main .inner .about-evt-wrap .about-evt-inner ul li {text-align: left; background: url(./img/check-icon.svg) left top 0/2.4rem 2.4rem no-repeat; padding-left: 2.6rem;}

  .evt-section__area {flex-direction: column;}
  .d_wrap .d_main .inner .about-evt-wrap .about-evt-inner .content-tit, .evt-section__area .content-tit {width: 100%; font-size: 2.8rem; margin: 0 0 2rem;}
  .d_wrap .d_main .inner .about-evt-wrap .about-evt-inner .content-tit {margin: 0.8rem auto;}
  .d_wrap .d_main .inner .about-evt-wrap .evt-section__area .content-tit {padding: 0 0.5rem;}
  .evt-section__area .content-tit p {margin-bottom: 0.8rem; font-size: 2.8rem;}
  .evt-section__area .content-tit p.subtxt {font-size: 1.6rem; margin: 0 0 0.4rem;}
  .evt-section__area .content-txt {width: 100%;}

  .evt-section__area .mileage__box {width: 100%; padding: 0rem 0 0;}
  .evt-section__d-title,
  .evt-section__d-value p,
  .evt-section__d-value ul li:not(:last-of-type) {margin-bottom: 0.4rem;}
  .evt-section__d-value .stars:before {content: "-"; position: absolute; margin-top: 0; margin-left: -0.8rem;}
  .evt-section__d-value .stars {margin-left: 1rem;}

  .evt-section__area .mileage_box {flex-direction: column; row-gap: 3.2rem;}
  .evt-section__area .mileage_box .event2_mileage_box {width: 100%; border-radius: 0.8rem; padding: 2.4rem;}
  .evt-section__area .mileage_box .event2_mileage_box p:first-of-type {margin-bottom: 0.4rem;}
  .evt-section__area .mileage_box .event2_mileage_box .-sub {margin: 0.8rem 0 0;}
  .evt-section__area .mileage_box .event2_mileage_box:first-of-type:after {content: url(./img/step-arrow-m.svg); position: absolute; left: 50%; top: auto; bottom: -3.5rem; transform: translate(-50%, 0);}

  .evt-section__item {flex-direction: column; margin-top: 1.6rem;}

  .evt-section__d-value {padding: 0;}
  .evt-section__d-value ul {text-align: left; width: fit-content; margin: 0; padding: 0;}
  .evt-section__d-value li {width: fit-content; text-align: left;}
  
  
  .btn-wrap {margin: 2rem auto 0; max-width: 100%; flex-direction: column; row-gap: 1.6rem;}
  .btn-wrap div {width: 100%;}
  .btn-wrap .evtbtn {font-size: 1.6rem; min-width: auto; width: 100%;height: 4.8rem;}
  
  
  .d_wrap .d_footer .inner {padding: 3rem 2rem;}
  .d_wrap .d_footer .inner .title {margin: 0 0 1.6rem; font-weight: bold; font-size: 1.6rem; color: #fff;}
  .d_wrap .d_footer .inner ul {font-size: 1.4rem; padding: 0; margin: 0;}
  .d_wrap .d_footer .inner .sub-title,
  .d_wrap .d_footer .inner .bold {font-weight: bold;}
  .evt-section .etc {color: #252525; margin: 0; font-size: 1.4rem; font-weight: normal;}
  .evt-section .etc p {position: relative;}
}

@media screen and (max-width: 780px) {
  .fagc .evt-visual .kv-txt {font-size: 2.4rem; top: 55%;}
  .fagc .evt-visual h3 {font-size: 4rem;}
}
@media screen and (max-width: 640px) {
  .fagc .evt-visual .kv-txt {left: 2rem;}
  .fagc .evt-visual h3 {font-size: 3rem;}
}


@media screen and (max-width: 599px) {
  .fagc .evt-visual .kv-txt {left: 3.2rem; top: 20%; transform: translate(0, 0); padding: 0; font-size: 2.4rem;}
  .fagc .evt-visual h3 {font-size: 4rem; }
  .d_wrap .d_main .inner .about-evt-wrap .about-evt-inner .content-tit, .evt-section__area .content-tit,
  .evt-section__area .content-tit p  {font-size: 2.4rem;}
}

@media screen and (max-width: 345px) {
  .fagc .evt-visual .kv-txt {left: 2rem;}
  .fagc .evt-visual h3 {font-size: 4rem; }
}

@media screen and (max-width: 354px) {
  .evt-section__area .line::before {padding: 0 1rem;}
}