/*  common  */
body, html {scroll-behavior:smooth;}
img {width: 100%;}
ul,li {list-style: none;}
.hidden_pc {display: none;}
.hidden_mo {display: block;}

.open_notification {
  --c_primary: #0084FF;
  --c_black: #222;
  --c_white: #fff;
  --c_grey: #F1F4F8;
  --main_padding: 180px 50px;
  --bt_padding: 0 45px;
  --main_gap: 60px;
  --max-width: 1380px;
}
.inner {
  text-align: center;
  max-width: var(--max-width);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--main_gap);
  padding: var(--main_padding);
  margin: 0 auto;
}
._center {
  text-align: center;
}

/*  text  */
h3, h4, h5, dt {
  line-height: 1.4;
  color: var(--text-color, var(--c_black)); /*기본 블랙, _white거 있으면 변경*/
}
h3 {
  font-size: 40px;
  font-weight: 700;
}
h4 {
  font-size: 34px;
  font-weight: 500;
}
h5 {
  font-size: 24px;
  font-weight: 500;
}
dt {
  font-size: 24px;
  font-weight: 700;
}
p, dd {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--text-color, var(--c_black));
}
b.c_primary {
  color: var(--c_primary);
}
._white {
  --text-color: var(--c_white);
}
.title {
  --gap: 16px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

/*  visual  */
.visual {
  position: relative;
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/visual_bg.jpg') no-repeat center;
  background-size: cover;
}
.visual .inner {
  position: relative;
  padding: 182px 50px 162px;
  z-index: 1;
}
.visual .inner::before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 1223px;
  height: 408px;
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/visual_light.png');
  background-size: contain;
  opacity: 0;
  filter: brightness(1.1);
  z-index: -1;
}
.visual._ani .inner::before {
  opacity: 1;
}
.visual .inner::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 455px;
  height: 656px;
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/visual_building.png') no-repeat bottom;
  background-size: contain;
  filter: blur(5px);
  filter: brightness(0);
  transition: .2s opacity, .2s filter ease;
  z-index: -1;
}
.visual._ani .inner::after {
  filter: blur(0px);
  filter: brightness(1);
}
.visual_title {
  width: 781px;
  padding: 20px 0 40px;
  margin: 0 auto;
}
.contents {    
  font-size: 0;
  z-index: 1;
}

/*  rolling  */
.rolling .inner {
  position: relative;
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 50px;
  overflow: hidden;
}
.rolling .txt_box {
  display: flex;
  flex-direction: column;
  gap: var(--main_gap);
  min-width: 573px;
  width: fit-content;
  padding: 150px 0px;
}
.rolling .title {
  --gap: 20px;
}
.desc dd {
  margin-top: 20px;
}
.desc dd + dt {
  margin-top: 70px;
}
.desc dd .caution {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 20px;
}
.roller {
  position: absolute;
  right: 50px;
  width: calc(100% - 755px);
  min-height: 1276px;
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/roller.png') repeat-y center;
  background-size: 100% auto;
  animation: roller 25s infinite linear;
  z-index: -1;
}

/*  scroll_wrapper  */
.wing {
  position: sticky;
  top: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  background: var(--c_primary);
  z-index: 15;
}
.wing p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.7;
}
.wing b {
  color: #FFF562;
}

/*  map  */
.map {
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/map_bg.jpg') no-repeat center bottom;
  background-size: cover;
}
.map_box {    
  position: relative;
  width: 931px;
  height: 631px;
}
.map_box > img {
  display: block;
  max-width: 766px;
  height: 576px;
  object-fit: contain;
  margin: 0 auto 0 57px;
}
.map_box::after {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/pc/map_spot.png') no-repeat center bottom;
  background-size: cover;
  transform: scale(0);
}
.map_box._ani::after {
  animation: .4s scale-up .2s ease-in-out forwards alternate;
}

/*   fourusp   */
.arrow {
  display: block;
  width: 40px;
  height: 60px;
  margin: 10px auto 0;
  mask-image: url("data:image/svg+xml,%3Csvg width='40' height='60' viewBox='0 0 40 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4743_12879)'%3E%3Cpath d='M0 42.8142C4.96296 41.9263 15.9111 43.9205 20 58.9999' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40 42.8142C35.037 41.9263 24.0889 43.9205 20 58.9999' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 57L20 5' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4743_12879'%3E%3Crect width='40' height='60' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background: var(--c_black);
}
.usp-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
  max-width: 1074px;
  width: 100%;
}
.usp_desc {
  --fig_width: 360px;  
  counter-increment: desc-counter;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
.usp_desc:first-of-type {
  counter-reset: desc-counter;
}
.usp_desc:nth-child(even) {
  flex-direction: row-reverse;
}
.usp_desc .img_box {
  position: relative;
  width: calc((100% - 50px) - var(--fig_width));
}
._fade img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: 2s fade ease-in-out infinite alternate;
}
.usp_desc figcaption {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: var(--fig_width);
}
figcaption::before {
  content: "0" counter(desc-counter, decimal); /* 10이상인 경우는 없었으므로, 따로 추가X */
  font-size: 34px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--c_primary);
  transform: translateX(10px);
  opacity: 0;
  transition: .5s ease .3s transform, .5s ease .3s opacity;
}
figcaption h4 {
  font-weight: 700;
}
figcaption h4, figcaption p {
  transform: translateY(10px);
  opacity: 0;
  transition: .5s ease .4s transform, .5s ease .4s opacity;
}
figcaption p {
  transition-delay: .45s;
}
._ani figcaption h4, ._ani figcaption p {
  transform: translateY(0px);
  opacity: 1;
}
._ani figcaption::before {
  transform: translateX(0px);
  opacity: 1;
}
.uspSwiper {
  overflow: hidden;
  border-radius: 16px;
}
.uspSwiper .swiper-pagination {
  bottom: -30px;
}
.uspSwiper .swiper-pagination-bullet-active {
  background: var(--c_black);
}
.uspSwiper .swiper-button-next, .uspSwiper .swiper-button-prev {
  top: calc(50% + 15px);
}

/*   leadform   */
.form_wrapper div.wpforms-container-full:not(:empty) {
  margin: 0;
}
.form_wrapper div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column {
  padding: 0;
}
.form_wrapper div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input {
  border-radius: unset;
}
.form {
  background: #002D67;
}
.form_wrapper {
  display: flex;
  background: var(--c_white);
  border-radius: 20px;
  overflow: hidden;
}
.form_title {
  position: relative;
  text-align: left;
  min-width: 420px;
  max-width: calc(100% - 736px);
}
.form_title > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.form .title {
  position: absolute;
  top: 80px;
  left: 70px;
}
.form p {
  font-size: 20px;
  color: #777;
}
.form_box {
  max-width: none;
  width: 100%;
}
.form_box .leadforms_box .wpforms-field-container {    
  text-align: left;
  max-width: 458px;
  margin: 0 auto;
  padding: 40px 30px !important;
}
.form_box  div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 18px;
  color: #444;
}
.form_box div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul {
  grid-template-columns: repeat(5, auto);
  gap: 11px 0;
  padding: 11px 0;
  border-bottom: 1px solid #d9d9d9;
}
.form_box div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 1.6;
  padding-left: 0;
}
.form_box div.wpforms-container-full input[type=number] {
  border-radius: 0;
}
.form_box .location_label legend::after {
  content: '(중복 선택 가능)';
  display: inline-block;
  color: #aaa;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  margin-left: 3px;
}
.form_box div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox {
  margin-bottom: 40px;
}
.form_box div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input {
  display: none;
}
.form_wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label:after {  
  border: 1px solid #d9d9d9;
  border-radius: 50%;
}
.form_wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label:after, .form_wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input + label::after {    
  content: '';
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4822_3061)'%3E%3Cpath d='M2 6L5 9L10 4' stroke='%23D9D9D9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4822_3061'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto;
  transition: 0.1s ease  background-image;
}
.form_wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input:checked + label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_102_5078)'%3E%3Cpath d='M2 6L5 9L10 4' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_102_5078'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 
  background-color: #0095F8;
  border-color: var(--c_primary);
}
.form_box .lead_agree_form {
  margin-top: 40px !important;
}


/*  public   */
.pr_list {
  display: flex;
  gap: 20px;
}
.pr_desc {
  line-height: 0;
  border-radius: 16px;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.1);
  transition: 0.4s ease transform;
}
.pr_desc > a {
  display: block;
  overflow: hidden;
  border-radius: 16px;
}
.pr_desc .txt_box {
  text-align: left;
  padding: 36px 50px;
}
.pr_desc h5 {
  font-weight: 600;
  padding-bottom: 26px;
}
.pr_desc p {
  font-size: 20px;
  font-weight: 500;
  color: #777;
}

/*  ty_benefit_sec    */
.ty_benefit_sec {
  text-align: center;
  background: var(--c_black);
  color: var(--c_white);
}
.ty_benefit_sec .inner {
  gap: 0;
}
.ty_benefit_sec li {
  font-size: 0;
}
.ty_benefit_sec h3 {
  color: #fff;
}

/*   award_wrapper   */
.award_wrapper {
  background: var(--c_grey);
}
._award-container ._award-container__list {
  color: var(--c_black);
}

/*   caution_list   */
.cation_list .inner {
  padding: 120px 50px;
}
.acc_box {
  text-align: left;
  max-width: 1062px;
  width: 100%;
  background-color: #f1f4f8;
  border-radius: 24px;
  margin: 0 auto;
}
.acc_tit {
  display: flex;
  justify-content: space-between;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  padding: 32px 48px;
  background-color: var(--c_grey);
  border-radius: 24px;
  cursor: pointer;
}
.acc_tit::after {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: url('/wp-content/themes/fastfive/assets/event/240318_10years_anniversary/img/acco_arrow.png') no-repeat center;
  background-size: cover;
  transition: all 0.3s ease-in-out;
}
.acc_tit.active::after {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  background: url('/wp-content/themes/fastfive/assets/event/240318_10years_anniversary/img/acco_arrow.png') no-repeat center;
  background-size: cover;
  transform: rotate(180deg);
}
.acc_list {
  padding: 0 0 32px 48px;
}
.acc_list dl {
  margin-top: 27px;
}
.acc_list dl:first-child {
  margin-top: 0;
}
.acc_list dt {
  color: #6d757c;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 700;
}
.acc_list dd {
  list-style: disc;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
  color: #6d757c;
  position: relative;
  padding-left: 10px;
}
.acc_list dd::before {
  content: '·';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes roller {
  0% {background-position: center -2880px;}
  100% {background-position: center;}
}
@keyframes scale-up {
  0% {transform: scale(0);}
  100% {transform: scale(1);}
}
@keyframes fade {
  0% {opacity: 0;}
  33% {opacity: 0;}
  66% {opacity: 1;}
  100% {opacity: 1;}
}

/*  button  */
.bt_base {
  --bt_bgcolor: #0084FF;
  --bt_txtcolor: #fff;
  --min_w: 320px;
  --max_h: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-indent: 8px;
  min-width: var(--min_w);
  min-height: var(--max_h);
  width: fit-content;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  color: var(--bt_txtcolor);
  background: var(--bt_bgcolor);
  padding: var(--bt_padding);
  border-radius: 8px;
}
.bt_base::after {
  content: '';
  display: inline-flex;
  width: 17px;
  height: 16px;
  mask-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4791_2841' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='17' height='16'%3E%3Crect x='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4791_2841)'%3E%3Cpath d='M10.15 7.99935L5.24999 3.09935C5.08333 2.93268 5.00277 2.73546 5.00833 2.50768C5.01388 2.2799 5.09999 2.08268 5.26666 1.91602C5.43333 1.74935 5.63055 1.66602 5.85833 1.66602C6.0861 1.66602 6.28333 1.74935 6.44999 1.91602L11.5667 7.04935C11.7 7.18268 11.8 7.33268 11.8667 7.49935C11.9333 7.66602 11.9667 7.83268 11.9667 7.99935C11.9667 8.16602 11.9333 8.33268 11.8667 8.49935C11.8 8.66602 11.7 8.81602 11.5667 8.94935L6.43333 14.0827C6.26666 14.2494 6.07221 14.3299 5.84999 14.3244C5.62777 14.3188 5.43333 14.2327 5.26666 14.066C5.09999 13.8994 5.01666 13.7021 5.01666 13.4743C5.01666 13.2466 5.09999 13.0494 5.26666 12.8827L10.15 7.99935Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-size: contain;
  background: var(--c_white);
}

@media (min-width: 961px) and (hover: hover) {
  .bt_base:hover {
    --bt_bgcolor: #222;
    --bt_txtcolor: #fff;
  }
  .bt_base._hover2:hover {
    --bt_bgcolor: #fff;
    --bt_txtcolor: #222;
  }
  .bt_base._hover2:hover::after {
    background: var(--c_black);
  }

  .pr_desc:hover {
    transform: translateY(-10px);
  }
}
@media (max-width: 960px) {
  .hidden_pc {
    display: block;
  }
  .hidden_mo {
    display: none;
  }

  .open_notification {
    --main_padding: 130px 20px;
    --bt_padding: 0 45px;
    --main_gap: 40px;
    --max-width: 375px;
  }

  /*  text  */
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 18px;
    line-height: 1.7;
  }
  p, dd {
    font-size: 16px;
  }

  /*   visual   */
  .visual {
    overflow: hidden;
  }
  .visual .inner {
    gap: 16px;
    padding: 85px 20px;
  }
  .visual .inner::before {
    width: 580px;
    height: 228px;
    background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/mo/visual_light.png') no-repeat;
    background-size: cover;
  }
  .visual .inner::after {
    width: 330px;
    height: 476px;
  }
  .visual_title {        
    max-width: 253px;
    padding: 16px 0;
  }

  /*  wing  */
  .wing {
    top: 60px;
    min-height: 50px;
  }
  .wing p {
    font-size: 18px;
  }

  /*  rolling  */
  .rolling .inner {
    align-items: center;
    flex-direction: column;
    gap: 100px;
    padding: 130px 0;
    max-width: unset;
  }
  .rolling .txt_box {
    min-width: unset;
    width: 335px;
    padding: 0;
  }
  .rolling .title {
    --gap: 8px;
  }
  .rolling h5 {
    font-size: 16px;
    font-weight: 700;
  }
  .roller {
    position: relative;
    left: 0;
    width: 100%;
    height: 200px;    
    min-height: unset;
    background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/mo/roller.png') repeat-x center;
    background-size: auto 100%;
  }
  .desc dd + dt {
    margin-top: 40px;
  }
  .desc dd {
    margin-top: 14px;
  }
  .desc dd .caution {
    margin-top: 10px;
  }

  /*  map  */
  .map {
    background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/mo/map_bg.jpg') no-repeat center bottom;
    background-size: cover;
    overflow: hidden;
  }
  .map .inner {
    padding: 130px 0;
  }
  .map_box {
    width: 466px;
    height: 400px;
  }
  .map_box::after {
    top: 18px;
    left: calc(100% - 396px);
    width: 336px;
    height: 382px;
    background: url('/wp-content/themes/fastfive/assets/event/241107_open_notification/img_250324/mo/map_spot.png') no-repeat center bottom;
    background-size: cover;
  }
  .map_box > img {
    max-width: 100%;
    height: 350px;
    margin: 0;
  }

  /*  fourusp  */
  .arrow {
    width: 30px;
    height: 37px;
    mask-image: url("data:image/svg+xml,%3Csvg width='31' height='39' viewBox='0 0 31 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 26.4156C4.09815 25.7719 12.0356 27.2177 15 38.1503' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.5 26.4156C26.9019 25.7719 18.9644 27.2177 16 38.1503' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5 37L15.5 1' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .usp_desc {
    --fig_width: 335px;
    gap: 24px;
    flex-direction: column-reverse;
  }
  .usp_desc:nth-child(even) {
    flex-direction: column-reverse;
  }
  .usp_desc .img_box {
    width: 100%;
  }
  .usp_desc figcaption {
    gap: 12px;
  }
  figcaption h4 {
    font-size: 24px;
  }
  figcaption::before {
    font-size: 24px;
    transition: .4s ease .2s transform, .4s ease .2s opacity;
  }
  .usp_desc .swiper-navigation {
    display: none;
  }
  figcaption h4, figcaption p {
    transition: .4s ease .3s transform, .4s ease .3s opacity;
  }

  /*  form  */
  .form .inner {
    padding: 60px 20px;
  }
  .form_wrapper {
    flex-direction: column;
  }
  .form_title {
    min-width: unset;
    max-width: unset;
    width: 335px;
    font-size: 0;
  }
  .form .title {
    --gap: 10px;
    top: 40px;
    left: 30px;
    font-size: 0;
  }
  .form p {
    font-size: 18px;
  }
  .form_box  div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 16px;
  }
  .form_box .location_label legend::after {
    font-size: 16px;
  }
  .form_box div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul {
    grid-template-columns: repeat(4, auto);
    gap: 8px 0;
    border-bottom: none;
  }
  .form_box .leadforms_box .wpforms-field-container {
    padding: 30px !important;
  }
  .form_box .leadforms_box div.wpforms-container-full .wpforms-form .wpforms-field {
    margin: 0 0 15px;
  }
  .form_box .leadforms_box .wpforms-field-layout-columns,
  .form_box .leadforms_box .wpforms-layout-column {
    gap: 8px 0;
  }
  .form_box .lead_agree_form {
    margin-top: 24px !important;
  }

  /*  public  */
  .pr_list {
    flex-direction: column;
  }
  .pr_desc .txt_box {
    padding: 24px 29px;
  }
  .pr_desc, .pr_desc > a {
    border-radius: 8px;
  }
  .pr_desc h5 {
    font-size: 22px;
    padding-bottom: 12px;
  }
  .pr_desc p {
    font-size: 16px;
  }

  /*  caution */
  .cation_list .inner {
    padding: 65px 20px;
  }
  .acc_box {
    border-radius: 8px;
  }
  .acc_tit {   
    align-items: center;     
    font-size: 16px;
    padding: 16px;
  }
  .acc_tit::after {
    width: 20px;
    height: 20px;
  }
  .acc_list {        
    padding: 0 30px 32px;
  }
  .acc_list dt {
    font-size: 14px;
  }
  .acc_list dd {
    font-size: 12px;
  }

  @keyframes roller {
    0% {background-position: -2660px center ;}
    100% {background-position: center;}
  }

  /*  btn  */
  .bt_base {
    --min_w: 300px;
    font-size: 16px;
  }
}