@charset "UTF-8";
/*
  File Name   : top.css
  Description : Write top content styles
*/
/* TOP 共通パーツ
============================================================ */
.top-contentsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: calc(100% - (var(--sidePadding_base) * 2));
  max-width: 1400px;
  background-color: #fff;
  border-radius: 50px;
  padding: 0 var(--sidePadding_base);
  margin: 0 auto 0;
}
@media only screen and (max-width: 1024px) {
  .top-contentsWrap {
    width: calc(100% - (12px * 2));
  }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .top-contentsWrap {
    border-radius: 30px;
    padding: 0 var(--sidePadding_base_mbl);
  }
}
@media only screen and (max-width: 599px) {
  .top-contentsWrap {
    border-radius: 20px;
    padding: 0 15px;
  }
}
.top-contentsWrap .top-contentsWrapInner {
  display: block;
  width: min(100%, var(--width_base));
}

.top-section-hl {
  display: block;
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-indent: 0em;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .top-section-hl {
    font-size: 30px;
  }
}
.top-section-hl > * {
  display: block;
}
.top-section-hl .txtEn {
  font-family: var(--fontFamily_sub);
  color: var(--color_main);
  font-size: 20px;
  line-height: 1em;
}
@media only screen and (max-width: 1024px) {
  .top-section-hl .txtEn {
    font-size: 18px;
  }
}

.top-moreBtnWrap {
  position: relative;
  display: block;
  width: min(100%, 300px);
  margin: 0 auto 0;
}
.top-moreBtnWrap::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 9px;
  left: 4px;
  border: 3px solid var(--color_main);
  border-radius: 3.5em;
  background-color: #fff;
  -webkit-transition: left 0.1s 0.2s ease;
  transition: left 0.1s 0.2s ease;
}
@media print, screen and (min-width: 1025px) {
  .top-moreBtnWrap:hover::before {
    left: 0;
  }
}

.top-moreBtn {
  width: 100%;
  max-width: initial;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.1s 0.2s ease !important;
  transition: -webkit-transform 0.1s 0.2s ease !important;
  transition: transform 0.1s 0.2s ease !important;
  transition: transform 0.1s 0.2s ease, -webkit-transform 0.1s 0.2s ease !important;
}
.top-moreBtn::after {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@media print, screen and (min-width: 1025px) {
  .top-moreBtn:hover {
    -webkit-transform: translateY(9px);
            transform: translateY(9px);
  }
}

.top-sectionBlock {
  background-color: var(--color_main);
}
.top-sectionBlockInner {
  padding: 81px 0;
  margin: 0 auto 0;
}
@media only screen and (max-width: 1024px) {
  .top-sectionBlockInner {
    padding: 70px 0 80px;
  }
}
.top-sectionBlock .sectionBlock-hl {
  color: var(--color_main);
  font-size: 35px;
  font-weight: 800;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
  padding: 0.25em 1em;
  background-color: #fff;
  border-radius: 2em;
}
@media only screen and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-hl {
    font-size: 25px;
    padding: 0.15em 0.9em;
    border-radius: 0.9em;
  }
}
.top-sectionBlock .sectionBlock-contents {
  margin: 50px 0 0;
}
@media only screen and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents {
    margin-top: 40px;
  }
}
.top-sectionBlock .sectionBlock-contents > *:first-child {
  margin-top: 0;
}
.top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 20px;
}
@media only screen and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns {
    gap: 12px 15px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
  }
}
@media only screen and (max-width: 599px) {
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns {
    grid-template-columns: 1fr;
  }
}
.top-sectionBlock .sectionBlock-contents .linkBtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.5em;
  width: 100%;
  min-height: calc(6.0em - 4px);
  color: var(--color_font);
  font-size: min(1.4vw, 20px);
  font-weight: 700;
  line-height: 1.5em;
  text-indent: var(--letterSpacing_base);
  text-decoration: none;
  background-color: #fff;
  padding: 1.25em 3.2em;
  border: 2px solid #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 10px rgba(96, 27, 38, 0.3);
          box-shadow: 0px 5px 10px rgba(96, 27, 38, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents .linkBtn {
    min-height: calc(5.5em - 4px);
    font-size: clamp(14px, 4.5vw, 20px);
    line-height: 1.35em;
    padding: 1.05em 3.2em;
  }
}
.top-sectionBlock .sectionBlock-contents .linkBtn__icon {
  display: block;
  width: min(75px, 100%);
}
.top-sectionBlock .sectionBlock-contents .linkBtn__txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.top-sectionBlock .sectionBlock-contents .linkBtn__txt > span {
  display: block;
}
.top-sectionBlock .sectionBlock-contents .linkBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 1.25em;
  height: 100%;
  top: 0;
  right: 1em;
  -webkit-mask: url(../images/common/arrow.svg);
          mask: url(../images/common/arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: var(--color_main);
  pointer-events: none;
  -webkit-transition: right 0.2s ease-in;
  transition: right 0.2s ease-in;
}
.top-sectionBlock .sectionBlock-contents .linkBtn:hover {
  opacity: 0.85;
}
@media print, screen and (min-width: 1025px) {
  .top-sectionBlock .sectionBlock-contents .linkBtn:hover::after {
    right: 0.5em;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns.forWithIconBtn {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns.forWithIconBtn .linkBtn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: min(4em, 5.8vw);
       -moz-column-gap: min(4em, 5.8vw);
            column-gap: min(4em, 5.8vw);
    width: 100%;
    padding-left: min(4em, 5.8vw);
    padding-right: calc(3.2em + min(4em, 5.8vw));
  }
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns.forWithIconBtn .linkBtn__icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .top-sectionBlock .sectionBlock-contents .sectionBlock-contents-linkBtns.forWithIconBtn .linkBtn__txt {
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    max-width: 20em;
  }
}

/* SECTION GROUP 01
============================================================ */
.top-sectionGroup__01 {
  position: relative;
  display: block;
}
.top-sectionGroup__01 .decoreBg {
  position: absolute;
  display: block;
  pointer-events: none;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.top-sectionGroup__01 .decoreBg__01 {
  z-index: 1;
}
.top-sectionGroup__01 .decoreBg__02 {
  z-index: 4;
}
.top-sectionGroup__01 .decoreBg__03 {
  z-index: 3;
}
.top-sectionGroup__01 .decoreBg__04 {
  z-index: 2;
}
.top-sectionGroup__01 .decoreBg__01 {
  width: min(87vw, 1218px);
  top: min(18.71vw, 262px);
  right: 50%;
  -webkit-transform: translate(11%, 0%);
          transform: translate(11%, 0%);
}
@media only screen and (max-width: 599px) {
  .top-sectionGroup__01 .decoreBg__01 {
    width: max(318px, 99.466vw);
    top: 11.466vw;
    right: auto;
    left: 0;
    -webkit-transform: translate(-11%, 0);
            transform: translate(-11%, 0);
  }
}
.top-sectionGroup__01 .decoreBg__02 {
  width: min(92.5vw, 1295px);
  top: min(39vw, 546px);
  right: 50%;
  -webkit-transform: translate(82%, 0%);
          transform: translate(82%, 0%);
}
@media only screen and (max-width: 599px) {
  .top-sectionGroup__01 .decoreBg__02 {
    width: max(274px, 85.866vw);
    top: 26.666vw;
    right: 0;
    -webkit-transform: translate(16%, 0);
            transform: translate(16%, 0);
  }
}
.top-sectionGroup__01 .decoreBg__03 {
  width: min(104.714vw, 1466px);
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(26%, -3%);
          transform: translate(26%, -3%);
}
@media only screen and (max-width: 599px) {
  .top-sectionGroup__01 .decoreBg__03 {
    width: max(432px, 134.933vw);
    bottom: 0;
    right: auto;
    left: 0;
    -webkit-transform: translate(-18%, -2%);
            transform: translate(-18%, -2%);
  }
}
.top-sectionGroup__01 .decoreBg__04 {
  width: min(107.714vw, 1508px);
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(67%, 0%);
          transform: translate(67%, 0%);
}
@media only screen and (max-width: 599px) {
  .top-sectionGroup__01 .decoreBg__04 {
    width: max(393px, 122.933vw);
    bottom: 0;
    right: 0;
    -webkit-transform: translate(27%, 0);
            transform: translate(27%, 0);
  }
}

/* KV
============================================================ */
.top-kv {
  width: 100%;
  max-width: calc(1360px + (var(--sidePadding_base) * 2));
  margin: 0 auto 0;
  padding: 0 var(--sidePadding_base) 0;
}
@media only screen and (max-width: 1024px) {
  .top-kv {
    padding: max(0.8vw, 3px) clamp(8px, 2.1vw, var(--sidePadding_base)) 0;
  }
}
.top-kv .top-kv-slide {
  width: 100%;
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 5;
}
.top-kv .top-kv-slide .top-kv-slide-item {
  display: block;
  width: 100%;
}
.top-kv .top-kv-slide .top-kv-slide-item .top-kv-slide-item-img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1360/920;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .top-kv .top-kv-slide .top-kv-slide-item .top-kv-slide-item-img {
    border-radius: clamp(10px, 2.6vw, 30px);
  }
}
.top-kv .top-kv-slide .top-kv-slide-item .top-kv-slide-item-img > img {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
.top-kv .top-kv-slide .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  padding: 15px 0;
}
@media only screen and (max-width: 1024px) {
  .top-kv .top-kv-slide .slick-dots {
    gap: 8px;
    padding: 10px 0;
  }
}
.top-kv .top-kv-slide .slick-dots > li {
  display: block;
  width: 15px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: var(--color_sub);
  border: 1px solid var(--color_main);
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .top-kv .top-kv-slide .slick-dots > li {
    width: 12px;
  }
}
.top-kv .top-kv-slide .slick-dots > li > button {
  opacity: 0;
  color: transparent;
  text-indent: 0;
}
.top-kv .top-kv-slide .slick-dots > li.slick-active {
  background-color: var(--color_main);
}

/* NEWS
============================================================ */
.top-news {
  position: relative;
  padding: 100px 0 108px;
}
@media only screen and (max-width: 1024px) {
  .top-news {
    padding: 69px 0 44px;
  }
}
.top-news .decoreImg {
  position: absolute;
  display: block;
  z-index: 9;
}
.top-news .decoreImg__01 {
  width: min(5.729vw, 110px);
  top: 61px;
  left: 0;
  -webkit-transform: translate(-45%, 0);
          transform: translate(-45%, 0);
}
@media only screen and (max-width: 1024px) {
  .top-news .decoreImg__01 {
    top: 85px;
    width: clamp(40px, 12.533vw, 59px);
  }
}
.top-news .decoreImg__02 {
  width: min(5.989vw, 115px);
  top: 79px;
  right: 0;
  -webkit-transform: translate(45%, 0);
          transform: translate(45%, 0);
}
@media only screen and (max-width: 1024px) {
  .top-news .decoreImg__02 {
    top: 85px;
    width: clamp(43px, 13.333vw, 61px);
  }
}
.top-news.changeBackground {
  position: relative;
}
.top-news.changeBackground::before {
  opacity: 1 !important;
}
.top-news.changeBackgroundTrigger {
  position: relative;
}
.top-news.changeBackgroundTrigger::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(transparent 0px, transparent 100px, var(--color_accent) 100px, var(--color_accent) calc(100% - 100px), transparent calc(100% - 100px), transparent 100%);
  background: linear-gradient(transparent 0px, transparent 100px, var(--color_accent) 100px, var(--color_accent) calc(100% - 100px), transparent calc(100% - 100px), transparent 100%);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in 0.5s;
  transition: opacity 0.5s ease-in 0.5s;
}
@-webkit-keyframes key_changeBackground {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}
@keyframes key_changeBackground {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
}
.top-newsInner {
  position: relative;
  z-index: 10;
}
.top-news .top-news-header {
  margin-top: 40px;
}
.top-news .top-news-header .top-news-header-catTab {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(191px, 1fr));
  gap: 6px;
}
@media print, screen and (max-width: 1239px) {
  .top-news .top-news-header .top-news-header-catTab {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 599px) {
  .top-news .top-news-header .top-news-header-catTab {
    gap: 4px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.top-news .top-news-header .top-news-header-catTab > li {
  display: block;
}
.top-news .top-news-header .top-news-header-catTab > li > .com-category-mark {
  padding: 0.5em 1em 0.5em;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .top-news .top-news-header .top-news-header-catTab > li > .com-category-mark {
    min-height: 4em;
    font-size: 14px;
  }
}
.top-news .top-news-list-wrap {
  position: relative;
  margin-top: 50px;
  padding-top: 80px;
  padding-bottom: 107px;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .top-news .top-news-list-wrap {
    margin-top: 29px;
    padding-top: 35px;
    padding-bottom: 69px;
  }
}
.top-news .top-news-list-wrap.nonePost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1024px) {
  .top-news .top-news-list-wrap.nonePost {
    padding-bottom: 35px;
  }
}
.top-news .top-news-list-wrap .com-noneText {
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
  opacity: 0.8;
}
.top-news .top-news-list-wrap .com-news-list {
  padding: 0;
}
.top-news .top-news-list-wrap .com-news-list > ul {
  border-top: none;
}
.top-news .top-news-moreBtn {
  margin: 53px auto 0;
}
@media only screen and (max-width: 1024px) {
  .top-news .top-news-moreBtn {
    margin-top: 40px;
  }
}

/* SECTION GROUP 02
============================================================ */
.top-sectionGroup__02 {
  position: relative;
  padding: 0 0 78px;
}
@media only screen and (max-width: 1024px) {
  .top-sectionGroup__02 {
    padding: 0 0 40px;
  }
}
.top-sectionGroup__02 .decoreBg {
  position: absolute;
  display: block;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.top-sectionGroup__02 .decoreBg__01 {
  width: min(89vw, 1246px);
  top: 0;
  right: 50%;
  -webkit-transform: translate(21%, 6.5%);
          transform: translate(21%, 6.5%);
}
@media only screen and (max-width: 1024px) {
  .top-sectionGroup__02 .decoreBg__01 {
    width: clamp(536px, 167.466vw, 628px);
    top: 0;
    right: auto;
    left: 0;
    -webkit-transform: translate(-16%, 5.5%);
            transform: translate(-16%, 5.5%);
  }
}
.top-sectionGroup__02 .decoreBg__02 {
  width: min(88.5vw, 1239px);
  width: 1239px;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(85%, 0%);
          transform: translate(85%, 0%);
}
@media only screen and (max-width: 1024px) {
  .top-sectionGroup__02 .decoreBg__02 {
    width: clamp(415px, 129.866vw,487px);
    bottom: 0;
    right: 0;
    -webkit-transform: translate(16%, 0%);
            transform: translate(16%, 0%);
  }
}

/* CASES
============================================================ */
.top-cases {
  position: relative;
  z-index: 10;
  padding: 121px 0 0;
}
@media only screen and (max-width: 1024px) {
  .top-cases {
    padding: clamp(106px, 28.266vw, 121px) 0 0;
  }
}
.top-cases .top-sectionBlock {
  background-color: #B75165;
}
.top-cases .top-sectionBlockInner {
  position: relative;
}
.top-cases .top-sectionBlock .decoreImg {
  display: block;
  position: absolute;
  top: 0;
}
.top-cases .top-sectionBlock .decoreImg__01 {
  width: 132px;
  right: 50%;
  -webkit-transform: translate(-166%, -49%);
          transform: translate(-166%, -49%);
}
@media only screen and (max-width: 1024px) {
  .top-cases .top-sectionBlock .decoreImg__01 {
    width: clamp(73px, 19.466vw, 132px);
    top: 70px;
    -webkit-transform: translate(-113%, -100%);
            transform: translate(-113%, -100%);
  }
}
.top-cases .top-sectionBlock .decoreImg__02--main {
  width: 122px;
  right: 0;
  -webkit-transform: translate(-25%, -62%);
          transform: translate(-25%, -62%);
}
@media only screen and (max-width: 1024px) {
  .top-cases .top-sectionBlock .decoreImg__02--main {
    width: clamp(76px, 20.266vw, 122px);
    top: 8px;
    right: 0;
    -webkit-transform: translate(18%, -100%);
            transform: translate(18%, -100%);
  }
}
.top-cases .top-sectionBlock .decoreImg__02--parts {
  width: 280px;
  right: 0;
  -webkit-transform: translate(-35%, -12%);
          transform: translate(-35%, -12%);
}
@media only screen and (max-width: 1024px) {
  .top-cases .top-sectionBlock .decoreImg__02--parts {
    width: clamp(159px, 42.4vw, 280px);
    top: 34px;
    right: 0;
    -webkit-transform: translate(-6%, -100%);
            transform: translate(-6%, -100%);
  }
}
.top-cases .top-sectionBlock .decoreImg__02--parts .decoreImgInner {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.top-cases .top-sectionBlock .decoreImg__02--parts .decoreImgInner > img {
  -webkit-animation: fluffy 3s linear infinite;
          animation: fluffy 3s linear infinite;
}
@-webkit-keyframes fluffy {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  80% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes fluffy {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  20% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  80% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.top-cases .top-sectionBlock .sectionBlock-hl {
  color: #B75165;
}
.top-cases .top-sectionBlock .sectionBlock-contents .linkBtn {
  -webkit-box-shadow: 0px 5px 10px rgba(131, 39, 57, 0.3);
          box-shadow: 0px 5px 10px rgba(131, 39, 57, 0.3);
  border-color: #832739;
}
.top-cases .top-sectionBlock .sectionBlock-contents .linkBtn::after {
  background-color: #832739;
}

/* FOR STAKEHOLDER
============================================================ */
.top-forStakeholder {
  position: relative;
  padding: 100px 0 0;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
  .top-forStakeholder {
    padding-top: clamp(90px, 24vw, 100px);
  }
}
.top-forStakeholder .top-sectionBlock {
  background-color: #605AA3;
}
.top-forStakeholder .top-sectionBlockInner {
  position: relative;
}
.top-forStakeholder .top-sectionBlockInner .decoreImg {
  display: block;
  position: absolute;
  top: 0;
}
.top-forStakeholder .top-sectionBlockInner .decoreImg__01 {
  width: 41px;
  right: 50%;
  -webkit-transform: translate(-104%, -2%);
          transform: translate(-104%, -2%);
}
@media only screen and (max-width: 1024px) {
  .top-forStakeholder .top-sectionBlockInner .decoreImg__01 {
    width: clamp(27px, 7.2vw, 41px);
    top: 67px;
    -webkit-transform: translate(-110%, -100%);
            transform: translate(-110%, -100%);
  }
}
.top-forStakeholder .top-sectionBlockInner .decoreImg__01 .decoreImgInner > img {
  -webkit-animation: top-forStakeholder_decore_01 4s ease infinite;
          animation: top-forStakeholder_decore_01 4s ease infinite;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
@-webkit-keyframes top-forStakeholder_decore_01 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  45% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes top-forStakeholder_decore_01 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  20% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  35% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  45% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.top-forStakeholder .top-sectionBlockInner .decoreImg__02 {
  width: 127px;
  right: 50%;
  -webkit-transform: translate(67%, -50%);
          transform: translate(67%, -50%);
}
@media only screen and (max-width: 1024px) {
  .top-forStakeholder .top-sectionBlockInner .decoreImg__02 {
    width: clamp(85px, 22.666vw, 127px);
    top: 68px;
    -webkit-transform: translate(66%, -100%);
            transform: translate(66%, -100%);
  }
}
.top-forStakeholder .top-sectionBlock .sectionBlock-hl {
  color: #605AA3;
}
.top-forStakeholder .top-sectionBlock .sectionBlock-contents .linkBtn {
  border-color: #2E2876;
  -webkit-box-shadow: 0px 5px 10px rgba(46, 40, 118, 0.3);
          box-shadow: 0px 5px 10px rgba(46, 40, 118, 0.3);
}
@media only screen and (max-width: 599px) {
  .top-forStakeholder .top-sectionBlock .sectionBlock-contents .linkBtn {
    padding: 1.05em 2.5em;
  }
}
.top-forStakeholder .top-sectionBlock .sectionBlock-contents .linkBtn::after {
  background-color: #2E2876;
}