@charset "UTF-8";
.l-container {
  width: 100%;
}

html {
  overflow-x: hidden;
}

.feature {
  background: #f7f7f0;
  color: #595655;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  padding-top: 188px;
  padding-bottom: 58px;
  text-align: center;
  width: 100%;
}
.feature a {
  color: #595655;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.feature a:hover {
  opacity: 0.6;
}
.feature a:has(> img) {
  display: block;
}
.feature img {
  height: auto;
  width: 100%;
}
.feature .hero {
  margin: 0 auto;
  position: relative;
  width: 700px;
}
.feature .hero__img {
  margin: 0 auto 41px;
  width: 665px;
}
.feature .hero__cap {
  position: absolute;
  top: -51px;
  left: 245px;
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.35, 1.5, 0.62, 0.82);
  transition-delay: 0.3s;
  width: 217px;
}
.feature .hero__cap.is-active {
  transform: scale(1);
}
.feature .hero__mate01 {
  position: absolute;
  top: -101px;
  right: -1px;
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.35, 1.5, 0.62, 0.82);
  transition-delay: 0.6s;
  width: 169px;
}
.feature .hero__mate01.is-active {
  transform: scale(1);
}
.feature .hero__mate02 {
  position: absolute;
  top: -36px;
  left: -10px;
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.35, 1.5, 0.62, 0.82);
  transition-delay: 0.9s;
  width: 150px;
}
.feature .hero__mate02.is-active {
  transform: scale(1);
}
.feature .hero__mate03 {
  position: absolute;
  top: 449px;
  right: -69px;
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.35, 1.5, 0.62, 0.82);
  transition-delay: 1.2s;
  width: 132px;
}
.feature .hero__mate03.is-active {
  transform: scale(1);
}
.feature .hero__mate04 {
  margin: 0 auto;
  width: 180px;
}
.feature .hero__txt {
  font-size: 16px;
  letter-spacing: 0.15em;
  line-height: 1.8;
  margin-bottom: 23px;
}
.feature .hero__line {
  margin: -5px auto 0;
  overflow: hidden;
  position: relative;
  width: 3.5px;
}
.feature .hero__line::after {
  animation: lineAnime 2.4s ease infinite;
  background: #f7f7f0;
  content: "";
  height: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5px;
}
@keyframes lineAnime {
  0% {
    height: 0;
  }
  30% {
    height: 82px;
    margin-top: 0;
  }
  60% {
    height: 82px;
    margin-top: 0;
  }
  100% {
    height: 82px;
    margin-top: 82px;
  }
}
.feature .hero__brand {
  margin: 19px auto 67px;
  width: 500px;
}
.feature .content {
  margin: 0 auto 135px;
  width: 98.1552651806vw;
}
.feature .content__head {
  background: #f7f7f0;
  margin-bottom: 0.3074558032vw;
  padding-top: 6.1491160646vw;
  position: sticky;
  top: 50px;
  z-index: 2;
}
.feature .content__parts01 {
  margin-bottom: 0.2305918524vw;
}
.feature .content__parts02 {
  position: relative;
  margin-bottom: 0.2305918524vw;
}
.feature .content__parts02_link01 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  left: 5.6110684089vw;
  width: 13.4511913912vw;
}
.feature .content__parts02_link02 {
  display: block;
  height: 5.3036126057vw;
  pointer-events: none;
  position: absolute;
  top: 9.0699461952vw;
  left: 19.3697156034vw;
  width: 13.0668716372vw;
}
.feature .content__parts02_link03 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  right: 0.7686395081vw;
  width: 13.9892390469vw;
}
.feature .content__parts02_link04 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.5257494235vw;
  left: 5.3804765565vw;
  width: 27.6710222905vw;
}
.feature .content__parts02_link05 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.5257494235vw;
  left: 33.8201383551vw;
  width: 27.6710222905vw;
}
.feature .content__parts02_link06 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.5257494235vw;
  right: 0.7686395081vw;
  width: 13.9892390469vw;
}
.feature .content__parts02_link07 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 24.2121445042vw;
  left: 5.6879323597vw;
  width: 13.3743274404vw;
}
.feature .content__parts02_link08 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 24.2121445042vw;
  left: 19.4465795542vw;
  width: 6.5334358186vw;
}
.feature .content__parts02_link09 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 24.2121445042vw;
  left: 26.5949269792vw;
  width: 70.7148347425vw;
}
.feature .content__parts03 {
  position: relative;
  margin-bottom: 0.3074558032vw;
}
.feature .content__parts03_link01 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  left: 5.6110684089vw;
  width: 13.4511913912vw;
}
.feature .content__parts03_link02 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  left: 19.523443505vw;
  width: 6.3028439662vw;
}
.feature .content__parts03_link03 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  left: 40.8916218294vw;
  width: 14.6810146042vw;
}
.feature .content__parts03_link04 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 9.0699461952vw;
  left: 55.8800922367vw;
  width: 14.6810146042vw;
}
.feature .content__parts03_link05 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.9100691776vw;
  left: 5.6879323597vw;
  width: 13.2974634896vw;
}
.feature .content__parts03_link06 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.9100691776vw;
  left: 40.9684857802vw;
  width: 14.6041506533vw;
}
.feature .content__parts04 {
  position: relative;
  margin-bottom: 0.2305918524vw;
}
.feature .content__parts04_link01 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 8.9162182936vw;
  left: 5.6110684089vw;
  width: 13.4511913912vw;
}
.feature .content__parts04_link02 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 8.9162182936vw;
  left: 19.4465795542vw;
  width: 13.8355111453vw;
}
.feature .content__parts04_link03 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.6026133743vw;
  left: 5.6879323597vw;
  width: 13.4511913912vw;
}
.feature .content__parts04_link04 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.6026133743vw;
  left: 19.4465795542vw;
  width: 13.8355111453vw;
}
.feature .content__parts04_link05 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 16.6026133743vw;
  left: 48.1168332052vw;
  width: 13.8355111453vw;
}
.feature .content__parts05 {
  position: relative;
}
.feature .content__parts05_link01 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 3.0745580323vw;
  left: 5.6110684089vw;
  width: 6.1491160646vw;
}
.feature .content__parts05_link02 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 3.0745580323vw;
  left: 12.2982321291vw;
  width: 6.5334358186vw;
}
.feature .content__parts05_link03 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 10.760953113vw;
  left: 5.5342044581vw;
  width: 13.3743274404vw;
}
.feature .content__parts05_link04 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 10.760953113vw;
  left: 19.523443505vw;
  width: 13.4511913912vw;
}
.feature .content__parts05_link05 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 10.760953113vw;
  left: 33.5895465027vw;
  width: 13.8355111453vw;
}
.feature .content__parts05_link06 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 18.4473481937vw;
  left: 5.5342044581vw;
  width: 13.2205995388vw;
}
.feature .content__parts05_link07 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 18.4473481937vw;
  left: 19.4465795542vw;
  width: 13.6049192929vw;
}
.feature .content__parts05_link08 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 18.4473481937vw;
  left: 33.5895465027vw;
  width: 13.8355111453vw;
}
.feature .content__parts05_link09 {
  display: block;
  height: 5.3036126057vw;
  position: absolute;
  top: 18.4473481937vw;
  left: 54.9577248271vw;
  width: 14.6810146042vw;
}
.feature .btns {
  margin-bottom: 123px;
}
.feature .btns.second {
  margin-bottom: 0;
}
.feature .btns .cap {
  color: #E5AC93;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1;
  margin-bottom: 40px;
}
.feature .btns .btn {
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 5px;
  width: 620px;
}
.feature .btns .btn a {
  align-items: center;
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  display: flex;
  height: 80px;
  position: relative;
  text-align: center;
  width: 290px;
}
.feature .btns .btn a::after {
  background: url(../img/arrow.svg) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 13px;
  position: absolute;
  top: 34px;
  right: 29px;
  width: 7px;
}
.feature .btns .btn_img01 {
  letter-spacing: 0.03em;
  padding: 3px 0 0 140px;
}
.feature .btns .btn_img01::before {
  background: url(../img/c_img07.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 109.5px;
  pointer-events: none;
  position: absolute;
  top: -14px;
  left: 33px;
  width: 82.5px;
}
.feature .btns .btn_img02 {
  letter-spacing: 0.1em;
  padding: 3px 0 0 129px;
}
.feature .btns .btn_img02::before {
  background: url(../img/c_img08.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 117px;
  pointer-events: none;
  position: absolute;
  top: -17px;
  left: 29px;
  width: 87.5px;
}
.feature .btns .btn_img03 {
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  padding: 7px 0 0 141px;
}
.feature .btns .btn_img03::before {
  background: url(../img/c_img09.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 134.5px;
  pointer-events: none;
  position: absolute;
  top: -28px;
  left: 21px;
  width: 100.5px;
}
.feature .btns .btn_img04 {
  letter-spacing: 0.06em;
  line-height: 1.2;
  margin-bottom: 40px;
  padding: 2px 0 0 136px;
}
.feature .btns .btn_img04::before {
  background: url(../img/c_img10.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 164px;
  pointer-events: none;
  position: absolute;
  top: -46px;
  left: 20px;
  width: 123px;
}
.feature .btns .btn_img05 {
  letter-spacing: 0.08em;
  line-height: 1.2;
  padding: 2px 0 0 142px;
}
.feature .btns .btn_img05::before {
  background: url(../img/c_img11.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 143.5px;
  pointer-events: none;
  position: absolute;
  top: -33px;
  left: 25px;
  width: 107.5px;
}
.feature .btns .btn_img06 {
  letter-spacing: 0.15em;
  line-height: 1.2;
  margin-bottom: 40px;
  padding: 3px 0 0 162px;
}
.feature .btns .btn_img06::before {
  background: url(../img/c_img12.png) no-repeat left top;
  background-size: 100%;
  content: "";
  height: 118.5px;
  pointer-events: none;
  position: absolute;
  top: -24px;
  left: -5px;
  width: 150.5px;
}
.feature .check_btn {
  margin: auto;
  width: 610px;
}
.feature .panelarea_ttl {
  margin-top: 120px;
  color: #E5AC93;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 40px;
}

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

/* =========================================================
アイテム一覧
========================================================= */
.related-article-list .related-article-list ul {
  letter-spacing: -0.4em;
}
.related-article-list .related-article-item {
  width: 15.7142857143vw;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 2.5714285714vw 4.1428571429vw 0;
  position: relative;
}
.related-article-list .related-article-item:nth-child(3n) {
  margin: 0 0 4.1428571429vw;
}
.related-article-list .related-article-item-image {
  position: relative;
}
.related-article-list .related-article-item-image a:hover {
  opacity: 0.6;
}
.related-article-list .related-article-item-category {
  width: 6.7857142857vw;
  height: 2.1428571429vw;
  background: #fff;
  text-align: center;
  position: absolute;
  bottom: -1.0714285714vw;
  left: 0.7142857143vw;
  font: 500 1.0714285714vw/2.1428571429vw "Jost", sans-serif !important;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.related-article-list .related-article-item-category::before {
  content: "";
  width: 100%;
  height: 1.0714285714vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #d5f2d5;
}
.related-article-list .related-article-item-category span {
  position: relative;
}
.related-article-list .related-article-item-title {
  line-height: 1.8;
  word-break: break-all;
  margin: 1.7857142857vw 0.7142857143vw 0.3571428571vw;
  text-align: left;
}
.related-article-list .related-article-item-title a {
  text-decoration: none;
}
.related-article-list .related-article-item-date {
  font: 400 0.8571428571vw "Jost", sans-serif;
  float: left;
  margin: 0.2857142857vw 0 0 0.7142857143vw;
}