@charset "utf-8";

/* ========================================================================== */

/* index fv */

/* ========================================================================== */
.l-main-visual__container {
  width: 100%;
  height: clamp(360px, 100vw, 1400px);
  position: relative;
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .l-main-visual__container {
    height: clamp(600px, 78vw, 1500px);
    margin-top: 0;
  }
}

.l-main-visual__container h1 {
  position: absolute;
  top: 20px;
  left: 54vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 50;
  font-size: clamp(1.8rem, 4.16vw, 6rem);
  color: #fff;
}

@media screen and (min-width: 768px) {
  .l-main-visual__container h1 {
    top: 145px;
    font-size: clamp(2.4rem, 3.125vw, 6rem);
  }
}

.l-main-visual__container picture img {
  width: clamp(94px, 27vw, 520px);
  height: auto;
}

.l-main-visual__container picture {
  position: absolute;
}

.l-main-visual__container picture:first-of-type {
  top: clamp(30px, 8.33vw, 160px);
  left: 0;
  z-index: 0;
}

.l-main-visual__container picture:nth-of-type(2) {
  top: clamp(44px, 12.5vw, 240px);
  left: 24%;
  z-index: 0;
}

.l-main-visual__container picture:nth-of-type(3) {
  top: 0;
  left: 48%;
  z-index: 0;
}

.l-main-visual__container picture:last-of-type {
  top: clamp(15px, 4.16vw, 80px);
  right: 0;
  z-index: 0;
}

.l-main-visual__container picture:first-of-type::after,
.l-main-visual__container picture:nth-of-type(3)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  mix-blend-mode: multiply;
}

.l-main-visual__container picture:first-of-type::after {
  background-color: var(--color-secondary);
}

.l-main-visual__container picture:nth-of-type(3)::after {
  background-color: var(--color-primary);
}

/* c-illust__item */
.c-illust__item {
  width: clamp(100px, 27vw, 520px);
  height: auto;
  position: absolute;
  z-index: 5;
}

.c-illust__item--01 {
  bottom: clamp(100px, 27vw, 440px);
  left: 65%;
}

@media screen and (min-width: 768px) {
  .c-illust__item--01 {
    bottom: clamp(100px, 23vw, 440px);
  }
}

.c-illust__item--02 {
  bottom: clamp(40px, 5.2vw, 100px);
  left: 40%;
}

.c-illust__item--03 {
  bottom: 0;
  left: 3%;
}

.c-pattern__item--fv {
  top: 74%;
  right: 0;
}

@media screen and (min-width: 768px) {
  .c-pattern__item--fv {
    top: 72%;
  }
}

/* ========================================================================== */

/* end index fv */

/* ========================================================================== */

/* ========================================================================== */

/* index p-intro */

/* ========================================================================== */
.p-intro__wrapper {
  padding: 50px 0 0;
  margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .p-intro__wrapper {
    padding: 100px 0 0;
    margin-bottom: 120px;
  }
}

.p-intro__lead {
  max-width: 70vw;
  margin: 0 auto clamp(40px, 5.2vw, 100px);
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-intro__lead {
    max-width: 50vw;
  }
}

.p-intro__lead p {
  font-size: clamp(1.4rem, 1.25vw, 2.4rem);
  font-weight: bold;
  color: #0073bd;
}

@media screen and (min-width: 768px) {
  .p-intro__lead p {
    font-size: clamp(1.6rem, 1.25vw, 2.4rem);
  }
}

.p-intro__cta {
  display: flex;
  justify-content: center;
}

/* ========================================================================== */

/* end index p-intro */

/* ========================================================================== */

/* ========================================================================== */

/* index c-decoration */

/* ========================================================================== */
/* index p-intro */
.c-decoration-corner--index-intro {
  background-image: url(../images/common/pattern_white_bottom-left.svg);
  background-position: left bottom 25px;
}

@media screen and (min-width: 768px) {
  .c-decoration-corner--index-intro {
    background-position: left bottom 39px;
  }
}

/* index training */
.c-decoration-corner--index-training {
  background-image: url(../images/common/pattern_white_bottom-right.svg);
  background-position: right bottom 234px;
}

@media screen and (min-width: 768px) {
  .c-decoration-corner--index-training {
    background-position: right bottom 292px;
  }
}

/* index-jobs */
.c-decoration-corner--index-jobs {
  background-image: url(../images/common/pattern_cyan_top-left.svg);
  background-position: left top 60px;
}

@media screen and (min-width: 768px) {
  .c-decoration-corner--index-jobs {
    background-position: left top 120px;
  }
}

/* index strengths */
.c-decoration-corner--index-strengths {
  background-image: url(../images/common/pattern_cyan_top-right.svg);
  background-position: right top clamp(215px, calc(-14vw + 323px), 273px);
}

@media screen and (min-width: 768px) {
  .c-decoration-corner--index-strengths {
    background-position: right top 53%;
  }
}
/* ========================================================================== */

/* end index c-decoration */

/* ========================================================================== */

/* ========================================================================== */

/* index l-section-title */

/* ========================================================================== */
/* training */
.p-training__wrapper .l-section-title h2 img {
  width: clamp(300px, 66vw, 400px);
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-training__wrapper .l-section-title h2 img {
    width: clamp(400px, 33vw, 640px);
  }
}

/* jobs */
.p-jobs__wrapper .l-section-title h2 img {
  width: clamp(108px, 9.9vw, 190px);
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-jobs__wrapper .l-section-title h2 img {
    width: clamp(140px, 9.9vw, 190px);
  }
}

/* interview */
.p-interview__wrapper .l-section-title h2 img {
  width: clamp(108px, 44vw, 190px);
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-interview__wrapper .l-section-title h2 img {
    width: clamp(240px, 22vw, 410px);
  }
}

/* strengths */
.p-strengths__wrapper .l-section-title h2 img {
  width: clamp(108px, 44vw, 190px);
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-strengths__wrapper .l-section-title h2 img {
    width: clamp(240px, 22vw, 410px);
  }
}

/* faq */
.p-faq__wrapper .l-section-title h2 img {
  width: clamp(108px, 9.9vw, 190px);
  height: auto;
}

@media screen and (min-width: 768px) {
  .p-faq__wrapper .l-section-title h2 img {
    width: clamp(140px, 9.9vw, 190px);
  }
}
/* ========================================================================== */

/* end index l-section-title */

/* ========================================================================== */

/* ========================================================================== */

/* index training */

/* ========================================================================== */
.p-training__wrapper {
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-training__wrapper {
    padding: 120px 0;
  }
}

.p-training__wrapper > p {
  width: 80%;
  font-size: 1.4rem;
  text-align: center;
  margin: 0 0 60px 20px;
}

@media screen and (min-width: 768px) {
  .p-training__wrapper > p {
    font-size: 1.6rem;
    margin: 0 0 100px 0;
  }
}

.p-steps__container {
  max-width: 900px;
  width: 100%;
  margin: 60px auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-steps__container {
    margin: 100px auto;
  }
}

.p-step__road {
  position: absolute;
  top: 0;
  left: 7%;
  transform: translateX(-50%);
  width: 18px;
  height: 100%;
  background: #6a6c70;
}

@media screen and (min-width: 768px) {
  .p-step__road {
    left: 33%;
    width: 28px;
  }
}

.p-step__road::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  transform: translateX(-50%);
  background-image: repeating-linear-gradient(to bottom, #fff 0 16px, transparent 16px 32px);
}

.p-step__marker {
  position: sticky;
  top: 360px;
  left: 50%;
  width: 50px;
  height: 21px;
  display: block;
  transform: rotate(90deg);
  background-image: url(../images/index/pic_bus.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-step__marker {
    width: 70px;
    height: 29px;
  }
}

.p-step__road-start,
.p-step__road-end {
  position: absolute;
  left: 50%;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #6a6c70;
}

@media screen and (min-width: 768px) {
  .p-step__road-start,
  .p-step__road-end {
    width: 6rem;
    height: 6rem;
  }
}

.p-step__road-start {
  top: -2rem;
}

.p-step__road-end {
  bottom: -2rem;
}

@media screen and (min-width: 768px) {
  .p-step__road-start {
    top: -4rem;
  }

  .p-step__road-end {
    bottom: -4rem;
  }
}

.p-step {
  width: 95%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 60px auto;
}

@media screen and (min-width: 768px) {
  .p-step {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: clamp(10px, 1.25vw, 60px);
    margin: 160px auto;
  }

  .p-step:last-of-type {
    margin: 160px auto 60px;
  }
}

.p-step__heading {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .p-step__heading {
    text-align: left;
  }
}

.p-step__number img {
  width: 150px;
  height: 55px;
  transition: transform 0.3s;
}

@media screen and (min-width: 768px) {
  .p-step__number img {
    width: 206px;
    height: 78px;
  }
}

.p-step:last-of-type .p-step__number img {
  width: 150px;
  height: 69px;
}

@media screen and (min-width: 768px) {
  .p-step:last-of-type .p-step__number img {
    width: 206px;
    height: 95px;
  }
}

.p-step.is-active .p-step__number img {
  transform: scale(1.2);
}

.p-step__title {
  font-size: 1.6rem;
  font-weight: bold;
  -ms-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  margin-top: 10px;
  transform: translateX(0);
}

@media screen and (min-width: 768px) {
  .p-step__title {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin-top: 10px;
    transform: translateX(85px);
  }
}

.p-step__content {
  width: 80%;
  margin: 0 auto;
  padding-left: 30px;
}

@media screen and (min-width: 768px) {
  .p-step__content {
    width: 100%;
    margin: 0 auto;
  }
}

.p-step__image {
  text-align: center;
}

.p-step__image img {
  width: clamp(200px, 70vw, 400px);
  height: clamp(150px, 52vw, 300px);
}

@media screen and (min-width: 768px) {
  .p-step__image img {
    width: clamp(350px, 46vw, 460px);
    height: clamp(260px, 34.5vw, 345px);
  }
}

.p-step__text {
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 6px;
}

.p-training__cta {
  display: flex;
  justify-content: center;
}
/* ========================================================================== */

/* end index training */

/* ========================================================================== */

/* ========================================================================== */

/* index jobs */

/* ========================================================================== */
.p-jobs__wrapper {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-jobs__wrapper {
    padding: 120px 0;
  }
}

.p-jobs__container {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 30px auto;
}

@media screen and (min-width: 768px) {
  .p-jobs__container {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    margin: 100px auto;
  }
}

.p-jobs__card {
  width: clamp(300px, 90vw, 460px);
  height: 100px;
  background-color: rgba(179, 179, 179, 0.5);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 30px 0 60px;
  margin: 10px 0 20px;
  transform: translateX(0);
  background-image: url(../images/common/img_cross_white.svg);
  background-repeat: no-repeat;
  background-position: center left 20px;
  background-size: clamp(30px, 5vw, 70px) clamp(30px, 5vw, 70px);
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .p-jobs__card {
    width: clamp(380px, 50vw, 700px);
    height: clamp(80px, 9.3vw, 130px);
    padding: 0 30px 0 clamp(80px, 11vw, 160px);
    margin: 10px 0 20px;
    transform: translateX(30px);
    background-position: center left clamp(25px, 3.25vw, 50px);
  }
}

.p-jobs__card:last-of-type {
  margin: 10px 0;
}

.p-jobs__card.is-active,
.p-jobs__card:hover {
  background-color: rgba(55, 190, 240, 0.5);
}

.p-jobs__card h3 {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: bold;
  color: #0073bd;
}

.p-jobs__card p {
  font-size: clamp(1.4rem, 1.75vw, 1.6rem);
  font-weight: normal;
}

.p-jobs__image {
  flex-shrink: 0;
}

.p-jobs__image-item {
  position: relative;
  z-index: -1;
}

.p-jobs__image-item img {
  width: clamp(240px, 55vw, 480px);
  height: auto;
  aspect-ratio: 4 / 3;
  opacity: 1;
  transition: opacity 0.15s ease;
}

@media screen and (min-width: 768px) {
  .p-jobs__image-item img {
    width: clamp(310px, 41vw, 780px);
  }
}

.p-jobs__image-item img.is-fade {
  opacity: 0;
}

.p-jobs__cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

@media screen and (min-width: 768px) {
  .p-jobs__cta {
    flex-direction: row;
    gap: 30px;
  }
}
/* ========================================================================== */

/* end index jobs */

/* ========================================================================== */

/* ========================================================================== */

/* index interview */

/* ========================================================================== */
.p-interview__wrapper {
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-interview__wrapper {
    padding: 120px 0;
  }
}

.section-interview {
  position: relative;
}

.section-interview::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #0073bd, #37bef0);
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .section-interview::before {
    width: 50%;
  }
}

.p-interview__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-interview__container {
    display: grid;
    grid-template-columns: 50vw 1fr;
  }
}

.p-interview-title {
  width: 80%;
  margin: 0 auto;
}

.p-interview-title span,
.p-interview-title p {
  color: #fff;
}

.p-interview-title p {
  text-align: left;
  padding-right: 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-interview-title p {
    padding-right: 30px;
  }
}

.p-interview-title p:last-of-type {
  margin: 0 auto;
}

.p-interview-title span::before,
.p-interview-title span::after {
  background-image: url(../images/common/img_cross_white.svg);
}

.p-interview__control {
  position: absolute;
  bottom: 140px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 16px;
  align-items: center;
  margin: 45px auto 0;
  width: 50%;
}

@media screen and (min-width: 768px) {
  .p-interview__control {
    position: static;
    transform: translateX(0);
    margin: 60px auto 0;
  }
}

.p-interview__navigation {
  display: flex;
}

/* 矢印 */
.p-interview__prev,
.p-interview__next {
  position: relative;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
  background: none;
  border: 2px solid #fff;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .p-interview__prev,
  .p-interview__next {
    width: 60px;
    height: 60px;
  }
}

.p-interview__prev {
  left: -12px;
}

.p-interview__next {
  left: 0;
}

.p-interview__prev::before,
.p-interview__next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.p-interview__prev::before {
  transform: translate(-25%, -50%) rotate(-135deg);
}

.p-interview__next::before {
  transform: translate(-75%, -50%) rotate(45deg);
}

/* スクロールバー */
.p-interview__scrollbar {
  width: 100%;
  height: 8px;
  background-color: #0073bd;
  overflow: hidden;
  position: relative;
}

.p-interview__scrollbar-thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background-color: #fff;
  width: clamp(20px, 2.6vw, 50px);
  transition: left 0.4s ease;
}

/* slider */
.p-interview__slider {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  cursor: grab;
  transform: translateX(0);
  min-width: 0;
  width: calc(100% - 0px);
  margin: 30px 0;
  will-change: transform;
}

@media screen and (min-width: 768px) {
  .p-interview__slider {
    transform: translateX(-70px);
    width: calc(100% + 70px);
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-interview__slider {
    transform: translateX(-100px);
    width: calc(100% + 100px);
  }
}

.p-interview__slider::-webkit-scrollbar {
  display: none;
}

.p-interview__track {
  display: flex;
  gap: 24px;
  padding-inline: calc((100vw - 300px) / 2);
}

@media screen and (min-width: 768px) {
  .p-interview__track {
    padding: 10px max(0px, calc(100vw - 50vw - 350px));
  }
}

/* interview__card */
/* ***************************** */
/* common.css記載 */
/* ***************************** */

.p-interview__spacer {
  width: 36.72vw;
  flex-shrink: 0;
}

.p-interview__cta {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

@media screen and (min-width: 768px) {
  .p-interview__cta {
    margin-top: 50px;
  }
}
/* ========================================================================== */

/* end index interview */

/* ========================================================================== */

/* ========================================================================== */

/* index strengths */

/* ========================================================================== */
.p-strengths__wrapper {
  max-width: 1440px;
  width: 90%;
  margin: 0 auto;
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-strengths__wrapper {
    padding: 120px 0;
  }
}

.p-strengths__container {
  width: 100%;
  margin: 50px auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

@media screen and (min-width: 768px) {
  .p-strengths__container {
    display: block;
    margin: 100px auto;
  }
}

.p-illust-01 {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-illust-01 {
    display: block;
    width: clamp(168px, 21.8vw, 350px);
    height: clamp(120px, 15.6vw, 250px);
    position: absolute;
    top: 70px;
    left: clamp(410px, 42vw, 800px);
    z-index: -1;
  }
}

.p-illust-02 {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-illust-02 {
    display: block;
    width: clamp(192px, 25vw, 400px);
    height: clamp(135px, 17.5vw, 280px);
    position: absolute;
    bottom: clamp(-200px, -10vw, -70px);
    left: clamp(380px, 42vw, 800px);
    z-index: -1;
  }
}

.p-strengths__item {
  position: relative;
  display: inline-block;
}

.p-strengths__item:nth-of-type(2) {
  transform: translate(0, 0);
}

@media screen and (min-width: 768px) {
  .p-strengths__item:nth-of-type(2) {
    transform: translate(clamp(25px, calc(34.6vw - 240px), 250px), clamp(110px, 14.7vw, 230px));
  }
}

.p-strengths__item:last-of-type {
  transform: translate(0, 0);
}

@media screen and (min-width: 768px) {
  .p-strengths__item:last-of-type {
    transform: translate(clamp(93px, 12.2vw, 190px), clamp(40px, 5.2vw, 100px));
  }
}

.p-strengths__item > img {
  width: clamp(18px, 5.8vw, 45px);
  height: clamp(100px, 32vw, 250px);
  margin-right: 10px;
}

@media screen and (min-width: 768px) {
  .p-strengths__item > img {
    width: clamp(18px, 2.3vw, 45px);
    height: clamp(100px, 13vw, 250px);
    margin-right: 10px;
  }
}

.p-strengths__item picture {
  position: relative;
}

.p-strengths__item picture::before {
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
}

.p-strengths__item:first-of-type picture::before {
  background: rgba(0, 115, 189, 0.3);
}

.p-strengths__item:nth-of-type(2) picture::before {
  background: rgba(55, 190, 240, 0.5);
}

.p-strengths__item:last-of-type picture::before {
  background: rgba(67, 177, 73, 0.4);
}

.p-strengths__item picture img {
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
}

.p-strengths__item:first-of-type picture img,
.p-strengths__item:first-of-type picture::before {
  width: clamp(250px, 62.5vw, 500px);
  height: clamp(250px, 62.5vw, 500px);
}

@media screen and (min-width: 768px) {
  .p-strengths__item:first-of-type picture img,
  .p-strengths__item:first-of-type picture::before {
    width: clamp(360px, 36.45vw, 700px);
    height: clamp(360px, 36.45vw, 700px);
  }
}

.p-strengths__item:nth-of-type(2) picture img,
.p-strengths__item:nth-of-type(2) picture::before {
  width: clamp(250px, 62.5vw, 500px);
  height: clamp(250px, 62.5vw, 500px);
}

@media screen and (min-width: 768px) {
  .p-strengths__item:nth-of-type(2) picture img,
  .p-strengths__item:nth-of-type(2) picture::before {
    width: clamp(270px, 26vw, 500px);
    height: clamp(270px, 26vw, 500px);
  }
}

.p-strengths__item:last-of-type picture img,
.p-strengths__item:last-of-type picture::before {
  width: clamp(250px, 62.5vw, 500px);
  height: clamp(250px, 62.5vw, 500px);
}

@media screen and (min-width: 768px) {
  .p-strengths__item:last-of-type picture img,
  .p-strengths__item:last-of-type picture::before {
    width: clamp(240px, 23vw, 450px);
    height: clamp(240px, 23vw, 450px);
  }
}

.p-strengths__item-text {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 57%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.p-strengths__item-text h3 {
  font-size: clamp(1.6rem, 2.6vw, 2rem);
  font-weight: bold;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-strengths__item-text h3 {
    font-size: clamp(1.6rem, 1.6vw, 2.4rem);
  }
}

.p-strengths__item-text p {
  font-size: clamp(1.3rem, 2.3vw, 1.8rem);
  font-weight: normal;
  color: #fff;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .p-strengths__item-text p {
    font-size: clamp(1.4rem, 1.3vw, 1.8rem);
  }
}

/* sub-cta */
.c-button__strengths {
  width: clamp(200px, 16vw, 310px);
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 60px;
  font-size: clamp(1.6rem, 1.39vw, 2rem);
  font-weight: bold;
  color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px 6px 20px 44px;
  margin-top: 35px;
  position: relative;
  transition: background-color 0.3s;
}

@media screen and (min-width: 768px) {
  .c-button__strengths {
    padding: 25px 0 25px clamp(45px, 3.6vw, 80px);
  }
}

@media (hover: hover) {
  .c-button__strengths:hover {
    background-color: rgba(255, 255, 255, 0.5);
  }
}

.c-button__strengths::after {
  content: '';
  position: absolute;
  top: 50%;
  right: clamp(20px, 2.2vw, 30px);
  transform: translateY(-50%);
  background-image: url(../images/common/arrow_black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(25px, 2.7vw, 40px);
  height: clamp(25px, 2.7vw, 40px);
}

/* ========================================================================== */

/* end index strengths */

/* ========================================================================== */

/* ========================================================================== */

/* index faq */

/* ========================================================================== */
.p-faq__wrapper {
  padding: 60px 0;
}

@media screen and (min-width: 768px) {
  .p-faq__wrapper {
    padding: 120px 0;
  }
}

.p-faq__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  margin-top: 50px;
}

@media screen and (min-width: 768px) {
  .p-faq__cta {
    gap: 240px;
    margin-top: 100px;
  }
}
/* ========================================================================== */

/* end index faq */

/* ========================================================================== */