@charset "UTF-8";
/*アニメーション
----------------------------*/
@keyframes slideTextX100 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideTextX-100 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/*共通
----------------------------*/
body {
  margin: 0;
}

.l-container {
  width: 100%;
}

.l-footer {
  padding: 0;
}

.pc-footer {
  margin: 0;
}

#feature {
  width: 100%;
  margin: 0 auto;
  color: #000;
  box-sizing: border-box;
  text-align: center;
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  position: relative;
  overflow: clip;
  opacity: 0;
  transition: 0.3s;
  margin-bottom: calc(98 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature {
    margin-bottom: 98px;
  }
}
#feature.is_show {
  opacity: 1;
}
#feature * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
#feature a {
  width: 100%;
  height: auto;
  display: block;
  color: #000;
}
#feature a:hover {
  text-decoration: none;
}
#feature img {
  width: 100%;
  height: auto;
  display: block;
}
#feature figure {
  background-color: #fff;
}
#feature .fadeimg {
  transition: 0.3s;
}
#feature .inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
#feature .js_anime.is_fadein {
  transform: translate(0px, 30px);
  opacity: 0;
  transition: 1s;
}
#feature .js_anime.is_fade {
  opacity: 0;
  transition: 1s;
}
#feature .js_anime .is_fade {
  opacity: 0;
  transition: 2s;
}
#feature .js_anime.is_d {
  transition-delay: 1s;
}
#feature .js_anime.is_d1 {
  transition-delay: 0.5s;
}
#feature .js_anime.is_d2 {
  transition-delay: 1s;
}
#feature .js_anime.is_d3 {
  transition-delay: 1.5s;
}
#feature .js_anime.is_d4 {
  transition-delay: 2s;
}
#feature .js_anime .is_d {
  transition-delay: 1s;
}
#feature .js_anime .is_d1 {
  transition-delay: 0.5s;
}
#feature .js_anime .is_d2 {
  transition-delay: 1s;
}
#feature .js_anime .is_d3 {
  transition-delay: 1.5s;
}
#feature .js_anime .is_d4 {
  transition-delay: 2s;
}
#feature .js_anime.is_show.is_fadein {
  transform: translate(0, 0);
  opacity: 1;
}
#feature .js_anime.is_show.is_fade {
  opacity: 1;
}
#feature .js_anime.is_show .is_fade {
  opacity: 1;
}
#feature .is_hide {
  display: none;
}

#feature {
  /*メインビジュアル（.hero)
  ----------------------------*/
}
#feature .hero {
  position: relative;
}
#feature .hero .hero__img {
  width: calc(1000 * var(--vw) / 1400);
  max-width: 1000px;
  margin: 0 auto;
}
#feature .hero .hero__btn {
  width: calc(300 * var(--vw) / 1400);
  max-width: 300px;
  height: calc(64 * var(--vw) / 1400);
  max-height: 64px;
  margin: calc(85 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .hero .hero__btn {
    margin: 85px auto 0;
  }
}
#feature .hero .hero__btn a {
  width: 100%;
  height: 100%;
  border: 1px solid #706d54;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 calc(9 * var(--vw) / 1400) calc(5 * var(--vw) / 1400) 0;
  transition: 0.3s;
}
#feature .hero .hero__btn a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1400px) {
  #feature .hero .hero__btn a {
    padding: 0 9px 5px 0;
  }
}
#feature .hero .hero__btn a::after {
  content: "";
  width: calc(11 * var(--vw) / 1400);
  max-width: 11px;
  height: calc(26 * var(--vw) / 1400);
  max-height: 26px;
  background-image: url(../img/arrow01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: calc(18 * var(--vw) / 1400);
  transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #feature .hero .hero__btn a::after {
    right: 18px;
  }
}
#feature .hero .hero__btn span {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(27 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.013em;
  color: #706d54;
}
@media screen and (min-width: 1400px) {
  #feature .hero .hero__btn span {
    font-size: 27px;
  }
}
#feature .sec {
  position: relative;
}
#feature .sec .sec__txtarea {
  width: 100%;
  height: calc(311 * var(--vw) / 1400);
  max-height: 311px;
  background-image: url(../img/bg01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-top: calc(75 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea {
    margin-top: 75px;
  }
}
#feature .sec .sec__txtarea .inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#feature .sec .sec__txtarea .sec__txt {
  width: calc(680 * var(--vw) / 1400);
  max-width: 680px;
  height: calc(231 * var(--vw) / 1400);
  max-height: 231px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: calc(35 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt {
    padding-top: 35px;
    border-radius: 10px;
  }
}
#feature .sec .sec__txtarea .sec__txt p {
  color: #706d54;
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(1) {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(16 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.015em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(1) {
    font-size: 16px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(1)::before {
  content: "";
  width: calc(8 * var(--vw) / 1400);
  max-width: 8px;
  height: calc(15 * var(--vw) / 1400);
  max-height: 15px;
  background-image: url(../img/arrow02.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: calc(100% + 5 * var(--vw) / 1400);
  transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(1)::before {
    right: calc(100% + 5px);
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(1)::after {
  content: "";
  width: calc(8 * var(--vw) / 1400);
  max-width: 8px;
  height: calc(15 * var(--vw) / 1400);
  max-height: 15px;
  background-image: url(../img/arrow03.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: calc(100% + 5 * var(--vw) / 1400);
  transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(1)::after {
    left: calc(100% + 5px);
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) {
  width: -moz-fit-content;
  width: fit-content;
  margin: calc(27 * var(--vw) / 1400) auto 0;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(32 * var(--vw) / 1400);
  line-height: calc(26 * var(--vw) / 1400);
  letter-spacing: 0.04em;
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) {
    margin: 27px auto 0;
    font-size: 32px;
    line-height: 26px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_13 {
  font-size: calc(13 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_13 {
    font-size: 13px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_17 {
  font-size: calc(17 * var(--vw) / 1400);
  letter-spacing: 0.015em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_17 {
    font-size: 17px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_26 {
  margin: 0 calc(8 * var(--vw) / 1400) 0 calc(9 * var(--vw) / 1400);
  font-size: calc(26 * var(--vw) / 1400);
  letter-spacing: 0;
  transform: translateY(calc(-3 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) span.is_26 {
    margin: 0 8px 0 9px;
    font-size: 26px;
    transform: translateY(-3px);
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) span:nth-child(3) {
  margin-right: calc(3 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) span:nth-child(3) {
    margin-right: 3px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(2) span:nth-child(7) {
  margin-right: calc(4 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(2) span:nth-child(7) {
    margin-right: 4px;
  }
}
#feature .sec .sec__txtarea .sec__txt p:nth-child(3) {
  margin: calc(24 * var(--vw) / 1400) auto 0;
  font-size: calc(15 * var(--vw) / 1400);
  line-height: calc(30 * var(--vw) / 1400);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__txtarea .sec__txt p:nth-child(3) {
    margin: 24px auto 0;
    font-size: 15px;
    line-height: 30px;
  }
}
#feature .sec .sec__creditbtn {
  width: calc(24 * var(--vw) / 1400);
  max-width: 24px;
  height: calc(24 * var(--vw) / 1400);
  max-height: 24px;
  overflow: hidden;
  position: absolute;
  bottom: calc(10 * var(--vw) / 1400);
  right: calc(10 * var(--vw) / 1400);
  z-index: 5;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__creditbtn {
    bottom: 10px;
    right: 10px;
  }
}
#feature .sec .sec__creditbtn p {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
  transform-origin: center;
  transition: 0.3s;
  position: relative;
}
#feature .sec .sec__creditbtn p span:nth-child(1) {
  content: "";
  width: calc(24 * var(--vw) / 1400);
  max-width: 24px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#feature .sec .sec__creditbtn p span:nth-child(2) {
  content: "";
  width: calc(24 * var(--vw) / 1400);
  max-width: 24px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
#feature .sec .sec__img {
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
#feature .sec .sec__img:hover .sec__creditbtn p {
  transform: rotate(90deg);
}
#feature .sec .sec__img.sec__img01 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(100 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img01 {
    margin-top: 100px;
  }
}
#feature .sec .sec__img.sec__img02 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img03 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img03 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img04 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img05 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img06 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img06 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img07 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img08 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img09 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img10 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img10 {
    margin-top: 60px;
  }
}
#feature .sec .sec__img.sec__img11 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img12 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img12 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img13 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img14 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img15 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
}
#feature .sec .sec__img.sec__img16 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
}
#feature .sec .sec__img.sec__img17 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img17 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img18 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img19 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img19 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img20 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img21 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img22 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img23 {
  width: calc(580 * var(--vw) / 1400);
  max-width: 580px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img23 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img24 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img25 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img26 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img26 {
    margin-top: 60px;
  }
}
#feature .sec .sec__img.sec__img27 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img28 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img29 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img29 {
    margin-top: 60px;
  }
}
#feature .sec .sec__img.sec__img30 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img31 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img32 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img32 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img33 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img34 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img34 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img35 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img36 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
}
#feature .sec .sec__img.sec__img37 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img37 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img38 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
}
#feature .sec .sec__img.sec__img39 {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__img.sec__img39 {
    margin-top: 140px;
  }
}
#feature .sec .sec__img.sec__img40 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img41 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
}
#feature .sec .sec__img.sec__img42 {
  width: calc(240 * var(--vw) / 1400);
  max-width: 240px;
}
#feature .sec .sec__img.sec__img42 .sec__credit {
  opacity: 1;
  pointer-events: auto;
}
#feature .sec .sec__img.sec__img42 .sec__credit .credit {
  opacity: 1;
}
#feature .sec .sec__flex {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
#feature .sec .sec__flex .sec__img {
  margin: 0;
}
#feature .sec .sec__flex.sec__flex01 {
  width: calc(700 * var(--vw) / 1400);
  max-width: 700px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex01 {
    margin-top: 60px;
  }
}
#feature .sec .sec__flex.sec__flex02 {
  width: calc(720 * var(--vw) / 1400);
  max-width: 720px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex02 {
    margin-top: 60px;
  }
}
#feature .sec .sec__flex.sec__flex03 {
  width: calc(720 * var(--vw) / 1400);
  max-width: 720px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex03 {
    margin-top: 140px;
  }
}
#feature .sec .sec__flex.sec__flex04 {
  width: calc(780 * var(--vw) / 1400);
  max-width: 780px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex04 {
    margin-top: 60px;
  }
}
#feature .sec .sec__flex.sec__flex05 {
  width: calc(720 * var(--vw) / 1400);
  max-width: 720px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex05 {
    margin-top: 140px;
  }
}
#feature .sec .sec__flex.sec__flex06 {
  width: calc(700 * var(--vw) / 1400);
  max-width: 700px;
  margin-top: calc(60 * var(--vw) / 1400);
  flex-wrap: wrap;
  gap: calc(20 * var(--vw) / 1400) 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex06 {
    margin-top: 60px;
    gap: 20px 0;
  }
}
#feature .sec .sec__flex.sec__flex07 {
  width: calc(740 * var(--vw) / 1400);
  max-width: 740px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex07 {
    margin-top: 140px;
  }
}
#feature .sec .sec__flex.sec__flex08 {
  width: calc(720 * var(--vw) / 1400);
  max-width: 720px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex08 {
    margin-top: 140px;
  }
}
#feature .sec .sec__flex.sec__flex09 {
  width: calc(780 * var(--vw) / 1400);
  max-width: 780px;
  margin-top: calc(140 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex09 {
    margin-top: 140px;
  }
}
#feature .sec .sec__flex.sec__flex10 {
  width: calc(740 * var(--vw) / 1400);
  max-width: 740px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex10 {
    margin-top: 60px;
  }
}
#feature .sec .sec__flex.sec__flex11 {
  width: calc(760 * var(--vw) / 1400);
  max-width: 760px;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex11 {
    margin-top: 60px;
  }
}
#feature .sec .sec__flex.sec__flex12 {
  width: calc(1000 * var(--vw) / 1400);
  max-width: 1000px;
  margin-top: calc(49 * var(--vw) / 1400);
  transform: translateX(calc(-10 * var(--vw) / 1400));
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__flex.sec__flex12 {
    margin-top: 49px;
    transform: translateX(-10px);
  }
}
#feature .sec .sec__imgarea {
  width: calc(480 * var(--vw) / 1400);
  max-width: 480px;
  height: calc(600 * var(--vw) / 1400);
  max-height: 600px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#feature .sec .sec__imgarea .sec__img {
  margin: 0;
}
#feature .sec .sec__imgarea.sec__imgarea01 {
  background-image: url(../img/img02_bg.jpg);
}
#feature .sec .sec__imgarea.sec__imgarea02 {
  background-image: url(../img/img13_bg.jpg);
}
#feature .sec .sec__imgarea.sec__imgarea03 {
  display: block;
  margin-top: calc(60 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgarea.sec__imgarea03 {
    margin-top: 60px;
  }
}
#feature .sec .sec__imgarea.sec__imgarea03:hover .sec__creditbtn p {
  transform: rotate(90deg);
}
#feature .sec .sec__imgarea.sec__imgarea04 {
  background-image: url(../img/img18_bg.jpg);
}
#feature .sec .sec__imgarea.sec__imgarea05 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
  height: calc(475 * var(--vw) / 1400);
  max-height: 475px;
  margin: 0;
  display: block;
}
#feature .sec .sec__imgarea.sec__imgarea05:hover .sec__creditbtn p {
  transform: rotate(90deg);
}
#feature .sec .sec__imgarea.sec__imgarea06 {
  background-image: url(../img/img33_bg.jpg);
}
#feature .sec .sec__imgarea.sec__imgarea07 {
  background-image: url(../img/img38_bg.jpg);
}
#feature .sec .sec__imgttl {
  font-family: "classico-urw", sans-serif;
  width: 100%;
  position: absolute;
  left: 0;
}
#feature .sec .sec__imgttl p {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: calc(22 * var(--vw) / 1400);
  line-height: calc(30 * var(--vw) / 1400);
  font-weight: 400;
  color: #ffffff;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl p {
    font-size: 22px;
    line-height: 30px;
  }
}
#feature .sec .sec__imgttl p span {
  font-size: calc(20 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl p span {
    font-size: 20px;
  }
}
#feature .sec .sec__imgttl.sec__imgttl01 {
  bottom: calc(19 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl.sec__imgttl01 {
    bottom: 19px;
  }
}
#feature .sec .sec__imgttl.sec__imgttl02 {
  bottom: calc(19 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl.sec__imgttl02 {
    bottom: 19px;
  }
}
#feature .sec .sec__imgttl.sec__imgttl03 {
  bottom: calc(19 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl.sec__imgttl03 {
    bottom: 19px;
  }
}
#feature .sec .sec__imgttl.sec__imgttl04 {
  bottom: calc(19 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl.sec__imgttl04 {
    bottom: 19px;
  }
}
#feature .sec .sec__imgttl.sec__imgttl05 {
  bottom: calc(19 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__imgttl.sec__imgttl05 {
    bottom: 19px;
  }
}
#feature .sec .sec__collaborationarea {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#feature .sec .sec__collaborationarea .sec__collaboration {
  width: calc(680 * var(--vw) / 1400);
  max-width: 680px;
  height: calc(231 * var(--vw) / 1400);
  max-height: 231px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: calc(35 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration {
    padding-top: 35px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p {
  color: #706d54;
  text-align: center;
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(1) {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(20 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(1) {
    font-size: 20px;
  }
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(2) {
  width: calc(24 * var(--vw) / 1400);
  max-width: 24px;
  height: 1px;
  margin: calc(24 * var(--vw) / 1400) auto 0;
  background-color: #706d54;
  transform: rotate(-245deg);
  transform-origin: center;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(2) {
    margin: 24px auto 0;
  }
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(3) {
  margin: calc(19 * var(--vw) / 1400) auto 0;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(36 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration .sec__collaborationttl p:nth-child(3) {
    margin: 19px auto 0;
    font-size: 36px;
  }
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check {
  width: calc(80 * var(--vw) / 1400);
  max-width: 80px;
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check a {
  padding: 0 calc(4 * var(--vw) / 1400) calc(3 * var(--vw) / 1400) 0;
  position: relative;
  transition: 0.3s;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration .sec__check a {
    padding: 0 4px 3px 0;
  }
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check a:hover {
  opacity: 0.7;
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check a::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #706d54;
  position: absolute;
  bottom: 0;
  left: 0;
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check a::after {
  content: "";
  width: calc(7 * var(--vw) / 1400);
  max-width: 7px;
  height: 1px;
  background-color: #706d54;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(40deg);
  transform-origin: bottom right;
}
#feature .sec .sec__collaborationarea .sec__collaboration .sec__check a span {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(15 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.015em;
  color: #706d54;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea .sec__collaboration .sec__check a span {
    font-size: 15px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea01 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
  height: calc(450 * var(--vw) / 1400);
  max-height: 450px;
  background-image: url(../img/bg02.jpg);
}
#feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration {
  width: calc(300 * var(--vw) / 1400);
  max-width: 300px;
  height: calc(375 * var(--vw) / 1400);
  max-height: 375px;
  padding-top: calc(47 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration {
    padding-top: 47px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration .sec__logo {
  width: calc(240 * var(--vw) / 1400);
  max-width: 240px;
  margin: calc(37 * var(--vw) / 1400) auto 0;
  transform: translateX(calc(2 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration .sec__logo {
    margin: 37px auto 0;
    transform: translateX(2px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration .sec__check {
  margin: calc(76 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea01 .sec__collaboration .sec__check {
    margin: 76px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea02 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
  height: calc(475 * var(--vw) / 1400);
  max-height: 475px;
  background-image: url(../img/bg03.jpg);
}
#feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration {
  width: calc(320 * var(--vw) / 1400);
  max-width: 320px;
  height: calc(400 * var(--vw) / 1400);
  max-height: 400px;
  padding-top: calc(72 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration {
    padding-top: 72px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration .sec__logo {
  width: calc(296 * var(--vw) / 1400);
  max-width: 296px;
  margin: calc(33 * var(--vw) / 1400) auto 0;
  transform: translateX(calc(1 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration .sec__logo {
    margin: 33px auto 0;
    transform: translateX(1px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration .sec__check {
  margin: calc(84 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea02 .sec__collaboration .sec__check {
    margin: 84px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea03 {
  width: calc(360 * var(--vw) / 1400);
  max-width: 360px;
  height: calc(450 * var(--vw) / 1400);
  max-height: 450px;
  background-image: url(../img/bg04.jpg);
}
#feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration {
  width: calc(300 * var(--vw) / 1400);
  max-width: 300px;
  height: calc(375 * var(--vw) / 1400);
  max-height: 375px;
  padding-top: calc(47 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration {
    padding-top: 47px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration .sec__logo {
  width: calc(243 * var(--vw) / 1400);
  max-width: 243px;
  margin: calc(24 * var(--vw) / 1400) auto 0;
  transform: translateX(calc(2 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration .sec__logo {
    margin: 24px auto 0;
    transform: translateX(2px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration .sec__check {
  margin: calc(73 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea03 .sec__collaboration .sec__check {
    margin: 73px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 {
  width: calc(340 * var(--vw) / 1400);
  max-width: 340px;
  height: calc(425 * var(--vw) / 1400);
  max-height: 425px;
  background-image: url(../img/bg05.jpg);
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration {
  width: calc(296 * var(--vw) / 1400);
  max-width: 296px;
  height: calc(370 * var(--vw) / 1400);
  max-height: 370px;
  padding-top: calc(45 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration {
    padding-top: 45px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__collaborationttl p {
  color: #f0a04b;
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__collaborationttl p:nth-child(2) {
  background-color: #f0a04b;
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__collaborationttl p:nth-child(4) {
  margin: calc(32 * var(--vw) / 1400) auto 0;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(20 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.01em;
  position: relative;
  color: #000;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__collaborationttl p:nth-child(4) {
    margin: 32px auto 0;
    font-size: 20px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__logo {
  width: calc(226 * var(--vw) / 1400);
  max-width: 226px;
  margin: calc(24 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__logo {
    margin: 24px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__check {
  margin: calc(59 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__check {
    margin: 59px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__check a::before {
  background-color: #f0a04b;
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__check a::after {
  background-color: #f0a04b;
}
#feature .sec .sec__collaborationarea.sec__collaborationarea04 .sec__collaboration .sec__check a span {
  color: #f0a04b;
}
#feature .sec .sec__collaborationarea.sec__collaborationarea05 {
  width: calc(380 * var(--vw) / 1400);
  max-width: 380px;
  height: calc(475 * var(--vw) / 1400);
  max-height: 475px;
  background-image: url(../img/bg06.jpg);
}
#feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration {
  width: calc(320 * var(--vw) / 1400);
  max-width: 320px;
  height: calc(400 * var(--vw) / 1400);
  max-height: 400px;
  padding-top: calc(72 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration {
    padding-top: 72px;
    border-radius: 10px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration .sec__logo {
  width: calc(296 * var(--vw) / 1400);
  max-width: 296px;
  margin: calc(44 * var(--vw) / 1400) auto 0;
  transform: translateX(calc(1 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration .sec__logo {
    margin: 44px auto 0;
    transform: translateX(1px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration .sec__check {
  margin: calc(86 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea05 .sec__collaboration .sec__check {
    margin: 86px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 {
  width: 100%;
  max-width: 100%;
  background-image: url(../img/bg07.jpg);
  margin-top: calc(120 * var(--vw) / 1400);
  padding-top: calc(42 * var(--vw) / 1400);
  padding-bottom: calc(44 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 {
    margin-top: 120px;
    padding-top: 42px;
    padding-bottom: 44px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration {
  width: calc(680 * var(--vw) / 1400);
  max-width: 680px;
  height: auto;
  max-height: initial;
  padding-top: calc(44 * var(--vw) / 1400);
  padding-bottom: calc(43 * var(--vw) / 1400);
  border-radius: calc(10 * var(--vw) / 1400);
  transform: translateY(calc(-2 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration {
    padding-top: 44px;
    padding-bottom: 43px;
    border-radius: 10px;
    transform: translateY(-2px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationttl p:nth-child(2) {
  width: calc(22 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationttl p:nth-child(2) {
    margin: 22px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationttl p:nth-child(3) {
  margin: calc(18 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationttl p:nth-child(3) {
    margin: 18px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__logo {
  width: calc(289 * var(--vw) / 1400);
  max-width: 289px;
  margin: calc(31 * var(--vw) / 1400) auto 0;
  transform: translateX(calc(7 * var(--vw) / 1400));
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__logo {
    margin: 31px auto 0;
    transform: translateX(7px);
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationtxt {
  margin: calc(35 * var(--vw) / 1400) auto 0;
  font-size: calc(14 * var(--vw) / 1400);
  line-height: calc(28 * var(--vw) / 1400);
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationtxt {
    margin: 35px auto 0;
    font-size: 14px;
    line-height: 28px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationsubttl {
  margin: calc(37 * var(--vw) / 1400) auto 0;
  color: #706d54;
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(22 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__collaborationsubttl {
    margin: 37px auto 0;
    font-size: 22px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__img42 {
  margin: calc(24 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__img42 {
    margin: 24px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit {
  margin: calc(13 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit {
    margin: 13px auto 0;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit p:nth-child(1) {
  font-family: "pragmatica", sans-serif;
  font-size: calc(14 * var(--vw) / 1400);
  line-height: calc(28 * var(--vw) / 1400);
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit p:nth-child(1) {
    font-size: 14px;
    line-height: 28px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit p:nth-child(2) {
  font-size: calc(12 * var(--vw) / 1400);
  line-height: calc(28 * var(--vw) / 1400);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__credit p:nth-child(2) {
    font-size: 12px;
    line-height: 28px;
  }
}
#feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__check {
  margin: calc(29 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__collaborationarea.sec__collaborationarea06 .sec__collaboration .sec__check {
    margin: 29px auto 0;
  }
}
#feature .sec .sec__btn {
  width: calc(300 * var(--vw) / 1400);
  max-width: 300px;
  height: calc(64 * var(--vw) / 1400);
  max-height: 64px;
  margin: calc(100 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__btn {
    margin: 100px auto 0;
  }
}
#feature .sec .sec__btn a {
  width: 100%;
  height: 100%;
  border: 1px solid #706d54;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 calc(9 * var(--vw) / 1400) calc(5 * var(--vw) / 1400) 0;
  transition: 0.3s;
}
#feature .sec .sec__btn a:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__btn a {
    padding: 0 9px 5px 0;
  }
}
#feature .sec .sec__btn a::after {
  content: "";
  width: calc(11 * var(--vw) / 1400);
  max-width: 11px;
  height: calc(26 * var(--vw) / 1400);
  max-height: 26px;
  background-image: url(../img/arrow01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: calc(18 * var(--vw) / 1400);
  transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__btn a::after {
    right: 18px;
  }
}
#feature .sec .sec__btn span {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(27 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.013em;
  color: #706d54;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__btn span {
    font-size: 27px;
  }
}
#feature .sec .sec__itemarea {
  margin: calc(111 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea {
    margin: 111px auto 0;
  }
}
#feature .sec .sec__itemarea .sec__itemttl {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(34 * var(--vw) / 1400);
  line-height: calc(48 * var(--vw) / 1400);
  letter-spacing: 0.03em;
  color: #706d54;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itemttl {
    font-size: 34px;
    line-height: 48px;
  }
}
#feature .sec .sec__itemarea .sec__itemttl span {
  font-size: calc(36 * var(--vw) / 1400);
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itemttl span {
    font-size: 36px;
  }
}
#feature .sec .sec__itemarea .sec__item {
  width: calc(240 * var(--vw) / 1400);
  max-width: 240px;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
#feature .sec .sec__itemarea .sec__item.sec__item02 {
  margin-left: auto;
}
#feature .sec .sec__itemarea .sec__item.sec__item04 .sec__itembtn {
  top: calc(100% + -5 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__item.sec__item04 .sec__itembtn {
    top: calc(100% - 5px);
  }
}
#feature .sec .sec__itemarea .sec__itembtn {
  width: calc(140 * var(--vw) / 1400);
  max-width: 140px;
  height: calc(36 * var(--vw) / 1400);
  max-height: 36px;
  position: absolute;
  top: calc(100% + 25 * var(--vw) / 1400);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn {
    top: calc(100% + 25px);
  }
}
#feature .sec .sec__itemarea .sec__itembtn a {
  width: 100%;
  height: 100%;
  border: 1px solid #706d54;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 calc(9 * var(--vw) / 1400) 0 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn a {
    padding: 0 9px 0 0;
  }
}
#feature .sec .sec__itemarea .sec__itembtn a::after {
  content: "";
  width: calc(7 * var(--vw) / 1400);
  max-width: 7px;
  height: calc(16 * var(--vw) / 1400);
  max-height: 16px;
  background-image: url(../img/arrow01.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: calc(13 * var(--vw) / 1400);
  transform: translateY(-50%);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn a::after {
    right: 13px;
  }
}
#feature .sec .sec__itemarea .sec__itembtn span {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(18 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.03em;
  color: #706d54;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn span {
    font-size: 18px;
  }
}
#feature .sec .sec__itemarea .sec__itembtn.sec__itembtn05 {
  width: calc(290 * var(--vw) / 1400);
  max-width: 290px;
  height: calc(42 * var(--vw) / 1400);
  max-height: 42px;
  margin: calc(90 * var(--vw) / 1400) auto 0;
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn.sec__itembtn05 {
    margin: 90px auto 0;
  }
}
#feature .sec .sec__itemarea .sec__itembtn.sec__itembtn06 {
  width: calc(290 * var(--vw) / 1400);
  max-width: 290px;
  height: calc(42 * var(--vw) / 1400);
  max-height: 42px;
  margin: calc(10 * var(--vw) / 1400) auto 0;
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__itemarea .sec__itembtn.sec__itembtn06 {
    margin: 10px auto 0;
  }
}
#feature .sec .sec__staff {
  margin: calc(113 * var(--vw) / 1400) auto 0;
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-size: calc(14 * var(--vw) / 1400);
  line-height: calc(28 * var(--vw) / 1400);
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__staff {
    margin: 113px auto 0;
    font-size: 14px;
    line-height: 28px;
  }
}
#feature .sec .sec__icon {
  margin: calc(74 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon {
    margin: 74px auto 0;
  }
}
#feature .sec .sec__icon .sec__iconimg {
  width: calc(100 * var(--vw) / 1400);
  max-width: 100px;
  margin: 0 auto;
}
#feature .sec .sec__icon .sec__icontxt {
  margin: calc(9 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon .sec__icontxt {
    margin: 9px auto 0;
  }
}
#feature .sec .sec__icon .sec__icontxt p {
  font-family: "pragmatica", sans-serif;
  font-weight: 300;
  font-size: calc(16 * var(--vw) / 1400);
  line-height: calc(28 * var(--vw) / 1400);
  letter-spacing: 0.05em;
  position: relative;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon .sec__icontxt p {
    font-size: 16px;
    line-height: 28px;
  }
}
#feature .sec .sec__icon .sec__icontxt p:nth-child(1) {
  padding-right: calc(4 * var(--vw) / 1400);
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon .sec__icontxt p:nth-child(1) {
    padding-right: 4px;
  }
}
#feature .sec .sec__icon .sec__icontxt p:nth-child(2) {
  margin: calc(-1 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__icon .sec__icontxt p:nth-child(2) {
    margin: -1px auto 0;
  }
}
#feature .sec .sec__insta {
  margin: calc(114 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__insta {
    margin: 114px auto 0;
  }
}
#feature .sec .sec__insta .sec__instattl {
  font-family: "classico-urw", sans-serif;
  font-weight: 400;
  font-size: calc(28 * var(--vw) / 1400);
  line-height: 1;
  letter-spacing: 0.02em;
  position: relative;
  color: #706d54;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__insta .sec__instattl {
    font-size: 28px;
  }
}
#feature .sec .sec__insta .sec__instashare {
  width: calc(400 * var(--vw) / 1400);
  max-width: 400px;
  margin: calc(23 * var(--vw) / 1400) auto 0;
}
@media screen and (min-width: 1400px) {
  #feature .sec .sec__insta .sec__instashare {
    margin: 23px auto 0;
  }
}/*# sourceMappingURL=style.css.map */