/* arguments inittial */
/* font style */
/* site style */
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
.c-pagename {
  padding: 40px 0 34px;
}

@media (min-width: 1024px) {
  .c-pagename {
    padding: 65px 0 48px;
  }
}

.c-pagename .tag {
  margin-bottom: 7px;
}

@media (min-width: 1024px) {
  .c-pagename .tag {
    margin-bottom: 5px;
  }
}

.c-pagename .ttl {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.3125em;
  letter-spacing: 0.08em;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .c-pagename .ttl {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1.41667em;
    letter-spacing: 0.12em;
    font-weight: 700;
  }
}

.c-pagename .ttl .small {
  vertical-align: -6px;
  margin-left: -1px;
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  letter-spacing: 0.08em;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .c-pagename .ttl .small {
    vertical-align: -14px;
    margin-left: 1px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2em;
    letter-spacing: 0.14em;
    font-weight: 700;
  }
}

.faq-section {
  position: relative;
  z-index: 2;
  margin-bottom: 33px;
}

@media (min-width: 1024px) {
  .faq-section {
    margin-bottom: 100px;
  }
}

.faq-section:last-child {
  margin-bottom: 0;
}

.faq-section .box-white {
  border-radius: 8px;
  background: #fff;
  position: relative;
  padding: 65px 22px 13px 23px;
}

@media (min-width: 1024px) {
  .faq-section .box-white {
    padding: 91px 24px 96px;
  }
}

.faq-section .group-ttl {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px 0px;
  background: #8ec400;
  color: #FFF;
  padding: 3px 21px 5px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.55556em;
  letter-spacing: 0.08em;
  font-weight: 700;
}

.faq-section .item {
  margin: 0 auto 31px;
  padding: 0 0 20px;
  border-bottom: solid 1px #bab2ce;
}

@media (min-width: 1024px) {
  .faq-section .item {
    max-width: 840px;
    margin: 0 auto 55px;
    padding: 0 0 53px;
  }
}

.faq-section .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.faq-section .item .question {
  cursor: pointer;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .faq-section .item .question {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    letter-spacing: 0.04em;
    font-weight: 500;
  }
}

.faq-section .item .question:before, .faq-section .item .question:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 8px;
  top: 6px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}

@media (min-width: 1024px) {
  .faq-section .item .question:before, .faq-section .item .question:after {
    top: 50%;
    margin-top: -12px;
  }
}

.faq-section .item .question:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_60226' data-name='Group 60226' transform='translate(-600.918 -423.5)'%3E%3Cline id='Line_855' data-name='Line 855' x2='24' transform='translate(600.918 435.525)' fill='none' stroke='%231a005d' stroke-width='2'/%3E%3Cline id='Line_856' data-name='Line 856' x2='24' transform='translate(612.943 423.5) rotate(90)' fill='none' stroke='%231a005d' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.faq-section .item .question:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='2' viewBox='0 0 24 2'%3E%3Cg id='Group_60225' data-name='Group 60225' transform='translate(-600.918 -437.531)'%3E%3Cline id='Line_855' data-name='Line 855' x2='24' transform='translate(600.918 438.531)' fill='none' stroke='%231a005d' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.faq-section .item .question > span {
  padding: 11px 50px 11px 55px;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  .faq-section .item .question > span {
    padding: 8px 50px 8px 55px;
    min-height: 60px;
  }
}

.faq-section .item .question > span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg id='Group_60040' data-name='Group 60040' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect id='Rectangle_42' data-name='Rectangle 42' width='40' height='40' rx='20' fill='%231a005d'/%3E%3Cg id='Group_59290' data-name='Group 59290' transform='translate(10.5 5.5)'%3E%3Cpath id='Path_75486' data-name='Path 75486' d='M18.432-.264A3.648,3.648,0,0,1,15.7.984,3.1,3.1,0,0,1,13.32-.192a8.455,8.455,0,0,0,6-8.208c0-5.016-3.912-8.688-9.192-8.688-5.3,0-9.192,3.7-9.192,8.688A8.576,8.576,0,0,0,8.784.216c2.592,2.736,4.344,3.648,6.84,3.648A5.691,5.691,0,0,0,20.16,1.8ZM4.872-8.4a5.125,5.125,0,0,1,5.256-5.376A5.125,5.125,0,0,1,15.384-8.4a5.125,5.125,0,0,1-5.256,5.376A5.125,5.125,0,0,1,4.872-8.4Z' transform='translate(0 23)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .faq-section .item .question > span:before {
    top: 8px;
  }
}

.faq-section .item .question.is-active:before {
  opacity: 0;
}

.faq-section .item .question.is-active:after {
  opacity: 1;
}

.faq-section .item .answer {
  display: none;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.86667em;
  letter-spacing: 0.04em;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .faq-section .item .answer {
    letter-spacing: 0em;
  }
}

@media (max-width: 1023px) {
  .faq-section .item .answer {
    padding-bottom: 12px;
  }
}

.faq-section .item .answer .box-in {
  padding: 35px 0 0 55px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1024px) {
  .faq-section .item .answer .box-in {
    padding: 28px 0 15px 55px;
    min-height: 64px;
  }
}

.faq-section .item .answer .box-in:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 26px;
  width: 42px;
  height: 42px;
  background-image: url("data:image/svg+xml,%3Csvg id='Group_60041' data-name='Group 60041' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Crect id='Rectangle_42' data-name='Rectangle 42' width='40' height='40' rx='20' fill='%238ec400'/%3E%3Cg id='Group_59290' data-name='Group 59290' transform='translate(10.5 5.5)'%3E%3Cpath id='Path_75487' data-name='Path 75487' d='M14.544,0h4.08L11.112-16.8H7.272L-.216,0H3.768L5.256-3.6h7.8ZM6.5-6.552l2.664-6.432,2.664,6.432Z' transform='translate(0 23)' fill='%231a005d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .faq-section .item .answer .box-in:before {
    top: 20px;
  }
}

.faq-section .item .answer .list li {
  position: relative;
  padding-left: 15px;
}

@media (min-width: 1024px) {
  .faq-section .item .answer .list li {
    padding-left: 16px;
  }
}

.faq-section .item .answer .list li:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1A005D;
  left: 7px;
  top: 12px;
}

.faq-section .item .answer .list-01 {
  margin-bottom: 28px;
  width: calc(100% + 10px);
}

.faq-section .item .answer .list-01 li {
  letter-spacing: 0;
}

.faq-section .item .answer .process {
  margin: 16px 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .faq-section .item .answer .process {
    margin: 29px 0 28px -54px;
    width: calc(100% + 54px);
    display: flex;
    justify-content: space-between;
  }
}

.faq-section .item .answer .process__box {
  padding: 9px 24px 8px;
  width: 100%;
  border: 1px solid #1a005d;
  position: relative;
}

@media (min-width: 1024px) {
  .faq-section .item .answer .process__box {
    padding: 24px 24px 23px;
    width: calc(30% - 52px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.faq-section .item .answer .process__box:after {
  content: '';
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box:after {
    left: 50%;
    transform: translateX(-50%);
    bottom: -21px;
    width: 30px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='12' viewBox='0 0 30 12'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%231a005d'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Polygon_14' data-name='Polygon 14' d='M15,0,30,12H0Z' transform='translate(30 12) rotate(180)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
  }
}

@media (min-width: 1024px) {
  .faq-section .item .answer .process__box:after {
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    margin-top: -9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30' height='74' viewBox='0 0 30 74'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%231a005d'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Polygon_14' data-name='Polygon 14' d='M37,0,74,30H0Z' transform='translate(30) rotate(90)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
    width: 30px;
    height: 74px;
  }
}

.faq-section .item .answer .process__box .txt-big {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.33333em;
  letter-spacing: 0.08em;
  font-weight: 500;
}

.faq-section .item .answer .process__box .txt-small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.42857em;
  letter-spacing: 0em;
  font-weight: 500;
}

.faq-section .item .answer .process__box:last-child:after {
  display: none;
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-1 {
    padding: 10px 24px 11px;
    margin-bottom: 28px;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .faq-section .item .answer .process__box-1 {
    width: calc(42% - 52px);
  }
}

.faq-section .item .answer .process__box-1 .txt-big {
  border-bottom: solid 1px #bab2ce;
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-1 .txt-big {
    text-align: left;
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846em;
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}

@media (min-width: 1024px) {
  .faq-section .item .answer .process__box-1 .txt-big {
    margin-bottom: 16px;
    padding-bottom: 15px;
  }
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-2 {
    margin-bottom: 28px;
  }
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-2 .txt-big {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-3 {
    padding: 8px 24px 7px;
  }
}

@media (max-width: 1023px) {
  .faq-section .item .answer .process__box-3 .txt-big {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: 0.08em;
    font-weight: 500;
  }
}

.faq-section .item .answer .note {
  margin-top: 26px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2.15385em;
  letter-spacing: 0em;
  font-weight: 500;
}

@media (max-width: 1023px) {
  .faq-section .item .answer .note {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.84615em;
  }
}

.faq-section .item .answer a {
  text-decoration: underline;
  text-decoration-color: #8EC400;
  text-underline-offset: 8px;
}

.faq-button-bottom {
  margin: 60px 24px 0;
}

@media (min-width: 1024px) {
  .faq-button-bottom {
    margin-top: 140px;
  }
}

.faq-button-bottom .c-btn-green {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .faq-button-bottom .c-btn-green {
    max-width: 327px;
  }
}

.faq-button-bottom .c-btn-green__txt {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2.66667em;
  letter-spacing: 0.1em;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .faq-button-bottom .c-btn-green__arrow {
    right: 26px;
  }
}

.c-bottom-bg {
  height: 85px;
}

@media (min-width: 1024px) {
  .c-bottom-bg {
    height: 206px;
  }
}