.under-fv {
  padding: 0 2rem;
}
.under-fv .fv {
  min-height: 30rem;
  border-radius: 2rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .under-fv .fv {
    min-height: auto;
  }
}
.under-fv .fv::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(150, 150, 150, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  mix-blend-mode: multiply;
}
.under-fv .fv.min-height {
  min-height: 22.4rem;
}
@media screen and (max-width: 1023px) {
  .under-fv .fv.min-height {
    min-height: auto;
  }
}
.under-fv .fv .fv-inner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl.catalog span.sub {
  font-family: var(--f_notoSans);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.03em;
  background: rgb(var(--c_white, 85%));
  border-radius: 0.8rem;
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl span {
  color: var(--c_white);
  text-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl span.main {
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1023px) {
  .under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl span.main {
    font-size: 2rem;
  }
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl span.sub {
  font-family: var(--f_dosis);
  font-size: 1.9rem;
  font-weight: 900;
}
@media screen and (max-width: 1023px) {
  .under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl span.sub {
    font-size: 1.6rem;
  }
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl-catalog {
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0.5em 0;
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl-catalog span.sub {
  font-family: var(--f_notoSans);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.03em;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.8rem;
  padding: 0.5em 1.5em;
}
@media screen and (max-width: 1023px) {
  .under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl-catalog span.sub {
    font-size: 1.6rem;
  }
}
.under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl-catalog span.main {
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--c_white);
  text-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1023px) {
  .under-fv .fv .fv-inner .fv-ttl-wrap .fv-ttl-catalog span.main {
    font-size: 2rem;
  }
}
.under-fv .fv .fv-bg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.under-fv .fv .fv-bg-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.under-fv .fv .fv-bg-wrap:not(:has(img))::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--c_primary_pale);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.breadcrumbs-wrap {
  padding: 1em 2rem 0;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-wrap {
    display: none;
  }
}
.breadcrumbs-wrap .breadcrumbs-inner-scroll {
  width: 100%;
  max-width: 128rem;
  margin: auto;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs-wrap .breadcrumbs-inner-scroll::-webkit-scrollbar {
  display: none;
}
.breadcrumbs-wrap .breadcrumbs-inner-scroll .breadcrumbs {
  width: -moz-max-content;
  width: max-content;
  max-width: none;
  font-size: 1.2rem;
  line-height: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
}
.breadcrumbs-wrap .breadcrumbs-inner-scroll .breadcrumbs span {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.2rem;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs-wrap .breadcrumbs-inner-scroll .breadcrumbs span {
    font-size: 1rem;
  }
}
.breadcrumbs-wrap .breadcrumbs-inner-scroll .breadcrumbs a {
  color: var(--c_primary);
}

.anchor-link-wrap {
  padding: 6rem 2rem;
}
.anchor-link-wrap .anchor-link {
  max-width: 108rem;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  gap: 1em;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .anchor-link-wrap .anchor-link {
    justify-content: center;
  }
}
.anchor-link-wrap .anchor-link .anchor-item {
  width: auto;
  min-width: 25.8rem;
  font-weight: 600;
  text-align: center;
  background: var(--c_primary_pale);
  border: 0.1rem solid var(--c_primary_pale);
  border-radius: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .anchor-link-wrap .anchor-link .anchor-item {
    min-width: 33.5rem;
  }
}
.anchor-link-wrap .anchor-link .anchor-item a {
  width: 100%;
  padding: 0.45em 2em;
  position: relative;
}
.anchor-link-wrap .anchor-link .anchor-item a .arrow {
  width: 1em;
  height: 1em;
  text-indent: 100%;
  position: absolute;
  top: 50%;
  right: 1em;
  translate: 0 -50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.anchor-link-wrap .anchor-link .anchor-item a .arrow::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-right: 0.3rem solid var(--c_white);
  border-bottom: 0.3rem solid var(--c_white);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -75%;
  rotate: 45deg;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1024px) {
  .anchor-link-wrap .anchor-link .anchor-item a {
    transition: all 0.3s;
  }
  .anchor-link-wrap .anchor-link .anchor-item a:hover {
    color: var(--c_white);
    background: var(--c_primary);
    border-color: var(--c_primary);
  }
}

.under-compnay.philosophy {
  padding: 0 2rem;
}
.under-compnay.philosophy > .wrapper {
  max-width: 128rem;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.philosophy > .wrapper {
    padding: 6rem 2rem;
  }
}
.under-compnay.philosophy > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.under-compnay.philosophy > .wrapper > .inner .content-wrap {
  margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.philosophy > .wrapper > .inner .content-wrap {
    margin-top: 2rem;
  }
}
.under-compnay.philosophy > .wrapper > .inner .content-wrap .catch-wrap .catch {
  font-size: 2.7rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .under-compnay.philosophy > .wrapper > .inner .content-wrap .catch-wrap .catch {
    font-size: 2rem;
  }
}
.under-compnay.philosophy > .wrapper > .inner .content-wrap .txt-wrap {
  margin-top: 1.5em;
}
.under-compnay.philosophy > .wrapper > .inner .content-wrap .txt-wrap p {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-compnay.philosophy > .wrapper > .inner .content-wrap .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-compnay.company-profile {
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.company-profile {
    padding: 6rem 2rem;
  }
}
.under-compnay.company-profile > .wrapper {
  max-width: 128rem;
  margin: auto;
}
.under-compnay.company-profile > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.under-compnay.company-profile > .wrapper > .inner .content-wrap {
  max-width: 108rem;
  margin: 3rem auto 0;
}
@media screen and (max-width: 1023px) {
  .under-compnay.company-profile > .wrapper > .inner .content-wrap {
    margin-top: 2rem;
  }
}
.under-compnay.business-content {
  padding: 0 2rem;
}
.under-compnay.business-content > .wrapper {
  max-width: 128rem;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper {
    padding: 6rem 2rem;
  }
}
.under-compnay.business-content > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap {
  margin-top: 7.6rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap {
    margin-top: 3rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap {
  counter-reset: number 0;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap {
  width: 100%;
  position: relative;
  counter-increment: number 1;
  padding: 3.5rem 47% 4rem 5rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap {
    padding: 3.5rem 2rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(odd) {
  padding: 3.5rem 47% 4rem 5rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(odd) {
    padding: 3.5rem 2rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(odd)::before {
  left: 0;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(odd) .img-abs-block .abs-img-wrap {
  right: 0;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(odd) .img-abs-block .abs-img-wrap {
    right: auto;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(even) {
  padding: 3.5rem 5rem 4rem 47%;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(even) {
    padding: 3.5rem 2rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(even)::before {
  right: 0;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(even) .img-abs-block .abs-img-wrap {
  left: 0;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:nth-child(even) .img-abs-block .abs-img-wrap {
    left: auto;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap + .img-abs-block-wrap {
  margin-top: 10.6rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap + .img-abs-block-wrap {
    margin-top: 3rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap::before {
  content: "";
  width: 100%;
  max-width: 84.7rem;
  height: 100%;
  background: var(--c_white);
  border-radius: 1.5rem;
  box-shadow: 0.5rem 0.5rem 3rem 0 rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  z-index: 0;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap::before {
    max-width: 100%;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block {
  max-width: 53rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block {
    max-width: 100%;
    margin: 3rem auto 0;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-ttl-wrap {
  position: relative;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-ttl-wrap .img-abs-ttl {
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-ttl-wrap .img-abs-ttl {
    font-size: 2rem;
    gap: 0.5em;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-ttl-wrap .img-abs-ttl::before {
  content: "0" counter(number);
  font-family: var(--f_dosis);
  font-size: 2.2em;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--c_primary_light);
  flex: none;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .abs-img-wrap {
  width: 41.4%;
  max-width: 45.5rem;
  height: auto;
  border-radius: 1.5rem;
  position: absolute;
  top: -4.6rem;
  aspect-ratio: 455/303;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .abs-img-wrap {
    width: 100%;
    position: relative;
    top: auto;
    margin: 3rem auto 0;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .abs-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-txt-wrap {
  margin-top: 3rem;
  position: relative;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .img-abs-txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .btn-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 3rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .btn-wrap {
    justify-content: flex-end;
  }
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .btn-wrap .btn.btn-arrow {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: auto;
}
.under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .btn-wrap .btn.btn-arrow::before {
  content: "";
  background: url(../img/front/top-btn-arrow.svg) no-repeat center/1.9rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: var(--bg_btn_arrow);
  border: 0.1rem solid var(--bg_btn_arrow);
  border-radius: 100vh;
  font-size: 0rem;
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap .img-abs-block .btn-wrap .btn.btn-arrow::before {
    transition: all 0.3s;
  }
}
@media screen and (min-width: 1024px) {
  .under-compnay.business-content > .wrapper > .inner .content-wrap .img-abs-content-wrap .img-abs-block-wrap:hover .img-abs-block .btn-wrap .btn.btn-arrow::before {
    content: "";
    background: url(../img/front/top-btn-arrow-on.svg) no-repeat center/1.9rem auto;
    background-color: var(--c_white);
  }
}

.under-reason {
  padding: 0 2rem;
}
.under-reason:nth-child(odd) > .wrapper {
  background: var(--bg_base);
}
.under-reason > .wrapper {
  max-width: 128rem;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-reason > .wrapper {
    padding: 6rem 2rem;
  }
}
.under-reason > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.under-reason > .wrapper > .inner .content-wrap {
  margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
  .under-reason > .wrapper > .inner .content-wrap {
    margin-top: 2rem;
  }
}
.under-reason > .wrapper > .inner .content-wrap .catch-wrap .catch {
  font-size: 2.7rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .under-reason > .wrapper > .inner .content-wrap .catch-wrap .catch {
    font-size: 2rem;
  }
}
.under-reason > .wrapper > .inner .content-wrap .txt-wrap {
  margin-top: 1.5em;
}
.under-reason > .wrapper > .inner .content-wrap .txt-wrap p {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-reason > .wrapper > .inner .content-wrap .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-reason > .wrapper > .inner .content-wrap .img-flex:has(> :nth-child(-n+1):last-child) .img-wrapper {
  width: auto;
  max-width: 100%;
}
.under-reason > .wrapper > .inner .content-wrap * + .img-flex {
  margin-top: 4rem;
}
.under-reason + .download-area, .under-reason + .contact {
  margin-top: 0;
}

.under-qa {
  padding: 0 2rem;
}
.under-qa + .under-qa {
  margin-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .under-qa + .under-qa {
    margin-top: 3rem;
  }
}
.under-qa > .wrapper {
  max-width: 128rem;
  margin: auto;
  padding: 6rem 2rem 8rem;
}
@media screen and (max-width: 1023px) {
  .under-qa > .wrapper {
    padding: 3rem 2rem 4rem;
  }
}
.under-qa > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.qa-list-wrap {
  margin-top: 4.5rem;
}
@media screen and (max-width: 1023px) {
  .qa-list-wrap {
    margin-top: 3rem;
  }
}
.qa-list-wrap .qa-list .qa-list-item {
  background: var(--c_white);
  border-radius: 1.5rem;
}
.qa-list-wrap .qa-list .qa-list-item + .qa-list-item {
  margin-top: 2rem;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn {
  font-size: 2rem;
  font-weight: 500;
  background: var(--c_white);
  border-radius: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1em;
  padding: 1em 3em 1em 3rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn {
    font-size: 1.6rem;
    gap: 0.5em;
    padding: 1em 3em 1em 1em;
  }
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn::before {
  content: "Q";
  font-family: var(--f_dosis);
  font-size: 1.6em;
  font-weight: 900;
  line-height: 1;
  flex: none;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn .plus-min {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--bg_btn_arrow);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  right: 1em;
  translate: 0 -50%;
  aspect-ratio: 1/1;
  overflow: hidden;
  transition: all 0.3s;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn .plus-min::before, .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn .plus-min::after {
  content: "";
  width: 0.5em;
  height: 0.1rem;
  background: var(--c_white);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: all 0.3s;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn .plus-min::after {
  rotate: 90deg;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn.active .plus-min {
  background: var(--bdr_gray);
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn.active .plus-min::before {
  rotate: 180deg;
}
.qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn.active .plus-min::after {
  rotate: 270deg;
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn {
    transition: all 0.3s;
  }
  .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn:hover {
    background: var(--c_primary_pale);
  }
}
.qa-list-wrap .qa-list .qa-list-item dd {
  background: var(--c_white);
  border-radius: 0 0 1.5rem 1.5rem;
  display: grid;
  grid-template-rows: 0fr;
  visibility: collapse;
  transition: all 0.3s;
}
.qa-list-wrap .qa-list .qa-list-item dd.open {
  grid-template-rows: 1fr;
  visibility: visible;
}
.qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap {
  overflow: hidden;
}
.qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  padding: 0 3rem 1.5em;
}
@media screen and (max-width: 1023px) {
  .qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail {
    gap: 0.5em;
    padding: 1em;
  }
}
.qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail, .qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail p {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail, .qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail p {
    font-size: 1.6rem;
  }
}
.qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail::before {
  content: "A";
  font-family: var(--f_dosis);
  font-size: 1.6em;
  font-weight: 900;
  line-height: 1.25;
  color: var(--c_primary);
  flex: none;
}
.qa-list-wrap .qa-list .qa-list-item dd .qa-detail-wrap .qa-detail p {
  line-height: 2;
}

.under-news {
  padding: 12rem 2rem 0;
}
@media screen and (max-width: 1023px) {
  .under-news {
    padding: 6rem 2rem 0;
  }
}
.under-news > .wrapper {
  max-width: 128rem;
  margin: auto;
}
.under-news > .wrapper > .inner {
  max-width: 88rem;
  margin: auto;
}

.under-news-single {
  padding: 12rem 2rem 0;
}
@media screen and (max-width: 1023px) {
  .under-news-single {
    padding: 6rem 2rem 0;
  }
}
.under-news-single > .wrapper {
  max-width: 128rem;
  margin: auto;
}
.under-news-single > .wrapper > .inner {
  max-width: 108rem;
  margin: auto;
}
.under-news-single > .wrapper > .inner .post-style .page-info {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0.5em 3rem;
}
.under-news-single > .wrapper > .inner .post-style .page-info .page-ttl {
  font-size: 2.3rem;
  font-weight: 900;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  margin-left: -0.73913em;
}
@media screen and (max-width: 1023px) {
  .under-news-single > .wrapper > .inner .post-style .page-info .page-ttl {
    font-size: 2rem;
  }
}
.under-news-single > .wrapper > .inner .post-style .page-info .page-ttl::before {
  content: "";
  width: 0.73913em;
  height: 0.7826em;
  border-radius: 0 100vw 100vw 100vw;
  background: var(--c_primary);
  display: block;
}
.under-news-single > .wrapper > .inner .post-style .page-info .tags-date {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.25em 1em;
}
.under-news-single > .wrapper > .inner .post-style .page-info .tags-date .date {
  font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .under-news-single > .wrapper > .inner .post-style .page-info .tags-date .date {
    font-size: 1.4rem;
  }
}
.under-news-single > .wrapper > .inner .btn-wrap {
  margin-top: 6rem;
}

.under-archive {
  padding: 6rem 2rem 0;
}
.anchor-link-wrap + .under-archive {
  padding-top: 0;
}
.under-archive.single {
  padding-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single {
    padding-top: 3rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex {
  display: flex;
  flex-flow: column-reverse;
  justify-content: flex-end;
  align-items: stretch;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex {
    gap: 0.5em;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .ttl-tag-col-flex .tag-wrap {
  margin-top: 2rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .ttl-tag-col-flex .tag-wrap {
    margin-top: 0.5em;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .ttl-tag-col-flex .tag-wrap .post-tag {
  font-size: 1.6rem;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .ttl-tag-col-flex .tag-wrap .post-tag {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .ttl-tag-col-flex .tag-wrap .post-tag:hover {
    opacity: 1;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap {
  display: flex;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5em 1em;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap {
    flex-flow: column;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em 2rem;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap .corp {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.8;
  color: var(--c_accent);
  flex: none;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap .corp {
    font-size: 2rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap .term-wrap {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0.25em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap .term-wrap .term {
  text-decoration: none;
  color: var(--c_txt);
  background: var(--c_white);
  border: 0.1rem solid var(--c_txt);
  border-radius: 100vw;
  padding: 0.5em 1em;
}
@media screen and (min-width: 1024px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .corp-term-wrap .term-wrap .term:hover {
    color: var(--c_white);
    background: var(--c_txt);
    opacity: 1;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .ttl-info-col-rev-flex .term-date-wrap .date {
  line-height: 1;
  color: var(--bdr_gray);
  flex: none;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 {
  display: flex;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: flex-start;
  margin-top: 3rem;
  gap: 1em 5rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 {
    flex-flow: column;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 .img-wrap {
  width: 100%;
  max-width: 45.6rem;
  flex: none;
  margin: 0 auto;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 .img-wrap img {
  border-radius: 1.5rem;
  margin: auto;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 .txt-wrap {
  width: 100%;
  margin: 0 auto;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 .txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .txt-img-flex-row2 .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 13rem;
  margin: 10rem auto 0;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item {
  width: 100%;
  border-radius: 3rem;
  padding: 0 6rem 4rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item {
    padding: 0 2rem 4rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item .before-after-ttl-wrap, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item .before-after-ttl-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item .before-after-ttl-wrap .before-after-ttl, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item .before-after-ttl-wrap .before-after-ttl {
  width: auto;
  min-width: 22rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  color: var(--c_white);
  border-radius: 100vw;
  padding: 0.5em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  translate: 0 -50%;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item .before-after-ttl-wrap .before-after-ttl, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item .before-after-ttl-wrap .before-after-ttl {
    font-size: 1.6rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul {
  margin-top: 1em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 1em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li + li, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li + li {
  margin-top: 1em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p {
    font-size: 1.6rem;
  }
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p.txt, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p.txt {
  width: 100%;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p.icon-check, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p.icon-check {
  width: 1.2em;
  height: 1.2em;
  text-indent: 100%;
  border-radius: 100vw;
  overflow: hidden;
  flex: none;
  translate: 0 0.25em;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p.icon-check::before, .under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p.icon-check::before {
  content: "";
  -webkit-mask: url(../img/common/icon_check.svg) no-repeat center/0.75em auto;
          mask: url(../img/common/icon_check.svg) no-repeat center/0.75em auto;
  background: var(--c_white);
  display: block;
  aspect-ratio: 1/1;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item {
  background: var(--bg_base);
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item .before-after-ttl-wrap .before-after-ttl {
  background: var(--bg_gray_dark);
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .before-item ul li p.icon-check {
  background: var(--bg_gray_dark);
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item {
  background: var(--c_primary_yellow);
  position: relative;
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item .before-after-ttl-wrap .before-after-ttl {
  background: var(--c_primary);
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item ul li p.icon-check {
  background: var(--c_primary);
}
.under-archive.single > .wrapper > .inner-flex .row-main .post-style .before-after-wrap .after-item::before {
  content: "";
  width: 6rem;
  height: 6rem;
  -webkit-mask: url(../img/common/before_after_arrow.svg) no-repeat center/contain;
          mask: url(../img/common/before_after_arrow.svg) no-repeat center/contain;
  background-color: var(--c_primary);
  aspect-ratio: 1/1;
  position: absolute;
  top: -5rem;
  left: 50%;
  translate: -50% -100%;
}
.under-archive.single > .wrapper > .inner-flex .row-main .btn-wrap {
  margin-top: 6rem;
}
.under-archive.single.case .post-tag {
  color: var(--c_txt);
  background: var(--c_accent_pale);
  border-color: var(--c_accent_pale);
}
.under-archive.single.case .post-tag:hover {
  background: var(--c_white);
}
.under-archive > .wrapper {
  max-width: 108rem;
  margin: auto;
}
.under-archive > .wrapper .term-ttl-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6rem;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper .term-ttl-wrap {
    margin-bottom: 3rem;
  }
}
.under-archive > .wrapper .term-ttl-wrap .term-ttl {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper .term-ttl-wrap .term-ttl {
    font-size: 2rem;
  }
}
.under-archive > .wrapper > .inner-flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 6rem 5rem;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper > .inner-flex {
    flex-flow: column;
  }
}
.under-archive > .wrapper > .inner-flex .row-main {
  width: 100%;
}
.under-archive > .wrapper > .inner-flex .row-sub {
  width: 100%;
  max-width: 31.9rem;
  display: flex;
  align-items: flex-end;
  flex: none;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper > .inner-flex .row-sub {
    max-width: 100%;
    justify-content: center;
  }
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner {
  position: sticky;
  bottom: 2rem;
  left: 0;
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item + .block-item {
  margin-top: 5rem;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item + .block-item {
    margin-top: 3rem;
  }
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .sec-ttl-base .main {
  font-size: 2rem;
  font-weight: 600;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .sec-ttl-base .main {
    font-size: 1.6rem;
  }
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .sec-ttl-base .main::before {
  margin: auto 0;
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .sec-ttl-base + .pickup-card-wrap {
  margin-top: 3rem;
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .sec-ttl-base + .pickup-dl-card-wrap {
  margin-top: 2rem;
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .tag-wrap {
  margin-top: 1em;
}
.under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .tag-wrap .post-tag {
  font-size: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .under-archive > .wrapper > .inner-flex .row-sub .row-sub-inner .block-item .tag-wrap .post-tag {
    font-size: 1.4rem;
  }
}

.under-download {
  padding: 8rem 2rem 10rem;
}
@media screen and (max-width: 1023px) {
  .under-download {
    padding: 4rem 2rem 5rem;
  }
}
.under-download + .under-download {
  padding: 10rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-download + .under-download {
    padding: 5rem 2rem;
  }
}
.under-download:nth-child(even) {
  background: var(--c_white);
}
.under-download:nth-child(odd) {
  background: var(--bg_base);
}
.under-download.complete {
  background: var(--c_white);
}
.under-download.complete > .wrapper .inner .dl-form-ttl, .under-download.complete > .wrapper .inner .cta-form-ttl {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .under-download.complete > .wrapper .inner .dl-form-ttl, .under-download.complete > .wrapper .inner .cta-form-ttl {
    font-size: 2rem;
  }
}
.under-download.complete > .wrapper .inner .dl-form-ttl.flex-col-wrap, .under-download.complete > .wrapper .inner .cta-form-ttl.flex-col-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.under-download.complete > .wrapper .inner .dl-form-ttl .ja, .under-download.complete > .wrapper .inner .cta-form-ttl .ja {
  font-size: 4.6rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .under-download.complete > .wrapper .inner .dl-form-ttl .ja, .under-download.complete > .wrapper .inner .cta-form-ttl .ja {
    font-size: 2rem;
  }
}
.under-download.complete > .wrapper .inner .dl-form-ttl .en, .under-download.complete > .wrapper .inner .cta-form-ttl .en {
  font-family: var(--f_dosis);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .under-download.complete > .wrapper .inner .dl-form-ttl .en, .under-download.complete > .wrapper .inner .cta-form-ttl .en {
    font-size: 1.6rem;
  }
}
.under-download.complete > .wrapper .inner .txt-wrap {
  margin-top: 1em;
}
.under-download.complete > .wrapper .inner .txt-wrap p {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .under-download.complete > .wrapper .inner .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-download.complete > .wrapper .inner .txt-wrap p.center {
  text-align: center;
}
.under-download.complete > .wrapper .inner .txt-wrap p.caution {
  font-weight: 700;
  border: 0.1rem solid var(#C82512);
  border-radius: 1.5rem;
  color: #C82512;
  flex-flow: column;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 2rem;
}
.under-download.complete > .wrapper .inner .download-card-wrap {
  justify-content: center;
  margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
  .under-download.complete > .wrapper .inner .download-card-wrap {
    margin-top: 1em;
  }
}
.under-download > .wrapper {
  max-width: 108rem;
  margin: auto;
}
.under-download > .wrapper .inner .sec-ttl-base .main, .under-download > .wrapper .inner .sec-ttl-base .main .ja {
  font-size: 2.7rem;
}
@media screen and (max-width: 1023px) {
  .under-download > .wrapper .inner .sec-ttl-base .main, .under-download > .wrapper .inner .sec-ttl-base .main .ja {
    font-size: 2rem;
  }
}
.under-download > .wrapper .inner .sec-ttl-base .main .ja {
  color: var(--c_txt);
}
.under-download > .wrapper .inner .sec-ttl-base .main::before {
  width: 1em;
  height: 1em;
  margin: 0;
}
.under-download > .wrapper .inner .sec-ttl-base + .download-card-wrap {
  margin-top: 5rem;
}
.under-download > .wrapper .inner .download-card-wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6rem;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .under-download > .wrapper .inner .download-card-wrap {
    justify-content: center;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item {
  max-width: 32rem;
  display: flex;
  flex-flow: column-reverse;
  justify-content: flex-end;
  align-items: stretch;
  gap: 1em;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .ttl {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0.5em;
}
@media screen and (max-width: 1023px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .ttl {
    font-size: 2rem;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .ttl::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: var(--c_accent_pale);
  border-radius: 100vw;
  display: block;
  flex: none;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .txt-wrap {
  margin-top: 1em;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1023px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap {
  margin-top: 3rem;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn {
  width: 100%;
  max-width: 100%;
  height: auto;
  font-size: 1.7rem;
  font-weight: 500;
  color: var(--c_white);
  background: var(--c_accent);
  border: 0.1rem solid var(--c_accent);
  border-radius: 10rem 100vw 100vw 100vw;
  padding: 0.95em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn {
    transition: all 0.3s;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-left, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-left, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right {
    transition: all 0.3s;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-left::before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-left::before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right::before {
    transition: all 0.3s;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-left::before {
  border-left: 0.3rem solid var(--c_accent);
  border-bottom: 0.3rem solid var(--c_accent);
  translate: -35% -50%;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right {
  width: 1.5em;
  right: 1.5em;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn .arrow-right::before {
  border-top: 0.3rem solid var(--c_accent);
  border-right: 0.3rem solid var(--c_accent);
  translate: -65% -50%;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after {
  position: relative;
  padding: 0.95em 3em;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .icon-dl, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .icon-dl {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  right: 1.5em;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .icon-dl, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .icon-dl {
    transition: all 0.3s;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .icon-dl::before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .icon-dl::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  -webkit-mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
          mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
  background: var(--c_accent);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .icon-dl::before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .icon-dl::before {
    transition: all 0.3s;
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .arrow-left, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-before .arrow-right {
  left: 1em;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .arrow-left, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.add-arrow-after .arrow-right {
  right: 1em;
}
@media screen and (min-width: 1024px) {
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover {
    color: var(--c_accent);
    background: var(--c_white);
  }
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .arrow-left, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .arrow-right {
    background: var(--c_accent);
  }
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .arrow-left::before, .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .arrow-right::before {
    border-color: var(--c_white);
  }
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .icon-dl {
    background: var(--c_accent);
  }
  .under-download > .wrapper .inner .download-card-wrap .download-card-item .content-wrap .btn-wrap .btn.hov-action:hover .icon-dl::before {
    background: var(--c_white);
  }
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .img-wrap {
  width: 100%;
  max-width: 25rem;
  height: 100%;
  max-height: 25rem;
  background: var(--c_accent_pale);
  border-radius: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin: auto;
  padding: 6rem 3rem;
}
.under-download > .wrapper .inner .download-card-wrap .download-card-item .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.under-form {
  padding: 8rem 2rem 0;
}
@media screen and (max-width: 1023px) {
  .under-form {
    padding: 4rem 2rem 0;
  }
}
.under-form > .wrapper {
  max-width: 108rem;
  margin: auto;
}
.under-form > .wrapper .inner {
  max-width: 82rem;
  margin: auto;
}
.under-form > .wrapper .inner .dl-form-ttl, .under-form > .wrapper .inner .cta-form-ttl {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .dl-form-ttl, .under-form > .wrapper .inner .cta-form-ttl {
    font-size: 2rem;
  }
}
.under-form > .wrapper .inner .dl-form-ttl.flex-col-wrap, .under-form > .wrapper .inner .cta-form-ttl.flex-col-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.under-form > .wrapper .inner .dl-form-ttl .ja, .under-form > .wrapper .inner .cta-form-ttl .ja {
  font-size: 4.6rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .dl-form-ttl .ja, .under-form > .wrapper .inner .cta-form-ttl .ja {
    font-size: 2rem;
  }
}
.under-form > .wrapper .inner .dl-form-ttl .en, .under-form > .wrapper .inner .cta-form-ttl .en {
  font-family: var(--f_dosis);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .dl-form-ttl .en, .under-form > .wrapper .inner .cta-form-ttl .en {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .contact-ttl-wrap {
  margin-top: 4em;
}
.under-form > .wrapper .inner .contact-ttl-wrap .contact-ttl {
  font-size: 2.5rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .contact-ttl-wrap .contact-ttl {
    font-size: 2rem;
  }
}
.under-form > .wrapper .inner .contact-ttl-wrap + .txt-wrap {
  margin-top: 2em;
}
.under-form > .wrapper .inner .contact-ttl-wrap + .txt-wrap p {
  font-size: 2rem;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .contact-ttl-wrap + .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .txt-wrap {
  margin-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .txt-wrap {
    margin-top: 3rem;
  }
}
.under-form > .wrapper .inner .txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .post-style table {
  width: 100%;
  margin: 4.5rem auto 0;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tbody {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr + tr {
    margin-top: 1em;
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr th, .under-form > .wrapper .inner .post-style table tr td {
    display: block;
    width: 100%;
  }
}
.under-form > .wrapper .inner .post-style table tr th p, .under-form > .wrapper .inner .post-style table tr th label, .under-form > .wrapper .inner .post-style table tr td p, .under-form > .wrapper .inner .post-style table tr td label {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr th p, .under-form > .wrapper .inner .post-style table tr th label, .under-form > .wrapper .inner .post-style table tr td p, .under-form > .wrapper .inner .post-style table tr td label {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .post-style table tr th p, .under-form > .wrapper .inner .post-style table tr th label {
  width: -moz-max-content;
  width: max-content;
}
.under-form > .wrapper .inner .post-style table tr th label {
  display: block;
}
.under-form > .wrapper .inner .post-style table tr th .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr th .flex {
    justify-content: flex-start;
    gap: 1em;
  }
}
.under-form > .wrapper .inner .post-style table tr th .require {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1;
  color: var(--c_white);
  background: #C82512;
  border-radius: 0.8rem;
  padding: 0.25em 0.5em 0.35em;
}
.under-form > .wrapper .inner .post-style table tr td {
  width: 100%;
  padding-left: 1em;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr td {
    margin-top: 0.5em;
  }
}
.under-form > .wrapper .inner .post-style table tr td p {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr td p {
    font-size: 1.4rem;
  }
}
.under-form > .wrapper .inner .post-style table tr td p .wpcf7-not-valid-tip {
  font-size: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style table tr td p .wpcf7-not-valid-tip {
    font-size: 1.2rem;
  }
}
.under-form > .wrapper .inner .post-style input[type=text], .under-form > .wrapper .inner .post-style input[type=email], .under-form > .wrapper .inner .post-style input[type=tel], .under-form > .wrapper .inner .post-style textarea {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  background: var(--bg_base);
  border: none;
  border-radius: 0.8rem;
  padding: 1em 2rem;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style input[type=text], .under-form > .wrapper .inner .post-style input[type=email], .under-form > .wrapper .inner .post-style input[type=tel], .under-form > .wrapper .inner .post-style textarea {
    font-size: 1.4rem;
  }
}
.under-form > .wrapper .inner .post-style input[type=text]::-moz-placeholder, .under-form > .wrapper .inner .post-style input[type=email]::-moz-placeholder, .under-form > .wrapper .inner .post-style input[type=tel]::-moz-placeholder, .under-form > .wrapper .inner .post-style textarea::-moz-placeholder {
  color: var(--bdr_gray);
}
.under-form > .wrapper .inner .post-style input[type=text]::placeholder, .under-form > .wrapper .inner .post-style input[type=email]::placeholder, .under-form > .wrapper .inner .post-style input[type=tel]::placeholder, .under-form > .wrapper .inner .post-style textarea::placeholder {
  color: var(--bdr_gray);
}
.under-form > .wrapper .inner .post-style textarea {
  resize: horizontal;
}
.under-form > .wrapper .inner .post-style .agree-wrap {
  margin: 4rem auto 0;
}
.under-form > .wrapper .inner .post-style .agree-wrap .txt-wrap p {
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style .agree-wrap .txt-wrap p {
    font-size: 1.4rem;
  }
}
.under-form > .wrapper .inner .post-style .agree-wrap .agree-check {
  margin: 2.5rem auto 0;
}
.under-form > .wrapper .inner .post-style .agree-wrap .agree-check p {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.under-form > .wrapper .inner .post-style .agree-wrap .agree-check p span {
  cursor: pointer;
}
.under-form > .wrapper .inner .post-style:not(.complete) .btn-wrap .btn {
  padding: 0;
}
.under-form > .wrapper .inner .post-style .btn-wrap {
  margin-top: 5rem;
}
.under-form > .wrapper .inner .post-style .btn-wrap .btn {
  border-radius: 100vw;
  position: relative;
}
.under-form > .wrapper .inner .post-style .btn-wrap .btn input {
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c_white);
  border: none;
  background: none;
  display: block;
  padding: 1em 1em;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .btn-wrap .btn input {
    transition: all 0.3s;
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style .btn-wrap .btn input {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .post-style .btn-wrap .btn .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  margin: 0;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .btn-wrap .btn:hover input {
    color: var(--c_primary);
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button {
  cursor: pointer;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
  width: auto;
  max-width: 100%;
  height: auto;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--c_white);
  background: var(--bg_base_dark);
  border: 0.1rem solid var(--bg_base_dark);
  border-radius: 10rem 100vw 100vw 100vw;
  padding: 0.25em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right::before {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-left::before {
  border-left: 0.3rem solid var(--bg_base_dark);
  border-bottom: 0.3rem solid var(--bg_base_dark);
  translate: -35% -50%;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right {
  width: 1.5em;
  right: 1.5em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn .arrow-right::before {
  border-top: 0.3rem solid var(--bg_base_dark);
  border-right: 0.3rem solid var(--bg_base_dark);
  translate: -65% -50%;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after {
  position: relative;
  padding: 0.25em 3em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .icon-dl, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .icon-dl {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  right: 1.5em;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .icon-dl, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .icon-dl {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .icon-dl::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .icon-dl::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  -webkit-mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
          mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
  background: var(--bg_base_dark);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .icon-dl::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .icon-dl::before {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-before .arrow-right {
  left: 1em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.add-arrow-after .arrow-right {
  right: 1em;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover {
    color: var(--bg_base_dark);
    background: var(--c_white);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .arrow-right {
    background: var(--bg_base_dark);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .arrow-right::before {
    border-color: var(--c_white);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .icon-dl {
    background: var(--bg_base_dark);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn.hov-action:hover .icon-dl::before {
    background: var(--c_white);
  }
}
@media screen and (max-width: 1023px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
    font-size: 1.6rem;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
  border-radius: 100vw;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
  width: auto;
  max-width: 100%;
  height: auto;
  font-size: 2.1rem;
  font-weight: 500;
  color: var(--c_white);
  background: var(--c_primary);
  border: 0.1rem solid var(--c_primary);
  border-radius: 10rem 100vw 100vw 100vw;
  padding: 0.5em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right::before {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-left::before {
  border-left: 0.3rem solid var(--c_primary);
  border-bottom: 0.3rem solid var(--c_primary);
  translate: -35% -50%;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right {
  width: 1.5em;
  right: 1.5em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn .arrow-right::before {
  border-top: 0.3rem solid var(--c_primary);
  border-right: 0.3rem solid var(--c_primary);
  translate: -65% -50%;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after {
  position: relative;
  padding: 0.5em 3em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .icon-dl, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .icon-dl {
  width: 1.5em;
  height: 1.5em;
  text-indent: 100%;
  background: var(--c_white);
  border-radius: 100vw;
  position: absolute;
  top: 50%;
  right: 1.5em;
  translate: 0 -50%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .icon-dl, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .icon-dl {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .icon-dl::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .icon-dl::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  -webkit-mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
          mask: url(../img/common/icon-dl.svg) no-repeat center/contain;
  background: var(--c_primary);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .icon-dl::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .icon-dl::before {
    transition: all 0.3s;
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-before .arrow-right {
  left: 1em;
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.add-arrow-after .arrow-right {
  right: 1em;
}
@media screen and (min-width: 1024px) {
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover {
    color: var(--c_primary);
    background: var(--c_white);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .arrow-left, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .arrow-right {
    background: var(--c_primary);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .arrow-left::before, .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .arrow-right::before {
    border-color: var(--c_white);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .icon-dl {
    background: var(--c_primary);
  }
  .under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn.hov-action:hover .icon-dl::before {
    background: var(--c_white);
  }
}
.under-form > .wrapper .inner .post-style .wpcf7cp-btns button.wpcf7cp-cfm-submit-btn {
  border-radius: 100vw;
}
.under-form > .wrapper .inner .post-style:has(#wpcf7cpcnf) table tr td p {
  max-height: 37rem;
  overflow-y: auto;
}
.under-form > .wrapper .inner .post-style:has(#wpcf7cpcnf) .btn-wrap, .under-form > .wrapper .inner .post-style:has(#wpcf7cpcnf) .agree-wrap {
  display: none;
}

.under-privacypolicy {
  padding: 8rem 2rem 0;
}
@media screen and (max-width: 1023px) {
  .under-privacypolicy {
    padding: 4rem 2rem 0;
  }
}
.under-privacypolicy > .wrapper {
  max-width: 108rem;
  margin: auto;
}
.under-privacypolicy > .wrapper .inner {
  max-width: 82rem;
  margin: auto;
}

.under-subsidy {
  padding: 8rem 2rem 0;
}
@media screen and (max-width: 1023px) {
  .under-subsidy {
    padding: 4rem 2rem 0;
  }
}
.under-subsidy > .wrapper {
  max-width: 108rem;
  margin: auto;
}
.under-subsidy > .wrapper .inner {
  max-width: 82rem;
  margin: auto;
}

.under-catalog {
  /*lineup*/
}
.under-catalog.under-solution {
  width: 128rem;
  max-width: calc(100vw - 4rem);
  background-image: url(../img/front/top-soluton-bg.png);
  background-position: center;
  background-size: cover;
  border-radius: 3rem;
  background-repeat: no-repeat;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution {
    padding: 6rem 2rem;
  }
}
.under-catalog.under-solution .under-solution-inner {
  max-width: 108rem;
  margin: 0 auto;
}
.under-catalog.under-solution .under-solution-inner .txt-wrap {
  margin-top: 1em;
}
.under-catalog.under-solution .under-solution-inner .txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution .under-solution-inner .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-catalog.under-solution .under-solution-inner .txt-wrap + .under-solution-items {
  margin-top: 8rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution .under-solution-inner .txt-wrap + .under-solution-items {
    margin-top: 4rem;
  }
}
.under-catalog.under-solution .under-solution-inner .under-solution-items {
  display: flex;
  flex-flow: wrap;
  gap: 12rem 4.5rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items {
    justify-content: center;
    gap: 12rem 4.5rem;
  }
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item {
  width: 100%;
  max-width: 33rem;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a {
  display: flex;
  flex-direction: column;
  position: relative;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .num {
  color: var(--c_white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 0rem 4rem 4rem 4rem;
  background-color: var(--c_primary);
  font-size: 3rem;
  font-family: var(--f_dosis);
  font-weight: 900;
  position: absolute;
  left: 2rem;
  top: 0.8rem;
  z-index: 1;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img {
  max-width: 32.9rem;
  margin-bottom: 4.5rem;
  border: 0.3rem solid var(--c_white);
  border-radius: 100vh;
  overflow: hidden;
  box-shadow: 0.5rem 0.5rem 3rem rgba(0, 0, 0, 0.08);
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img {
    transition: all 0.3s;
  }
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img img {
    transition: all 0.3s;
  }
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img:not(:has(img)) {
  background: var(--bg_base);
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img:not(:has(img))::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/footer-logo.png) no-repeat center/50% auto;
  display: block;
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .img:not(:has(img))::before {
    scale: 1;
    transition: all 0.3s;
  }
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a h3, .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a h4 {
  font-size: 2.7rem;
  font-weight: 700;
  display: flex;
  gap: 1.6rem;
  margin-bottom: 3.2rem;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a h3::before, .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a h4::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.8rem;
  background-color: var(--c_primary);
  position: relative;
  top: calc(0.5em + 0.4rem);
  line-height: 1;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a p {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.88;
  margin-bottom: 3.5rem;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .btn-arrow {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: auto;
}
.under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .btn-arrow::before {
  content: "";
  background: url(../img/front/top-btn-arrow.svg) no-repeat center/1.9rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: var(--bg_btn_arrow);
  border: 0.1rem solid var(--bg_btn_arrow);
  border-radius: 100vh;
  font-size: 0rem;
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a .btn-arrow::before {
    transition: all 0.3s;
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a:hover .img {
    box-shadow: 0.5rem 0.5rem 6rem rgba(0, 0, 0, 0.2);
  }
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a:hover .img img {
    transform: scale(1.1);
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a:hover .img:not(:has(img))::before {
    scale: 1.1;
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .under-solution-items .under-solution-item a:hover .btn-arrow::before {
    content: "";
    background: url(../img/front/top-btn-arrow-on.svg) no-repeat center/1.9rem auto;
    background-color: var(--c_white);
  }
}
.under-catalog.under-solution .under-solution-inner .btn-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c_primary);
  color: var(--c_white);
  font-size: 1.8rem;
  font-weight: 500;
  max-width: 39rem;
  margin: 8.5rem auto 0;
  border: 0.2rem solid var(--c_white);
  height: 7.7rem;
  border-radius: 100vh;
  position: relative;
  transition: all 0.3s ease;
}
.under-catalog.under-solution .under-solution-inner .btn-img img {
  position: absolute;
  top: -2.3rem;
  right: -3.5rem;
  bottom: auto;
  left: auto;
  width: 10.4rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution .under-solution-inner .btn-img img {
    width: 8.32rem;
    top: auto;
    bottom: 100%;
    translate: 0 1.5em;
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-solution .under-solution-inner .btn-img:hover {
    background: var(--c_white);
    color: var(--c_primary);
    border-color: var(--c_primary);
  }
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-solution .under-solution-inner .btn-img img {
    right: 0;
  }
}
.under-catalog.under-lineup {
  width: 128rem;
  max-width: calc(100vw - 4rem);
  background-image: url(../img/front/top-lineup-bg.png);
  background-position: center;
  background-size: cover;
  border-radius: 3rem;
  background-repeat: no-repeat;
  margin: 4rem auto 0;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup {
    padding: 6rem 2rem;
  }
}
.under-catalog.under-lineup .under-lineup-inner {
  max-width: 108rem;
  margin: 0 auto;
}
.under-catalog.under-lineup .under-lineup-inner .txt-wrap {
  margin-top: 1em;
}
.under-catalog.under-lineup .under-lineup-inner .txt-wrap p {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-catalog.under-lineup .under-lineup-inner .txt-wrap + .top-cards {
  margin-top: 8rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .txt-wrap + .top-cards {
    margin-top: 4rem;
  }
}
.under-catalog.under-lineup .under-lineup-inner .top-cards {
  display: flex;
  flex-flow: wrap;
  gap: 4.5rem;
}
@media screen and (max-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item {
  width: 100%;
  max-width: 33rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item {
    width: 100%;
    max-width: 33rem;
  }
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img {
  width: 100%;
  height: 21.9rem;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 4rem;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  scale: 1;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img img {
    transition: all 0.3s;
  }
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img:not(:has(img)) {
  background: var(--bg_base);
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img:not(:has(img))::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/common/footer-logo.png) no-repeat center/50% auto;
  display: block;
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .img:not(:has(img))::before {
    scale: 1;
    transition: all 0.3s;
  }
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a h3, .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a h4 {
  font-size: 2.7rem;
  font-weight: 700;
  display: flex;
  gap: 1.6rem;
  margin-bottom: 3.2rem;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a h3::before, .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a h4::before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 0.8rem;
  background-color: var(--c_primary);
  position: relative;
  top: calc(0.5em + 0.4rem);
  line-height: 1;
  flex: none;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a p {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.88;
  margin-bottom: 4rem;
  margin-top: auto;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .btn-arrow {
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 1.4rem;
  margin-top: auto;
}
.under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .btn-arrow::before {
  content: "";
  background: url(../img/front/top-btn-arrow.svg) no-repeat center/1.9rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: var(--bg_btn_arrow);
  border: 0.1rem solid var(--bg_btn_arrow);
  border-radius: 100vh;
  font-size: 0rem;
  padding-bottom: 0.3rem;
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a .btn-arrow::before {
    transition: all 0.3s;
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a:hover .img img {
    scale: 1.1;
  }
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a:hover .img:not(:has(img))::before {
    scale: 1.1;
  }
  .under-catalog.under-lineup .under-lineup-inner .top-cards .top-cards-item a:hover .btn-arrow::before {
    content: "";
    background: url(../img/front/top-btn-arrow-on.svg) no-repeat center/1.9rem auto;
    background-color: var(--c_white);
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards {
    gap: 12rem 4.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .top-cards {
    gap: 12rem 4.5rem;
  }
}
.under-catalog.under-lineup .under-lineup-inner .btn-img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c_primary);
  color: var(--c_white);
  font-size: 1.8rem;
  font-weight: 500;
  max-width: 39rem;
  margin: 8.5rem auto 0;
  border: 0.2rem solid var(--c_white);
  height: 7.7rem;
  border-radius: 100vh;
  position: relative;
  transition: all 0.3s ease;
}
.under-catalog.under-lineup .under-lineup-inner .btn-img img {
  position: absolute;
  top: -6.7rem;
  right: auto;
  bottom: auto;
  left: 4rem;
  width: 8.8rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .btn-img img {
    width: 7.04rem;
    top: auto;
    bottom: 100%;
    translate: 0 1.5em;
  }
}
@media screen and (min-width: 1024px) {
  .under-catalog.under-lineup .under-lineup-inner .btn-img:hover {
    background: var(--c_white);
    color: var(--c_primary);
    border-color: var(--c_primary);
  }
}
@media screen and (max-width: 1023px) {
  .under-catalog.under-lineup .under-lineup-inner .btn-img img {
    left: 0;
  }
}

.under-catalog-single {
  padding: 0 2rem;
}
.under-catalog-single:first-child > .wrapper {
  padding-top: 6rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single:first-child > .wrapper {
    padding-top: 3rem;
  }
}
.under-catalog-single:nth-child(odd) > .wrapper {
  background: var(--c_white);
}
.under-catalog-single:nth-child(odd) > .wrapper .faq-wrap .qa-list-wrap .qa-list .qa-list-item {
  background: var(--bg_base);
  box-shadow: none;
}
.under-catalog-single:nth-child(odd) > .wrapper .faq-wrap .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn {
  background: var(--bg_base);
}
@media screen and (min-width: 1024px) {
  .under-catalog-single:nth-child(odd) > .wrapper .faq-wrap .qa-list-wrap .qa-list .qa-list-item dt .qa-ttl .qa-ttl-btn:hover {
    background: var(--c_primary_pale);
  }
}
.under-catalog-single:nth-child(odd) > .wrapper .faq-wrap .qa-list-wrap .qa-list .qa-list-item dd {
  background: var(--bg_base);
}
.under-catalog-single:nth-child(odd) > .wrapper .list-dot {
  background: var(--bg_base);
}
.under-catalog-single:nth-child(even) > .wrapper {
  background: var(--bg_base);
}
.under-catalog-single:nth-child(even) > .wrapper .flow-wrap .flow-item .content-flex-row-rev-wrap {
  background: var(--c_white);
}
.under-catalog-single:nth-child(even) > .wrapper .list-dot {
  background: var(--c_white);
}
.under-catalog-single > .wrapper {
  border-radius: 3rem;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single > .wrapper {
    padding: 6rem 2rem;
  }
}
.under-catalog-single > .wrapper > .inner {
  max-width: 108rem;
  margin: auto;
}
.under-catalog-single#line-up > .wrapper {
  max-width: 124rem;
  background: var(--bg_case_yellow);
}
.under-catalog-single#line-up:nth-child(odd) {
  margin-top: 12rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single#line-up:nth-child(odd) {
    margin-top: 6rem;
  }
}
.under-catalog-single#line-up:nth-child(odd) + .under-catalog-single {
  margin-top: 12rem;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single#line-up:nth-child(odd) + .under-catalog-single {
    margin-top: 6rem;
  }
}
.under-catalog-single#column > .wrapper {
  max-width: 124rem;
  background: var(--c_white);
  position: relative;
  overflow: hidden;
  padding: 6rem 2rem;
}
.under-catalog-single#column > .wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--c_primary_pale);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.24;
}
.under-catalog-single#column > .wrapper > .inner {
  position: relative;
}
.under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .main {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .main span.en {
  font-family: var(--f_dosis);
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  color: var(--c_primary);
}
@media screen and (max-width: 1023px) {
  .under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .main span.en {
    font-size: 1.6rem;
  }
}
.under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .main span.ja {
  font-size: 3.6rem;
  font-weight: 700;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .main span.ja {
    font-size: 2rem;
  }
}
.under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .sub {
  font-size: 3.6rem;
  font-weight: 700;
  align-self: flex-start;
}
@media screen and (max-width: 1023px) {
  .under-catalog-single#column > .wrapper > .inner.post-style .sec-ttl-column .sub {
    font-size: 2rem;
  }
}

.under-404 {
  padding: 0 2rem;
}
.under-404 > .wrapper {
  max-width: 128rem;
  margin: auto;
  padding: 12rem 2rem;
}
@media screen and (max-width: 1023px) {
  .under-404 > .wrapper {
    padding: 6rem 2rem;
  }
}
.under-404 > .wrapper > .inner {
  max-width: 110rem;
  margin: auto;
}
.under-404 > .wrapper > .inner .contact-ttl-wrap .contact-ttl {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .under-404 > .wrapper > .inner .contact-ttl-wrap .contact-ttl {
    font-size: 2rem;
  }
}
.under-404 > .wrapper > .inner .txt-wrap {
  margin-top: 2em;
}
.under-404 > .wrapper > .inner .txt-wrap p {
  font-size: 2rem;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .under-404 > .wrapper > .inner .txt-wrap p {
    font-size: 1.6rem;
  }
}
.under-404 > .wrapper > .inner .btn-wrap {
  margin-top: 12rem;
}
@media screen and (max-width: 1023px) {
  .under-404 > .wrapper > .inner .btn-wrap {
    margin-top: 6rem;
  }
}
.under-404 + .download-area, .under-404 + .contact {
  margin-top: 0;
}

.pager {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.8rem;
  margin-top: 8rem;
}
@media screen and (max-width: 1023px) {
  .pager {
    margin-top: 4rem;
  }
}
.pager .page-numbers {
  width: 4.4rem;
  height: 4.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  background: var(--bg_base);
  border-radius: 0.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1024px) {
  .pager .page-numbers {
    transition: all 0.3s;
  }
  .pager .page-numbers:hover {
    color: var(--c_white);
    background: var(--c_primary);
  }
  .pager .page-numbers:hover.prev::before, .pager .page-numbers:hover.next::before {
    background: var(--c_white);
  }
}
.pager .page-numbers.prev, .pager .page-numbers.next {
  text-indent: 100vw;
  position: relative;
  overflow: hidden;
}
.pager .page-numbers.prev::before, .pager .page-numbers.next::before {
  content: "";
  width: 1em;
  height: 1rem;
  -webkit-mask: url(../img/front/top-news-arrow.svg) no-repeat center/contain;
          mask: url(../img/front/top-news-arrow.svg) no-repeat center/contain;
  background: var(--c_txt);
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1024px) {
  .pager .page-numbers.prev::before, .pager .page-numbers.next::before {
    transition: all 0.3s;
  }
}
.pager .page-numbers.prev::before {
  rotate: 180deg;
}
.pager .page-numbers.current {
  color: var(--c_white);
  background: var(--c_txt);
}
/*# sourceMappingURL=maps/under.css.map */