@charset "UTF-8";
@-moz-document url-prefix() {}html {
  font-size: 10px;
}

body {
  overflow-x: hidden;
}

.l-container {
  width: 100%;
}

.l-container #feature {
  color: #000;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto;
  width: 100%;
}

.l-container #feature .default-img {
  display: block;
  height: auto;
  width: 100%;
}

.l-container:after{
  content: none;
}

.l-container #feature * {
  box-sizing: border-box;
}

.l-container #feature *::after {
  box-sizing: border-box;
}

.l-container #feature *::before {
  box-sizing: border-box;
}

.l-container #feature a{
  display: block;
  text-decoration: none;
  position: relative;
  transition: all 0.3s;
}

.l-container #feature a::after{
  background: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  transition: 0.3s;
  height: 100%;
  width: 100%;
}
.l-container #feature a:hover::after{
  cursor: pointer;
  opacity: 1;
}

.l-container #feature #sp-only{
  display: none !important;
}

.l-container #feature .target[data-fade="fadeIn"]{
  opacity: 0;
  transition: opacity 0.7s;
}
.l-container #feature .target[data-fade="fadeIn"][data-is-active="true"]{
  opacity: 1;
}

.l-container #feature .target[data-fade="slide"]{
  opacity: 0;
  transform: translateY(calc(20 *(100vw / 1400)));
  transition: opacity 0.7s, transform 0.7s;
}
.l-container #feature .target[data-fade="slide"][data-is-active="true"]{
  opacity: 1;
  transform: translateY(0);
}

.l-container #feature .target[data-fade="text"] .js-text-list path{
  opacity: 0;
  transform: translateY(5px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.l-container #feature .target[data-fade="text"][data-is-active="true"] .js-text-list path{
  opacity: 1;
  transform: translateY(0);
}

.l-container #feature .target[data-fade="parent"] .fade-child{
  opacity: 0;
  transition: opacity 0.7s;
}
.l-container #feature .hero.target[data-fade="parent"] .fade-child{
  transition: opacity .8s linear .2s;
}
.l-container #feature .target[data-fade="parent"][data-is-active="true"] .fade-child{
  opacity: 1;
}

/* credit */

.l-container #feature .creditList .credit{
  display: flex;
  flex-wrap: wrap;
  gap: calc(7 *(100vw / 1400)) calc(11.5 *(100vw / 1400));
}

.l-container #feature .creditList .credit li{
  border-bottom: calc(1 *(100vw / 1400)) solid #000;
}

.l-container #feature .creditList .credit li,
.l-container #feature .creditList .credit li a{
  color: #000;
  display: flex;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(14 *(100vw / 1400));
  letter-spacing: -0.04em;
  line-height: 1;
}
.l-container #feature .creditList .credit li .ja{
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-weight: 400;
}

.l-container #feature .creditList .credit li .price{
  margin-left: calc(5 *(100vw / 1400));
}

.l-container #feature .credit01{
  margin: calc(25 *(100vw / 1400)) 0 0 calc(-1 *(100vw / 1400));
  width: calc(320 *(100vw / 1400));
}

.l-container #feature .credit02{
  position: absolute;
  bottom: calc(-60 *(100vw / 1400));
  left: calc(978 *(100vw / 1400));
  width: calc(280 *(100vw / 1400));
}

.l-container #feature .credit04{
  margin: calc(19 *(100vw / 1400)) 0 0;
  width: calc(260 *(100vw / 1400));
}

.l-container #feature .credit05{
  margin: calc(20 *(100vw / 1400)) 0 0;
  width: calc(360 *(100vw / 1400));
}
.l-container #feature .credit05 .credit li:nth-of-type(2){
  margin: 0 30% 0 0;
}
.l-container #feature .credit05 .credit li:nth-of-type(4) .txt{
  transform: translateX(-0.43vw);
}
.l-container #feature .credit05 .credit li:nth-of-type(4) .ja:nth-of-type(2){
  margin: 0 calc(-1 *(100vw / 1400)) 0 0;
}
.l-container #feature .credit05 .credit li:nth-of-type(4) .price{
  margin: 0;
}

/* hero */

.l-container #feature .hero{
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.l-container #feature .hero__mv{
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.l-container #feature .hero__ttl{
  position: absolute;
  transition-delay: .8s !important;
  top: calc(430 *(100vw / 1400));
  right: calc(82 *(100vw / 1400));
  width: calc(491 *(100vw / 1400));
}

.l-container #feature .hero__vol{
  position: absolute;
  top: calc(21.5 *(100vw / 1400));
  left: calc(19 *(100vw / 1400));
  width: calc(28.5 *(100vw / 1400));
}

.l-container #feature .hero__arrow{
  position: absolute;
  bottom: calc(32 *(100vw / 1400));
  left: calc(33 *(100vw / 1400));
  width: calc(5.6 *(100vw / 1400));
}

/* main */

.l-container #feature .sticky{
  background: #fff;
  border-top: calc(1 *(100vw / 1400)) solid #000;
  border-bottom: calc(1 *(100vw / 1400)) solid #000;
  position: sticky;
  top: 79.8px;
  height: calc(40 *(100vw / 1400));
  width: 100%;
  z-index: 10;
}
.l-container #feature .sticky__text{
  margin: calc(15 *(100vw / 1400)) auto 0;
  width: calc(261.92 *(100vw / 1400));
}

.l-container #feature .sec{
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.l-container #feature .sec .inner{
  margin: 0 auto;
  position: relative;
  width: 100%;
}

.l-container #feature .sec .sec__flex{
  display: flex;
}

.l-container #feature .sec .sec__item,
.l-container #feature .sec .sec__img{
  position: relative;
}

.l-container #feature .sec .sec__concept{
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: calc(18 *(100vw / 1400));
  letter-spacing: 0.05em;
  line-height: 2.111;
}

/* sec01 */

.l-container #feature .sec01{
  margin: calc(88 *(100vw / 1400)) auto 0;
}

.l-container #feature .sec01 .inner{
  left: calc(-23 *(100vw / 1400));
  width: calc(1132 *(100vw / 1400));
}

.l-container #feature .sec01 .sec__ttl{
  margin: calc(2 *(100vw / 1400)) calc(1 *(100vw / 1400)) 0 0;
  transition-delay: .3s !important;
  width: calc(514.42 *(100vw / 1400));
}

.l-container #feature .sec01 .sec__text{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  z-index: 2;
}

.l-container #feature .sec01 .item01{
  margin: calc(-224 *(100vw / 1400)) 0 0 auto;
  width: calc(470 *(100vw / 1400));
  z-index: 1;
}

.l-container #feature .sec01 .img02{
  margin: calc(-230 *(100vw / 1400)) 0 0;
  width: calc(490 *(100vw / 1400));
}
.l-container #feature .sec01 .img03{
  margin: calc(-128 *(100vw / 1400)) calc(144 *(100vw / 1400)) 0 auto;
  width: calc(326 *(100vw / 1400));
}

/* sec02 */

.l-container #feature .sec02{
  margin: calc(197 *(100vw / 1400)) auto 0;
}

.l-container #feature .sec02 .flex01{
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.l-container #feature .sec02 .img04{
  width: calc(580 *(100vw / 1400));
}
.l-container #feature .sec02 .slide01,
.l-container #feature .sec02 .img05{
  margin: 0;
  width: calc(420 *(100vw / 1400));
}

/* sec03 */

.l-container #feature .sec03{
  margin: calc(310 *(100vw / 1400)) auto 0;
}

.l-container #feature .sec03 .flex01{
  align-items: flex-end;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 0 0 auto;
  position: relative;
  width: calc(1320 *(100vw / 1400));
}

.l-container #feature .sec03 .img06{
  width: calc(560 *(100vw / 1400));
}
.l-container #feature .sec03 .img07{
  width: calc(340 *(100vw / 1400));
}
.l-container #feature .sec03 .img08{
  margin: calc(33 *(100vw / 1400)) 0 0 calc(80 *(100vw / 1400));
  width: calc(340 *(100vw / 1400));
}

.l-container #feature .sec03 .sec__article{
  margin: calc(42 *(100vw / 1400)) 0 0 calc(80 *(100vw / 1400));
  width: calc(895 *(100vw / 1400));
}

/* sec04 */

.l-container #feature .sec04{
  margin: calc(-183 *(100vw / 1400)) auto 0;
  pointer-events: none;
}

.l-container #feature .sec04 .slide02{
  margin: 0 0 0 auto;
  pointer-events: all;
  width: calc(570 *(100vw / 1400));
}

.l-container #feature .sec04 .item10{
  margin: calc(-296 *(100vw / 1400)) 0 0 calc(290 *(100vw / 1400));
  pointer-events: all;
  width: calc(370 *(100vw / 1400));
}

/* sec05 */

.l-container #feature .sec05{
  margin: calc(272 *(100vw / 1400)) auto 0;
}

.l-container #feature .sec05 .flex01{
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  left: calc(12 *(100vw / 1400));
  margin: 0 auto;
  position: relative;
  width: calc(1074 *(100vw / 1400));
}

.l-container #feature .sec05 .img11{
  width: calc(326 *(100vw / 1400));
}

.l-container #feature .sec05 .item12{
  margin: calc(194 *(100vw / 1400)) 0 0;
  width: calc(580 *(100vw / 1400));
}

/* interview */

.l-container #feature .interview{
  background: #cde4eb;
  margin: calc(316 *(100vw / 1400)) auto 0;
  padding: calc(192 *(100vw / 1400)) 0 calc(184 *(100vw / 1400));
  position: relative;
  width: 100%;
}

.l-container #feature .interview__ttl{
  margin: 0 0 0 calc(84 *(100vw / 1400));
  position: relative;
  width: calc(698.76 *(100vw / 1400));
  z-index: 2;
}

.l-container #feature .interview__img{
  border: calc(3 *(100vw / 1400)) solid #fff;
  margin: calc(-95 *(100vw / 1400)) 0 0 calc(784 *(100vw / 1400));
  position: relative;
  transform: rotate(-8.986deg);
  transition-delay: .4s !important;
  width: calc(263 *(100vw / 1400));
  z-index: 1;
}

.l-container #feature .interview .flex01{
  display: flex;
  flex-wrap: wrap;
  gap: calc(69 *(100vw / 1400)) 0;
  justify-content: space-between;
  margin: calc(94 *(100vw / 1400)) auto 0;
  width: calc(970 *(100vw / 1400));
}

.l-container #feature .interview__text{
  width: calc(450 *(100vw / 1400));
}
.l-container #feature .interview__text p:nth-of-type(1){
  font-weight: 600;
  font-size: calc(20 *(100vw / 1400));
  letter-spacing: 0.135em;
  line-height: 1;
  text-align: center;
}
.l-container #feature .interview__text p:nth-of-type(2){
  font-feature-settings: "palt";
  font-weight: 400;
  font-size: calc(18 *(100vw / 1400));
  letter-spacing: 0;
  line-height: 1.5555;
  margin: calc(21 *(100vw / 1400)) 0 0;
  text-align: justify;
  width: calc(450 *(100vw / 1400));
}

.l-container #feature .flex01 .interview__text:nth-of-type(3) p:nth-of-type(2){
  letter-spacing: -0.023em;
}
.l-container #feature .flex01 .interview__text:nth-of-type(3) p:nth-of-type(2) .ls{
  margin: 0 0 0 calc(-2 *(100vw / 1400));
}

.l-container #feature .interview__btn{
  margin: calc(167 *(100vw / 1400)) auto 0;
  width: calc(450 *(100vw / 1400));
}

.l-container #feature .interview__note{
  font-feature-settings: "palt";
  font-size: calc(12 *(100vw / 1400));
  letter-spacing: 0;
  line-height: 1.7691;
  margin: calc(37 *(100vw / 1400)) auto 0;
  text-align: center;
}

.l-container #feature .interview__staff{
  border-top: calc(1 *(100vw / 1400)) solid #000;
  display: flex;
  margin: calc(184 *(100vw / 1400)) auto 0;
  padding: calc(39 *(100vw / 1400)) 0 0;
  width: 100%;
}

.l-container #feature .interview__staff-logo{
  margin: 0 0 0 calc(83 *(100vw / 1400));
  width: calc(169.48 *(100vw / 1400));
}
.l-container #feature .interview__staff-text{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: calc(12 *(100vw / 1400));
  letter-spacing: -0.02em;
  line-height: 1.1666;
}

.l-container #feature .interview__staff-text:nth-of-type(1){
  margin: 0 0 0 calc(148 *(100vw / 1400));
}
.l-container #feature .interview__staff-text:nth-of-type(2){
  margin: 0 0 0 calc(83 *(100vw / 1400));
}
.l-container #feature .interview__staff-text:nth-of-type(3){
  margin: 0 0 0 calc(97 *(100vw / 1400));
}
.l-container #feature .interview__staff-text:nth-of-type(4){
  margin: 0 0 0 calc(53 *(100vw / 1400));
}

@media screen and (max-width: 1401px){

}

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