@charset "UTF-8";

html{
  font-size: 10px;
  scroll-behavior: smooth;
}

html{
  font-size: calc(10 * (100vw / 1200));
}

body{
  overflow-x: clip;
}

.l-container{
  color: #000;
  font-style: normal;
  margin: 0 auto;
  width: 100%;
}
.l-container a{
  display: block;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.4s;
}

.l-container a:hover{
  cursor: pointer;
}
/* .l-container #feature a::after{
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.4s;
} */
 
/* .l-container #feature a:hover{
  opacity: .7;
} */

.l-container img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}

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

.l-container .video__body{
  height: 100%;
  width: 100%;
}

.l-container .video__body--content{
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}

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

/*******************************
credit
*******************************/

.l-container .creditList{
  width: fit-content;
}

.l-container .creditList .credit{
  display: flex;
  flex-direction: column;
  gap: calc(6 *(100vw / 1440)) 0;
}

.l-container .creditList .credit li{
  position: relative;
  width: fit-content;
}

.l-container .creditList .credit li,
.l-container .creditList .credit a{
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(11 *(100vw / 1440));
  letter-spacing: 0.06em;
  line-height: 1;
}

.l-container .creditList .credit li .price{
  margin-left: calc(3 *(100vw / 1440));
  text-decoration: underline;
  /* text-decoration-skip-ink: none; */
}

.l-container .creditList.white .credit li .txt,
.l-container .creditList.white .credit li .brand{
  color: #fff;
}
.l-container .creditList.brown .credit li .txt,
.l-container .creditList.brown .credit li .brand{
  color: #6C3822;
}
.l-container .creditList.black .credit li .txt,
.l-container .creditList.black .credit li .brand{
  color: #000;
}

.l-container .creditList.beige .credit li .price{
  color: #FDEDC8;
}
.l-container .creditList.green .credit li .price{
  color: #367051;
}
.l-container .creditList.mint .credit li .price{
  color: #9BDBC6;
}
.l-container .creditList.orange .credit li .price{
  color: #E08A14;
}
.l-container .creditList.yellow .credit li .price{
  color: #FFFF00;
}

.l-container .credit01{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit02{
  margin-top: calc(22 *(100vw / 1440));
}
.l-container .credit03{
  margin-top: calc(23 *(100vw / 1440));
}
.l-container .credit04{
  margin-top: calc(22 *(100vw / 1440));
}
.l-container .credit05{
  margin: calc(32 *(100vw / 1440)) 0 0 calc(18 *(100vw / 1440));
}
.l-container .credit06{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit07{
  margin: calc(22 *(100vw / 1440)) 0 0 calc(39 *(100vw / 1440));
}
.l-container .credit08{
  margin: 0 0 calc(2 *(100vw / 1440)) calc(30 *(100vw / 1440));
}

.l-container .credit09{
  margin-top: calc(20 *(100vw / 1440));
}
.l-container .credit10{
  margin: 0 0 calc(7 *(100vw / 1440)) calc(5 *(100vw / 1440));
}
.l-container .credit11{
  margin: calc(19 *(100vw / 1440)) 0 0 calc(-15 *(100vw / 1440));
}
.l-container .credit12{
  margin: calc(36 *(100vw / 1440)) 0 0 calc(20 *(100vw / 1440));
}

.l-container .credit13{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit14{
  margin: calc(7 *(100vw / 1440)) calc(15 *(100vw / 1440)) 0 0;
}
.l-container .credit15{
  margin: calc(32 *(100vw / 1440)) 0 0 calc(18 *(100vw / 1440));
}
.l-container .credit16{
  margin: calc(16 *(100vw / 1440)) 0 0 calc(-21 *(100vw / 1440));
}

.l-container .credit17{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit18{
  margin: calc(41 *(100vw / 1440)) 0 0 calc(30 *(100vw / 1440));
}
.l-container .credit19{
  margin: calc(16 *(100vw / 1440)) 0 0 calc(21 *(100vw / 1440));
}
.l-container .credit20{
  margin: calc(22 *(100vw / 1440)) 0 0 calc(1 *(100vw / 1440));
}

.l-container .credit21{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit22{
  margin-top: calc(22 *(100vw / 1440));
}
.l-container .credit23{
  margin-top: calc(21 *(100vw / 1440));
}
.l-container .credit24{
  margin-top: calc(19 *(100vw / 1440));
}
.l-container .credit25{
  margin-top: calc(20 *(100vw / 1440));
}

.l-container .credit26{
  margin-top: calc(22 *(100vw / 1440));
}
.l-container .credit27{
  margin-top: calc(22 *(100vw / 1440));
}

/*******************************
mv
*******************************/

.feature .mv{
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1;
}

/*******************************
main
*******************************/

.feature .main{
  background: #232323;
  position: sticky;
  transition: background .8s linear;
  width: 100%;
  z-index: 2;
}

.feature .main.black{
  background: #232323;
}
.feature .main.red{
  background: #D92924;
}
.feature .main.lightbrown{
  background: #CFB997;
}
.feature .main.gray{
  background: #928C80;
}
.feature .main.brown{
  background: #694133;
}
.feature .main.khaki{
  background: #B8BCA5;
}
.feature .main.green{
  background: #62983B;
}
.feature .main.beige{
  background: #FAF1DC;
}

/*******************************
nav
*******************************/

.feature .nav{
  padding: calc(121 *(100vw / 1440)) 0 calc(108 *(100vw / 1440));
  width: 100%;
}

.feature .nav .nav__flex{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 auto;
  left: calc(-16 *(100vw / 1440));
  position: relative;
  width: calc(1240 *(100vw / 1440));
}

.feature .nav .nav__writings{
  width: calc(367.8 *(100vw / 1440));
}
.feature .nav .nav__writings-ttl{
  margin-left: calc(2 *(100vw / 1440));
  width: calc(337.4 *(100vw / 1440));
}
.feature .nav .nav__writings-text{
  color: #E21913;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 600;
  font-size: calc(16 *(100vw / 1440));
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: calc(26 *(100vw / 1440));
}

.feature .nav .nav__book{
  margin: calc(0 *(100vw / 1440)) 0 0 calc(0 *(100vw / 1440));
  position: relative;
  height: calc(584.7 *(100vw / 1440));
  width: calc(725.5 *(100vw / 1440));
}

.feature .nav .nav__book-text{
  position: absolute;
  top: calc(42 *(100vw / 1440));
  right: calc(-54 *(100vw / 1440));
  width: calc(183.9 *(100vw / 1440));
}

.feature .nav .nav__book-link{
  transform-origin: 0;
  position: absolute;
}
.feature .nav .nav__book-link:nth-of-type(1){
  top: calc(-28 *(100vw / 1440));
  left: calc(124 *(100vw / 1440));
  transform: rotate(95deg);
  height: calc(148 *(100vw / 1440));
  width: calc(574 *(100vw / 1440));
}
.feature .nav .nav__book-link:nth-of-type(2){
  top: calc(174 *(100vw / 1440));
  left: calc(226 *(100vw / 1440));
  transform: rotate(90deg);
  height: calc(100 *(100vw / 1440));
  width: calc(382 *(100vw / 1440));
}
.feature .nav .nav__book-link:nth-of-type(3){
  top: calc(154 *(100vw / 1440));
  left: calc(316 *(100vw / 1440));
  transform: rotate(87deg);
  height: calc(100 *(100vw / 1440));
  width: calc(378 *(100vw / 1440));
}
.feature .nav .nav__book-link:nth-of-type(4){
  top: calc(178 *(100vw / 1440));
  left: calc(430 *(100vw / 1440));
  transform: rotate(90deg);
  height: calc(100 *(100vw / 1440));
  width: calc(378 *(100vw / 1440));
}
.feature .nav .nav__book-link:nth-of-type(5){
  top: calc(145 *(100vw / 1440));
  left: calc(535 *(100vw / 1440));
  transform: rotate(92deg);
  height: calc(100 *(100vw / 1440));
  width: calc(378 *(100vw / 1440));
}
.feature .nav .nav__book-link:nth-of-type(6){
  top: calc(68 *(100vw / 1440));
  left: calc(627 *(100vw / 1440));
  transform: rotate(85deg);
  height: calc(114 *(100vw / 1440));
  width: calc(484 *(100vw / 1440));
}

.l-container #feature .nav .nav__book-link a:hover{
  opacity: 1;
}
.feature .nav .nav__book-link:nth-of-type(1) a:hover{
  transform: rotate(-5deg)
}
.feature .nav .nav__book-link:nth-of-type(2) a:hover{
  transform: rotate(3deg)
}
.feature .nav .nav__book-link:nth-of-type(3) a:hover{
  transform: rotate(-5deg)
}
.feature .nav .nav__book-link:nth-of-type(4) a:hover{
  transform: rotate(6deg)
}
.feature .nav .nav__book-link:nth-of-type(5) a:hover{
  transform: rotate(-3deg)
}
.feature .nav .nav__book-link:nth-of-type(6) a:hover{
  transform: rotate(-5deg)
}

/*******************************
container
*******************************/

.feature .sec{
  position: relative;
  margin: 0 auto;
  width: 100%;
}

.feature .sec .inner{
  margin: auto;
  position: relative;
  width: 100%;
}

.feature .sec .sec__flex{
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature .sec .sec__img{
  position: relative;
}

.feature .sec .sec__text{
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 600;
  font-size: calc(17 *(100vw / 1440));
  letter-spacing: 0.05em;
  line-height: 1.4117;

}

/*******************************
sec01
*******************************/

.feature .sec01{
  padding: calc(125 *(100vw / 1440)) 0 calc(150 *(100vw / 1440));
}

.feature .sec01 .sec__ttl{
  margin-left: calc(88 *(100vw / 1440));
  width: calc(654.3 *(100vw / 1440));
}

.feature .sec01 .sec__text{
  color: #fff;
  text-shadow: calc(2 *(100vw / 1440)) calc(2 *(100vw / 1440)) 0 rgba(0, 0, 0, 1);
  margin-top: calc(230 *(100vw / 1440));
  width: calc(334 *(100vw / 1440));
}

.feature .sec01 .flex01{
  flex-direction: row-reverse;
  justify-content: space-between;
  left: calc(13 *(100vw / 1440));
  margin: calc(20 *(100vw / 1440)) auto 0;
  width: calc(1214 *(100vw / 1440));
}
.feature .sec01 .flex02{
  flex-wrap: wrap;
  margin: calc(-233 *(100vw / 1440)) auto 0;
  pointer-events: none;
  width: calc(1140 *(100vw / 1440));
}
.feature .sec01 .flex03{
  flex-wrap: wrap;
  margin: calc(-215 *(100vw / 1440)) auto 0;
  pointer-events: none;
  width: calc(1240 *(100vw / 1440));
}
.feature .sec01 .flex02 > div a,
.feature .sec01 .flex03 > div a{
  pointer-events: all;
}
.feature .sec01 .flex04{
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: calc(40 *(100vw / 1440)) auto 0;
  width: calc(1240 *(100vw / 1440));
}

.feature .sec01 .img01{
  box-shadow: calc(12 *(100vw / 1440)) calc(12 *(100vw / 1440)) 0 0 rgba(0, 0, 0, 1);
  transform: rotate(3deg);
  width: calc(800 *(100vw / 1440));
}
.feature .sec01 .img02{
  margin: calc(-191 *(100vw / 1440)) 0 0 calc(46 *(100vw / 1440));
  order: 2;
  width: calc(344 *(100vw / 1440));
}

.feature .sec01 .item03{
  margin: 0 0 0 auto;
  order: 1;
  padding-left: 30%;
  width: calc(462 *(100vw / 1440));
}
.feature .sec01 .img03{
  margin: 0 0 0 auto;
  width: calc(462 *(100vw / 1440));
}

.feature .sec01 .img04{
  left: calc(4 *(100vw / 1440));
  margin: calc(278 *(100vw / 1440)) 0 0 auto;
  order: 3;
  width: calc(344 *(100vw / 1440));
}
.feature .sec01 .item05{
  margin: calc(-82 *(100vw / 1440)) 0 0 calc(100 *(100vw / 1440));
  order: 4;
  width: calc(462 *(100vw / 1440));
}
.feature .sec01 .sec__slide{
  margin: 0;
  width: calc(462 *(100vw / 1440));
}

.feature .sec01 .img07{
  margin: 0 0 0 auto;
  padding-left: 32%;
  width: calc(400 *(100vw / 1440));
}
.feature .sec01 .img08{
  margin-top: calc(15 *(100vw / 1440));
  width: calc(462 *(100vw / 1440));
}
.feature .sec01 .item09{
  margin: calc(323 *(100vw / 1440)) calc(200 *(100vw / 1440)) 0 auto;
  width: calc(344 *(100vw / 1440));
}
.feature .sec01 .item10{
  margin-top: calc(160 *(100vw / 1440));
  width: calc(462 *(100vw / 1440));
}
.feature .sec01 .img11{
  margin-left: calc(100 *(100vw / 1440));
  width: calc(344 *(100vw / 1440));
}

.feature .sec01 .sec__other{
  margin: calc(127 *(100vw / 1440)) 0 0 calc(126 *(100vw / 1440));
  width: calc(480 *(100vw / 1440));
}

/*******************************
sec02
*******************************/

.feature .sec02{
  margin: 0 auto;
  padding: calc(106 *(100vw / 1440)) 0 calc(192 *(100vw / 1440));
}

.feature .sec02 .flex01{
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(1140 *(100vw / 1440));
}
.feature .sec02 .flex02{
  flex-wrap: wrap;
  margin: calc(83 *(100vw / 1440)) auto 0;
  width: calc(1340 *(100vw / 1440));
}

.feature .sec02 .sec__other{
  margin-right: calc(62 *(100vw / 1440));
  width: calc(416 *(100vw / 1440));
}
.feature .sec02 .sec__writings{
  margin-top: calc(150 *(100vw / 1440));
}
.feature .sec02 .sec__ttl{
  width: calc(400.3 *(100vw / 1440));
}
.feature .sec02 .sec__text{
  color: #6C3822;
  margin-top: calc(41 *(100vw / 1440));
}

.feature .sec02 .item12{
  margin-left: calc(37 *(100vw / 1440));
  width: calc(462 *(100vw / 1440));
}
.feature .sec02 .img12{
  transform: rotate(-3deg);
}
.feature .sec02 .item13{
  margin: calc(323 *(100vw / 1440)) 0 0 calc(228 *(100vw / 1440));
  width: calc(344 *(100vw / 1440));
}
.feature .sec02 .item14{
  margin: calc(773 *(100vw / 1440)) 0 0 auto;
  width: calc(234 *(100vw / 1440));
}
.feature .sec02 .img14{
  width: calc(180 *(100vw / 1440));
}
.feature .sec02 .item15{
  display: flex;
  align-items: flex-end;
  margin: calc(-340 *(100vw / 1440)) 0 0 calc(423 *(100vw / 1440));
}
.feature .sec02 .img15{
  width: calc(466 *(100vw / 1440));
}

.feature .sec02 .sec__deco{
  position: absolute;
  top: calc(1374 *(100vw / 1440));
  left: calc(132 *(100vw / 1440));
  width: calc(370 *(100vw / 1440));
}

/*******************************
sec03
*******************************/

.feature .sec03{
  margin: 0 auto;
  padding: calc(106 *(100vw / 1440)) 0 calc(205 *(100vw / 1440));
}

.feature .sec03 .flex01{
  margin: 0 auto;
  width: calc(1140 *(100vw / 1440));
}
.feature .sec03 .flex02{
  flex-wrap: wrap;
  margin: calc(104 *(100vw / 1440)) auto 0;
  width: calc(1140 *(100vw / 1440));
}

.feature .sec03 .sec__writings{
  margin: calc(170 *(100vw / 1440)) calc(30 *(100vw / 1440)) 0 auto;
}
.feature .sec03 .sec__ttl{
  margin-left: calc(-8 *(100vw / 1440));
  width: calc(300 *(100vw / 1440));
}
.feature .sec03 .sec__text{
  color: #000;
  margin-top: calc(18 *(100vw / 1440));
}
.feature .sec03 .sec__other{
  margin-left: calc(64 *(100vw / 1440));
  width: calc(414 *(100vw / 1440));
}

.feature .sec03 .item16{
  margin-left: calc(238 *(100vw / 1440));
  order: 2;
  width: calc(456 *(100vw / 1440));
}
.feature .sec03 .item17{
  align-items: flex-end;
  display: flex;
  margin: calc(190 *(100vw / 1440)) 0 0 calc(14 *(100vw / 1440));
  order: 1;
}
.feature .sec03 .img17{
  width: calc(186 *(100vw / 1440));
}
.feature .sec03 .item18{
  margin: calc(455 *(100vw / 1440)) calc(68 *(100vw / 1440)) 0 auto;
  order: 4;
  width: calc(344 *(100vw / 1440));
}
.feature .sec03 .img18{
  transform: rotate(4deg);
}
.feature .sec03 .item19{
  margin: calc(98 *(100vw / 1440)) 0 0 calc(74 *(100vw / 1440));
  order: 3;
  width: calc(462 *(100vw / 1440));
}
.feature .sec03 .img19{
  transform: rotate(-4deg);
}

.feature .sec03 .deco01{
  position: absolute;
  top: calc(784 *(100vw / 1440));
  right: calc(160 *(100vw / 1440));
  width: calc(204 *(100vw / 1440));
}
.feature .sec03 .deco02{
  position: absolute;
  top: calc(1400 *(100vw / 1440));
  right: calc(352 *(100vw / 1440));
  width: calc(210 *(100vw / 1440));
}

/*******************************
sec04
*******************************/

.feature .sec04{
  padding: calc(106 *(100vw / 1440)) 0 calc(246 *(100vw / 1440));
}

.feature .sec04 .flex01{
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(1140 *(100vw / 1440));
}
.feature .sec04 .flex02{
  flex-wrap: wrap;
  margin: calc(138 *(100vw / 1440)) auto 0;
  width: calc(1240 *(100vw / 1440));
}

.feature .sec04 .sec__writings{
  margin-top: calc(162 *(100vw / 1440));
}
.feature .sec04 .sec__ttl{
  margin-left: calc(0 *(100vw / 1440));
  width: calc(320 *(100vw / 1440));
}
.feature .sec04 .sec__text{
  color: #000;
  margin-top: calc(38 *(100vw / 1440));
}
.feature .sec04 .sec__other{
  margin-right: calc(64 *(100vw / 1440));
  width: calc(414 *(100vw / 1440));
}

.feature .sec04 .item20{
  margin-left: calc(4 *(100vw / 1440));
  order: 1;
  width: calc(430 *(100vw / 1440));
}
.feature .sec04 .item21{
  margin: calc(76 *(100vw / 1440)) calc(4 *(100vw / 1440)) 0 auto;
  order: 4;
}
.feature .sec04 .img21{
  margin: 0 0 0 auto;
  width: calc(202 *(100vw / 1440));
}
.feature .sec04 .item22{
  margin: calc(178 *(100vw / 1440)) 0 0 calc(295 *(100vw / 1440));
  order: 2;
  width: calc(344 *(100vw / 1440));
}
.feature .sec04 .img22{
  transform: rotate(-4deg);
}
.feature .sec04 .item23{
  margin: calc(93 *(100vw / 1440)) 0 0 calc(205 *(100vw / 1440));
  order: 3;
  width: calc(462 *(100vw / 1440));
}
.feature .sec04 .img23{
  transform: rotate(4deg);
}

.feature .sec04 .sec__deco{
  position: absolute;
  top: calc(1974 *(100vw / 1440));
  right: calc(294 *(100vw / 1440));
  width: calc(264 *(100vw / 1440));
}

/*******************************
sec05
*******************************/

.feature .sec05{
  padding: calc(106 *(100vw / 1440)) 0 calc(167 *(100vw / 1440));
}

.feature .sec05 .flex01{
  justify-content: space-between;
  margin: 0 auto;
  width: calc(1140 *(100vw / 1440));
}
.feature .sec05 .flex02{
  flex-wrap: wrap;
  margin: calc(73 *(100vw / 1440)) auto 0;
  width: calc(1240 *(100vw / 1440));
}

.feature .sec05 .sec__writings{
  margin: calc(170 *(100vw / 1440)) calc(30 *(100vw / 1440)) 0 0;
}
.feature .sec05 .sec__ttl{
  margin-left: calc(0 *(100vw / 1440));
  width: calc(320 *(100vw / 1440));
}
.feature .sec05 .sec__text{
  color: #000;
  margin-top: calc(28 *(100vw / 1440));
}
.feature .sec05 .sec__other{
  margin-left: calc(64 *(100vw / 1440));
  width: calc(414 *(100vw / 1440));
}

.feature .sec05 .item24{
  margin: 0 calc(76 *(100vw / 1440)) 0 auto;
  order: 2;
  width: calc(462 *(100vw / 1440));
}
.feature .sec05 .item25{
  margin: calc(311 *(100vw / 1440)) 0 0 calc(-18 *(100vw / 1440));
  order: 1;
  width: calc(344 *(100vw / 1440));
}
.feature .sec05 .img25{
  transform: rotate(-7deg);
}
.feature .sec05 .item26{
  margin: calc(-72 *(100vw / 1440)) 0 0 calc(183 *(100vw / 1440));
  order: 4;
  width: calc(220 *(100vw / 1440));
}
.feature .sec05 .item27{
  margin: calc(162 *(100vw / 1440)) 0 0 calc(367*(100vw / 1440));
  order: 3;
  width: calc(456 *(100vw / 1440));
}

.feature .sec05 .sec__deco{
  position: absolute;
  top: calc(786 *(100vw / 1440));
  left: calc(478 *(100vw / 1440));
  width: calc(160 *(100vw / 1440));
}

/*******************************
sec06
*******************************/

.feature .sec06{
  padding: calc(160 *(100vw / 1440)) 0 calc(194 *(100vw / 1440));
}

.feature .sec06 .flex01{
  justify-content: space-between;
  margin: 0 auto;
  width: calc(1240 *(100vw / 1440));
}

.feature .sec06 .sec__writings{
  margin-left: calc(16 *(100vw / 1440));
}
.feature .sec06 .sec__ttl{
  margin-left: calc(0 *(100vw / 1440));
  width: calc(517.5 *(100vw / 1440));
}
.feature .sec06 .sec__text{
  color: #fff;
  font-size: calc(16 *(100vw / 1440));
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin: calc(38 *(100vw / 1440)) 0 0 calc(9 *(100vw / 1440));
  text-shadow: calc(2 *(100vw / 1440)) calc(2 *(100vw / 1440)) 0 rgba(0, 0, 0, 1);
  width: calc(466 *(100vw / 1440));
}
.feature .sec06 .sec__logo{
  margin: calc(36 *(100vw / 1440)) 0 0 calc(10 *(100vw / 1440));
  width: calc(206.3 *(100vw / 1440));
}

.feature .sec06 .img28{
  box-shadow: calc(15 *(100vw / 1440)) calc(15 *(100vw / 1440)) 0 0 rgba(255, 255, 255, 1);
  margin: calc(115 *(100vw / 1440)) calc(-20 *(100vw / 1440)) 0 0;
  transform: rotate(3deg);
  width: calc(620 *(100vw / 1440));
}

.feature .sec06 .item29{
  margin: calc(-217 *(100vw / 1440)) 0 0 calc(100 *(100vw / 1440));
  width: calc(344 *(100vw / 1440));
}
.feature .sec06 .img30{
  margin: calc(-100 *(100vw / 1440)) calc(200 *(100vw / 1440)) 0 auto;
  width: calc(462 *(100vw / 1440));
}
.feature .sec06 .item31{
  margin: calc(-160 *(100vw / 1440)) 0 0 calc(200 *(100vw / 1440));
  width: calc(400 *(100vw / 1440));
}
.feature .sec06 .item32{
  margin: calc(-30 *(100vw / 1440)) calc(300 *(100vw / 1440)) 0 auto;
  width: calc(344 *(100vw / 1440));
}
.feature .sec06 .img33{
  margin: calc(-280 *(100vw / 1440)) 0 0 calc(100 *(100vw / 1440));
  width: calc(462 *(100vw / 1440));
}
.feature .sec06 .img34{
  margin: 0 calc(100 *(100vw / 1440)) 0 auto;
  width: calc(400 *(100vw / 1440));
}

.feature .sec06 .item35{
  margin: calc(-160 *(100vw / 1440)) 0 0 calc(300 *(100vw / 1440));
  width: calc(462 *(100vw / 1440));
}
.feature .sec06 .item36{
  margin: calc(-30 *(100vw / 1440)) calc(200 *(100vw / 1440)) 0 auto;
  width: calc(344 *(100vw / 1440));
}

.feature .sec06 .item37{
  margin: calc(-74 *(100vw / 1440)) 0 0 calc(100 *(100vw / 1440));
  width: calc(400 *(100vw / 1440));
}
.feature .sec06 .item38{
  margin: calc(-170 *(100vw / 1440)) calc(250 *(100vw / 1440)) 0 auto;
  width: calc(462 *(100vw / 1440));
}
.feature .sec06 .item39{
  margin: calc(140 *(100vw / 1440)) 0 0 calc(250 *(100vw / 1440));
  width: calc(344 *(100vw / 1440));
}
.feature .sec06 .item40{
  margin: calc(-273 *(100vw / 1440)) calc(150 *(100vw / 1440)) 0 auto;
  width: calc(462 *(100vw / 1440));
}

.feature .sec06 .deco01{
  position: absolute;
  top: calc(560 *(100vw / 1440));
  left: calc(516 *(100vw / 1440));
  width: calc(84 *(100vw / 1440));
}
.feature .sec06 .deco02{
  position: absolute;
  bottom: calc(183 *(100vw / 1440));
  left: calc(90 *(100vw / 1440));
  width: calc(90 *(100vw / 1440));
}

/*******************************
sec07
*******************************/

.feature .sec07{
  padding: calc(127 *(100vw / 1440)) 0 calc(40 *(100vw / 1440));
}

.feature .sec07 .sec__ttl{
  margin-left: calc(530 *(100vw / 1440));
  width: calc(283.5 *(100vw / 1440));
}

.feature .sec07 .sec__video{
  margin: calc(57 *(100vw / 1440)) calc(98 *(100vw / 1440)) 0 auto;
  transform: rotate(-356deg);
  height: calc(386 *(100vw / 1440));
  width: calc(686 *(100vw / 1440));
}

.feature .sec07 .flex01{
  flex-wrap: wrap;
  margin: calc(-282 *(100vw / 1440)) 0 0 calc(142 *(100vw / 1440));
  width: calc(340 *(100vw / 1440));
}
.feature .sec07 .sec__10th{
  padding-right: 40%;
  width: calc(96.53 *(100vw / 1440));
}

.feature .sec07 .sec__staff{
  display: flex;
  flex-direction: column;
  gap: calc(15 *(100vw / 1440)) 0;
  margin-top: calc(56 *(100vw / 1440));
}
.feature .sec07 .sec__staff:nth-of-type(2){
  margin-left: calc(67 *(100vw / 1440));
}

.feature .sec07 .sec__staff-text{
  color: #D92924;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 600;
  font-size: calc(12 *(100vw / 1440));
  letter-spacing: 0.04em;
  line-height: 1.333;
}
.feature .sec07 .sec__staff:nth-of-type(1) .sec__staff-text:nth-of-type(4){
  margin-top: calc(7 *(100vw / 1440));
}
.feature .sec07 .sec__staff:nth-of-type(1) .sec__staff-text:nth-of-type(5){
  line-height: 1.4166;
  margin-top: calc(57 *(100vw / 1440));
}
.feature .sec07 .sec__staff:nth-of-type(2) .sec__staff-text:nth-of-type(4){
  margin-top: calc(-3 *(100vw / 1440));
}
.feature .sec07 .sec__staff:nth-of-type(2) .sec__staff-text:nth-of-type(7){
  line-height: 1.4166;
  margin-top: calc(38 *(100vw / 1440));
}

.feature .sec07 .sec__book{
  position: relative;
  margin: calc(-340 *(100vw / 1440)) 0 0 auto;
  height: calc(396 *(100vw / 1440));
  width: calc(528 *(100vw / 1440));
}

.feature .sec07 .sec__book-link{
  position: absolute;
  transform-origin: 0;
}
.feature .sec07 .sec__book-link:nth-of-type(1){
  top: calc(-32 *(100vw / 1440));
  left: calc(80 *(100vw / 1440));
  transform: rotate(95deg);
  width: calc(370 *(100vw / 1440));
}
.feature .sec07 .sec__book-link:nth-of-type(2){
  top: calc(101 *(100vw / 1440));
  left: calc(147 *(100vw / 1440));
  transform: rotate(90deg);
  width: calc(246 *(100vw / 1440));
}
.feature .sec07 .sec__book-link:nth-of-type(3){
  top: calc(87 *(100vw / 1440));
  left: calc(206 *(100vw / 1440));
  transform: rotate(87deg);
  width: calc(246 *(100vw / 1440));
}
.feature .sec07 .sec__book-link:nth-of-type(4){
  top: calc(102 *(100vw / 1440));
  left: calc(280 *(100vw / 1440));
  transform: rotate(90deg);
  width: calc(246 *(100vw / 1440));
}
.feature .sec07 .sec__book-link:nth-of-type(5){
  top: calc(80 *(100vw / 1440));
  right: calc(-66 *(100vw / 1440));
  transform: rotate(92deg);
  width: calc(246 *(100vw / 1440));
}
.feature .sec07 .sec__book-link:nth-of-type(6){
  top: calc(36 *(100vw / 1440));
  right: calc(-190 *(100vw / 1440));
  transform: rotate(85deg);
  width: calc(308 *(100vw / 1440));
}

.feature .sec07 .sec__book-link:nth-of-type(1) a{
  animation: link01 8s 0s steps(1, end) infinite;
}
.feature .sec07 .sec__book-link:nth-of-type(2) a{
  animation: link01 8s 1.333s steps(1, end) infinite;
}
.feature .sec07 .sec__book-link:nth-of-type(3) a{
  animation: link01 8s 2.666s steps(1, end) infinite;
}
.feature .sec07 .sec__book-link:nth-of-type(4) a{
  animation: link01 8s 3.999s steps(1, end) infinite;
}
.feature .sec07 .sec__book-link:nth-of-type(5) a{
  animation: link01 8s 5.332s steps(1, end) infinite;
}
.feature .sec07 .sec__book-link:nth-of-type(6) a{
  animation: link01 8s 6.665s steps(1, end) infinite;
}

@keyframes link01{
  0% {transform: translateX(0%);}
  5% {transform: translateX(-5%);}
  15% {transform: translateX(0%);}
  100% {transform: translateX(0%);}
}

.feature .sec07 .sec__copyright{
  color: #6C3822;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 500;
  font-size: calc(10 *(100vw / 1440));
  letter-spacing: 0.04em;
  line-height: 1;
  margin: calc(5 *(100vw / 1440)) calc(58 *(100vw / 1440)) 0 auto;
  width: fit-content;
}

/*******************************
animation
*******************************/

.feature .animation-blinking{
  animation: blinking 1.5s linear infinite;
}
.feature .animation-book{
  animation: book 2.5s linear infinite;
}
.feature .animation-model{
  animation: blinking 2s linear infinite;
}
.feature .animation-headphone{
  animation: headphone 3s linear infinite;
}
.feature .animation-paint{
  animation: paint 3s linear infinite;
}
.feature .animation-ball-01{
  animation: ball01 5s linear infinite;
}
.feature .animation-ball-02{
  animation: ball02 5s infinite;
}

@keyframes blinking{
  0% {opacity: 1;}
  50% {opacity: 1;}
  51% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes book{
  0% {transform: rotate(15deg);}
  50% {transform: rotate(15deg);}
  51% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

@keyframes headphone{
  0% {transform: rotate(-16deg);}
  50% {transform: rotate(-16deg);}
  51% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

@keyframes paint{
  0% {transform: rotate(0deg);}
  50% {transform: rotate(0deg);}
  51% {transform: rotate(-16deg);}
  100% {transform: rotate(-16deg);}
}

@keyframes ball01{
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes ball02{
  0% {transform: rotate(0deg);}
  14.28% {transform: rotate(51.42deg);}
  28.56% {transform: rotate(102.84deg);}
  42.84% {transform: rotate(154.26deg);}
  57.12% {transform: rotate(205.68deg);}
  71.40% {transform: rotate(257.10deg);}
  85.68% {transform: rotate(308.52deg);}
  100% {transform: rotate(360.94deg);}
}

/*******************************
fade
*******************************/

.l-container #feature .target[data-fade="fade"]{
  opacity: 0;
  transition-delay: .4s;
  /* transition: opacity .8s ease, transform .8s ease; */
}
.l-container #feature .target[data-fade="fade"][data-is-active="true"]{
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 1400px){

}

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