.kv {
  min-height: 83rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: var(--header-height) 1em 14rem;
  position: relative;
}
@media all and (max-width: 1023px) {
  .kv {
    min-height: auto;
    padding: calc(5rem + var(--header-height)) 1em 14rem;
  }
}
.kv > .wrapper {
  width: 100%;
  max-width: 113rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.kv > .wrapper .content-flex {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex {
    flex-flow: column;
    gap: 4rem;
  }
}
.kv > .wrapper .content-flex .content-flex-col {
  width: 100%;
}
.kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing {
  justify-content: flex-end;
  gap: 1em;
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing {
    flex-flow: column;
    justify-content: flex-start;
    gap: 0;
  }
}
.kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p {
  height: -moz-max-content;
  height: max-content;
  font-family: var(--f_notoSerif);
  line-height: 1;
  letter-spacing: 0.3em;
  color: var(--c_white);
  background: linear-gradient(285deg, #3D25A3, #ab1282);
  padding: 2rem 1rem;
  transform: skewY(-10deg);
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p {
    writing-mode: unset;
    padding: 0.5lh 1lh;
    transform: skewX(-10deg);
  }
}
.kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p.sml {
  font-size: 2.2rem;
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p.sml {
    font-size: 1.6rem;
  }
}
.kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p.big {
  font-size: 3rem;
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p.big {
    font-size: 1.7rem;
  }
}
.kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p + p {
  margin-top: 2em;
}
@media all and (max-width: 1023px) {
  .kv > .wrapper .content-flex .content-flex-col.catch-wrap .catch-copy.txt-vertical-writing p + p {
    margin-top: 0.5lh;
  }
}
.kv > .wrapper .content-flex .content-flex-col.open-info-wrap {
  display: flex;
  justify-content: stretch;
  align-items: flex-end;
}
.kv > .wrapper .content-flex .content-flex-col.open-info-wrap .table-wrap {
  max-width: 50rem;
  margin: 0 0 0 auto;
}
.kv .kv-bg-img-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.kv .kv-bg-img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.btn-info {
  padding: 6rem 1em;
  position: relative;
}
.btn-info > .wrapper {
  max-width: 113rem;
  margin: auto;
}
.btn-info > .wrapper .btn-flex-wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
  margin-top: -12rem;
}
.btn-info > .wrapper .btn-flex-wrap .btn-col-wrap {
  width: 39rem;
  display: flex;
  flex-flow: column;
  justify-content: stretch;
  align-items: stretch;
  gap: 1rem;
}
.btn-info > .wrapper .btn-flex-wrap .btn-col-wrap .btn {
  width: 100%;
  height: 100%;
  font-size: 2.2rem;
  font-weight: 700;
}
@media all and (max-width: 1023px) {
  .btn-info > .wrapper .btn-flex-wrap .btn-col-wrap .btn {
    font-size: 1.6rem;
  }
}
.btn-info > .wrapper .btn-flex-wrap .btn-row-wrap {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
  flex: none;
}
.btn-info > .wrapper .btn-flex-wrap .btn-row-wrap .btn {
  width: 27rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}
@media all and (max-width: 1023px) {
  .btn-info > .wrapper .btn-flex-wrap .btn-row-wrap .btn {
    width: 16.8rem;
    font-size: 1.6rem;
  }
}
.btn-info > .wrapper .btn-flex-wrap .btn-row-wrap .btn:not([class*=bg]) {
  color: var(--c_primary);
  background: var(--c_white);
}
.btn-info > .wrapper .btn-flex-wrap .btn-row-wrap .btn .sml {
  font-size: 1.6rem;
}
@media all and (max-width: 1023px) {
  .btn-info > .wrapper .btn-flex-wrap .btn-row-wrap .btn .sml {
    font-size: 1.4rem;
  }
}

.front-sec-info {
  padding: 5rem 1rlh;
}
.front-sec-info > .wrapper {
  max-width: 113rem;
  margin: auto;
}
.front-sec-info > .wrapper > .inner .sec-ttl-wrap .sec-ttl {
  text-align: center;
  color: var(--c_accent);
}
.front-sec-info > .wrapper > .inner .post-list-wrap {
  margin-top: 1em;
}
.front-sec-info > .wrapper > .inner .post-list-wrap.blank-post-txt {
  margin-top: 1lh;
}
.front-sec-info > .wrapper > .inner .post-list-wrap .post-list li a.btn.add-rel-after {
  padding-right: 1.5em;
}
.front-sec-info > .wrapper > .inner .post-list-wrap .post-list li a span.category {
  text-align: center;
  color: var(--c_white);
  background: var(--c_accent);
}
.front-sec-news {
  padding: 5rem 1rlh;
}
.front-sec-news > .wrapper {
  max-width: 113rem;
  margin: auto;
}
.front-sec-news > .wrapper > .inner .flex-wrap {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5rem;
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .flex-wrap {
    flex-flow: wrap;
  }
}
.front-sec-news > .wrapper > .inner .flex-wrap .row-item {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.front-sec-news > .wrapper > .inner .flex-wrap .row-item .btn-wrap {
  justify-content: flex-start;
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .flex-wrap .row-item .btn-wrap {
    justify-content: center;
  }
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a.btn.add-rel-after {
  padding-right: 1.5em;
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a.btn.add-rel-after .icon-arrow-obj {
  background: none;
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a.btn.add-rel-after .icon-arrow-obj::before {
  width: 1em;
  height: 1em;
  background: var(--c_primary);
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a.flex-flow-wrap {
  flex-flow: wrap;
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a.flex-flow-wrap .txt {
  max-width: 100%;
}
.front-sec-news > .wrapper > .inner .post-list-wrap .post-list li a span.category {
  min-width: 14rem;
  text-align: center;
  color: var(--c_white);
  background: var(--c_primary_light);
}
.front-sec-news > .wrapper > .inner .tab-list-wrap {
  background: var(--c_white);
  margin: 1em auto 0;
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list {
    flex-flow: column;
  }
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li + li {
  border-left: 0.1rem solid var(--bdr_gray_pale);
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li + li {
    border-left: none;
  }
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a {
  height: 100%;
  padding: 0.5lh 1lh;
  position: relative;
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a.current {
  color: var(--c_white);
  background: var(--c_primary_light);
}
@media all and (min-width: 1024px) {
  .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a.current::before {
    content: "";
    width: 0.5lh;
    height: 0.5lh;
    background: var(--c_primary_light);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 0;
    aspect-ratio: 1/1;
  }
}
@media all and (min-width: 1024px) {
  .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a {
    transition: all 0.3s;
  }
  .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a:hover, .front-sec-news > .wrapper > .inner .tab-list-wrap .tab-list li a:focus {
    color: var(--c_white);
    background: var(--c_primary_light);
  }
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-content-wrap {
  border-top: 0.1rem solid var(--bdr_gray_pale);
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-content-wrap .tab-content {
  display: none;
  padding: 1lh;
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-content-wrap .tab-content.current {
  display: block;
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-content-wrap .tab-content .post-list-wrap .post-list li {
  border-color: var(--bdr_gray_pale);
}
.front-sec-news > .wrapper > .inner .tab-list-wrap .tab-content-wrap .tab-content .post-list-wrap .post-list li:first-child {
  border-top: none;
}
.front-sec-news > .wrapper > .inner .btn-wrap {
  margin-top: 1lh;
}
.front-sec-news > .wrapper > .inner .btn-wrap .btn {
  font-size: 1.5rem;
  font-weight: 500;
  min-width: 19rem;
  padding: 0.25lh 1lh;
}
@media all and (min-width: 1024px) {
  .front-sec-news > .wrapper > .inner .btn-wrap .btn {
    transition: all 0.3s;
  }
  .front-sec-news > .wrapper > .inner .btn-wrap .btn:hover, .front-sec-news > .wrapper > .inner .btn-wrap .btn:focus {
    color: var(--c_white);
    background: var(--c_primary);
  }
}
.front-sec-news > .wrapper > .inner .card-flex-wrap-content {
  display: contents;
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .card-flex-wrap-content {
    display: block;
    overflow-x: auto;
  }
}
.front-sec-news > .wrapper > .inner .card-flex-wrap-content .card-flex-wrap {
  margin: 2lh auto 0;
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .card-flex-wrap-content .card-flex-wrap {
    min-width: -moz-max-content;
    min-width: max-content;
    flex-flow: row;
  }
}
@media all and (max-width: 1023px) {
  .front-sec-news > .wrapper > .inner .card-flex-wrap-content .card-flex-wrap .btn {
    width: 100%;
    min-width: -moz-max-content;
    min-width: max-content;
  }
}
.front-news {
  padding: 5rem 1rem 10rem;
}
@media all and (max-width: 1023px) {
  .front-news {
    padding: 3rem 1rem 5rem;
  }
}
.front-news > .wrapper {
  width: 100%;
  max-width: 110rem;
  margin: auto;
}
.front-news > .wrapper .flex-col2 {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 2.5rem 8rem;
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 {
    justify-content: stretch;
  }
}
.front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap {
  margin-top: 4rem;
  justify-content: flex-start;
}
.front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap .news-btn {
  min-width: 15rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.3em;
  color: var(--c_primary);
  background: var(--bg_base_dark);
  border-radius: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1em;
}
@media all and (min-width: 1024px) {
  .front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap .news-btn.hov-action {
    transition: all 0.3s;
  }
  .front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap .news-btn.hov-action:hover, .front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap .news-btn.hov-action:focus-within {
    color: var(--c_white);
    background: #794aa5;
  }
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 .ttl-btn-wrap .btn-wrap .news-btn {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
}
.front-news > .wrapper .flex-col2 .news-list-wrap {
  flex: 1;
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item {
  border-bottom: 0.1rem solid var(--bdr_gray);
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item:first-child {
  border-top: 0.1rem solid var(--bdr_gray);
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0.5rem 3rem;
  padding: 1.5em 1rem;
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner {
    flex-flow: column;
    padding: 1em 1rem;
  }
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span {
  font-size: 1.9rem;
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span {
    font-size: 1.2rem;
  }
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span.news-date {
  min-width: 12.3rem;
  font-family: var(--f_libreFranklin);
  letter-spacing: 0.08em;
  flex: none;
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span.news-date {
    letter-spacing: 0;
  }
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span.news-ttl {
  letter-spacing: 0.04em;
}
@media all and (max-width: 1023px) {
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner span.news-ttl {
    letter-spacing: 0;
  }
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner.icon-arrow-right {
  padding-right: 2em;
  position: relative;
}
.front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner.icon-arrow-right::before {
  content: "";
  width: 1.7rem;
  height: 1.4rem;
  position: absolute;
  -webkit-mask: url(../img/dummy/icon/icon_arrow_right.svg) no-repeat center/contain;
          mask: url(../img/dummy/icon/icon_arrow_right.svg) no-repeat center/contain;
  background: var(--c_primary);
  top: 50%;
  right: 1rem;
  translate: 0 -50%;
}
@media all and (min-width: 1024px) {
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner {
    transition: all 0.3s;
  }
  .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner:hover, .front-news > .wrapper .flex-col2 .news-list-wrap .news-item .news-item-inner:focus-within {
    color: var(--c_primary);
  }
}

.front-sec-topics {
  padding: 5rem 0;
}
.front-sec-topics > .wrapper > .inner {
  width: calc(100vw - var(--scrollbar) - 1rlh);
  max-width: 113rem;
  margin: auto;
}
.front-sec-topics > .wrapper > .inner.blank-post-txt {
  margin-top: 1lh;
}
.front-sec-topics > .wrapper .topics-slide {
  margin: -8rem auto 0;
  padding: 4rem 0 10rem;
}
.front-sec-topics > .wrapper .topics-slide.swiper::before {
  content: "";
  width: calc(100% - 1rlh);
  max-width: calc(100% - 20rem);
  height: 30rem;
  background: var(--c_primary_light);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media all and (max-width: 1023px) {
  .front-sec-topics > .wrapper .topics-slide.swiper::before {
    max-width: calc(100% - 1em);
  }
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap {
  width: calc(100vw - var(--scrollbar) - 1rlh);
  max-width: 113rem;
  margin: 0 auto 5rem;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation {
  width: 100%;
  max-width: 13.5rem;
  height: 4rem;
  position: relative;
  margin: 0 0 0 auto;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev {
  width: 4.3rem;
  color: var(--c_primary_light);
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next::before, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next ::after, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev::before, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev ::after {
  background: var(--c_primary_light);
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next::before, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 100vw;
  display: block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next::after, .front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev::after {
  content: "";
  width: 70%;
  height: auto;
  text-indent: 100%;
  border-left: 0.2rem solid var(--c_primary_light);
  border-bottom: 0.2rem solid var(--c_primary_light);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev {
  left: 0;
  right: auto;
  justify-content: flex-start;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev::before {
  left: 0;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-prev::after {
  rotate: 45deg;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next {
  left: auto;
  right: 0;
  justify-content: flex-end;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next::before {
  right: 0;
}
.front-sec-topics > .wrapper .topics-slide.swiper .topics-swiper-navigation-wrap .topics-swiper-navigation .swiper-button-next::after {
  rotate: 225deg;
}
.front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper {
  align-items: stretch;
}
.front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide {
  height: auto;
  justify-content: flex-end;
}
@media all and (min-width: 1024px) {
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide {
    transition: all 0.3s;
  }
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:hover .content-wrap .flex-col-rev .item-ttl, .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:focus .content-wrap .flex-col-rev .item-ttl {
    color: var(--c_primary);
  }
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:hover .img-wrap img, .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:focus .img-wrap img {
    scale: 1.1;
  }
}
@media all and (min-width: 1024px) and (min-width: 1024px) {
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:hover .img-wrap:not(:has(img))::before, .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide:focus .img-wrap:not(:has(img))::before {
    scale: 1.1;
  }
}
@media all and (min-width: 1024px) {
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide .content-wrap .flex-col-rev .item-ttl {
    transition: all 0.3s;
  }
}
@media all and (min-width: 1024px) {
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide .img-wrap img {
    transition: all 0.3s;
  }
}
.front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide .img-wrap:not(:has(img)) {
  position: relative;
}
.front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide .img-wrap:not(:has(img))::before {
  content: "";
  width: 50%;
  height: 50%;
  background: url(../img/dummy/common/logotype.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.5;
}
@media all and (min-width: 1024px) {
  .front-sec-topics > .wrapper .topics-slide.swiper .swiper-wrapper .card-item-img-main.swiper-slide .img-wrap:not(:has(img))::before {
    transition: all 0.3s;
  }
}

.front-sec-appeal {
  display: flex;
  flex-flow: column-reverse;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
}
.front-sec-appeal::before, .front-sec-appeal::after {
  content: "";
  width: 100%;
}
.front-sec-appeal::before {
  height: 100%;
  background: var(--c_primary);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.front-sec-appeal > .wrapper {
  padding: 0 1rlh;
  position: relative;
  z-index: 2;
}
.front-sec-appeal > .wrapper > .inner {
  max-width: 113rem;
  margin: auto;
  padding: 1lh 0;
}
.front-sec-appeal > .wrapper > .inner .rad-box {
  padding: 4rem 1lh;
  translate: 0 -25%;
}
@media all and (max-width: 1023px) {
  .front-sec-appeal > .wrapper > .inner .rad-box {
    translate: none;
  }
}
.front-sec-appeal > .wrapper > .inner .rad-box .sec-ttl-wrap .sec-ttl {
  text-align: center;
  color: var(--c_primary);
}
@media all and (max-width: 1023px) {
  .front-sec-appeal > .wrapper > .inner .rad-box .sec-ttl-wrap .sec-ttl span.ja {
    font-size: 1.8rem;
  }
}
.front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap {
  width: 100%;
  max-width: 100rem;
  margin: 5rem auto 0;
}
.front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item {
  font-size: 2.2rem;
  font-weight: 500;
}
@media all and (max-width: 1023px) {
  .front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item {
    font-size: 1.6rem;
  }
}
.front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item .btn .icon-obj {
  width: 16.2rem;
  height: auto;
}
@media all and (min-width: 1024px) {
  .front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item .btn {
    transition: all 0.3s;
  }
  .front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item .btn:hover, .front-sec-appeal > .wrapper > .inner .rad-box .bdr-flex-wrap .flex-row-item .btn:focus {
    color: var(--c_primary);
    opacity: 0.5;
  }
}
.front-sec-appeal > .wrapper > .inner .rad-box .content-wrap {
  margin-top: 1lh;
}
.front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .txt-wrap p {
  font-size: 1.9rem;
}
@media all and (max-width: 1023px) {
  .front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .txt-wrap p {
    font-size: 1.6rem;
  }
}
.front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .btn-wrap {
  margin-top: 1.5lh;
}
.front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .btn-wrap .btn {
  min-width: 19rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--c_primary);
  background: var(--bg_base_dark);
  border-radius: 100vw;
  padding: 0.25lh 1lh;
}
@media all and (min-width: 1024px) {
  .front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .btn-wrap .btn {
    transition: all 0.3s;
  }
  .front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .btn-wrap .btn:hover, .front-sec-appeal > .wrapper > .inner .rad-box .content-wrap .btn-wrap .btn:focus {
    color: var(--c_white);
    background: var(--c_primary);
  }
}
.front-sec-appeal .sec-bg-img-wrap {
  position: relative;
  z-index: 1;
}
/*# sourceMappingURL=maps/front.css.map */