@charset "UTF-8";

html {
    font-size: 10px;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}


/** common **/

.l-container {
  width: 100%;
}

.feature {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  font-feature-settings: "palt";
}

.feature a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.feature a:link,
.feature a:visited {
  color: #000;
}

.feature a:hover {
  opacity: 0.6;
}

.feature img {
  height: auto;
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
}

.feature .credit li {
  font-family: "pragmatica", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.065rem;
  line-height: 1;
  margin-bottom: 1.2rem;
}

.feature .credit li a {
  display: flex;
}

.credit .price {
  margin: 0 4px;
}

.feature .credit li a .credit__text {
  margin-right: 5px;
}

.feature .hero {
  margin: 8rem auto 7.4rem;
  width: 100rem;
}

.feature .hero__read {
  color: #000;
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  line-height: 2.13;
  text-align: center;
  margin-bottom: 5.5rem;
  font-feature-settings: "palt";
}


/** slide **/

.feature .slick {
  font-size: 0;
  line-height: 0;
}


/** anim **/

#feature .js_anime {
  /* opacity: 0; */
  transition: 1s ease;
}

#feature .js_anime.is_show {
  opacity: 1;
}


/** credit **/

.c__04_credit ul {
  display: flex;
  flex-wrap: wrap;
  width: 35rem;
  margin: -16.6rem 8rem 0 auto;
  justify-content: end;
  gap: 0 0.5rem;
}

.c__05_credit ul {
  display: flex;
  flex-wrap: wrap;
  width: 60rem;
  margin: 3rem auto;
  justify-content: center;
  gap: 0 0.6rem;
}

.c__05_credit ul .ad {
  gap: 0 0.5rem;
  /* display: flex; */
}

.c__06_credit ul {
  display: flex;
  flex-wrap: wrap;
  width: 39rem;
  margin: -26.6rem auto 0 8rem;
  justify-content: start;
  gap: 0 0.5rem;
}

.c__07_credit ul {
  display: inline-block;
  margin: 2.9rem -50rem 0 0;
}

.c__07_credit ul li {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}

.c__07_credit ul li:nth-child(n+2) {
  margin-right: -0.2em;
}

.c__08_credit ul {
  display: flex;
  flex-wrap: wrap;
  width: 39rem;
  margin: 3.2rem 0 0 auto;
  justify-content: end;
  gap: 0 0.5rem;
}

.c__08_credit ul li:nth-child(2) {
  margin-right: -0.2em;
}

.c__08_credit ul li:nth-child(5) {
  margin-right: -0.2em;
}


/** sec_common **/

.feature .item_cre {
  text-align: left;
  margin-bottom: 1.8rem;
  margin-top: 4.9rem;
}

.feature .item_cre li:first-child {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.05rem;
  font-weight: bold;
  font-style: normal;
  font-feature-settings: "palt";
}

.feature .item_cre li:last-child {
  font-size: 1.8rem;
  line-height: 2.77rem;
  font-family: "noto-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.feature p {
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 2.14;
  text-align: justify;
  margin-bottom: 3.2rem;
}


/** sec01 **/

.feature .c__01 {
  margin: 0 auto 1rem;
  position: relative;
  width: 80rem;
  z-index: 2;
}

.feature .c__01 h2 {
  width: 43.5rem;
  margin: 0 13rem 4.5rem auto;
}

.feature .c__01 .c__flex {
  display: flex;
  gap: 0 6rem;
}

.feature .c__01 .c__flex div:last-child {
  width: 38rem;
}

.feature .c__01_img01 {
  width: 36rem;
}

.feature .c__01 .icon {
  width: 16rem;
  text-align: left;
  display: block;
}


/** sec02 **/

.feature .c__02 {
  margin: 0 auto 1rem;
  position: relative;
  width: 100%;
}

.feature .c__02:before {
  position: absolute;
  left: 0;
  top: -14rem;
  width: 100%;
  height: 76rem;
  content: "";
  background: #000;
  opacity: 0.05;
}

.feature .c__02 .c__02_inner {
  width: 80rem;
  margin: auto;
  position: relative;
  z-index: 2;
}

.feature .c__02 h2 {
  width: 21.5rem;
  margin: 8.8rem 0 0 0;
}

.feature .c__02 .c__flex {
  display: flex;
  gap: 0 5rem;
  margin-left: 0.8rem;
}

.feature .c__02 .c__flex div:first-child {
  width: 38rem;
  gap: 0;
}

.feature .c__02 .c__flex ul {
  margin-top: 5.6rem;
}

.feature .c__02_img01 {
  width: 36rem;
  margin-top: -10.8rem;
}

.feature .c__02 .icon {
  width: 16rem;
  text-align: left;
  display: block;
}


/** sec03 **/

.feature .c__03 {
  margin: 0 auto 1rem;
  position: relative;
  width: 80rem;
  z-index: 2;
}

.feature .c__03 h2 {
  width: 12.7rem;
  margin: 10rem 0 0 auto;
}

.feature .c__03 .c__flex {
  display: flex;
  gap: 0 6rem;
  margin-top: -0.6rem;
}

.feature .c__03 .c__flex div:last-child {
  width: 38rem;
}

.feature .c__03 .c__flex ul {
  text-align: left;
  margin-bottom: 1.8rem;
  margin-top: 9rem;
}

.feature .c__03 .c__flex ul li:first-child {
  font-family: "noto-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.feature .c__03_img01 {
  width: 36rem;
}

.feature .c__03 .icon02 {
  width: 54.2rem;
  position: relative;
  z-index: 2;
  margin: 5.5rem 0 0 -16.3rem;
  display: block;
}


/** sec04 **/

.feature .c__04 {
  position: relative;
  width: 100%;
}

.feature .c__04:before {
  position: absolute;
  left: 0;
  top: 35rem;
  width: 100%;
  height: 93.2rem;
  content: "";
  background: #000;
  opacity: 0.05;
}

.feature .c__04 h2 {
  width: 8.3rem;
  margin: 11.7rem 6.4rem 0 auto;
  z-index: 2;
  position: relative;
}

.feature .c__04_inner {
  position: relative;
  margin: 0 auto 31.4rem;
  width: 96rem;
}

.feature .c__04_img01 {
  margin: -22.5rem 12rem 8rem auto;
  width: 44rem;
}

.feature .c__04_img02 {
  width: 38rem;
  margin: -54.5rem auto 0 8rem;
  position: relative;
  z-index: 2;
}

.feature .c__04_img03 {
  width: 36rem;
  margin: -13rem 8rem 0 auto;
}

.feature .c__04_img04 {
  width: 32rem;
  margin: -25.3rem auto 0 17rem;
}

.feature .c__04_inner .text-area {
  margin: 5rem auto 0 8.1rem;
  width: 38rem;
  text-align: left;
}

.feature .c__04_inner .text-area h3 {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  margin-bottom: 2.3rem;
}

.feature .c__04_inner .text-area p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04rem;
  margin-bottom: 0;
}


/** sec05 **/

.feature .c__05 {
  position: relative;
  width: 84.2rem;
  margin: 0 auto -10.8rem;
}

.feature .c__05 h2 {
  width: 8.3rem;
  margin: -8.15rem auto 0 2rem;
  z-index: 2;
  position: relative;
}

.feature .c__05_img01 {
  margin: -23.5rem 2rem 8rem auto;
  width: 43rem;
}

.feature .c__05_img02 {
  width: 38rem;
  margin: 7.2rem auto 0 7rem;
  position: relative;
  z-index: 2;
}

.feature .c__05_img03 {
  width: 30rem;
  margin: -34.5rem 7rem 0 auto;
}

.feature .c__05 .text-area {
  margin: -30rem auto 0 2.1rem;
  width: 33rem;
  text-align: left;
}

.feature .c__05 .text-area h3 {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  margin-bottom: 2.3rem;
}

.feature .c__05 .text-area p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04rem;
  margin-bottom: 0;
}


/** sec06 **/

.feature .c__06 {
  position: relative;
  width: 100%;
  margin-bottom: 38.8rem;
}

.feature .c__06:before {
  position: absolute;
  left: 0;
  top: 11.5rem;
  width: 100%;
  height: 96.8rem;
  content: "";
  background: #000;
  opacity: 0.05;
}

.feature .c__06 h2 {
  width: 8.3rem;
  margin: 23.9rem auto 0 49.7rem;
  z-index: 2;
  position: relative;
}

.feature .c__06_inner {
  position: relative;
  margin: 0 auto 20rem;
  width: 96rem;
}

.feature .c__06_img01 {
  margin: -32rem auto 0 8rem;
  width: 44rem;
}

.feature .c__06_img02 {
  width: 30rem;
  margin: -24.8rem 8rem 0 auto;
  position: relative;
  z-index: 2;
}

.feature .c__06_img03 {
  width: 30rem;
  margin: -11.8rem 8rem 0 auto;
}

.feature .c__06_inner .text-area {
  margin: -6rem auto 0 8.1rem;
  width: 43.999rem;
  text-align: left;
}

.feature .c__06_inner .text-area h3 {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  margin-bottom: 2.3rem;
}

.feature .c__06_inner .text-area p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04rem;
  margin-bottom: 0;
}


/** sec07 **/

.feature .c__07 {
  position: relative;
  width: 84.2rem;
  margin: 0 auto;
}

.feature .c__07 h2 {
  width: 8.3rem;
  margin: -20.15rem auto 0 2rem;
  z-index: 2;
  position: relative;
}

.feature .c__07_img01 {
  margin: -18rem auto 8rem 8rem;
  width: 38rem;
}

.feature .c__07_img02 {
  width: 38rem;
  margin: -48.9rem 2rem 0 auto;
  position: relative;
  z-index: 2;
}

.feature .c__07_img03 {
  width: 30rem;
  margin: -7.3rem auto 0 2rem;
}

.feature .c__07 .text-area {
  margin: -19.4rem auto 0 38.1rem;
  width: 44rem;
  text-align: left;
}

.feature .c__07 .text-area h3 {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  margin-bottom: 2.3rem;
}

.feature .c__07 .text-area p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.0455rem;
  margin-bottom: 0;
}


/** sec08 **/

.feature .c__08 {
  position: relative;
  width: 100%;
  height: 178.8rem;
  margin-bottom: 18rem;
}

.feature .c__08:before {
  position: absolute;
  left: 0;
  top: 14rem;
  width: 100%;
  height: 94.4rem;
  content: "";
  background: #000;
  opacity: 0.05;
}

.feature .c__08 h2 {
  width: 8.3rem;
  margin: 11.2rem 0 0 auto;
  z-index: 2;
  position: relative;
}

.feature .c__08_inner {
  position: relative;
  margin: 0 auto 20rem;
  width: 80rem;
}

.feature .c__08_img01 {
  margin: -29.5rem auto 0 26rem;
  width: 42rem;
}

.feature .c__08_img02 {
  width: 34rem;
  margin: -11.8rem auto 0 0rem;
  position: relative;
  z-index: 2;
}

.feature .c__08_img03 {
  width: 38rem;
  margin: 9.2rem 0 0 auto;
}

.feature .c__08_img04 {
  width: 28rem;
  margin: -32.4rem auto 0 5rem;
  position: relative;
}

.feature .c__08_img04 img {
  position: relative;
  z-index: 2;
}

.feature .c__08_img04:before {
  position: absolute;
  left: -5rem;
  top: -10rem;
  width: 28rem;
  height: 39.2rem;
  content: "";
  background: #000;
}

.feature .c__08_img05 {
  width: 12.8rem;
  margin: -47rem auto 0 2rem;
  position: relative;
  z-index: 3;
}

.feature .c__08_inner .text-area {
  margin: -28.4rem auto 0 42rem;
  width: 38rem;
  text-align: left;
}

.feature .c__08_inner .text-area h3 {
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.15rem;
  margin-bottom: 2.3rem;
}

.feature .c__08_inner .text-area p {
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.04rem;
  margin-bottom: 0;
}

.feature .c__08_inner .text-area02 {
  margin: 44.4rem auto 0 0;
  width: 33rem;
  letter-spacing: 0.025rem;
}


/** sec09 **/

.feature .c__09 {
  margin: 0 auto 9rem;
  position: relative;
  width: 68rem;
  z-index: 2;
}

.feature .c__09 .c__flex {
  display: flex;
  gap: 0 2.1rem;
  border: 0.2rem solid;
  padding: 1rem;
}

.feature .c__09 .c__flex div:last-child {
  width: 37rem;
}

.feature .c__09_img01 {
  width: 25.8rem;
}

.feature .c__09 .c__flex ul {
  text-align: left;
  margin-bottom: 1.8rem;
  margin-top: 0.2rem;
}

.feature .c__09 .c__flex ul li:first-child {
  font-size: 2.62rem;
  line-height: 2;
  letter-spacing: 0.05rem;
  font-weight: bold;
  font-style: normal;
  font-feature-settings: "palt";
  font-family: "noto-sans", sans-serif;
  font-weight: bold;
  font-style: normal;
}

.feature .c__09 .c__flex ul li:last-child {
  font-size: 1.5rem;
  line-height: 1.77rem;
  font-family: "noto-sans", sans-serif;
  font-weight: bold;
  font-style: normal;
}

.feature .c__09 .c__flex p {
  font-size: 1.4rem;
  letter-spacing: 0.0rem;
  line-height: 2;
  text-align: justify;
}

.feature .c__09 .c__flex .c__09_lead {
  margin-bottom: 0.84rem;
}

.feature .c__09 .c__flex .c__09_lead02 {
  margin-bottom: 0.75rem;
}

.feature .c__09 .c__flex .c__09_sns {
  margin-bottom: 0;
}

/** btn **/

.feature .btn {
  display: block;
  margin: 7rem auto 7rem;
  width: 34rem;
}

/** insta **/
.c__insta {
	max-width: 57rem;
    margin: 0 auto;
}
.c__insta h3 {
  font-size: 2rem;
  line-height: 1.56;
  font-family: "noto-sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.07rem;
  margin-bottom: 3rem;
}
iframe {
	margin: 0 auto!important;
}
/** staff **/
.feature .staff {
  font-family: "pragmatica", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 200;
  letter-spacing: 0.065rem;
  line-height: 2.17;
  text-align: center;
}