@charset "UTF-8";
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/**
Mobile, portrait
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus
Tablet, portrait
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″
Laptop displays
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)
Desktop displays
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays


Mobile, landscape
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X
Tablet, landscape
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″
 */
/* line 39, assets/css/_fonts.scss */
main section .popup-wrap.faq .inner > .category, main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
  font-size: 14px;
}

@media (max-width: 991.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner > .category, main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* line 39, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner > .category, main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
    font-size: 12px;
  }
}

/* line 123, assets/css/_fonts.scss */
main section .popup-wrap.faq .inner .content > p, main section .inner-wrap .content ul li > h4 {
  font-size: 16px;
}

@media (max-width: 991.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner .content > p, main section .inner-wrap .content ul li > h4 {
    font-size: 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 123, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner .content > p, main section .inner-wrap .content ul li > h4 {
    font-size: 14px;
  }
}

/* line 339, assets/css/_fonts.scss */
main section .inner-wrap > h3 {
  font-size: 24px;
}

@media (max-width: 991.98px) {
  /* line 339, assets/css/_fonts.scss */
  main section .inner-wrap > h3 {
    font-size: 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 339, assets/css/_fonts.scss */
  main section .inner-wrap > h3 {
    font-size: 16px;
  }
}

/* line 399, assets/css/_fonts.scss */
main section .popup-wrap.faq .inner > h4 {
  font-size: 26px;
}

@media (max-width: 991.98px) {
  /* line 399, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner > h4 {
    font-size: 23px;
  }
}

@media (max-width: 767.98px) {
  /* line 399, assets/css/_fonts.scss */
  main section .popup-wrap.faq .inner > h4 {
    font-size: 20px;
  }
}

/* line 591, assets/css/_fonts.scss */
main section .popup-wrap.faq .inner .content > p, main section .popup-wrap.faq .inner > .category, main section .inner-wrap .content ul li > h4, main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
}

/* line 595, assets/css/_fonts.scss */
main section .popup-wrap.faq .inner .button-wrap button, main section .popup-wrap.faq .inner > h4, main section .inner-wrap > h3 {
  font-family: "Pretendard Variable", "Pretendard JP Variable", sans-serif;
}

/*
Thin  100
Extra Light (Ultra Light) 200
Light 300
Normal 400
Medium 500
Semi Bold (Demi Bold) 600
Bold  700
Extra Bold (Ultra Bold) 800
Black (Heavy) 900
 */
@use "sass:list";
/* line 7, assets/css/faq.scss */
main section {
  flex: 0 0 100%;
}

/* line 10, assets/css/faq.scss */
main section .inner-wrap {
  padding: 40px 20px 30px;
}

@media (max-width: 767.98px) {
  /* line 10, assets/css/faq.scss */
  main section .inner-wrap {
    padding: 0 17px;
  }
}

/* line 17, assets/css/faq.scss */
main section .inner-wrap > h3 {
  font-weight: 700;
  margin: 0 5px 10px;
  transition: font 0.3s, margin 0.3s;
}

@media (max-width: 991.98px) {
  /* line 17, assets/css/faq.scss */
  main section .inner-wrap > h3 {
    margin: 0 5px 8px;
  }
}

@media (max-width: 767.98px) {
  /* line 17, assets/css/faq.scss */
  main section .inner-wrap > h3 {
    margin: 30px 3px 5px;
  }
}

/* line 33, assets/css/faq.scss */
main section .inner-wrap .search-wrap {
  margin: 20px 0;
}

/* line 36, assets/css/faq.scss */
main section .inner-wrap .search-wrap .categories {
  display: flex;
  flex-wrap: wrap;
}

/* line 40, assets/css/faq.scss */
main section .inner-wrap .search-wrap .categories li {
  margin: 5px;
  transition: margin 0.3s;
}

@media (max-width: 767.98px) {
  /* line 40, assets/css/faq.scss */
  main section .inner-wrap .search-wrap .categories li {
    margin: 3px;
  }
}

/* line 48, assets/css/faq.scss */
main section .inner-wrap .search-wrap .categories li input[type=radio] {
  display: none;
}

/* line 51, assets/css/faq.scss */
main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
  display: block;
  background-color: #FAFAFA;
  border-radius: 60px;
  padding: 10px 20px;
  transition: font 0.3s, padding 0.3s, background 0.3s, color 0.3s;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  /* line 51, assets/css/faq.scss */
  main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
    padding: 8px 15px;
  }
}

@media (max-width: 767.98px) {
  /* line 51, assets/css/faq.scss */
  main section .inner-wrap .search-wrap .categories li input[type=radio] + label {
    padding: 5px 10px;
  }
}

/* line 70, assets/css/faq.scss */
main section .inner-wrap .search-wrap .categories li input[type=radio]:checked + label {
  background-color: #FF0947;
  color: #FFFFFF;
}

/* line 80, assets/css/faq.scss */
main section .inner-wrap .content ul {
  display: flex;
  flex-wrap: wrap;
}

/* line 84, assets/css/faq.scss */
main section .inner-wrap .content ul li {
  flex: 0 0 calc(100% / 2 - 10px);
  border-radius: 13px;
  background-color: #F9F6ED;
  margin: 5px;
  transition: margin 0.3s, flex 0.3s;
}

@media (max-width: 767.98px) {
  /* line 84, assets/css/faq.scss */
  main section .inner-wrap .content ul li {
    margin: 3px;
    flex: 0 0 calc(100% - 6px);
  }
}

/* line 96, assets/css/faq.scss */
main section .inner-wrap .content ul li.hidden {
  display: none;
}

/* line 100, assets/css/faq.scss */
main section .inner-wrap .content ul li > h4 {
  font-weight: 400;
  margin: 0;
  padding: 15px 30px 15px 25px;
  word-break: keep-all;
  transition: font 0.3s, padding 0.3s;
  position: relative;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  /* line 100, assets/css/faq.scss */
  main section .inner-wrap .content ul li > h4 {
    padding: 13px 30px 13px 20px;
  }
}

@media (max-width: 767.98px) {
  /* line 100, assets/css/faq.scss */
  main section .inner-wrap .content ul li > h4 {
    padding: 10px 30px 10px 15px;
  }
}

/* line 119, assets/css/faq.scss */
main section .inner-wrap .content ul li > h4 .arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
}

/* line 127, assets/css/faq.scss */
main section .inner-wrap .content ul li > h4 .arrow::before, main section .inner-wrap .content ul li > h4 .arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: right;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #000000;
  transition: background-color 0.3s;
}

/* line 141, assets/css/faq.scss */
main section .inner-wrap .content ul li > h4 .arrow::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 145, assets/css/faq.scss */
main section .inner-wrap .content ul li > h4 .arrow::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* line 151, assets/css/faq.scss */
main section .inner-wrap .content ul li > p {
  display: none;
}

/* line 161, assets/css/faq.scss */
main section .popup-wrap.faq .inner {
  flex: 0 0 calc(100% - 30px);
  max-width: 730px;
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0px 5px 9px #00000029;
  padding: 65px 30px 50px;
  position: relative;
}

@media (max-width: 767.98px) {
  /* line 161, assets/css/faq.scss */
  main section .popup-wrap.faq .inner {
    padding: 65px 30px 50px;
  }
}

/* line 174, assets/css/faq.scss */
main section .popup-wrap.faq .inner > .category {
  position: absolute;
  top: 20px;
  right: 30px;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  border-radius: 60px;
  padding: 5px 15px;
}

@media (max-width: 767.98px) {
  /* line 174, assets/css/faq.scss */
  main section .popup-wrap.faq .inner > .category {
    padding: 3px 8px;
  }
}

/* line 190, assets/css/faq.scss */
main section .popup-wrap.faq .inner > h4 {
  font-weight: 600;
  margin: 0 0 10px;
}

/* line 196, assets/css/faq.scss */
main section .popup-wrap.faq .inner > h4::before {
  content: 'Q. ';
}

/* line 201, assets/css/faq.scss */
main section .popup-wrap.faq .inner .content {
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  background-color: #F9F9F9;
  min-height: 50px;
  padding: 15px 10px 15px 15px;
}

/* line 208, assets/css/faq.scss */
main section .popup-wrap.faq .inner .content > p {
  margin: 0;
  max-height: 400px;
  overflow: auto;
  padding-right: 7px;
}

@media (max-width: 767.98px) {
  /* line 208, assets/css/faq.scss */
  main section .popup-wrap.faq .inner .content > p {
    max-height: 40vh;
  }
}

/* line 222, assets/css/faq.scss */
main section .popup-wrap.faq .inner .button-wrap {
  text-align: center;
  margin-top: 30px;
}

/* line 226, assets/css/faq.scss */
main section .popup-wrap.faq .inner .button-wrap button {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 50px;
  background-color: #061328;
  border-radius: 15px;
  color: #FFFFFF;
}