@charset "UTF-8";
/*メディアクエリ*/
.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  position: relative;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein-before {
  transition: opacity 1.5s ease-in-out;
  position: relative;
}

.fadein-before:before,
.fadein-before:after {
  opacity: 0;
  transition: opacity 3s ease-in-out;
}

.fadein-before:before.fadeup,
.fadein-before:after.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.fadein-before:before.fadeup.is-active,
.fadein-before:after.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

.fadein-before.is-active:before {
  opacity: 1;
}

.fadein-before.is-active:after {
  opacity: 1;
}

.fadein {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fadein.is-active {
  opacity: 1;
}

.fadein.fadeup {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
  transition-delay: var(--delay, 0s);
}

.fadein.fadeup.is-active {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 1025px) {
  .pc {
    display: block !important;
  }
  .smp {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
  .smp {
    display: block !important;
  }
}
/*40.成長の仕組み*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page40 .kv {
    position: relative;
    width: 100%;
  }
  #page40 .kv .kv_top {
    position: relative;
    width: calc(100% - 110px);
    height: 403.1px;
    margin: 0 0 31.9px auto;
    overflow: hidden;
  }
  #page40 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page40 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page40 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page40 .kv .kv_top .slide-text {
    position: absolute;
    top: 219px;
    left: 80px;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap {
    position: relative;
    display: inline-block;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.24px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top .inn {
    display: inline-block;
    padding: 0 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.24px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.24px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom .inn {
    display: inline-block;
    padding: 0 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.24px;
    text-align: left;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.top::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #44ad96;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.bottom::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  @keyframes slide-text {
    0% {
      opacity: 0;
      transform: scaleX(0) translateX(-5%);
    }
    30% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
  }
  #page40 .kv .kv_bottom {
    position: relative;
    width: 990px;
    margin: 0 auto 98px;
  }
  #page40 .kv .kv_bottom p {
    font-family: vdl-penletter, sans-serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 1.21;
    letter-spacing: -3.04px;
    text-align: left;
    color: #fff;
    position: relative;
  }
  #page40 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 26.5px;
    left: -65px;
  }
  #page40 .kv .kv_bottom::before {
    content: "";
    display: block;
    width: 1000%;
    height: 293px;
    border-radius: 40px;
    background-color: #44ad96;
    position: absolute;
    top: -159px;
    right: -40px;
    z-index: -1;
  }
  #page40 .contents-1 {
    display: grid;
    grid-template-columns: 480px 472.3px;
    -moz-column-gap: 106.5px;
         column-gap: 106.5px;
    justify-content: center;
    margin-bottom: 171px;
    position: relative;
    left: 49.35px;
  }
  #page40 .contents-1 .texts {
    margin-top: 64px;
    position: relative;
  }
  #page40 .contents-1 .texts::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.2) 5%, rgba(107, 204, 219, 0.4) 95%);
    position: absolute;
    bottom: -71px;
    left: -107px;
  }
  #page40 .contents-1 .texts::after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.1) 5%, rgba(107, 204, 219, 0.3) 95%);
    position: absolute;
    bottom: 35px;
    left: -204px;
  }
  #page40 .contents-1 .texts h2 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-1 .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-1 .images {
    position: relative;
  }
  #page40 .contents-1 .images::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.2) 5%, rgba(107, 204, 219, 0.4) 95%);
    position: absolute;
    top: -45px;
    right: -91.3px;
  }
  #page40 .contents-1 .images::after {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.1) 5%, rgba(107, 204, 219, 0.3) 95%);
    position: absolute;
    top: -70px;
    right: -59.3px;
  }
  #page40 .contents-1 .images img:nth-of-type(1) {
    width: 370px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  #page40 .contents-1 .images img:nth-of-type(2) {
    width: 250px;
    position: absolute;
    top: 194px;
    right: 222.3px;
    z-index: 2;
  }
  #page40 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
  }
  #page40 .contents-2 h2 {
    margin-bottom: 40px;
  }
  #page40 .contents-2 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-2 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-2 p {
    margin-bottom: 0.3px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page40 .contents-2 .image {
    width: 87.8666666667%;
    max-width: 1318px;
    margin: 0 auto;
    position: relative;
    left: 29px;
  }
  #page40 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
  }
  #page40 .contents-3 h2 {
    margin-bottom: 40px;
  }
  #page40 .contents-3 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-3 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-3 p {
    margin-bottom: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page40 .contents-3 .items {
    display: grid;
    grid-template-columns: 1164.7px;
    grid-template-rows: repeat(5, 284px);
    gap: 4px;
    justify-content: center;
    position: relative;
    right: 3px;
  }
  #page40 .contents-3 .items .item {
    display: grid;
    grid-template-columns: 197.6px 667.1px 300px;
    justify-content: center;
    align-items: start;
    position: relative;
  }
  #page40 .contents-3 .items .item:nth-last-of-type(1)::before, #page40 .contents-3 .items .item:nth-last-of-type(1)::after {
    content: none;
  }
  #page40 .contents-3 .items .item:nth-last-of-type(1) p.num::after {
    content: none;
  }
  #page40 .contents-3 .items .item::before {
    content: "";
    display: block;
    width: 75px;
    height: 9px;
    background-color: #f0f0f0;
    position: absolute;
    bottom: 35px;
    left: 0;
  }
  #page40 .contents-3 .items .item::after {
    content: "";
    display: block;
    width: 1046px;
    height: 9px;
    background-color: #f0f0f0;
    position: absolute;
    bottom: 35px;
    right: 0;
  }
  #page40 .contents-3 .items .item p.num {
    display: grid;
    -moz-column-gap: 11px;
         column-gap: 11px;
    justify-content: center;
    align-items: end;
    position: relative;
    top: 31.9px;
  }
  #page40 .contents-3 .items .item p.num::after {
    content: "";
    display: block;
    width: 4px;
    height: 160px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page40/dots_pc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 92.1px;
    left: 96px;
  }
  #page40 .contents-3 .items .item p.num.num-1 {
    grid-template-columns: 55px min-content;
  }
  #page40 .contents-3 .items .item p.num.num-2 {
    grid-template-columns: 166px min-content;
  }
  #page40 .contents-3 .items .item p.num.num-3 {
    grid-template-columns: 166.6px min-content;
  }
  #page40 .contents-3 .items .item p.num.num-4 {
    grid-template-columns: 83px min-content;
  }
  #page40 .contents-3 .items .item p.num.num-5 {
    grid-template-columns: 139.2px min-content;
  }
  #page40 .contents-3 .items .item p.num span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: left;
    color: #121212;
  }
  #page40 .contents-3 .items .item .text {
    position: relative;
    margin-left: 57.1px;
    top: 44px;
  }
  #page40 .contents-3 .items .item .text h3 {
    margin-bottom: 28px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: 1.2px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-3 .items .item .text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-3 .items .item img {
    width: 100%;
  }
  #page40 .contents-4 {
    position: relative;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 304.3px;
    background-color: #44ad96;
  }
  #page40 .contents-4 h2 {
    margin-bottom: 40px;
  }
  #page40 .contents-4 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.35px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 p {
    margin-bottom: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.32px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 .items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    width: 1271px;
    margin: 0 auto;
  }
  #page40 .contents-4 .items .item {
    position: relative;
    width: 397px;
  }
  #page40 .contents-4 .items .item .images p.num {
    position: absolute;
    top: 0;
    left: 0;
  }
  #page40 .contents-4 .items .item .images p.num small {
    display: block;
    margin-bottom: -10px;
    text-shadow: 2px 3px 2px rgba(0, 90, 70, 0.35);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 .items .item .images p.num strong {
    display: block;
    text-shadow: 2px 3px 2px rgba(0, 90, 70, 0.35);
    font-family: "Poppins", sans-serif;
    font-size: 56px;
    font-weight: bold;
    line-height: 79px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 .items .item .images p.num::after {
    content: "";
    display: block;
    width: 68px;
    height: 2px;
    box-shadow: 2px 3px 2px 0 rgba(0, 90, 70, 0.35);
    background-color: #fff;
    position: absolute;
    bottom: 6.1px;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page40 .contents-4 .items .item .images img {
    display: block;
    width: 360px;
    margin: 44.5px 0 20px auto;
  }
  #page40 .contents-4 .items .item .texts {
    position: relative;
    width: 360px;
    margin: 0 0 0 auto;
  }
  #page40 .contents-4 .items .item .texts h3 {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: left;
    color: #fff;
  }
  #page40 .contents-4 .items .item .texts p {
    margin-bottom: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.32px;
    text-align: left;
    color: #fff;
  }
  #page40 .contents-5 {
    position: relative;
    width: 1190px;
    padding-top: 90px;
    margin: -214px auto 90px;
  }
  #page40 .contents-5::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 40px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -99px;
  }
  #page40 .contents-5 h2 {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-5 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-5 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-5 p {
    margin-bottom: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-5 .items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: start;
    width: 100%;
  }
  #page40 .contents-5 .items .item {
    position: relative;
    width: 370px;
  }
  #page40 .contents-5 .items .item .images img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  #page40 .contents-5 .items .item .texts h3 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-5 .items .item .texts p {
    width: 360px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-6 {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 130px;
    margin-bottom: 90px;
  }
  #page40 .contents-6::before {
    content: "";
    display: block;
    width: 100%;
    height: 475px;
    background-image: linear-gradient(to right, rgba(237, 225, 85, 0.4), rgba(107, 204, 219, 0.6));
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page40 .contents-6 .headline {
    width: 1040px;
    margin: 0 auto 60px;
  }
  #page40 .contents-6 .headline h2 {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-6 .headline h2:nth-last-of-type(1) {
    margin-top: 7px;
    margin-bottom: 10px;
  }
  #page40 .contents-6 .headline p {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.61;
    letter-spacing: 1.44px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-6 .images {
    display: block;
    width: 591px;
    height: 513.5px;
    position: absolute;
    top: 90px;
    left: calc(50% + 105px);
    z-index: 1;
  }
  #page40 .contents-6 .images img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-6 .text {
    width: 1296px;
    margin: 0 auto;
    padding: 60px 80px 0;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    left: 49.5px;
  }
  #page40 .contents-6 .text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-6 .text p:nth-last-of-type(1) {
    margin-top: 20px;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page40 .kv {
    position: relative;
    width: 100%;
  }
  #page40 .kv .kv_top {
    position: relative;
    width: calc(100% - 25px);
    height: 232.15px;
    margin: 0 0 30px auto;
    overflow: hidden;
  }
  #page40 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page40 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page40 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page40 .kv .kv_top .slide-text {
    position: absolute;
    top: 141.5px;
    left: 19px;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap {
    position: relative;
    display: inline-block;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top {
    margin-bottom: 5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1.44px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top .inn {
    display: inline-block;
    padding: 0 7.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1.44px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 1.28px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom .inn {
    display: inline-block;
    padding: 0 7.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 1.28px;
    text-align: left;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.top::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #44ad96;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.bottom::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  @keyframes slide-text {
    0% {
      opacity: 0;
      transform: scaleX(0) translateX(-5%);
    }
    30% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
  }
  #page40 .kv .kv_bottom {
    position: relative;
    width: 280px;
    margin: 0 auto 62.4px;
  }
  #page40 .kv .kv_bottom p {
    font-family: vdl-penletter, sans-serif;
    font-size: 21.5px;
    font-weight: normal;
    line-height: 1.23;
    letter-spacing: -1.075px;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    position: relative;
  }
  #page40 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 10.75px;
    left: -32.5px;
  }
  #page40 .kv .kv_bottom::before {
    content: "";
    display: block;
    width: 1000%;
    height: 190px;
    border-radius: 20px;
    background-color: #44ad96;
    position: absolute;
    top: -85.5px;
    right: -35px;
    z-index: -1;
  }
  #page40 .contents-1 {
    display: grid;
    grid-template-columns: 270.5px;
    grid-template-rows: auto 145.3px;
    row-gap: 28.5px;
    justify-content: center;
    margin-bottom: 45px;
  }
  #page40 .contents-1 .texts {
    position: relative;
  }
  #page40 .contents-1 .texts::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.2) 5%, rgba(107, 204, 219, 0.4) 95%);
    position: absolute;
    bottom: -109px;
    left: -16.5px;
    z-index: 3;
  }
  #page40 .contents-1 .texts::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.1) 5%, rgba(107, 204, 219, 0.3) 95%);
    position: absolute;
    bottom: -136px;
    left: -49.5px;
  }
  #page40 .contents-1 .texts h2 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-1 .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-1 .images {
    position: relative;
  }
  #page40 .contents-1 .images::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.2) 5%, rgba(107, 204, 219, 0.4) 95%);
    position: absolute;
    top: -206.5px;
    right: -27px;
  }
  #page40 .contents-1 .images::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: linear-gradient(45deg, rgba(237, 225, 85, 0.1) 5%, rgba(107, 204, 219, 0.3) 95%);
    position: absolute;
    top: -219px;
    right: -11px;
  }
  #page40 .contents-1 .images img:nth-of-type(1) {
    width: 185px;
    position: absolute;
    top: 0;
    right: -12.15px;
    z-index: 1;
  }
  #page40 .contents-1 .images img:nth-of-type(2) {
    width: 125px;
    position: absolute;
    top: 61.9px;
    left: 0;
    z-index: 2;
  }
  #page40 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page40 .contents-2 h2 {
    margin-bottom: 30px;
  }
  #page40 .contents-2 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-2 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-2 p {
    display: block;
    width: 270.5px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-2 .image.swiper {
    width: 97.25%;
    margin: 0 0 0 auto;
    overflow: hidden;
    container-type: inline-size;
  }
  #page40 .contents-2 .image.swiper .swiper-wrapper {
    display: flex;
  }
  @container (min-width: 659px) {
    #page40 .contents-2 .image.swiper .swiper-wrapper {
      justify-content: center;
    }
  }
  #page40 .contents-2 .image.swiper .swiper-slide {
    width: auto !important;
  }
  #page40 .contents-2 .image.swiper img {
    width: 659px;
    max-width: none;
    display: block;
  }
  #page40 .contents-2 .image.swiper .swiper-scrollbar {
    width: 290px;
    height: 6px;
    margin: 20px auto 0;
    border-radius: 6px;
    background: #ddd;
    position: relative;
    bottom: 0;
    right: 1.375%;
  }
  #page40 .contents-2 .image.swiper .swiper-scrollbar-drag {
    background: #1f967c;
    border-radius: 6px;
  }
  #page40 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page40 .contents-3 h2 {
    margin-bottom: 30px;
  }
  #page40 .contents-3 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-3 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-3 p {
    display: block;
    width: 270.5px;
    margin: 0 auto 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-3 .items {
    display: grid;
    grid-template-columns: 363.45px;
    grid-template-rows: repeat(5, auto);
    gap: 20px;
    justify-content: center;
    position: relative;
    right: 0.9px;
  }
  #page40 .contents-3 .items .item {
    display: flex;
    gap: 16.35px;
    justify-content: center;
    align-items: start;
    padding-bottom: 35.1px;
    position: relative;
  }
  #page40 .contents-3 .items .item:nth-last-of-type(1)::before, #page40 .contents-3 .items .item:nth-last-of-type(1)::after {
    content: none;
  }
  #page40 .contents-3 .items .item:nth-last-of-type(1) p.num::after {
    content: none;
  }
  #page40 .contents-3 .items .item::before {
    content: "";
    display: block;
    width: 37.5px;
    height: 4.5px;
    background-color: #f0f0f0;
    position: absolute;
    bottom: 10.6px;
    left: 4.8px;
  }
  #page40 .contents-3 .items .item::after {
    content: "";
    display: block;
    width: 314px;
    height: 4.5px;
    background-color: #f0f0f0;
    position: absolute;
    bottom: 10.6px;
    right: -5.8px;
  }
  #page40 .contents-3 .items .item p.num {
    display: grid;
    -moz-column-gap: 5px;
         column-gap: 5px;
    justify-content: center;
    align-items: end;
    width: 110.95px;
    position: relative;
  }
  #page40 .contents-3 .items .item p.num::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 55.35px;
    left: 47.05px;
  }
  #page40 .contents-3 .items .item p.num.num-1 {
    grid-template-columns: 30.65px 14px;
  }
  #page40 .contents-3 .items .item p.num.num-1::after {
    width: 4px;
    height: 236px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page40/dots_smp_1.png);
  }
  #page40 .contents-3 .items .item p.num.num-2 {
    grid-template-columns: 91.7px 14px;
  }
  #page40 .contents-3 .items .item p.num.num-2::after {
    width: 4px;
    height: 236px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page40/dots_smp_2.png);
  }
  #page40 .contents-3 .items .item p.num.num-3 {
    grid-template-columns: 91.955px 14px;
  }
  #page40 .contents-3 .items .item p.num.num-3::after {
    width: 4px;
    height: 215px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page40/dots_smp_3.png);
  }
  #page40 .contents-3 .items .item p.num.num-4 {
    grid-template-columns: 45.845px 14px;
  }
  #page40 .contents-3 .items .item p.num.num-4::after {
    width: 4px;
    height: 214.5px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page40/dots_smp_4.png);
  }
  #page40 .contents-3 .items .item p.num.num-5 {
    grid-template-columns: 76.85px 14px;
  }
  #page40 .contents-3 .items .item p.num.num-5::after {
    content: none;
  }
  #page40 .contents-3 .items .item p.num span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.7px;
    text-align: left;
    color: #121212;
  }
  #page40 .contents-3 .items .item .text {
    width: 252.5px;
    margin-top: 9.15px;
    position: relative;
  }
  #page40 .contents-3 .items .item .text h3 {
    margin-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.56;
    letter-spacing: 0.8px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-3 .items .item .text p {
    width: 200px;
    margin: 0 auto 15px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-3 .items .item .text img {
    width: 200px;
  }
  #page40 .contents-4 {
    position: relative;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 612px;
    background-color: #44ad96;
  }
  #page40 .contents-4 h2 {
    margin-bottom: 30px;
  }
  #page40 .contents-4 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.35px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 p {
    display: block;
    width: 294px;
    margin: 0 auto 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #fff;
  }
  #page40 .contents-4 .items {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    width: 252px;
    margin: 0 auto;
  }
  #page40 .contents-4 .items .item {
    position: relative;
    width: 100%;
  }
  #page40 .contents-4 .items .item .images p.num {
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  #page40 .contents-4 .items .item .images p.num small {
    display: block;
    margin-bottom: -8px;
    text-shadow: 1px 1.5px 1px rgba(0, 90, 70, 0.35);
    font-family: "Poppins", sans-serif;
    font-size: 7px;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: 0.35px;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 .items .item .images p.num strong {
    display: block;
    text-shadow: 1px 1.5px 1px rgba(0, 90, 70, 0.35);
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 50.05px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  #page40 .contents-4 .items .item .images p.num::after {
    content: "";
    display: block;
    width: 42px;
    height: 1px;
    box-shadow: 1px 1.5px 1px 0 rgba(0, 90, 70, 0.35);
    background-color: #fff;
    position: absolute;
    bottom: 5.55px;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page40 .contents-4 .items .item .images img {
    display: block;
    width: 225px;
    margin: 27.25px 0 15px auto;
  }
  #page40 .contents-4 .items .item .texts {
    position: relative;
    width: 225px;
    margin: 0 0 0 auto;
  }
  #page40 .contents-4 .items .item .texts h3 {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: 1.12px;
    text-align: left;
    color: #fff;
  }
  #page40 .contents-4 .items .item .texts p {
    width: auto;
    margin-bottom: 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #fff;
  }
  #page40 .contents-5 {
    position: relative;
    width: 289px;
    padding-top: 45px;
    padding-bottom: 45px;
    margin: -567px auto 45px;
  }
  #page40 .contents-5::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 20px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: -30.5px;
  }
  #page40 .contents-5 h2 {
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-5 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.35px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-5 h2 span {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: center;
    color: #121212;
  }
  #page40 .contents-5 p {
    display: block;
    width: 289px;
    margin: 0 auto 28.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
    position: relative;
    z-index: 1;
  }
  #page40 .contents-5 .items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: start;
    width: 240px;
    margin: 0 auto;
  }
  #page40 .contents-5 .items .item {
    position: relative;
    width: 100%;
  }
  #page40 .contents-5 .items .item .images img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  #page40 .contents-5 .items .item .texts h3 {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.07;
    letter-spacing: 1.12px;
    text-align: center;
    color: #44ad96;
  }
  #page40 .contents-5 .items .item .texts p {
    width: 100%;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-6 {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 45px;
    margin-bottom: 45px;
  }
  #page40 .contents-6::before {
    content: "";
    display: block;
    width: 100%;
    height: 319.75px;
    background-image: linear-gradient(to right, rgba(237, 225, 85, 0.4), rgba(107, 204, 219, 0.6));
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page40 .contents-6 .headline {
    width: 311.5px;
    margin: 0 auto 30px;
  }
  #page40 .contents-6 .headline h2 {
    display: inline-block;
    padding-left: 7.5px;
    padding-right: 7.5px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 1.6px;
    text-align: left;
    color: #44ad96;
  }
  #page40 .contents-6 .headline h2:nth-last-of-type(1) {
    margin-top: 3.5px;
    margin-bottom: 5px;
  }
  #page40 .contents-6 .headline p {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: 1.04px;
    text-align: left;
    color: #44ad96;
    white-space: nowrap;
  }
  #page40 .contents-6 .images {
    display: block;
    width: 295.5px;
    height: 256.75px;
    margin: 0 auto 30px;
    position: relative;
  }
  #page40 .contents-6 .images img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .contents-6 .text {
    width: 308.5px;
    margin: 0 auto;
  }
  #page40 .contents-6 .text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page40 .contents-6 .text p:nth-last-of-type(1) {
    margin-top: 10px;
  }
}
/*50.暮らしを知る*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page50 {
    position: relative;
    width: 100%;
    padding-bottom: 117.6px;
  }
  #page50 .kv {
    position: relative;
    width: 100%;
  }
  #page50 .kv .kv_top {
    position: relative;
    width: calc(100% - 140px);
    height: 453.6px;
    margin: 0 auto;
    overflow: hidden;
  }
  #page50 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page50 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page50 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page50 .kv .texts {
    width: 562px;
    padding: 50px 0 60px;
    border-radius: 30px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .kv .texts.fadein.is-active {
    opacity: 0.95;
  }
  #page50 .kv .texts h1 {
    margin-bottom: 48px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page50 .kv .texts h1::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    background-color: #44ad96;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .kv .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .kv .kv_bottom {
    width: 100%;
    margin-top: -133.6px;
    margin-bottom: 90px;
    padding-top: 180px;
    padding-bottom: 64px;
    background-color: #44ad96;
    text-align: center;
    position: relative;
    z-index: -1;
  }
  #page50 .kv .kv_bottom p {
    display: inline-block;
    -webkit-text-stroke: 0.3px #fff;
    font-family: vdl-penletter, sans-serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 0.95;
    letter-spacing: -3.04px;
    text-align: center;
    color: #fff;
    position: relative;
  }
  #page50 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .kv .kv_bottom p::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -65px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-1 {
    display: grid;
    grid-template-columns: 485px 42%;
    -moz-column-gap: 165px;
         column-gap: 165px;
    justify-content: end;
    margin-bottom: 90px;
    position: relative;
  }
  #page50 .contents-1::after {
    content: "";
    display: block;
    width: 619px;
    height: 423.6px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/ube.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 337.4px;
    left: calc(50% + 5px);
    z-index: 1;
  }
  #page50 .contents-1 .texts {
    margin-top: 30px;
  }
  #page50 .contents-1 .texts h2 {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #121212;
  }
  #page50 .contents-1 .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
  }
  #page50 .contents-1 .texts p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-1 .texts p.main-text:nth-last-of-type(1) {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  #page50 .contents-1 .texts .voice {
    display: grid;
    grid-template-columns: 188px 1fr;
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
  #page50 .contents-1 .texts .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page50 .contents-1 .texts .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-1 .texts .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-1 .texts .voice .voice-texts {
    width: 100%;
    height: 152px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-1 .texts .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-1 .texts .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page50 .contents-1 .texts .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-1 .image {
    width: 100%;
  }
  #page50 .contents-1 .image img {
    width: 100%;
  }
  #page50 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 107.3px;
    padding: 90px 0;
  }
  #page50 .contents-2::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 40px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    right: calc(50% - 640px);
  }
  #page50 .contents-2::after {
    content: "";
    display: block;
    width: 328px;
    height: 203px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/living_5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 72px;
    right: calc(50% + 750px - 328px);
  }
  #page50 .contents-2 h2 {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    position: absolute;
    top: 70px;
    right: calc(50% + 477px);
  }
  #page50 .contents-2 h2 small {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.61;
    letter-spacing: 0.9px;
    text-align: right;
    color: #30a289;
    writing-mode: vertical-rl;
  }
  #page50 .contents-2 h2 strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 38px;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: 3.8px;
    text-align: right;
    color: #121212;
    writing-mode: vertical-rl;
    position: relative;
  }
  #page50 .contents-2 h2 strong::after {
    content: "";
    display: block;
    width: 2px;
    height: 60px;
    background-color: #121212;
    position: absolute;
    bottom: -67px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-2 .main-content {
    position: relative;
    width: 671px;
    margin: 0 auto;
  }
  #page50 .contents-2 .main-content p.fukidashi {
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #121212;
    position: absolute;
    top: -18.5px;
    right: 33.8px;
  }
  #page50 .contents-2 .main-content p.fukidashi::after {
    content: "";
    width: 149.8px;
    height: 145.6px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/fukidashi.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -35.1px;
    left: -34px;
  }
  #page50 .contents-2 .main-content h3 {
    display: grid;
    grid-template-columns: repeat(6, 35px);
    -moz-column-gap: 2px;
         column-gap: 2px;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
  }
  #page50 .contents-2 .main-content h3 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 35px;
    letter-spacing: 0;
    text-align: center;
  }
  #page50 .contents-2 .main-content h3 span:nth-of-type(1), #page50 .contents-2 .main-content h3 span:nth-of-type(2), #page50 .contents-2 .main-content h3 span:nth-of-type(3) {
    background-color: #edbc1a;
    color: #fff;
  }
  #page50 .contents-2 .main-content h3 span:nth-of-type(4), #page50 .contents-2 .main-content h3 span:nth-of-type(5), #page50 .contents-2 .main-content h3 span:nth-of-type(6) {
    background-color: #fff;
    border: solid 1px #edbc1a;
    color: #edbc1a;
  }
  #page50 .contents-2 .main-content p.headline {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: center;
    color: #121212;
  }
  #page50 .contents-2 .main-content p.sub-text {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-2 .main-content img {
    display: block;
    width: 636px;
    margin: 0 auto 40px;
  }
  #page50 .contents-2 .main-content p.bottom {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    text-align: center;
  }
  #page50 .contents-3 h2 {
    display: inline-block;
    margin-bottom: 71.7px;
    padding-bottom: 10px;
    position: relative;
  }
  #page50 .contents-3 h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-image: repeating-linear-gradient(to right, #edbc1a 0 4px, transparent 4px 10px);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #page50 .contents-3 h2 img {
    width: 80px;
    position: absolute;
    top: -47.3px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-3 h2 strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page50 .contents-3 .content {
    width: 1066px;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  #page50 .contents-3 .content h3 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
  }
  #page50 .contents-3 .content p.main-text {
    margin-bottom: 65.8px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-3 .content .items {
    width: 100%;
  }
  #page50 .contents-3 .content .items .graph {
    width: 100%;
  }
  #page50 .contents-3 .content .items .graph h4 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: 1.2px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-3 .content .items .graph img {
    width: 658px;
  }
  #page50 .contents-3 .content .items .voice {
    display: grid;
    grid-template-columns: 172px 296px;
    -moz-column-gap: 22px;
         column-gap: 22px;
    position: absolute;
    bottom: 29px;
    left: 696px;
  }
  #page50 .contents-3 .content .items .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page50 .contents-3 .content .items .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-3 .content .items .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-3 .content .items .voice .voice-texts {
    width: 100%;
    height: 152px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-3 .content .items .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-3 .content .items .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page50 .contents-3 .content .items .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-3 .images img:nth-of-type(1) {
    width: 760px;
    position: absolute;
    top: 57.2px;
    left: calc(50% - 10px);
  }
  #page50 .contents-4 {
    width: 1238px;
    margin: 0 auto 90px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    right: 8px;
  }
  #page50 .contents-4::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 40px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: 273.1px;
    z-index: -1;
  }
  #page50 .contents-4 h2 {
    margin: 0 auto 60px 179.1px;
    position: relative;
  }
  #page50 .contents-4 h2 strong {
    font-family: "Poppins", sans-serif;
    font-size: 150px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.75px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #page50 .contents-4 h2 small {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: 2.4px;
    text-align: left;
    color: #121212;
    position: absolute;
    bottom: 21.5px;
    left: 167.8px;
  }
  #page50 .contents-4 .content {
    display: grid;
    grid-template-columns: 579.6px 1fr;
    -moz-column-gap: 18.9px;
         column-gap: 18.9px;
  }
  #page50 .contents-4 .content .images {
    margin-top: 20px;
    position: relative;
  }
  #page50 .contents-4 .content .images img {
    position: absolute;
  }
  #page50 .contents-4 .content .images img.img-1 {
    width: 580px;
    top: 0;
    left: 0;
  }
  #page50 .contents-4 .content .main-texts .main-text {
    width: 579px;
    margin: 0 31px 59.6px auto;
  }
  #page50 .contents-4 .content .main-texts .main-text h3 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #121212;
  }
  #page50 .contents-4 .content .main-texts .main-text h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
  }
  #page50 .contents-4 .content .main-texts .main-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-4 .content .main-texts .main-text p:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page50 .contents-4 .content .main-texts .voice {
    display: grid;
    grid-template-columns: 188px 1fr;
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
  #page50 .contents-4 .content .main-texts .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page50 .contents-4 .content .main-texts .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-4 .content .main-texts .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts {
    width: 100%;
    height: 126px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-5 {
    display: grid;
    grid-template-columns: 512px 545px;
    -moz-column-gap: 73.5px;
         column-gap: 73.5px;
    justify-content: center;
    position: relative;
    left: 73.25px;
  }
  #page50 .contents-5 .texts {
    margin-top: 42px;
    position: relative;
  }
  #page50 .contents-5 .texts::before {
    content: "";
    display: block;
    width: 103px;
    height: 103px;
    opacity: 0.5;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/dots_L.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -70px;
    left: -86px;
  }
  #page50 .contents-5 .texts::after {
    content: "";
    display: block;
    width: 62px;
    height: 54px;
    opacity: 0.7;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/dots_S.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -27.6px;
    right: -105px;
  }
  #page50 .contents-5 .texts h2 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #121212;
  }
  #page50 .contents-5 .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
  }
  #page50 .contents-5 .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-5 img {
    width: 100%;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page50 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page50 .kv {
    position: relative;
    width: 100%;
  }
  #page50 .kv .kv_top {
    position: relative;
    width: calc(100% - 50px);
    height: 216.65px;
    margin: 0 auto;
    overflow: hidden;
  }
  #page50 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page50 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page50 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page50 .kv .texts {
    width: 297px;
    padding: 25px 0 30px;
    border-radius: 15px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 171.5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .kv .texts.fadein.is-active {
    opacity: 0.95;
  }
  #page50 .kv .texts h1 {
    margin-bottom: 24.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page50 .kv .texts h1::after {
    content: "";
    display: block;
    width: 24.5px;
    height: 2px;
    background-color: #44ad96;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .kv .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page50 .kv .kv_bottom {
    width: 100%;
    margin-top: -65px;
    margin-bottom: 40px;
    padding-top: 235px;
    padding-bottom: 21.5px;
    background-color: #44ad96;
    text-align: center;
    position: relative;
    z-index: -1;
  }
  #page50 .kv .kv_bottom p {
    display: inline-block;
    -webkit-text-stroke: 0.3px #fff;
    font-family: vdl-penletter, sans-serif;
    font-size: 21.5px;
    font-weight: normal;
    line-height: 1.23;
    letter-spacing: -1.08px;
    text-align: center;
    color: #fff;
    position: relative;
  }
  #page50 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 25px;
    height: 0.5px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -37.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .kv .kv_bottom p::after {
    content: "";
    display: block;
    width: 25px;
    height: 0.5px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -37.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-1 {
    display: grid;
    grid-template-columns: 350px;
    row-gap: 30px;
    justify-content: center;
    margin-bottom: 45px;
    position: relative;
  }
  #page50 .contents-1::after {
    content: "";
    display: block;
    width: 242.115px;
    height: 165.69px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/ube.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -129.7px;
    left: calc(50% + 35.5px);
  }
  #page50 .contents-1 .texts {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 350px;
    margin: 0 auto;
  }
  #page50 .contents-1 .texts h2 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: center;
    color: #121212;
  }
  #page50 .contents-1 .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: center;
  }
  #page50 .contents-1 .texts p.main-text {
    width: 314.5px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-1 .texts p.main-text:nth-last-of-type(1) {
    margin-top: 10px;
    margin-bottom: 10.5px;
  }
  #page50 .contents-1 .texts .voice {
    display: grid;
    grid-template-columns: 141px 1fr;
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-1 .texts .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page50 .contents-1 .texts .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page50 .contents-1 .texts .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-1 .texts .voice .voice-texts {
    width: 100%;
    height: 105.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-1 .texts .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -5.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-1 .texts .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page50 .contents-1 .texts .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-1 .image {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 285px;
    margin: 0 auto;
  }
  #page50 .contents-1 .image img {
    width: 100%;
  }
  #page50 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    padding: 241.15px 0 45px;
  }
  #page50 .contents-2::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 20px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    right: calc(50% - 190px);
    z-index: -1;
  }
  #page50 .contents-2::after {
    content: "";
    display: block;
    width: 223.5px;
    height: 138.35px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/living_5.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 55.65px;
    left: calc(50% - 48.5px);
  }
  #page50 .contents-2 h2 {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    position: absolute;
    top: 30px;
    right: calc(50% + 95px);
  }
  #page50 .contents-2 h2 small {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: 0.65px;
    text-align: right;
    color: #30a289;
    writing-mode: vertical-rl;
  }
  #page50 .contents-2 h2 strong {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 1.8px;
    text-align: right;
    color: #121212;
    writing-mode: vertical-rl;
    position: relative;
  }
  #page50 .contents-2 h2 strong::after {
    content: "";
    display: block;
    width: 1px;
    height: 20.9px;
    background-color: #121212;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-2 .main-content {
    position: relative;
    width: 350px;
    margin: 0 auto;
  }
  #page50 .contents-2 .main-content p.fukidashi {
    display: inline-block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: 0.6px;
    text-align: center;
    color: #121212;
    position: absolute;
    top: -16.6px;
    right: 6.5px;
  }
  #page50 .contents-2 .main-content p.fukidashi::after {
    content: "";
    width: 96.5px;
    height: 93.8px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/fukidashi.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -20.35px;
    left: -18px;
  }
  #page50 .contents-2 .main-content h3 {
    display: grid;
    grid-template-columns: repeat(6, 25px);
    -moz-column-gap: 1px;
         column-gap: 1px;
    justify-content: center;
    margin-bottom: 5px;
    position: relative;
  }
  #page50 .contents-2 .main-content h3 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
  }
  #page50 .contents-2 .main-content h3 span:nth-of-type(1), #page50 .contents-2 .main-content h3 span:nth-of-type(2), #page50 .contents-2 .main-content h3 span:nth-of-type(3) {
    background-color: #edbc1a;
    color: #fff;
  }
  #page50 .contents-2 .main-content h3 span:nth-of-type(4), #page50 .contents-2 .main-content h3 span:nth-of-type(5), #page50 .contents-2 .main-content h3 span:nth-of-type(6) {
    background-color: #fff;
    border: solid 1px #edbc1a;
    color: #edbc1a;
  }
  #page50 .contents-2 .main-content p.headline {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
  }
  #page50 .contents-2 .main-content p.sub-text {
    display: block;
    width: 341px;
    margin: 0 auto 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-2 .main-content img {
    display: block;
    width: 350px;
    margin-bottom: 20px;
  }
  #page50 .contents-2 .main-content p.bottom {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    text-align: center;
  }
  #page50 .contents-3 h2 {
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 4.1px;
    position: relative;
  }
  #page50 .contents-3 h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #edbc1a 0 2px, transparent 2px 5px);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #page50 .contents-3 h2 img {
    width: 40px;
    position: absolute;
    top: -23.65px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page50 .contents-3 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.39;
    letter-spacing: 0.9px;
    text-align: center;
    color: #121212;
  }
  #page50 .contents-3 .content {
    width: 351px;
    height: auto;
    margin: 0 auto;
    position: relative;
  }
  #page50 .contents-3 .content h3 {
    width: 338px;
    margin: 0 0 15px auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.41;
    letter-spacing: 1.36px;
    text-align: left;
    color: #44ad96;
  }
  #page50 .contents-3 .content p.main-text {
    width: 338px;
    margin: 0 0 20px auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-3 .content .images {
    width: 380px;
    height: 164.7px;
    margin-bottom: 30px;
  }
  #page50 .contents-3 .content .images img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page50 .contents-3 .content .items {
    width: 100%;
  }
  #page50 .contents-3 .content .items .graph {
    width: 100%;
  }
  #page50 .contents-3 .content .items .graph h4 {
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.8px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-3 .content .items .graph img {
    width: 100%;
    margin-bottom: 22.5px;
  }
  #page50 .contents-3 .content .items .voice {
    display: grid;
    grid-template-columns: 129px 191.5px;
    -moz-column-gap: 10.5px;
         column-gap: 10.5px;
    justify-content: center;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-3 .content .items .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page50 .contents-3 .content .items .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page50 .contents-3 .content .items .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-3 .content .items .voice .voice-texts {
    width: 100%;
    height: 105.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-3 .content .items .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -5.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-3 .content .items .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page50 .contents-3 .content .items .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-4 {
    width: 350px;
    margin: 0 auto 64px;
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
  }
  #page50 .contents-4::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 20px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: -16.5px;
    z-index: -1;
  }
  #page50 .contents-4 h2 {
    margin-bottom: 19.25px;
    position: relative;
    text-align: center;
  }
  #page50 .contents-4 h2 strong {
    font-family: "Poppins", sans-serif;
    font-size: 75px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.375px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #page50 .contents-4 h2 small {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.6px;
    text-align: left;
    color: #121212;
    position: absolute;
    bottom: 10.75px;
    left: 66.9px;
  }
  #page50 .contents-4 .content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 211.35px auto;
    row-gap: 20px;
  }
  #page50 .contents-4 .content .images {
    position: relative;
  }
  #page50 .contents-4 .content .images img {
    position: absolute;
  }
  #page50 .contents-4 .content .images img.img-1 {
    width: 290px;
    top: 0;
    left: 40px;
  }
  #page50 .contents-4 .content .main-texts .main-text {
    width: 294.5px;
    margin: 0 25px 22.3px auto;
  }
  #page50 .contents-4 .content .main-texts .main-text h3 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
    color: #121212;
  }
  #page50 .contents-4 .content .main-texts .main-text h3 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
  }
  #page50 .contents-4 .content .main-texts .main-text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-4 .content .main-texts .main-text p:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page50 .contents-4 .content .main-texts .voice {
    display: grid;
    grid-template-columns: 141px 1fr;
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page50 .contents-4 .content .main-texts .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page50 .contents-4 .content .main-texts .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page50 .contents-4 .content .main-texts .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts {
    width: 100%;
    height: 105.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -5.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page50 .contents-4 .content .main-texts .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-5 {
    display: grid;
    grid-template-columns: 305px;
    row-gap: 30px;
    justify-content: center;
  }
  #page50 .contents-5 .texts {
    grid-column: 1/2;
    grid-row: 1/2;
    position: relative;
  }
  #page50 .contents-5 .texts::before {
    content: "";
    display: block;
    width: 51.5px;
    height: 51.5px;
    opacity: 0.5;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/dots_L.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -34px;
    left: -30.5px;
  }
  #page50 .contents-5 .texts::after {
    content: "";
    display: block;
    width: 31px;
    height: 27px;
    opacity: 0.7;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page50/dots_S.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -39.5px;
    right: -16px;
  }
  #page50 .contents-5 .texts h2 {
    margin-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
    color: #121212;
  }
  #page50 .contents-5 .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
  }
  #page50 .contents-5 .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page50 .contents-5 .texts p:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page50 .contents-5 img {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 100%;
  }
}
/*60.地方で働くという選択*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page60 {
    position: relative;
    width: 100%;
    padding-bottom: 231.6px;
  }
  #page60 .kv {
    position: relative;
    width: 100%;
  }
  #page60 .kv .kv_top {
    position: relative;
    width: calc(100% - 140px);
    height: 453.6px;
    margin: 0 auto;
    overflow: hidden;
  }
  #page60 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page60 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page60 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page60 .kv .texts {
    width: 562px;
    padding: 50px 0 60px;
    border-radius: 30px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 96px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .kv .texts.fadein.is-active {
    opacity: 0.95;
  }
  #page60 .kv .texts h1 {
    margin-bottom: 48px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 2.88px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page60 .kv .texts h1::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    background-color: #44ad96;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .kv .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page60 .kv .kv_bottom {
    width: 100%;
    margin-top: -133.6px;
    padding-top: 180px;
    padding-bottom: 64px;
    background-color: #44ad96;
    text-align: center;
    position: relative;
    z-index: -1;
  }
  #page60 .kv .kv_bottom p {
    display: inline-block;
    -webkit-text-stroke: 0.3px #fff;
    font-family: vdl-penletter, sans-serif;
    font-size: 38px;
    font-weight: normal;
    line-height: 0.95;
    letter-spacing: -3.04px;
    text-align: center;
    color: #fff;
    position: relative;
  }
  #page60 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -65px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .kv .kv_bottom p::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -65px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    padding-top: 90px;
    padding-bottom: 71.3px;
    background-color: #f7f7f7;
  }
  #page60 .contents-1 .head {
    display: grid;
    grid-template-columns: 42% 555px;
    -moz-column-gap: 108px;
         column-gap: 108px;
    justify-content: start;
    position: relative;
  }
  #page60 .contents-1 .head .texts {
    grid-column: 2/3;
    grid-row: 1/2;
    height: 424px;
    margin-top: 30px;
  }
  #page60 .contents-1 .head .texts h2 {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #121212;
    white-space: nowrap;
  }
  #page60 .contents-1 .head .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
  }
  #page60 .contents-1 .head .texts p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-1 .head .texts p.main-text:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page60 .contents-1 .head .image {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 100%;
  }
  #page60 .contents-1 .head .image img {
    width: 100%;
  }
  #page60 .contents-1 .middle {
    width: 1180px;
    margin: -60px auto 0;
    padding: 60px 70px 60px 70px;
    border-radius: 40px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-1 .middle h2 {
    margin-bottom: 21.2px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page60 .contents-1 .middle h2::before {
    content: "";
    display: block;
    width: 53px;
    height: 48px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/h2-icon-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 177px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 .middle h2::after {
    content: "";
    display: block;
    width: 53px;
    height: 48px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/h2-icon-right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 177px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 .middle .items {
    width: 100%;
    height: 226.7px;
    position: relative;
  }
  #page60 .contents-1 .middle .items .item {
    width: 267.1px;
  }
  #page60 .contents-1 .middle .items .item::before {
    content: "";
    display: block;
    width: 247.6px;
    height: 121.4px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/fukidashi.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 19.5px;
    z-index: -1;
  }
  #page60 .contents-1 .middle .items .item.item-1 {
    position: absolute;
    top: 44.2px;
    left: 0;
  }
  #page60 .contents-1 .middle .items .item.item-2 {
    position: absolute;
    top: 105.3px;
    left: 267.2px;
  }
  #page60 .contents-1 .middle .items .item.item-3 {
    position: absolute;
    top: 25.3px;
    left: 508.3px;
  }
  #page60 .contents-1 .middle .items .item.item-3 p.text {
    padding: 30.1px 24.6px 43.2px 44.5px;
  }
  #page60 .contents-1 .middle .items .item.item-4 {
    position: absolute;
    top: 98px;
    left: 773.8px;
  }
  #page60 .contents-1 .middle .items .item p.num {
    -webkit-text-stroke: 1px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -8px;
    left: 6px;
  }
  #page60 .contents-1 .middle .items .item p.text {
    padding: 30.1px 49.6px 43.2px 69.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.48px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page60 .contents-1 .bottom {
    margin-top: 40px;
    position: relative;
  }
  #page60 .contents-1 .bottom::before {
    content: "";
    display: block;
    width: 255px;
    height: 225px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/area_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -71.3px;
    left: calc(50% - 640px);
    z-index: 1;
  }
  #page60 .contents-1 .bottom p.bottom-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 1.2px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-1 .bottom p.bottom-text span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.67;
    letter-spacing: 1.2px;
    text-align: center;
  }
  #page60 .contents-2 {
    width: 100%;
    margin-bottom: 170.6px;
    position: relative;
  }
  #page60 .contents-2 .wrapper {
    display: grid;
    grid-template-columns: 587px 42%;
    -moz-column-gap: 44px;
         column-gap: 44px;
    justify-content: end;
    position: relative;
  }
  #page60 .contents-2 .wrapper .texts .headline p {
    margin-bottom: 14px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 1.76px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 {
    display: grid;
    grid-template-columns: repeat(8, 50px);
    -moz-column-gap: 3px;
         column-gap: 3px;
    margin-bottom: 23px;
    position: relative;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 0;
    text-align: center;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(1), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(2), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(3) {
    background-color: #deb254;
    color: #fff;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(4), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(5), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(6), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(7), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(8) {
    background-color: #fff;
    border: solid 1px #deb254;
    color: #deb254;
  }
  #page60 .contents-2 .wrapper .texts .headline h3 {
    margin-bottom: 24px;
    font-family: vdl-penletter, sans-serif;
    font-size: 44px;
    font-weight: normal;
    line-height: 0.82;
    letter-spacing: -2.2px;
    text-align: left;
    color: #deb254;
  }
  #page60 .contents-2 .wrapper .texts p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-2 .wrapper .texts p.main-text:nth-last-of-type(2) {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #page60 .contents-2 .wrapper .image {
    width: 100%;
  }
  #page60 .contents-2 .wrapper .image img {
    width: 100%;
    height: 420.2px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .contents-2 .voice {
    display: grid;
    grid-template-columns: 188px 299px;
    -moz-column-gap: 14px;
         column-gap: 14px;
    position: absolute;
    bottom: -105px;
    left: calc(50% + 23px);
  }
  #page60 .contents-2 .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page60 .contents-2 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-2 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-2 .voice .voice-texts {
    width: 100%;
    height: 126px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page60 .contents-2 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-2 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page60 .contents-2 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-3 {
    width: 100%;
    margin-bottom: 207.9px;
    position: relative;
  }
  #page60 .contents-3 h2 {
    margin-bottom: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-3 .wrapper {
    display: grid;
    grid-template-columns: 565px 516px;
    -moz-column-gap: 91.7px;
         column-gap: 91.7px;
    justify-content: center;
    position: relative;
    right: 23.35px;
  }
  #page60 .contents-3 .wrapper .texts .text h3 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
    white-space: nowrap;
  }
  #page60 .contents-3 .wrapper .texts .text p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-3 .wrapper .texts .text p.main-text:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page60 .contents-3 .wrapper .image {
    width: 100%;
  }
  #page60 .contents-3 .wrapper .image img {
    width: 100%;
  }
  #page60 .contents-3 .voice {
    display: grid;
    grid-template-columns: 188px 414px;
    -moz-column-gap: 14px;
         column-gap: 14px;
    position: absolute;
    bottom: -117.9px;
    left: calc(50% - 155px);
  }
  #page60 .contents-3 .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page60 .contents-3 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-3 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-3 .voice .voice-texts {
    width: 100%;
    height: 100px;
    margin-top: 10.8px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page60 .contents-3 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-3 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page60 .contents-3 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
  }
  #page60 .contents-4 .head {
    display: grid;
    grid-template-columns: 483px 579px;
    justify-content: center;
    align-items: end;
    padding-top: 91px;
    padding-bottom: 111.3px;
    position: relative;
  }
  #page60 .contents-4 .head::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/area_8pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #page60 .contents-4 .head::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(105deg, rgba(237, 225, 85, 0.3), rgba(107, 204, 219, 0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page60 .contents-4 .head h2 small {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 1.54px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page60 .contents-4 .head h2 small::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #44ad96;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-4 .head h2 span {
    display: inline-block;
    padding: 0 15px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-4 .head h2 span:nth-last-of-type(1) {
    margin-top: 7px;
  }
  #page60 .contents-4 .head p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 .bottom {
    position: relative;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 80px;
    background-color: #f7f7f7;
  }
  #page60 .contents-4 .bottom p.head-text {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.27;
    letter-spacing: 1.54px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-4 .bottom .items {
    display: grid;
    grid-template-columns: 351px 366.33px 358.33px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    justify-content: center;
    margin-bottom: 50px;
  }
  #page60 .contents-4 .bottom .items .item {
    display: grid;
    grid-template-rows: 64px 108px;
    row-gap: 15px;
    padding-top: 21px;
    position: relative;
  }
  #page60 .contents-4 .bottom .items .item:nth-of-type(1), #page60 .contents-4 .bottom .items .item:nth-of-type(2) {
    border-right: dashed 1px #a7a7a7;
  }
  #page60 .contents-4 .bottom .items .item::before {
    content: "";
    display: block;
    width: 27px;
    height: 33px;
    opacity: 0.9;
    background-image: linear-gradient(44deg, #ede155 -1%, #6bccdb 90%);
    position: absolute;
    top: 0;
    left: 0;
  }
  #page60 .contents-4 .bottom .items .item h3 {
    margin-left: 47px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.36;
    letter-spacing: 1.1px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-4 .bottom .items .item p {
    margin-left: 47px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 .bottom .items .item p a {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #1c39b5;
    position: relative;
  }
  #page60 .contents-4 .bottom .items .item p a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1c39b5;
    opacity: 0;
    transition: 0.2s;
  }
  #page60 .contents-4 .bottom .items .item p a:hover::after {
    opacity: 1;
  }
  #page60 .contents-4 .bottom p.bottom-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-5 {
    width: 100%;
    position: relative;
    text-align: center;
  }
  #page60 .contents-5 h2 {
    margin-bottom: 31px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.13;
    letter-spacing: 1.6px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-5 h3 {
    display: inline-block;
    margin-bottom: 33px;
    font-family: vdl-penletter, sans-serif;
    font-size: 44px;
    font-weight: normal;
    line-height: 59px;
    letter-spacing: -6.16px;
    text-align: left;
    color: #deb254;
    position: relative;
  }
  #page60 .contents-5 h3::before {
    content: "";
    display: block;
    width: 735px;
    height: 18px;
    border-radius: 1px;
    background-color: #f7f7f7;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .contents-5 p.head-text {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-5 .wrapper {
    display: grid;
    grid-template-columns: 497px 462px;
    -moz-column-gap: 91.7px;
         column-gap: 91.7px;
    justify-content: center;
    position: relative;
  }
  #page60 .contents-5 .wrapper .texts {
    margin-top: 20px;
  }
  #page60 .contents-5 .wrapper .texts .text h4 {
    margin-bottom: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 1.92px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-5 .wrapper .texts .text p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-5 .wrapper .texts .text p.main-text:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page60 .contents-5 .wrapper .image {
    width: 100%;
  }
  #page60 .contents-5 .wrapper .image img {
    width: 100%;
    height: 308.07px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .contents-5 .voice {
    display: grid;
    grid-template-columns: 188px 437px;
    -moz-column-gap: 14px;
         column-gap: 14px;
    position: absolute;
    bottom: -117.9px;
    left: calc(50% - 128px);
  }
  #page60 .contents-5 .voice .staff img {
    display: block;
    width: 120px;
    margin: 0 auto 10px;
  }
  #page60 .contents-5 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-5 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.8px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-5 .voice .voice-texts {
    width: 100%;
    height: 126px;
    margin-top: 10.8px;
    padding: 25px 25px 25px 30px;
    border-radius: 20px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page60 .contents-5 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 13px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-5 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.5px #deb254;
    font-family: "Allison", cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 0.97;
    letter-spacing: 2.4px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -30px;
  }
  #page60 .contents-5 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.63;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page60 {
    position: relative;
    width: 100%;
    padding-bottom: 66px;
  }
  #page60 .kv {
    position: relative;
    width: 100%;
  }
  #page60 .kv .kv_top {
    position: relative;
    width: calc(100% - 50px);
    height: 209.5px;
    margin: 0 auto;
    overflow: hidden;
  }
  #page60 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page60 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page60 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page60 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page60 .kv .texts {
    width: 297px;
    padding: 25px 0 30px;
    border-radius: 15px;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 171.5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .kv .texts.fadein.is-active {
    opacity: 0.95;
  }
  #page60 .kv .texts h1 {
    margin-bottom: 24.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page60 .kv .texts h1::after {
    content: "";
    display: block;
    width: 24.5px;
    height: 2px;
    background-color: #44ad96;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .kv .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page60 .kv .kv_bottom {
    width: 100%;
    margin-top: -65px;
    padding-top: 225px;
    padding-bottom: 21.5px;
    background-color: #44ad96;
    text-align: center;
    position: relative;
    z-index: -1;
  }
  #page60 .kv .kv_bottom p {
    display: inline-block;
    -webkit-text-stroke: 0.3px #fff;
    font-family: vdl-penletter, sans-serif;
    font-size: 21.5px;
    font-weight: normal;
    line-height: 1.23;
    letter-spacing: -1.08px;
    text-align: center;
    color: #fff;
    position: relative;
  }
  #page60 .kv .kv_bottom p::before {
    content: "";
    display: block;
    width: 25px;
    height: 0.5px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -37.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .kv .kv_bottom p::after {
    content: "";
    display: block;
    width: 25px;
    height: 0.5px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: -37.5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    padding-top: 45px;
    padding-bottom: 30px;
    background-color: #f7f7f7;
  }
  #page60 .contents-1 .head {
    display: grid;
    grid-template-columns: 315px;
    row-gap: 20px;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
  }
  #page60 .contents-1 .head .texts {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 303.5px;
    margin: 0 auto;
  }
  #page60 .contents-1 .head .texts h2 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
    color: #121212;
  }
  #page60 .contents-1 .head .texts h2 span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
  }
  #page60 .contents-1 .head .texts p.main-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-1 .head .texts p.main-text:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page60 .contents-1 .head .image {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 100%;
  }
  #page60 .contents-1 .head .image img {
    width: 100%;
  }
  #page60 .contents-1 .middle {
    width: 375px;
    margin: 0 auto 39px;
    padding: 30px 0 25px;
    border-radius: 20px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-1 .middle h2 {
    margin-bottom: 32px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.41;
    letter-spacing: 0.85px;
    text-align: center;
    color: #121212;
    position: relative;
  }
  #page60 .contents-1 .middle h2::before {
    content: "";
    display: block;
    width: 26.5px;
    height: 24px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/h2-icon-left.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 .middle h2::after {
    content: "";
    display: block;
    width: 26.5px;
    height: 24px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/h2-icon-right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-1 .middle .items {
    display: grid;
    grid-template-columns: repeat(2, 170.85px);
    row-gap: 17.65px;
    justify-content: center;
  }
  #page60 .contents-1 .middle .items .item {
    position: relative;
  }
  #page60 .contents-1 .middle .items .item::before {
    content: "";
    display: block;
    width: 158.65px;
    height: 73.45px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/fukidashi.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 10.35px;
    z-index: -1;
  }
  #page60 .contents-1 .middle .items .item.item-1 p.text {
    padding: 20.05px 24px 24.6px 35.85px;
  }
  #page60 .contents-1 .middle .items .item.item-2 p.text {
    padding: 20.05px 24px 24.6px 35.85px;
  }
  #page60 .contents-1 .middle .items .item.item-3 p.text {
    padding: 20.05px 5.5px 24.6px 17.35px;
  }
  #page60 .contents-1 .middle .items .item.item-4 p.text {
    padding: 20.05px 18px 24.6px 29.85px;
  }
  #page60 .contents-1 .middle .items .item p.num {
    -webkit-text-stroke: 1px #deb254;
    font-family: "Allison", cursive;
    font-size: 18px;
    font-weight: normal;
    line-height: 0.81;
    letter-spacing: 1.44px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -4px;
    left: 3px;
  }
  #page60 .contents-1 .middle .items .item p.text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: 0.36px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page60 .contents-1 .bottom {
    position: relative;
  }
  #page60 .contents-1 .bottom::before {
    content: "";
    display: block;
    width: 97.5px;
    height: 86px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/area_3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -9px;
    left: calc(50% - 200px);
    z-index: 1;
  }
  #page60 .contents-1 .bottom p.bottom-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 0.75px;
    text-align: center;
    color: #343434;
    position: relative;
    left: 39px;
  }
  #page60 .contents-1 .bottom p.bottom-text span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 0.75px;
    text-align: center;
  }
  #page60 .contents-2 {
    width: 100%;
    margin-bottom: 45px;
    position: relative;
  }
  #page60 .contents-2 .wrapper {
    display: grid;
    grid-template-columns: 330px;
    justify-content: center;
    margin-bottom: 22.3px;
    position: relative;
  }
  #page60 .contents-2 .wrapper .texts .headline p {
    margin-bottom: 7px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 {
    display: grid;
    grid-template-columns: repeat(8, 25px);
    -moz-column-gap: 1.5px;
         column-gap: 1.5px;
    justify-content: center;
    margin-bottom: 16.5px;
    position: relative;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(1), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(2), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(3) {
    background-color: #deb254;
    color: #fff;
  }
  #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(4), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(5), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(6), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(7), #page60 .contents-2 .wrapper .texts .headline h2 span:nth-of-type(8) {
    background-color: #fff;
    border: solid 1px #deb254;
    color: #deb254;
  }
  #page60 .contents-2 .wrapper .texts .headline h3 {
    margin-bottom: 17px;
    font-family: vdl-penletter, sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 29.5px;
    letter-spacing: -1.1px;
    text-align: center;
    color: #deb254;
  }
  #page60 .contents-2 .wrapper .texts .image {
    width: 100%;
    margin-bottom: 20px;
  }
  #page60 .contents-2 .wrapper .texts .image img {
    width: 100%;
  }
  #page60 .contents-2 .wrapper .texts p.main-text {
    width: 301px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-2 .wrapper .texts p.main-text:nth-last-of-type(2) {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #page60 .contents-2 .voice {
    display: grid;
    grid-template-columns: 141px 185px;
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
    justify-content: center;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-2 .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page60 .contents-2 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page60 .contents-2 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-2 .voice .voice-texts {
    width: 100%;
    height: 105.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page60 .contents-2 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-2 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page60 .contents-2 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-3 {
    width: 100%;
    margin-bottom: 45px;
    position: relative;
  }
  #page60 .contents-3 h2 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.39;
    letter-spacing: 0.9px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-3 .wrapper {
    display: grid;
    grid-template-columns: 350px;
    justify-content: center;
    margin-bottom: 22.3px;
    position: relative;
  }
  #page60 .contents-3 .wrapper .texts .image {
    width: 288.5px;
    margin: 0 auto 30px;
  }
  #page60 .contents-3 .wrapper .texts .image img {
    width: 100%;
  }
  #page60 .contents-3 .wrapper .texts .text h3 {
    width: 288.5px;
    margin: 0 auto 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.47;
    letter-spacing: 1.36px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-3 .wrapper .texts .text p.main-text {
    width: 288.5px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-3 .wrapper .texts .text p.main-text:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page60 .contents-3 .voice {
    display: grid;
    grid-template-columns: 141px 204.5px;
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
    justify-content: center;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-3 .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page60 .contents-3 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page60 .contents-3 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-3 .voice .voice-texts {
    width: 100%;
    height: 105.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
  }
  #page60 .contents-3 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-3 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page60 .contents-3 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page60 .contents-4 .head {
    display: grid;
    grid-template-columns: 309px;
    justify-content: center;
    padding-top: 45px;
    padding-bottom: 45px;
    position: relative;
  }
  #page60 .contents-4 .head::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page60/area_8smp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #page60 .contents-4 .head::after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(128deg, rgba(237, 225, 85, 0.3), rgba(107, 204, 219, 0.5) 101%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page60 .contents-4 .head h2 {
    margin-bottom: 20px;
  }
  #page60 .contents-4 .head h2 small {
    display: block;
    margin-bottom: 10px;
    padding-left: 14.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page60 .contents-4 .head h2 small::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: #44ad96;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-4 .head h2 span {
    display: inline-block;
    padding: 0 7.5px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 30.5px;
    letter-spacing: 1.36px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-4 .head h2 span:nth-last-of-type(1) {
    margin-top: 3.5px;
  }
  #page60 .contents-4 .head p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 .bottom {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 45px;
    background-color: #f7f7f7;
  }
  #page60 .contents-4 .bottom p.head-text {
    margin-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1.05px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-4 .bottom .items {
    display: grid;
    grid-template-columns: 327.5px;
    row-gap: 14.5px;
    justify-content: center;
    margin-bottom: 7.75px;
  }
  #page60 .contents-4 .bottom .items .item {
    display: grid;
    grid-template-rows: auto auto;
    row-gap: 7.5px;
    padding-bottom: 17.25px;
    position: relative;
  }
  #page60 .contents-4 .bottom .items .item:nth-of-type(1), #page60 .contents-4 .bottom .items .item:nth-of-type(2) {
    border-bottom: dashed 1px #a7a7a7;
  }
  #page60 .contents-4 .bottom .items .item::before {
    content: "";
    display: block;
    width: 13.5px;
    height: 16.5px;
    opacity: 0.9;
    background-image: linear-gradient(44deg, #ede155 -1%, #6bccdb 90%);
    position: absolute;
    top: -6px;
    left: 8.75px;
  }
  #page60 .contents-4 .bottom .items .item h3 {
    margin-left: 32.25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.75px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-4 .bottom .items .item p {
    width: 269px;
    margin-left: 32.25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-4 .bottom .items .item p a {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #1c39b5;
  }
  #page60 .contents-4 .bottom p.bottom-text {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-5 {
    width: 100%;
    text-align: center;
    position: relative;
  }
  #page60 .contents-5 h2 {
    margin-bottom: 25.55px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.39;
    letter-spacing: 0.9px;
    text-align: center;
    color: #121212;
  }
  #page60 .contents-5 h3 {
    display: inline-block;
    margin-bottom: 16.5px;
    font-family: vdl-penletter, sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 29.5px;
    letter-spacing: -3.108px;
    text-align: center;
    color: #deb254;
    white-space: nowrap;
    position: relative;
  }
  #page60 .contents-5 h3::before {
    content: "";
    display: block;
    width: 367.5px;
    height: 9px;
    border-radius: 0.5px;
    background-color: #f7f7f7;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page60 .contents-5 p.head-text {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-5 .wrapper {
    display: grid;
    grid-template-columns: 381.5px;
    justify-content: center;
    margin-bottom: 22.3px;
    position: relative;
  }
  #page60 .contents-5 .wrapper .texts .image {
    width: 248.5px;
    margin: 0 auto 20px;
  }
  #page60 .contents-5 .wrapper .texts .image img {
    width: 100%;
    height: 154.035px;
  }
  #page60 .contents-5 .wrapper .texts .text h4 {
    width: 248.5px;
    margin: 0 auto 12.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.56;
    letter-spacing: 1.28px;
    text-align: left;
    color: #44ad96;
  }
  #page60 .contents-5 .wrapper .texts .text p.main-text {
    width: 248.5px;
    margin: 0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page60 .contents-5 .wrapper .texts .text p.main-text:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page60 .contents-5 .voice {
    display: grid;
    grid-template-columns: 141px 190.5px;
    -moz-column-gap: 4.5px;
         column-gap: 4.5px;
    justify-content: center;
    align-items: end;
    position: relative;
    z-index: 1;
  }
  #page60 .contents-5 .voice .staff img {
    display: block;
    width: 85px;
    margin: 0 auto 5px;
  }
  #page60 .contents-5 .voice .staff p.name {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
    white-space: nowrap;
  }
  #page60 .contents-5 .voice .staff p.name span {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.24px;
    text-align: center;
    color: #343434;
  }
  #page60 .contents-5 .voice .voice-texts {
    width: 100%;
    height: 126.5px;
    padding: 12.5px 12.5px 12.5px 15px;
    border-radius: 10px;
    background-color: #f7e8b6;
    box-sizing: border-box;
    position: relative;
    top: 19.5px;
  }
  #page60 .contents-5 .voice .voice-texts::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6.5px solid #f7e8b6;
    border-left: 0;
    position: absolute;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page60 .contents-5 .voice .voice-texts::before {
    content: "Staff Voice";
    -webkit-text-stroke: 0.25px #deb254;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 0.76;
    letter-spacing: 1.52px;
    text-align: left;
    color: #deb254;
    transform: rotate(-14deg);
    position: absolute;
    top: -10px;
    left: -15px;
  }
  #page60 .contents-5 .voice .voice-texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
}
/*70.新卒採用情報*/
/*PC*/
@media screen and (min-width: 1025px) {
  #page90 {
    position: relative;
    width: 100%;
  }
  #page90 .kv {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    padding: 90px 0 50px;
    background-image: linear-gradient(to right, rgba(237, 225, 85, 0.3), rgba(107, 204, 219, 0.5));
  }
  #page90 .kv .texts h1 {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
  }
  #page90 .kv .texts h1 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 150px;
    font-weight: 600;
    line-height: 107.05px;
    letter-spacing: 7.5px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #page90 .kv .texts h1 small {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.17;
    letter-spacing: 2.4px;
    text-align: left;
    color: #121212;
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page90 .kv .texts .slide-text {
    position: relative;
    width: 390px;
    margin: 0 auto 60px;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap {
    position: relative;
    display: inline-block;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.top {
    margin-bottom: 7px;
    font-family: vdl-penletter, sans-serif;
    font-size: 52px;
    font-weight: normal;
    line-height: 64px;
    letter-spacing: -4.16px;
    text-align: left;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.top .inn {
    display: inline-block;
    margin: 0 auto 0 0;
    padding: 0 15px;
    font-size: 52px;
    font-weight: normal;
    line-height: 64px;
    letter-spacing: -4.16px;
    text-align: left;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.bottom {
    margin-left: 69px;
    font-family: vdl-penletter, sans-serif;
    font-size: 52px;
    font-weight: normal;
    line-height: 64px;
    letter-spacing: -4.16px;
    text-align: right;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.bottom .inn {
    display: inline-block;
    margin: 0 0 0 auto;
    padding: 0 15px;
    font-size: 52px;
    font-weight: normal;
    line-height: 64px;
    letter-spacing: -4.16px;
    text-align: right;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page90 .kv .texts .slide-text.is-animated .slide-text-wrap.top::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  #page90 .kv .texts .slide-text.is-animated .slide-text-wrap.bottom::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  @keyframes slide-text {
    0% {
      opacity: 0;
      transform: scaleX(0) translateX(-5%);
    }
    30% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
  }
  #page90 .kv .texts p.itaric {
    display: inline-block;
    font-family: "Allison", cursive;
    font-size: 38px;
    font-weight: normal;
    line-height: 48px;
    letter-spacing: 3.04px;
    text-align: left;
    color: #edbc1a;
    transform: rotate(-14deg);
    position: absolute;
    top: 345px;
    left: calc(50% + 52px);
  }
  #page90 .kv .texts p.itaric.fadein.is-active {
    opacity: 0.8;
  }
  #page90 .kv .texts .text {
    display: flex;
    justify-content: center;
  }
  #page90 .kv .texts .text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
    writing-mode: vertical-rl;
  }
  #page90 .kv img.img-1 {
    width: 305px;
    height: auto;
    position: absolute;
    top: 40px;
    left: calc(50% + 445px);
  }
  #page90 .kv img.img-2 {
    width: 380px;
    height: auto;
    position: absolute;
    bottom: 168.6px;
    left: calc(50% + 305px);
  }
  #page90 .kv img.img-3 {
    width: 315px;
    height: auto;
    position: absolute;
    bottom: 100.6px;
    left: calc(50% - 620px);
  }
  #page90 .kv img.img-4 {
    width: 311px;
    height: auto;
    position: absolute;
    top: 173.9px;
    left: calc(50% - 750px);
  }
  #page90 .contents-1 {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
  }
  #page90 .contents-1 h2 {
    margin-bottom: 30px;
  }
  #page90 .contents-1 h2 small {
    display: block;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.61;
    letter-spacing: 1.44px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-1 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 2.4px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-1 table {
    width: 881px;
    border-collapse: separate;
    border-spacing: 15px 30px;
    margin: 0 auto;
  }
  #page90 .contents-1 table th {
    width: 156px;
    padding: 0 0 30px 10px;
    vertical-align: top;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 1.44px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page90 .contents-1 table th::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #44ad96;
    border-radius: 1.5px;
  }
  #page90 .contents-1 table td {
    width: 710px;
    padding: 0 0 30px 25px;
    vertical-align: top;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
    position: relative;
  }
  #page90 .contents-1 table td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #e6e6e6;
    border-radius: 1.5px;
  }
  #page90 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #page90 .contents-2::before {
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    border-radius: 40px;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    right: calc(50% - 597px);
    z-index: -1;
  }
  #page90 .contents-2 h2 {
    margin-bottom: 60px;
  }
  #page90 .contents-2 h2 small {
    display: block;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.61;
    letter-spacing: 1.44px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-2 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 2.4px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-2 .items {
    display: grid;
    grid-template-columns: 882px;
    row-gap: 50px;
    justify-content: center;
  }
  #page90 .contents-2 .items h3 {
    display: grid;
    grid-template-columns: 35.36px 1fr;
    -moz-column-gap: 15px;
         column-gap: 15px;
    align-items: center;
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 26px;
    font-weight: 500;
    line-height: 35.36px;
    letter-spacing: 2.08px;
    text-align: left;
    color: #121212;
  }
  #page90 .contents-2 .items h3::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    opacity: 0.8;
    background-image: linear-gradient(to bottom, #ede155, #6bccdb);
    transform: rotate(45deg);
  }
  #page90 .contents-2 .items a.mynavi {
    display: inline-block;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border: solid 1px #44ad96;
    border-radius: 25px;
    background-color: #44ad96;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 0.8px;
    text-align: left;
    color: #fff;
    transition: 0.4s ease;
  }
  #page90 .contents-2 .items a.mynavi:hover {
    background-color: #fff;
    color: #44ad96;
  }
  #page90 .contents-2 .items .item-1 p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-2 .items .item-1 p:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page90 .contents-2 .items .item-2 .steps {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    position: relative;
  }
  #page90 .contents-2 .items .item-2 .steps::before {
    content: "";
    display: block;
    width: 5px;
    height: 784px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/dots_pc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 51px;
    left: 127px;
  }
  #page90 .contents-2 .items .item-2 .steps .step {
    display: grid;
    grid-template-columns: min-content 1fr;
    -moz-column-gap: 72px;
         column-gap: 72px;
    position: relative;
  }
  #page90 .contents-2 .items .item-2 .steps .step::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #f7f7f7;
    position: absolute;
    top: 25px;
    left: 120px;
  }
  #page90 .contents-2 .items .item-2 .steps .step::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #44ad96;
    position: absolute;
    top: 30px;
    left: 125px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num small {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-align: center;
    color: #44ad96;
    position: relative;
    top: 30px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num strong {
    font-family: "Poppins", sans-serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 64px;
    letter-spacing: normal;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts {
    margin-top: 15px;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts h4 {
    margin-bottom: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.27;
    letter-spacing: 1.1px;
    text-align: left;
    color: #121212;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
  }
  #page90 .contents-3 .content {
    display: grid;
    grid-template-columns: 42.6666666667% 644px;
    -moz-column-gap: 106px;
         column-gap: 106px;
  }
  #page90 .contents-3 .content img {
    width: 100%;
  }
  #page90 .contents-3 .content .texts {
    margin-top: 40px;
  }
  #page90 .contents-3 .content .texts h2 {
    margin-bottom: 40px;
  }
  #page90 .contents-3 .content .texts h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 47px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.35px;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-3 .content .texts h2 small {
    padding-left: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 1.6px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page90 .contents-3 .content .texts h2 small::before {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background-color: #121212;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-3 .content .texts h3 {
    margin-bottom: 40px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 2.4px;
    text-align: left;
    color: #44ad96;
    white-space: nowrap;
  }
  #page90 .contents-3 .content .texts p {
    display: block;
    width: 572px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.88;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-3 .content .texts p:nth-last-of-type(1) {
    margin-top: 20px;
  }
  #page90 .contents-4 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
  }
  #page90 .contents-4::before {
    content: "";
    width: 100%;
    height: 473px;
    background-image: linear-gradient(108deg, rgba(237, 225, 85, 0.4), rgba(107, 204, 219, 0.6) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page90 .contents-4::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #page90 .contents-4 .head {
    display: grid;
    grid-template-columns: 497px 732px;
    justify-content: center;
    margin-bottom: 60px;
  }
  #page90 .contents-4 .head h2 {
    margin-left: 51px;
  }
  #page90 .contents-4 .head h2 small {
    display: block;
    margin-bottom: 20px;
    padding-left: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.27;
    letter-spacing: 1.54px;
    text-align: left;
    color: #44ad96;
    position: relative;
  }
  #page90 .contents-4 .head h2 small::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #44ad96;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .head h2 span {
    display: inline-block;
    padding: 0 15px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 2.56px;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-4 .head h2 span:nth-last-of-type(1) {
    margin-top: 7px;
  }
  #page90 .contents-4 .head p {
    margin-top: 52px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-4 .bottom {
    position: relative;
    width: 1229px;
    height: auto;
    margin: 0 auto;
    padding: 66px 0 60px;
    border-radius: 40px;
    background-color: #fff;
    box-sizing: border-box;
  }
  #page90 .contents-4 .bottom h2 {
    display: grid;
    grid-template-columns: repeat(8, 50px);
    -moz-column-gap: 3px;
         column-gap: 3px;
    justify-content: center;
    margin-bottom: 40px;
    position: relative;
  }
  #page90 .contents-4 .bottom h2::before {
    content: "";
    display: block;
    width: 277px;
    height: 24px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/line_pc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 77px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .bottom h2::after {
    content: "";
    display: block;
    width: 277px;
    height: 24px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/line_pc.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 77px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .bottom h2 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 0;
    text-align: center;
  }
  #page90 .contents-4 .bottom h2 span:nth-of-type(1), #page90 .contents-4 .bottom h2 span:nth-of-type(2), #page90 .contents-4 .bottom h2 span:nth-of-type(3) {
    background-color: #44ad96;
    color: #fff;
  }
  #page90 .contents-4 .bottom h2 span:nth-of-type(4), #page90 .contents-4 .bottom h2 span:nth-of-type(5), #page90 .contents-4 .bottom h2 span:nth-of-type(6), #page90 .contents-4 .bottom h2 span:nth-of-type(7), #page90 .contents-4 .bottom h2 span:nth-of-type(8) {
    background-color: #fff;
    border: solid 1px #44ad96;
    color: #44ad96;
  }
  #page90 .contents-4 .bottom .items {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
  }
  #page90 .contents-4 .bottom .items .item {
    position: relative;
    width: 325px;
    text-align: center;
  }
  #page90 .contents-4 .bottom .items .item p.num {
    font-family: "Poppins", sans-serif;
    font-size: 90px;
    font-weight: 600;
    font-style: italic;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 0;
    left: 14.9px;
  }
  #page90 .contents-4 .bottom .items .item p.num:nth-last-of-type(1), #page90 .contents-4 .bottom .items .item p.num:nth-last-of-type(2) {
    left: 5px;
  }
  #page90 .contents-4 .bottom .items .item img {
    display: block;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(1) {
    width: 138px;
    margin: 23.2px auto 28.2px 90px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(2) {
    width: 138px;
    margin: 6.7px auto 21.2px 83px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(3) {
    width: 138px;
    margin: 7.9px auto 21.2px 83px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(4) {
    width: 138px;
    margin: 6.2px auto 21.2px 83px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(5) {
    width: 138px;
    margin: 6.6px auto 21.2px 88.1px;
  }
  #page90 .contents-4 .bottom .items .item h3 {
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.8px;
    text-align: center;
    color: #44ad96;
    position: relative;
  }
  #page90 .contents-4 .bottom .items .item h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; /* 線の太さ */
    background-image: radial-gradient(circle, #44ad96 1px, transparent 1px);
    background-size: 6px 1px; /* 点の間隔（横方向）を調整 */
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #page90 .contents-4 .bottom .items .item p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-4 p.bottom-text {
    margin-top: 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
    letter-spacing: 0.32px;
    text-align: center;
    color: #343434;
  }
  #page90 .contents-5 {
    position: relative;
    width: 100%;
    margin-bottom: 90px;
  }
  #page90 .contents-5 h2 {
    margin-bottom: 40px;
  }
  #page90 .contents-5 h2 small {
    display: block;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.61;
    letter-spacing: 1.44px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-5 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 2.4px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-5 .faq {
    width: 890px;
    margin: 0 auto;
  }
  #page90 .contents-5 .faq .faq-item {
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    /* --- 質問部分（ボタン） --- */
    /* --- 回答部分 --- */
  }
  #page90 .contents-5 .faq .faq-item .faq-question {
    display: grid;
    grid-template-columns: 46px 1fr 30px;
    align-items: center;
    width: 100%;
    padding: 12px 20px 13px 30px;
    background-color: #63baa7;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
  }
  #page90 .contents-5 .faq .faq-item .faq-question span:nth-of-type(2) {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.32px;
    text-align: left;
    color: #fff;
  }
  #page90 .contents-5 .faq .faq-item .faq-question .faq-q {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #fff;
  }
  #page90 .contents-5 .faq .faq-item .faq-question .toggle-icon {
    -webkit-text-stroke: 1px #fff;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #fff;
    transition: transform 0.3s ease;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer {
    width: 100%;
    max-height: 0;
    padding: 28px 13px 0 32px;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0.2, 0.6, 0.2, 1);
  }
  #page90 .contents-5 .faq .faq-item .faq-answer.open {
    padding: 28px 13px 28px 32px;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer p {
    display: grid;
    grid-template-columns: 46px 1fr;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.32px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer p .faq-a {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 1.5px;
    text-align: left;
    color: #44ad96;
    position: relative;
    bottom: 8px;
  }
}
/*SP*/
@media screen and (max-width: 1024px) {
  #page90 {
    position: relative;
    width: 100%;
  }
  #page90 .kv {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    padding: 45px 0 275.35px;
    background-image: linear-gradient(to right, rgba(237, 225, 85, 0.3), rgba(107, 204, 219, 0.5));
  }
  #page90 .kv .texts h1 {
    margin-bottom: 10px;
    position: relative;
    text-align: center;
  }
  #page90 .kv .texts h1 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 75px;
    font-weight: 600;
    line-height: 73.5px;
    letter-spacing: 3.75px;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #page90 .kv .texts h1 small {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.6px;
    text-align: left;
    color: #121212;
    position: absolute;
    top: 25.25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #page90 .kv .texts .slide-text {
    position: relative;
    width: 195px;
    margin: 0 auto 34.15px;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap {
    position: relative;
    display: inline-block;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.top {
    margin-bottom: 3.5px;
    font-family: vdl-penletter, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: -2.08px;
    text-align: left;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.top .inn {
    display: inline-block;
    margin: 0 auto 0 0;
    padding: 0 7.5px;
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: -2.08px;
    text-align: left;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.bottom {
    margin-left: 34.5px;
    font-family: vdl-penletter, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: -2.08px;
    text-align: right;
  }
  #page90 .kv .texts .slide-text .slide-text-wrap.bottom .inn {
    display: inline-block;
    margin: 0 auto 0 0;
    padding: 0 7.5px;
    font-size: 26px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: -2.08px;
    text-align: right;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page90 .kv .texts .slide-text.is-animated .slide-text-wrap.top::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  #page90 .kv .texts .slide-text.is-animated .slide-text-wrap.bottom::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  @keyframes slide-text {
    0% {
      opacity: 0;
      transform: scaleX(0) translateX(-5%);
    }
    30% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
  }
  #page90 .kv .texts p.itaric {
    display: inline-block;
    font-family: "Allison", cursive;
    font-size: 19px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 1.52px;
    text-align: left;
    color: #edbc1a;
    transform: rotate(-14deg);
    position: absolute;
    top: 172px;
    left: calc(50% + 26px);
  }
  #page90 .kv .texts p.itaric.fadein.is-active {
    opacity: 0.8;
  }
  #page90 .kv .texts .text {
    display: flex;
    justify-content: center;
  }
  #page90 .kv .texts .text p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page90 .kv img.img-1 {
    width: 138.25px;
    height: auto;
    position: absolute;
    bottom: 125.85px;
    left: calc(50% + 61.5px);
  }
  #page90 .kv img.img-2 {
    width: 166px;
    height: auto;
    position: absolute;
    bottom: 0;
    left: calc(50% + 10px);
  }
  #page90 .kv img.img-3 {
    width: 142.375px;
    height: auto;
    position: absolute;
    bottom: 47px;
    left: calc(50% - 200px);
  }
  #page90 .kv img.img-4 {
    width: 132.5px;
    height: auto;
    position: absolute;
    bottom: 156.95px;
    left: calc(50% - 120px);
  }
  #page90 .contents-1 {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }
  #page90 .contents-1 h2 {
    margin-bottom: 15px;
  }
  #page90 .contents-1 h2 small {
    display: block;
    margin-bottom: 2.5px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.21;
    letter-spacing: 0.96px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-1 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-1 table {
    width: 350px;
    border-collapse: separate;
    border-spacing: 8px 15px;
    margin: 0 auto;
  }
  #page90 .contents-1 table th {
    width: 78px;
    padding: 0 0 15px 5px;
    vertical-align: top;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.96px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page90 .contents-1 table th::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5px;
    background: #44ad96;
    border-radius: 0.75px;
  }
  #page90 .contents-1 table td {
    width: 264px;
    padding: 0 0 15px 12px;
    vertical-align: top;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
    position: relative;
  }
  #page90 .contents-1 table td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5px;
    background: #e6e6e6;
    border-radius: 0.75px;
  }
  #page90 .contents-2 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  #page90 .contents-2::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0 20px 20px 0;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  #page90 .contents-2 h2 {
    margin-bottom: 30px;
  }
  #page90 .contents-2 h2 small {
    display: block;
    margin-bottom: 2.5px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.21;
    letter-spacing: 0.96px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-2 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-2 .items {
    display: grid;
    grid-template-columns: 350px;
    row-gap: 25px;
    justify-content: center;
  }
  #page90 .contents-2 .items h3 {
    display: grid;
    grid-template-columns: 17.68px 1fr;
    -moz-column-gap: 7.5px;
         column-gap: 7.5px;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.68px;
    letter-spacing: 1.28px;
    text-align: left;
    color: #121212;
  }
  #page90 .contents-2 .items h3::before {
    content: "";
    display: block;
    width: 12.5px;
    height: 12.5px;
    opacity: 0.8;
    background-image: linear-gradient(to bottom, #ede155, #6bccdb);
    transform: rotate(45deg);
  }
  #page90 .contents-2 .items a.mynavi {
    display: inline-block;
    margin-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: solid 1px #44ad96;
    border-radius: 19.75px;
    background-color: #44ad96;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 39.5px;
    letter-spacing: 1.3px;
    text-align: left;
    color: #fff;
  }
  #page90 .contents-2 .items .item-1 p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-2 .items .item-1 p:nth-last-of-type(1) {
    margin-top: 10px;
  }
  #page90 .contents-2 .items .item-2 .steps {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    position: relative;
  }
  #page90 .contents-2 .items .item-2 .steps::before {
    content: "";
    display: block;
    width: 2.5px;
    height: 774.5px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/dots_smp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 25px;
    left: 66px;
  }
  #page90 .contents-2 .items .item-2 .steps .step {
    display: grid;
    grid-template-columns: min-content 1fr;
    -moz-column-gap: 38.5px;
         column-gap: 38.5px;
    position: relative;
  }
  #page90 .contents-2 .items .item-2 .steps .step::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-color: #f7f7f7;
    position: absolute;
    top: 6.5px;
    left: 59.5px;
  }
  #page90 .contents-2 .items .item-2 .steps .step::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #44ad96;
    position: absolute;
    top: 9px;
    left: 62px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    -moz-column-gap: 2.5px;
         column-gap: 2.5px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num small {
    font-family: "Poppins", sans-serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 11.5px;
    letter-spacing: 0.4px;
    text-align: center;
    color: #44ad96;
    position: relative;
    top: 15px;
  }
  #page90 .contents-2 .items .item-2 .steps .step p.num strong {
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts {
    margin-top: 3.5px;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts h4 {
    margin-bottom: 7.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #121212;
  }
  #page90 .contents-2 .items .item-2 .steps .step .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-3 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page90 .contents-3 h2 {
    width: 285px;
    margin: 0 auto 30px;
  }
  #page90 .contents-3 h2 strong {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 1.35px;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-3 h2 small {
    padding-left: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1.12px;
    text-align: left;
    color: #121212;
    position: relative;
  }
  #page90 .contents-3 h2 small::before {
    content: "";
    display: block;
    width: 25px;
    height: 0.5px;
    background-color: #121212;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-3 .content {
    display: grid;
    grid-template-columns: 343.5px;
    justify-content: center;
  }
  #page90 .contents-3 .content img {
    width: 285px;
    margin: 0 auto;
  }
  #page90 .contents-3 .content .texts {
    margin-top: 30px;
  }
  #page90 .contents-3 .content .texts h3 {
    margin-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.56;
    letter-spacing: 1.28px;
    text-align: left;
    color: #44ad96;
    white-space: nowrap;
  }
  #page90 .contents-3 .content .texts p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-3 .content .texts p:nth-last-of-type(1) {
    margin-top: 15px;
  }
  #page90 .contents-4 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
    padding-top: 45px;
    padding-bottom: 45px;
  }
  #page90 .contents-4::before {
    content: "";
    width: 100%;
    height: 478.5px;
    background-image: linear-gradient(141deg, rgba(237, 225, 85, 0.4), rgba(107, 204, 219, 0.6) 102%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #page90 .contents-4::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #page90 .contents-4 .head {
    display: grid;
    grid-template-columns: 309px;
    justify-content: center;
    margin-bottom: 45px;
  }
  #page90 .contents-4 .head h2 {
    margin-bottom: 20px;
  }
  #page90 .contents-4 .head h2 small {
    display: block;
    margin-bottom: 10px;
    padding-left: 14.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.98px;
    text-align: left;
    color: #44ad96;
    position: relative;
  }
  #page90 .contents-4 .head h2 small::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    background-color: #44ad96;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .head h2 span {
    display: inline-block;
    padding: 0 7.5px;
    background-color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 30.5px;
    letter-spacing: 1.36px;
    text-align: left;
    color: #44ad96;
  }
  #page90 .contents-4 .head h2 span:nth-last-of-type(1) {
    margin-top: 3.5px;
  }
  #page90 .contents-4 .head p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-4 .bottom {
    position: relative;
    width: 375px;
    height: auto;
    margin: 0 auto;
    padding: 33px 0 30px;
    border-radius: 20px;
    background-color: #fff;
    box-sizing: border-box;
  }
  #page90 .contents-4 .bottom h2 {
    display: grid;
    grid-template-columns: repeat(8, 25px);
    -moz-column-gap: 1.5px;
         column-gap: 1.5px;
    justify-content: center;
    margin-bottom: 21px;
    position: relative;
  }
  #page90 .contents-4 .bottom h2::before {
    content: "";
    display: block;
    width: 53px;
    height: 12px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/line_smp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .bottom h2::after {
    content: "";
    display: block;
    width: 53px;
    height: 12px;
    background-image: url(/wp-content/themes/cf_originaltheme/images/page02/page90/line_smp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-4 .bottom h2 span {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
  }
  #page90 .contents-4 .bottom h2 span:nth-of-type(1), #page90 .contents-4 .bottom h2 span:nth-of-type(2), #page90 .contents-4 .bottom h2 span:nth-of-type(3) {
    background-color: #44ad96;
    color: #fff;
  }
  #page90 .contents-4 .bottom h2 span:nth-of-type(4), #page90 .contents-4 .bottom h2 span:nth-of-type(5), #page90 .contents-4 .bottom h2 span:nth-of-type(6), #page90 .contents-4 .bottom h2 span:nth-of-type(7), #page90 .contents-4 .bottom h2 span:nth-of-type(8) {
    background-color: #fff;
    border: solid 1px #44ad96;
    color: #44ad96;
  }
  #page90 .contents-4 .bottom .items {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
  }
  #page90 .contents-4 .bottom .items .item {
    position: relative;
    width: 240px;
    text-align: center;
  }
  #page90 .contents-4 .bottom .items .item p.num {
    font-family: "Poppins", sans-serif;
    font-size: 45px;
    font-weight: 600;
    font-style: italic;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(107, 204, 219, 0.4) 0%, rgba(237, 225, 85, 0.2) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 0;
    left: 41px;
  }
  #page90 .contents-4 .bottom .items .item img {
    display: block;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(1) {
    width: 69px;
    margin: 11.6px auto 9.6px 86.55px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(2) {
    width: 75px;
    margin: 3.35px auto 6.1px 78px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(3) {
    width: 75px;
    margin: 3.95px auto 6.1px 83px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(4) {
    width: 75px;
    margin: 3.1px auto 6.1px 81px;
  }
  #page90 .contents-4 .bottom .items .item img:nth-of-type(5) {
    width: 75px;
    margin: 3.3px auto 6.1px 75.05px;
  }
  #page90 .contents-4 .bottom .items .item h3 {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 2.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.56px;
    text-align: center;
    color: #44ad96;
    position: relative;
  }
  #page90 .contents-4 .bottom .items .item h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; /* 線の太さ */
    background-image: radial-gradient(circle, #44ad96 0.5px, transparent 0.5px);
    background-size: 3px 0.5px; /* 点の間隔（横方向）を調整 */
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #page90 .contents-4 .bottom .items .item p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-4 p.bottom-text {
    margin-top: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: center;
    color: #343434;
  }
  #page90 .contents-5 {
    position: relative;
    width: 100%;
    margin-bottom: 45px;
  }
  #page90 .contents-5 h2 {
    margin-bottom: 30px;
  }
  #page90 .contents-5 h2 small {
    display: block;
    margin-bottom: 2.5px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.21;
    letter-spacing: 0.96px;
    text-align: center;
    color: #44ad96;
  }
  #page90 .contents-5 h2 strong {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 1.44px;
    text-align: center;
    color: #121212;
  }
  #page90 .contents-5 .faq {
    width: 360px;
    margin: 0 auto;
  }
  #page90 .contents-5 .faq .faq-item {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    /* --- 質問部分（ボタン） --- */
    /* --- 回答部分 --- */
  }
  #page90 .contents-5 .faq .faq-item .faq-question {
    display: grid;
    grid-template-columns: 23px 1fr;
    width: 100%;
    padding: 9px 10px 9px 15px;
    background-color: #63baa7;
    border-radius: 2.5px;
    border: none;
    box-sizing: border-box;
    position: relative;
  }
  #page90 .contents-5 .faq .faq-item .faq-question span:nth-of-type(2) {
    width: 285px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.63;
    letter-spacing: 0.24px;
    text-align: left;
    color: #fff;
  }
  #page90 .contents-5 .faq .faq-item .faq-question .faq-q {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 21.5px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #fff;
  }
  #page90 .contents-5 .faq .faq-item .faq-question .toggle-icon {
    -webkit-text-stroke: 0.1px #fff;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #fff;
    transition: transform 0.3s ease;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  #page90 .contents-5 .faq .faq-item .faq-answer {
    width: 100%;
    max-height: 0;
    padding: 10px 10px 0 16px;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer.open {
    padding: 10px 10px 10px 16px;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer p {
    display: grid;
    grid-template-columns: 23px 1fr;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.6px;
    text-align: left;
    color: #343434;
  }
  #page90 .contents-5 .faq .faq-item .faq-answer p .faq-a {
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 21.5px;
    letter-spacing: 0.75px;
    text-align: left;
    color: #44ad96;
    position: relative;
    bottom: 1.5px;
  }
}
@media screen and (min-width: 400px) and (max-width: 1024px) {
  #page40 .kv,
  #page50 .kv,
  #page60 .kv {
    position: relative;
    width: 100%;
  }
  #page40 .kv .kv_top,
  #page50 .kv .kv_top,
  #page60 .kv .kv_top {
    position: relative;
    width: 400px;
    height: 232.15px;
    margin: 0 auto 30px;
    overflow: hidden;
  }
  #page40 .kv .kv_top .img,
  #page50 .kv .kv_top .img,
  #page60 .kv .kv_top .img {
    width: 100%;
    height: 100%;
  }
  #page40 .kv .kv_top .img img,
  #page50 .kv .kv_top .img img,
  #page60 .kv .kv_top .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #page40 .kv .kv_top .fadeUp,
  #page50 .kv .kv_top .fadeUp,
  #page60 .kv .kv_top .fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(0px) scale(1.2);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  #page40 .kv .kv_top .fadeUpTrigger,
  #page50 .kv .kv_top .fadeUpTrigger,
  #page60 .kv .kv_top .fadeUpTrigger {
    opacity: 0;
  }
  #page40 .kv .kv_top .slide-text,
  #page50 .kv .kv_top .slide-text,
  #page60 .kv .kv_top .slide-text {
    position: absolute;
    top: 141.5px;
    left: 19px;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap,
  #page50 .kv .kv_top .slide-text .slide-text-wrap,
  #page60 .kv .kv_top .slide-text .slide-text-wrap {
    position: relative;
    display: inline-block;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap::before,
  #page50 .kv .kv_top .slide-text .slide-text-wrap::before,
  #page60 .kv .kv_top .slide-text .slide-text-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: left center;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top,
  #page50 .kv .kv_top .slide-text .slide-text-wrap.top,
  #page60 .kv .kv_top .slide-text .slide-text-wrap.top {
    margin-bottom: 5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1.44px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.top .inn,
  #page50 .kv .kv_top .slide-text .slide-text-wrap.top .inn,
  #page60 .kv .kv_top .slide-text .slide-text-wrap.top .inn {
    display: inline-block;
    padding: 0 7.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: 1.44px;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom,
  #page50 .kv .kv_top .slide-text .slide-text-wrap.bottom,
  #page60 .kv .kv_top .slide-text .slide-text-wrap.bottom {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 1.28px;
    text-align: left;
  }
  #page40 .kv .kv_top .slide-text .slide-text-wrap.bottom .inn,
  #page50 .kv .kv_top .slide-text .slide-text-wrap.bottom .inn,
  #page60 .kv .kv_top .slide-text .slide-text-wrap.bottom .inn {
    display: inline-block;
    padding: 0 7.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 1.28px;
    text-align: left;
    color: #44ad96;
    position: relative;
    z-index: 1;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.top::before,
  #page50 .kv .kv_top .slide-text.is-animated .slide-text-wrap.top::before,
  #page60 .kv .kv_top .slide-text.is-animated .slide-text-wrap.top::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #44ad96;
  }
  #page40 .kv .kv_top .slide-text.is-animated .slide-text-wrap.bottom::before,
  #page50 .kv .kv_top .slide-text.is-animated .slide-text-wrap.bottom::before,
  #page60 .kv .kv_top .slide-text.is-animated .slide-text-wrap.bottom::before {
    animation: slide-text 2.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    background: #fff;
  }
  @keyframes slide-text {
    0% {
      opacity: 0;
      transform: scaleX(0) translateX(-5%);
    }
    30% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
    100% {
      opacity: 1;
      transform: scaleX(1) translateX(0);
    }
  }
}/*# sourceMappingURL=page02.css.map */