@charset "UTF-8";
/* ブレイクポイント設定 */
/* 色設定 */
/* フォントサイズ */
/* 行間 */
/* 文字間隔 */
/* スタイル調整 */
/* 擬似要素の共通基盤 */
/* transition */
/* 基盤 */
html {
  font-size: 1.3020833333vw;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
}

body {
  position: relative;
  color: #4d4d4d;
  background-color: #fff;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  overflow-wrap: break-word;
  overflow-x: hidden;
  margin: 0 auto;
}

a {
  position: relative;
  display: block;
  color: black;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

li {
  list-style: none;
}

span {
  position: relative;
  display: inline-block;
}

/* レイアウト */
.l-container {
  width: 100%;
  max-width: 76.8rem;
  margin: 0 auto;
}

.l-wrapper {
  padding-left: 4.1rem;
  padding-right: 4.1rem;
}

.l-wrapper2 {
  width: 69.632rem;
  margin: 0 auto;
}

/* コンポーネント */
.c-font-shippori {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-style: normal;
}

.c-font-m_plus_2 {
  font-family: "M PLUS 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.c-font-kozuka {
  font-family: "Kozuka Gothic Pr6N", sans-serif;
  font-style: normal;
}

.c-font-noto-sans-cjk {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.c-font-inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.c-italic {
  font-style: italic;
}

.c-font-600 {
  font-weight: 600;
}

.c-white {
  color: #fff;
}

.c-navy {
  color: #101733;
}

.c-navy2 {
  color: #2f649c;
}

.c-navy3 {
  color: #111430;
}

.c-navy4 {
  color: #2C659E;
}

.c-light-blue {
  color: #00bdd6;
}

.c-blue {
  color: #00bdd6;
}

.c-yellow {
  color: #FFF844;
}

.c-bg {
  background-color: #F1F2F5;
}

.c-bg2 {
  background-color: #FEFDFE;
}

.c-cta {
  width: 82%;
}

.c-lightLeft {
  position: relative;
  animation: boing 1.2s infinite linear;
  border-radius: 2.4rem;
  overflow: hidden;
}
.c-lightLeft::before {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 15%, rgba(255, 255, 255, 0) 25%); /* 光の色と広がり */
  transform: skewX(-30deg) translateX(-100%); /* アニメーション開始時の位置 */
  animation: light-sweep 3s linear infinite; /* アニメーションの適用 */
}

@keyframes light-sweep {
  0% {
    transform: skewX(-30deg) translateX(-100%);
  }
  25% {
    transform: skewX(-30deg) translateX(120%); /* 右端まで移動 */
  }
  100% {
    transform: skewX(-30deg) translateX(120%); /* 移動完了 */
  }
}
@keyframes boing {
  0% {
    transform: translateX(-50%) scale(1.1);
  }
  25% {
    transform: translateX(-50%) scale(1.13);
  }
  50% {
    transform: translateX(-50%) scale(1.1);
  }
  75% {
    transform: translateX(-50%) scale(1.13);
  }
  100% {
    transform: translateX(-50%) scale(1.1);
  }
}
.c-down-arrow {
  width: 3.3rem;
  margin: 3rem auto 0;
}

.c-section {
  margin-bottom: 7rem;
}
.c-section p, .c-section li {
  font-size: 3.277rem;
  line-height: 1.625;
}
.c-section ul {
  margin-top: 2rem;
}
.c-section ul li {
  list-style: disc;
  margin-left: 4.5rem;
}

.c-section__title {
  font-size: 4.096rem;
  font-weight: 700;
  line-height: 1.4;
  border-bottom: solid 1px #F1F2F5;
  padding-bottom: 1.5rem;
  margin-bottom: 3rem;
}

.u-inline {
  display: inline;
}

/* js */
.js-slideinLeft_op {
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}

.js-slideinLeft_op.active {
  clip-path: inset(0 0 0 0);
}

.js-slideinLeft {
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}

.js-slideinLeft.active {
  clip-path: inset(0 0 0 0);
}

.js-slideinLeft_2::before {
  clip-path: inset(0 100% 0 0);
  transition: 0.6s;
}

.js-slideinLeft_2.active::before {
  clip-path: inset(0 0 0 0);
}

.js-fadeup {
  transform: translateY(5rem);
  opacity: 0;
  transition: 0.6s;
}

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

.js-fadeup_2 {
  opacity: 0;
  transition: 0.6s;
}

.js-fadeup_2.active {
  transform: rotate(-9.5deg) scaleY(0.97) translateX(0) translateY(0);
  opacity: 1;
}

.js-scaleup {
  transform: scale(0.5);
  transition: 0.6s;
}

.js-scaleup.active {
  transform: scale(1);
}

.js-graph::before {
  transition: 0.6s;
}

.js-graph.active::before {
  animation: sweep 1.2s linear forwards;
}

.js-arrow {
  cursor: pointer;
}

.js-arrow.active::before {
  background: url(../images/section-10/section-10_card-btn01.png) no-repeat center/contain;
}

.js-accordion {
  transition: 0.3s;
}

.js-accordion.active {
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 0));
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 0));
}/*# sourceMappingURL=common.css.map */