@charset "UTF-8";
.l-container {
  width: 100%;
}

.feature {
  background: #fff;
  color: #141b3f;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow: clip;
  position: relative;
  text-align: center;
  width: 100%;
}
.feature p {
  margin: 0;
}
.feature a {
  color: #141b3f;
  text-decoration: none;
  transition: all 0.3s ease-in;
}
.feature a:hover {
  opacity: 0.9;
}
.feature a:has(> img) {
  display: block;
}
.feature .js-inview {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s, transform 1s;
}
.feature .js-inview.is-active {
  opacity: 1;
  transform: translateY(0);
}
.feature img {
  height: auto;
  width: 100%;
}
.feature p {
  margin: 0;
}
.feature .credit {
  text-align: left;
}
.feature .credit li {
  color: #141b3f;
  font-family: "muli", sans-serif;
  font-size: 1.1307420495vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 0.9893992933vw 0;
  white-space: nowrap;
}
.feature .content__wrap {
  display: flex;
  position: relative;
  width: 100%;
}
.feature .content__left {
  background: #141b3f;
  display: grid;
  height: calc(100vh - 80px);
  place-content: center;
  position: sticky;
  top: 80px;
  width: 50%;
}
.feature .content__left .hero__txt {
  position: absolute;
  top: 3.6042402827vw;
  left: 12.296819788vw;
  width: 24.8763250883vw;
}
.feature .content__left .hero__img {
  position: absolute;
  top: 10.2473498233vw;
  left: 50%;
  transform: translateX(-50%);
  width: 28.9752650177vw;
}
.feature .content__left .hero__ttl {
  position: absolute;
  top: 45.5830388693vw;
  left: 11.7314487633vw;
  width: 26.148409894vw;
}
.feature .content__left .hero__btn {
  position: absolute;
  top: 56.5371024735vw;
  left: 17.1024734982vw;
  width: 16.4664310954vw;
}
.feature .content__left .js-inview {
  opacity: 1;
  transform: none;
  transition: none;
}
.feature .content__left .js-inview .hero__txt, .feature .content__left .js-inview .hero__ttl, .feature .content__left .js-inview .hero__btn {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s, transform 1s;
}
.feature .content__left .js-inview.is-active .hero__txt, .feature .content__left .js-inview.is-active .hero__ttl, .feature .content__left .js-inview.is-active .hero__btn {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right {
  padding: 4.593639576vw 0 7.0671378092vw;
  text-align: left;
  width: 50%;
}
.feature .content__right .inner {
  overflow: hidden;
  text-align: center;
  width: 40.2826855124vw;
}
.feature .content__right .inner .txt {
  font-size: 1.3427561837vw;
  line-height: 2.15;
  margin-bottom: 4.3816254417vw;
}
.feature .content__right .inner .lead {
  margin-bottom: 21.2014134276vw;
}
.feature .content__right .inner .lead__img {
  margin: 0 auto 1.6961130742vw;
  width: 22.4734982332vw;
}
.feature .content__right .inner .lead__cap {
  margin: 0 auto;
  width: 23.3215547703vw;
}
.feature .content__right .inner .c__01 {
  margin: 0 auto 10.8833922261vw 2.9681978799vw;
  position: relative;
  width: 34.7703180212vw;
}
.feature .content__right .inner .c__01::before {
  background: url(../img/bg01.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 10.6007067138vw;
  pointer-events: none;
  position: absolute;
  top: -10.6007067138vw;
  left: -2.8975265018vw;
  width: 24.4522968198vw;
}
.feature .content__right .inner .c__01::after {
  background: url(../img/bg02.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 22.4028268551vw;
  pointer-events: none;
  position: absolute;
  top: 26.2190812721vw;
  left: -7.5618374558vw;
  width: 31.519434629vw;
}
.feature .content__right .inner .c__01 .cap {
  position: absolute;
  top: -3.5335689046vw;
  right: -0.2826855124vw;
  width: 10.6007067138vw;
  z-index: 3;
}
.feature .content__right .inner .c__01_img01 {
  margin-bottom: 5.371024735vw;
  position: relative;
  z-index: 2;
}
.feature .content__right .inner .c__01_img02 {
  margin: 0 auto 1.554770318vw 2.8268551237vw;
  width: 28.8339222615vw;
}
.feature .content__right .inner .c__01_img02::after {
  background: url(../img/bg03.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 20.4240282686vw;
  pointer-events: none;
  position: absolute;
  right: -2.332155477vw;
  bottom: -5.5123674912vw;
  width: 14.4169611307vw;
}
.feature .content__right .inner .c__01_img02 a {
  position: relative;
  z-index: 2;
}
.feature .content__right .inner .c__01 .credit {
  margin-left: 2.8268551237vw;
}
.feature .content__right .inner .c__02 {
  margin: 0 auto 10.8127208481vw 0.1413427562vw;
  padding: 1.7667844523vw 0 0 1.3427561837vw;
  position: relative;
  width: 38.6572438163vw;
}
.feature .content__right .inner .c__02::before {
  background: #76273c;
  content: "";
  height: 53.3568904594vw;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 40vw;
}
.feature .content__right .inner .c__02 .cap {
  position: absolute;
  top: -3.6042402827vw;
  left: 1.3427561837vw;
  width: 132px;
}
.feature .content__right .inner .c__02_img01 {
  margin-bottom: 2.9681978799vw;
  width: 37.3851590106vw;
}
.feature .content__right .inner .c__02 .credit {
  margin-left: 0.2826855124vw;
}
.feature .content__right .inner .c__03 {
  margin: 0 0 11.9434628975vw 0.1413427562vw;
  position: relative;
}
.feature .content__right .inner .c__03::before {
  background: #141b3f;
  content: "";
  height: 45.8657243816vw;
  pointer-events: none;
  position: absolute;
  top: 45.5830388693vw;
  left: 0;
  width: 5.3003533569vw;
}
.feature .content__right .inner .c__03 .cap {
  position: absolute;
  top: 1.1307420495vw;
  right: 2.6148409894vw;
  width: 4.7349823322vw;
  z-index: 2;
}
.feature .content__right .inner .c__03_img01 {
  width: 34.2049469965vw;
}
.feature .content__right .inner .c__03_img02 {
  margin: 0 0.1413427562vw 1.6254416961vw 5.3003533569vw;
}
.feature .content__right .inner .c__03 .credit {
  margin-left: 1.6254416961vw;
}
.feature .content__right .inner .c__04 {
  margin-bottom: 14.8409893993vw;
}
.feature .content__right .inner .c__04 .cap {
  margin: 0 1.2720848057vw 0.6360424028vw 1.2014134276vw;
}
.feature .content__right .inner .c__04_img01, .feature .content__right .inner .c__04_img02 {
  margin-right: 0.2826855124vw;
}
.feature .content__right .inner .c__04_img03 {
  margin-right: 0.2826855124vw;
  position: relative;
}
.feature .content__right .inner .c__04_img03 .credit {
  position: absolute;
  top: 9.6113074205vw;
  left: 8.8339222615vw;
  text-align: center;
}
.feature .content__right .inner .c__04_img03 .credit li {
  color: #fff;
  font-size: 1.554770318vw;
  margin-bottom: 0.7067137809vw;
}
.feature .content__right .inner .c__04_img03 .credit li a {
  color: #fff;
}
.feature .content__right .inner .c__05 {
  background: #eaedef;
  margin-right: 0.1413427562vw;
  margin-bottom: 10.6713780919vw;
  padding-top: 3.1802120141vw;
  padding-bottom: 2.4028268551vw;
  position: relative;
}
.feature .content__right .inner .c__05::before {
  background: url(../img/bg04.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 28.1978798587vw;
  pointer-events: none;
  position: absolute;
  top: -4.1696113074vw;
  right: 0;
  width: 19.8586572438vw;
}
.feature .content__right .inner .c__05_img01 {
  margin: 0 0 4.2402826855vw 4.0282685512vw;
  position: relative;
  width: 32.0848056537vw;
  z-index: 2;
}
.feature .content__right .inner .c__05_img02 {
  margin-bottom: 1.554770318vw;
}
.feature .content__right .inner .c__05 .credit {
  margin-left: 1.6254416961vw;
}
.feature .content__right .inner .c__06 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 14.0636042403vw;
}
.feature .content__right .inner .c__06_img01 {
  width: 40vw;
}
.feature .content__right .inner .c__06_img02 {
  width: 20vw;
}
.feature .content__right .inner .c__06_img03 {
  width: 20vw;
}
.feature .content__right .inner .c__06_img04 {
  width: 20vw;
}
.feature .content__right .inner .c__06_img05 {
  position: relative;
  width: 20vw;
}
.feature .content__right .inner .c__06_img05 .credit {
  position: absolute;
  top: 9.3286219081vw;
  left: 5.3003533569vw;
  text-align: center;
}
.feature .content__right .inner .c__06_img05 .credit li {
  color: #fff;
  font-size: 1.2720848057vw;
}
.feature .content__right .inner .c__06_img05 .credit li a {
  color: #fff;
}
.feature .content__right .inner .c__06.js-inview {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .inner .c__06.js-inview .c__06_img01, .feature .content__right .inner .c__06.js-inview .c__06_img02, .feature .content__right .inner .c__06.js-inview .c__06_img03, .feature .content__right .inner .c__06.js-inview .c__06_img04, .feature .content__right .inner .c__06.js-inview .c__06_img05 {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 1s, transform 1s;
}
.feature .content__right .inner .c__06.js-inview .c__06_img02 {
  transition-delay: 0.8s;
}
.feature .content__right .inner .c__06.js-inview .c__06_img03 {
  transition-delay: 1.2s;
}
.feature .content__right .inner .c__06.js-inview .c__06_img04 {
  transition-delay: 1.6s;
}
.feature .content__right .inner .c__06.js-inview .c__06_img05 {
  transition-delay: 2s;
}
.feature .content__right .inner .c__06.js-inview.is-active .c__06_img01, .feature .content__right .inner .c__06.js-inview.is-active .c__06_img02, .feature .content__right .inner .c__06.js-inview.is-active .c__06_img03, .feature .content__right .inner .c__06.js-inview.is-active .c__06_img04, .feature .content__right .inner .c__06.js-inview.is-active .c__06_img05 {
  opacity: 1;
  transform: translateY(0);
}
.feature .content__right .inner .c__07 {
  margin-bottom: 14.4876325088vw;
  position: relative;
}
.feature .content__right .inner .c__07::before {
  background: url(../img/bg05.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 38.0212014134vw;
  pointer-events: none;
  position: absolute;
  top: -3.4628975265vw;
  left: -5.3003533569vw;
  width: 26.7137809187vw;
}
.feature .content__right .inner .c__07::after {
  background: url(../img/bg06.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 24.2402826855vw;
  pointer-events: none;
  position: absolute;
  top: 49.0459363958vw;
  right: -1.3427561837vw;
  width: 33.9222614841vw;
}
.feature .content__right .inner .c__07_img01 {
  margin: 0 0 5.371024735vw 2.7561837456vw;
  width: 34.7703180212vw;
}
.feature .content__right .inner .c__07_img02 {
  margin: 0 0 1.1307420495vw 5.371024735vw;
  position: relative;
  width: 29.3992932862vw;
}
.feature .content__right .inner .c__07_img02::after {
  background: url(../img/bg07.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 12.5088339223vw;
  pointer-events: none;
  position: absolute;
  right: -5.5123674912vw;
  bottom: -8.1272084806vw;
  width: 11.4487632509vw;
}
.feature .content__right .inner .c__07_img02 a {
  position: relative;
  z-index: 2;
}
.feature .content__right .inner .c__07 .credit {
  margin-left: 5.371024735vw;
}
.feature .content__right .inner .c__08 {
  margin: 0 0.2120141343vw 10.035335689vw 0.1413427562vw;
  position: relative;
}
.feature .content__right .inner .c__08:before {
  background: #76273c;
  content: "";
  height: 53.238869258vw;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.7561837456vw;
  z-index: 2;
}
.feature .content__right .inner .c__08_img01 {
  margin-bottom: 1.7667844523vw;
}
.feature .content__right .inner .c__08 .credit {
  margin-left: 2.8268551237vw;
}
.feature .content__right .inner .c__09 {
  margin-bottom: 9.6819787986vw;
  position: relative;
}
.feature .content__right .inner .c__09::before {
  border-top: solid #041059 1px;
  content: "";
  height: 1px;
  pointer-events: none;
  position: absolute;
  top: 0.9893992933vw;
  left: 0;
  width: 40.2826855124vw;
}
.feature .content__right .inner .c__09 .cap {
  background: #fff;
  box-sizing: border-box;
  margin: 0 auto 1.6961130742vw 9.8233215548vw;
  padding: 0 0.9187279152vw;
  position: relative;
  width: 20.4946996466vw;
  z-index: 2;
}
.feature .content__right .inner .c__09 .inner {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 2.6148409894vw;
  width: 34.8409893993vw;
}
.feature .content__right .inner .c__09_img01 {
  width: 10.6713780919vw;
}
.feature .content__right .inner .c__09_img01 p {
  margin: 0.5653710247vw auto 0;
  width: 3.816254417vw;
}
.feature .content__right .inner .c__09_img02 {
  width: 10.6713780919vw;
}
.feature .content__right .inner .c__09_img02 p {
  margin: 0.4240282686vw auto 0;
  width: 3.109540636vw;
}
.feature .content__right .inner .c__09_img03 {
  width: 10.6713780919vw;
}
.feature .content__right .inner .c__09_img03 p {
  margin: 0.4946996466vw auto 0;
  width: 3.816254417vw;
}
.feature .content__right .inner .btn {
  box-sizing: border-box;
  margin: 0 auto 18.5159010601vw;
  padding: 0 0.3533568905vw 9.25795053vw 1.6254416961vw;
  width: 22.2614840989vw;
}
.feature .content__right .inner .staff {
  font-size: 1.1307420495vw;
  line-height: 2.1201413428vw;
}

.l-footer {
  padding-top: 0;
}
.l-footer .pc-footer {
  margin-top: 0;
}