.ly_inner {
  padding-inline: 4.5333333333vw;
}

.ly_innerOver {
  width: 100vw;
  max-width: initial;
  margin-inline: calc(50% - 50vw);
}

/*
# =================================================================
  # un_faq_accordion
# =================================================================
*/
.un_wc_feature__no02 .un_faq_accordion_btn {
  background-color: var(--c-orange) !important;
}
.un_wc_feature__no02 .accordion-button:not(.collapsed) {
  background-color: var(--c-orange) !important;
}
.un_wc_feature__no02 .un_faq_accordion_q_icon {
  color: var(--c-orange);
}
.un_wc_feature__no02 .un_faq_accordion_a_icon {
  background-color: var(--c-orange);
}
.un_wc_feature__no03 .un_faq_accordion_btn {
  background-color: var(--c-blue) !important;
}
.un_wc_feature__no03 .accordion-button:not(.collapsed) {
  background-color: var(--c-blue) !important;
}
.un_wc_feature__no03 .un_faq_accordion_q_icon {
  color: var(--c-blue);
}
.un_wc_feature__no03 .un_faq_accordion_a_icon {
  background-color: var(--c-blue);
}
.un_wc_feature__no04 .un_faq_accordion_btn {
  background-color: var(--c-purple) !important;
}
.un_wc_feature__no04 .accordion-button:not(.collapsed) {
  background-color: var(--c-purple) !important;
}
.un_wc_feature__no04 .un_faq_accordion_q_icon {
  color: var(--c-purple);
}
.un_wc_feature__no04 .un_faq_accordion_a_icon {
  background-color: var(--c-purple);
}

.un_faq_accordion_btn {
  grid-template-columns: 7.7333333333vw 1fr 5.6vw;
  margin-top: 2.6666666667vw;
  padding-inline: 3.2vw !important;
  padding-block: 5.3333333333vw !important;
  gap: 1.8666666667vw;
  background-color: var(--c-green-light) !important;
  color: #fff !important;
}

.un_faq_accordion_dt:first-child .accordion-button {
  margin-top: 0px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--c-green-light) !important;
}

.un_faq_accordion_q_icon,
.un_faq_accordion_a_icon {
  display: grid;
  place-items: center;
  align-content: center;
  width: 7.7333333333vw;
  height: 7.7333333333vw;
  border-radius: 50%;
  font-weight: bold;
  font-size: 16px;
  font-family: var(--f-family);
}

.un_faq_accordion_q_icon {
  align-self: flex-start;
  margin-top: 1.6vw;
  background-color: #fff;
  color: var(--c-green-light);
}

.un_faq_accordion_a_icon {
  background-color: var(--c-green-light);
  color: #fff;
}

.un_faq_accordion_q_txt,
.un_faq_accordion_a_txt {
  font-size: max(4vw, 15px);
  line-height: 1.33;
}

.un_faq_accordion_a_txt {
  padding-top: 1.3333333333vw;
}

.un_faq_accordion_q_txt {
  max-width: 52.8vw;
  font-weight: bold;
  font-family: var(--f-family);
}

.un_faq_accordion_q_txt__small {
  max-width: 52vw;
}

.un_faq_accordion_dd_inner {
  display: grid !important;
  grid-template-columns: 7.7333333333vw 1fr;
  align-items: flex-start;
  padding-inline: 3.2vw;
  padding-block: 3.2vw;
  gap: 1.8666666667vw;
  background-color: #fff;
}

.un_faq_accordion_a_bold {
  font-weight: bold;
}

.un_faq_accordion_a_link {
  color: var(--c-black);
  transition: opacity 0.3s ease-in-out;
}
.un_faq_accordion_a_link:hover, .un_faq_accordion_a_link:focus {
  opacity: 0.6;
}

.accordion-button::after {
  width: 6.6666666667vw !important;
  height: 4vw !important;
  background-image: url("../images/faq/icon_arrow_white.svg") !important;
  background-position: center;
  background-size: contain !important;
}

.un_faq_accordion_q_year {
  margin-left: 0;
  padding-inline: 2.133333vw;
  padding-block: 0.8vw;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: max(3.2vw, 12px);
  font-family: var(--f-family);
  word-break: keep-all;
  position: absolute;
  right: 13%;
}

/*
# =================================================================
  # other
# =================================================================
*/
.un_wc_feature_h2 {
  z-index: 5;
  position: sticky;
  top: 58px;
  padding-bottom: 10.6666666667vw;
  font-weight: 500;
  font-size: max(8vw, 30px);
  letter-spacing: 0.05em;
}

.un_wc_feature {
  padding-top: 0px !important;
}

.un_faq_bg_01 {
  position: absolute;
  top: -22px;
  left: -101px;
  transform: translate(-100%, -100%);
}

.un_faq_bg_02 {
  position: absolute;
  top: 344px;
  right: -88px;
  transform: translateX(100%);
}

.un_faq_bg_03 {
  position: absolute;
  top: -207px;
  left: -101px;
  transform: translate(-100%, -100%);
}

.un_faq_bg_04 {
  position: absolute;
  top: 500px;
  left: -101px;
  transform: translate(-100%, -100%);
}

.un_faq_bg_05 {
  position: absolute;
  top: 109px;
  right: -88px;
  transform: translateX(100%);
}

.hp_mt10 {
  margin-top: 2.6666666667vw;
}

.hp_mt14 {
  margin-top: 3.7333333333vw;
}

.hp_mt17 {
  margin-top: 4.5333333333vw;
}

.hp_mt18 {
  margin-top: 4.8vw;
}

.hp_mt29 {
  margin-top: 7.7333333333vw;
}

@media (min-width: 601px) {
  html {
    overflow-x: hidden;
  }
  .ly_inner {
    max-width: min(100vw, 1200px);
    margin-inline: auto;
    padding-inline: min(3.6666666667vw, 44px);
  }
  .un_faq_accordion_btn {
    margin-top: min(1.6666666667vw, 20px);
    padding-inline: min(2vw, 25px) !important;
    padding-block: min(0.8333333333vw, 10px) !important;
    gap: min(1.25vw, 15px);
    cursor: pointer;
    transition: opacity 0.3s ease-in-out !important;
		border-radius: 150px !important;
  }
  .un_faq_accordion_btn:hover {
    opacity: 0.6;
  }
  .un_faq_accordion_q_icon,
  .un_faq_accordion_a_icon {
    width: min(3.3333333333vw, 40px);
    height: min(3.3333333333vw, 40px);
    font-size: clamp(14px, 2.5vw, 30px) !important;
  }
  .un_faq_accordion_q_icon {
    margin-top: 0;
  }
  .un_faq_accordion_a_txt {
    padding-top: 0;
    font-size: clamp(15px, 1.5vw, 18px);
    line-height: 2;
  }
  .un_faq_accordion_q_txt {
    max-width: min(73vw, 886px);
    font-size: clamp(15px, 2vw, 24px);
    line-height: 1.5;
  }
  .un_faq_accordion_dd_inner {
    grid-template-columns: min(3.3333333333vw, 40px) 1fr;
    padding-inline: min(1.25vw, 15px) min(2.4166666667vw, 29px);
    padding-block: min(1.8333333333vw, 22px) 0px;
    gap: min(1.25vw, 15px);
  }
  .accordion-button::after {
    width: min(2.0833333333vw, 25px) !important;
    height: min(1.25vw, 15px) !important;
  }
  .un_faq_accordion_q_year {
    margin-left: auto !important;
    padding-inline: min(0.9166666667vw, 11px);
    padding-block: min(0.25vw, 3px);
    font-size: clamp(12px, 1.5vw, 18px);
    right: 6%;
  }
  .accordion-button_year.accordion-button::after {
    margin-left: min(0.1666666667vw, 2px);
  }
  #bl_faq_wrap {
    padding-block: min(3.0833333333vw, 37px) min(4.1666666667vw, 50px);
  }
  .un_wc_feature_h2 {
    padding-bottom: min(3.8333333333vw, 46px);
    font-size: clamp(30px, 5.4166666667vw, 65px);
    letter-spacing: 0.2em;
  }
  .un_wc_feature {
    padding-bottom: min(2.9166666667vw, 35px);
  }
  .un_wc_feature_h2 {
    position: static;
  }
  .hp_mt10_pc {
    margin-top: min(0.8333333333vw, 10px);
  }
  .hp_mt15_pc {
    margin-top: min(1.25vw, 15px);
  }
  .hp_mt69_pc {
    margin-top: min(6.0833333333vw, 73px);
  }
}

@media (max-width: 600px) {
  .un_wc_feature__no02 .un_wc_feature_h2 {
    background-color: #ffeccf;
  }
  .un_wc_feature__no03 .un_wc_feature_h2 {
    background-color: #d4ecfa;
  }
  .un_wc_feature__no04 .un_wc_feature_h2 {
    background-color: #e9ddec;
  }
  .un_wc_feature_h2 {
    padding-bottom: 4vw;
    background-color: #e7f3ce;
  }
}

@media (min-width: 361px) {
  .un_faq_accordion_q_icon,
  .un_faq_accordion_a_icon {
    font-size: max(5.3333333333vw, 20px);
  }
  .un_faq_accordion_q_year {
    margin-left: 2.1333333333vw;
  }
}

@media (min-width: 1201px) {
  .un_wc_feature_h2 {
    padding-top: 56px;
  }
}


.hp_faq_1column {
    display: flex;
    flex-direction: column;
    gap: calc(10vw * 0.2);
}

.hp_faq_2column {
    display: flex;
    flex-direction: column;
    gap: calc(10vw * 0.2);
    align-items: flex-start;
}
.un_faq_accordion_a_link {
    background: var(--c-green-light);
    border-radius: 100px;
    padding: 0 10px;
    color: #ffffff;
    text-decoration: none;
    font-size: clamp(10px, 1.5vw, 13px);
}
@media (min-width: 601px){
    .hp_faq_2column {
        display: flex;
        flex-direction: row;
        gap: calc(10vw * 0.2);
        align-items: flex-start;
    }
}