.l-container {
  width: 100%;
}

.feature {
  font-family: "yu-gothic-pr6n", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  overflow: hidden;
  padding-bottom: 5.5vw;
  text-align: center;
  width: 100%;
}
.feature a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.feature a:hover {
  opacity: 0.6;
}
.feature a:has(> img) {
  display: block;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature video {
  width: 100%;
}
.feature .js-inview {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease-in-out;
}
.feature .js-inview.is-active {
  transform: translateY(0);
  opacity: 1;
}
.feature .credit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.feature .credit li {
  font-family: "minerva-modern", sans-serif;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 0.8;
  margin: 0 0.4285714286vw 1.2857142857vw;
  white-space: nowrap;
}
.feature .credit li a {
  text-decoration: underline;
}
.feature .hero {
  background: #fff;
  padding: 0.8571428571vw;
  margin: 0 auto;
  width: 61.1428571429vw;
}
.feature .hero__bg {
  background: url(../img/c_bg01.png) repeat-x left top;
  background-size: cover;
  padding-top: 7.2857142857vw;
  padding-bottom: 14.2857142857vw;
}
.feature .hero .inner {
  border-top: solid #00275e 0.1428571429vw;
  position: relative;
  z-index: 2;
}
.feature .hero .inner::before {
  background: #00275e;
  content: "";
  height: 0.8571428571vw;
  position: absolute;
  top: -0.0714285714vw;
  left: 0;
  width: 0.8571428571vw;
}
.feature .hero .inner::after {
  background: #00275e;
  content: "";
  height: 0.8571428571vw;
  position: absolute;
  top: -0.0714285714vw;
  right: 0;
  width: 0.8571428571vw;
}
.feature .hero .inner__block {
  border: solid #00275e 0.1428571429vw;
  border-top: none;
  padding-top: 7.0714285714vw;
  padding-bottom: 2.7857142857vw;
  position: relative;
}
.feature .hero .inner__block::before {
  background: #00275e;
  content: "";
  height: 0.8571428571vw;
  position: absolute;
  bottom: -0.0714285714vw;
  left: 0;
  width: 0.8571428571vw;
}
.feature .hero .inner__block::after {
  background: #00275e;
  content: "";
  height: 0.8571428571vw;
  position: absolute;
  right: 0;
  bottom: -0.0714285714vw;
  width: 0.8571428571vw;
}
.feature .hero__ttl {
  margin: 0 auto 3.5714285714vw;
  padding-left: 0.3571428571vw;
  width: 41.2857142857vw;
}
.feature .hero__img {
  margin: 0 auto 3.4285714286vw;
  position: relative;
  width: 32.1428571429vw;
}
.feature .hero__img #mute {
  cursor: pointer;
  position: absolute;
  top: 1.2142857143vw;
  right: 0;
}
.feature .hero__img #mute .sound-on {
  margin-right: 1.6428571429vw;
  width: 6.2857142857vw;
}
.feature .hero__img #mute .sound-off {
  display: none;
  margin-right: 1.3571428571vw;
  width: 7.1428571429vw;
}
.feature .hero .accordion {
  height: 11.5714285714vw;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.feature .hero .accordion.slide {
  height: 27.2857142857vw;
}
.feature .hero .accordion p {
  color: #001c40;
  font-size: 1.1428571429vw;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-bottom: 2.2142857143vw;
}
.feature .hero .accordionTrigger {
  border-bottom: solid #001c40 0.0714285714vw;
  color: #001c40;
  cursor: pointer;
  display: inline-block;
  font-family: "minerva-modern", sans-serif;
  font-size: 1.1428571429vw;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-bottom: 5.6428571429vw;
  padding-bottom: 0.3571428571vw;
  padding-left: 1.2857142857vw;
  position: relative;
}
.feature .hero .accordionTrigger::before {
  background: url(../img/icn_plus.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 0.9285714286vw;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9285714286vw;
}
.feature .hero .accordionTrigger.open::before {
  background: url(../img/icn_minus.png) no-repeat left top;
  background-size: 100%;
  top: 0.4285714286vw;
  width: 0.8571428571vw;
}
.feature .hero .copy {
  color: #424242;
  font-family: "pragmatica", sans-serif;
  font-size: 0.6428571429vw;
  letter-spacing: 0.06em;
}
.feature .bg__01 {
  background: #ebf3fa;
  padding-top: 2.8571428571vw;
  padding-bottom: 21.7857142857vw;
  position: relative;
  z-index: 3;
}
.feature .bg__01::before {
  background: url(../img/c_bg02.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 61.9285714286vw;
  position: absolute;
  top: 113.2142857143vw;
  left: 0;
  width: 64.9285714286vw;
}
.feature .bg__02 {
  background: url(../img/c_bg01.png) left top;
  background-size: 100%;
  position: relative;
  z-index: 2;
}
.feature .bg__02 .logo {
  margin: -4.9285714286vw auto -7.2142857143vw;
  width: 25.9285714286vw;
}
.feature .bg__03 {
  background: #fff;
  padding-top: 24.2142857143vw;
  padding-bottom: 16.6428571429vw;
  position: relative;
}
.feature .bg__03::before {
  background: url(../img/c_bg06.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 59.2857142857vw;
  position: absolute;
  top: 24.7142857143vw;
  left: 0;
  width: 29.6785714286vw;
}
.feature .bg__04 {
  background: #f5e6f5;
  padding-top: 5.7142857143vw;
  padding-bottom: 18.7142857143vw;
}
.feature .bg__04 .logo {
  margin: 0 auto;
  width: 40vw;
}
.feature .bg__05 {
  background: #ebf3fa;
  padding-top: 8.5714285714vw;
  padding-bottom: 23.7857142857vw;
  position: relative;
}
.feature .bg__05::before {
  background: url(../img/c_bg08.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 59.2857142857vw;
  position: absolute;
  top: 7.1428571429vw;
  left: 0;
  width: 29.6785714286vw;
}
.feature .bg__05::after {
  background: url(../img/c_bg09.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 85.3571428571vw;
  position: absolute;
  top: 137.1428571429vw;
  right: 0;
  width: 43.2142857143vw;
}
.feature .bg__05 .logo {
  margin: 0 auto 5.7142857143vw;
  width: 21.4285714286vw;
}
.feature .c__01 {
  height: 150.7142857143vw;
  margin: 0 auto 18.1428571429vw;
  position: relative;
  width: 70.7142857143vw;
}
.feature .c__01 .logo {
  margin: 0 auto;
  width: 28.2142857143vw;
}
.feature .c__01 .txt {
  position: absolute;
  top: 38.7857142857vw;
  left: 7.7857142857vw;
  width: 0.9035714286vw;
}
.feature .c__01_img01 {
  margin: -1.3571428571vw auto 8.5714285714vw;
  width: 42.8571428571vw;
}
.feature .c__01_img02 {
  margin: 0 0 0 auto;
  width: 34.2857142857vw;
}
.feature .c__01_img03 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25.7142857143vw;
}
.feature .c__01 .credit {
  position: absolute;
  bottom: -5.0714285714vw;
  left: 0;
  width: 100%;
}
.feature .c__01 .credit a {
  color: #005098;
}
.feature .c__02 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 18.2142857143vw;
  padding-right: 6.6428571429vw;
  position: relative;
  width: 57.1428571429vw;
}
.feature .c__02::before {
  background: url(../img/c_bg03.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 116.25vw;
  position: absolute;
  top: -0.5vw;
  right: -20.9285714286vw;
  width: 32.5vw;
}
.feature .c__02_img01, .feature .c__02_img02 {
  border: solid #005098 0.1428571429vw;
  width: 27.5714285714vw;
}
.feature .c__02_img03 {
  position: absolute;
  top: 8.4285714286vw;
  right: -5.2142857143vw;
  width: 19.2857142857vw;
}
.feature .c__02 .credit {
  position: absolute;
  bottom: -5.1428571429vw;
  left: 0;
  width: 100%;
}
.feature .c__02 .credit a {
  color: #005098;
}
.feature .c__03 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 84.2857142857vw;
}
.feature .c__03::before {
  background: url(../img/c_bg04.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 20.1428571429vw;
  position: absolute;
  top: -11.3571428571vw;
  left: -10.7142857143vw;
  width: 21.2142857143vw;
}
.feature .c__03_img01 {
  position: relative;
  width: 42.8571428571vw;
  z-index: 2;
}
.feature .c__03_img02 {
  width: 34.2857142857vw;
}
.feature .c__03 .credit {
  position: absolute;
  bottom: -5.0714285714vw;
  left: 0;
  width: 100%;
}
.feature .c__03 .credit a {
  color: #005098;
}
.feature .c__04 {
  margin: 0 auto 13.0714285714vw;
  position: relative;
  width: 61.4285714286vw;
}
.feature .c__04::before {
  background: url(../img/c_bg05.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 107.8571428571vw;
  pointer-events: none;
  position: absolute;
  top: 71.4285714286vw;
  right: -19.2142857143vw;
  width: 74.5357142857vw;
}
.feature .c__04_img01 {
  margin: 0 auto 5.7142857143vw;
  width: 40.7142857143vw;
}
.feature .c__04_img02 {
  margin: 0 0 3vw auto;
  width: 30vw;
}
.feature .c__04 .credit a {
  background: #fff;
  color: #00275e;
}
.feature .c__05 {
  height: 72.5vw;
  margin: 0 auto;
  position: relative;
  width: 66.4285714286vw;
}
.feature .c__05_img01 {
  width: 32.1428571429vw;
}
.feature .c__05_img02 {
  position: absolute;
  bottom: -6.0714285714vw;
  right: 23.5714285714vw;
  width: 23.5714285714vw;
}
.feature .c__05_img03 {
  position: absolute;
  bottom: -6.0714285714vw;
  right: 0;
  width: 23.5714285714vw;
}
.feature .c__05 .credit {
  position: absolute;
  bottom: -11.1428571429vw;
  left: 0;
  width: 100%;
}
.feature .c__05 .credit a {
  color: #00275e;
}
.feature .c__06 {
  margin: 0 auto;
  position: relative;
  width: 55vw;
}
.feature .c__06 .txt {
  -webkit-animation: rotate infinite 30000ms linear;
          animation: rotate infinite 30000ms linear;
  position: absolute;
  right: 1.9285714286vw;
  bottom: 11.8571428571vw;
  width: 12.8571428571vw;
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.feature .c__06_img01 {
  margin: 0 auto 25.5714285714vw;
  width: 36.4285714286vw;
}
.feature .c__06_img02 {
  position: absolute;
  bottom: 7.0714285714vw;
  left: 0;
  width: 30vw;
}
.feature .c__06_img03 {
  position: absolute;
  right: 6.7857142857vw;
  bottom: 12.8571428571vw;
  width: 17.8571428571vw;
}
.feature .c__06 .credit {
  margin: 0 auto;
  width: 30vw;
}
.feature .c__06 .credit a {
  color: #00275e;
}
.feature .c__07 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: -1.4285714286vw auto 18.1428571429vw;
  position: relative;
  width: 84.2857142857vw;
}
.feature .c__07_img01 {
  width: 34.2857142857vw;
}
.feature .c__07_img02 {
  width: 42.8571428571vw;
}
.feature .c__07 .credit {
  position: absolute;
  bottom: -5.0714285714vw;
  left: 0;
  width: 100%;
}
.feature .c__07 .credit a {
  color: #ec8fb9;
}
.feature .c__08 {
  background: url(../img/c_bg07.png) no-repeat left top;
  background-size: 100%;
  padding-top: 5.7142857143vw;
  padding-bottom: 18.2857142857vw;
}
.feature .c__08 .inner {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 75vw;
}
.feature .c__08_img01 {
  border: solid #ec8fb9 0.1428571429vw;
  width: 36.1428571429vw;
}
.feature .c__08_img02 {
  border: solid #ec8fb9 0.1428571429vw;
  margin-top: 21.4285714286vw;
  width: 29.7142857143vw;
}
.feature .c__08 .credit {
  position: absolute;
  bottom: -5.2142857143vw;
  left: 0;
  width: 100%;
}
.feature .c__08 .credit a {
  color: #ec8fb9;
}
.feature .c__09 {
  margin: 0 auto;
  width: 53.5714285714vw;
}
.feature .c__09_img01 {
  margin: 0 auto 8.4285714286vw;
  width: 36.4285714286vw;
}
.feature .c__09_img02 {
  border-top: solid #fff 0.2142857143vw;
  border-bottom: solid #fff 0.2142857143vw;
  margin-bottom: 2.7857142857vw;
  padding: 0.5vw 0 0.7142857143vw;
  width: 53.5714285714vw;
}
.feature .c__09 .credit a {
  color: #ec8fb9;
}
.feature .c__10 {
  margin: 0 auto 13.0714285714vw;
  position: relative;
  width: 58.9285714286vw;
}
.feature .c__10_img01 {
  margin: 0 auto 1.4285714286vw;
  width: 58.9285714286vw;
}
.feature .c__10_img02 {
  margin: 0 auto 3vw;
  width: 32.1428571429vw;
}
.feature .c__10_logo {
  margin: 0 auto 1.4285714286vw;
  width: 24.8571428571vw;
}
.feature .c__10 .txt {
  position: absolute;
  right: 7.3571428571vw;
  bottom: 14.7142857143vw;
  width: 0.9035714286vw;
}
.feature .c__10 .credit a {
  color: #831e35;
}
.feature .c__11 {
  margin: 0 auto 12.8571428571vw;
  position: relative;
  width: 38.5714285714vw;
  z-index: 2;
}
.feature .c__11_img01 {
  margin: 0 auto 28.5vw;
  width: 38.5714285714vw;
}
.feature .c__11_img02 {
  position: absolute;
  bottom: 18.0714285714vw;
  left: -10.5714285714vw;
  width: 29.8571428571vw;
}
.feature .c__11_img03 {
  position: absolute;
  right: -3.8571428571vw;
  bottom: 7.2142857143vw;
  width: 24.5vw;
}
.feature .c__11 .credit {
  margin: 0 auto;
  width: 17.1428571429vw;
}
.feature .c__11 .credit a {
  color: #831e35;
}
.feature .c__12 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 73.5714285714vw;
}
.feature .c__12_img01 {
  width: 38.5714285714vw;
}
.feature .c__12_img02 {
  border: solid #831e35 2px;
  width: 27.5714285714vw;
}
.feature .c__12 .credit {
  position: absolute;
  bottom: -7.1428571429vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 25vw;
}
.feature .c__12 .credit a {
  color: #831e35;
}
.feature .c__13 {
  margin-bottom: 7.2857142857vw;
  padding-top: 10.7142857143vw;
}
.feature .c__13 .cap {
  margin: 0 auto 2.8571428571vw;
  width: 11.2857142857vw;
}
.feature .c__13_img01 {
  margin: 0 auto 3vw;
  width: 60.7142857143vw;
}
.feature .c__13_img01 a {
  display: block;
  margin: 0 2.1428571429vw;
  width: 23.5714285714vw;
}
.feature .c__13 .credit a {
  color: #00275e;
}
.feature .btn {
  display: block;
  margin: 0 auto 4.2142857143vw;
  width: 34.2857142857vw;
}
.feature .footCopy {
  color: #424242;
  font-family: "pragmatica", sans-serif;
  font-size: 0.7142857143vw;
  letter-spacing: 0.06em;
  line-height: 1.7;
}

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