@charset "UTF-8";
@-moz-document url-prefix() {}.l-container {
  width: 100%;
}

.l-container #feature {
  padding-bottom: 0;
  margin: 0 auto;
  font-feature-settings: "palt";
  font-style: normal;
  min-width: 1400px;
  width: 100%;
  display: block;
  text-align: center;
  overflow: hidden;
}

.l-container #feature .spbr {
  display: none;
}

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

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

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

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

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

.l-container #feature a:hover {
  opacity: 0.6;
}

.l-container #feature a img {
  transition: all 0.4s;
}

.l-container #feature a:hover img {
  opacity: 0.6;
}

.l-container #feature .creditContainer {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 49.8%;
  z-index: 1;
  opacity: 0;
  transition: all 0.4s;
  width: calc(100% - 20px);
}

.l-container #feature .creditContainer .credit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.l-container #feature .creditContainer li a {
  transition: 0.3s;
  text-decoration: none;
}

.l-container #feature .creditContainer li a:hover {
  opacity: 0.6;
  cursor: pointer;
  text-decoration: none;
}

.l-container #feature .creditContainer li a::after {
  display: none;
}

.l-container #feature .creditContainer .price {
  margin-left: 2.5px;
}

.l-container #feature .creditContainer .txt {
  font-weight: 100;
  font-size: 13px;
}

.l-container #feature .creditContainer .item {
  line-height: 2;
}

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

.l-container #feature .fv__inner {
  width: 1400px;
  margin: 0px auto 0px;
  position: relative;
}

.l-container #feature .fv__title {
  width: 216px;
  margin: 0 auto;
}

.l-container #feature .fv__date {
  color: #2B2B22;
  font-family: "open-sans-condensed", sans-serif;
  font-weight: 300; 
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1.54;
  margin: 66px auto 0;
  position: relative;
  width: fit-content;
}
.l-container #feature .fv__date::before{
  background: #2b2b22;
  content: "";
  display: block;
  top: 70px;
  left: 184px;
  position: absolute;
  height: 1px;
  width: 17.5px;
}

.l-container #feature .fv__text {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 0.05em;
}
.l-container #feature .fv__text .en{
  font-family: "open-sans-condensed", sans-serif;
  font-weight: 300; 
  font-size: 21px;
  letter-spacing: 0.0515em;
}

.l-container #feature .fv__text01{
  margin: 30px auto 0 3px;
}

.l-container #feature .fv__text02 {
  margin: 0.5px auto 0 2px;
}
.l-container #feature .fv__text02 .ls:nth-of-type(1){
  margin: 0 3px 0 1px;
}
.l-container #feature .fv__text02 .ls:nth-of-type(2){
  margin: 0 2px 0 4px;
}

/* main */

.l-container #feature .main {
  margin: 98px auto 160px;
  width: 100%;
}

.l-container #feature .container {
  margin: 0px auto;
  width: 100%;
  position: relative;
  font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, メイリオ, Helvetica, Arial, sans-serif;
  font-style: normal;
}

.l-container #feature .container__inner {
  width: 1400px;
  margin: 0 auto;
}

.l-container #feature .container01 {
  margin: 0 auto;
}

.l-container #feature .container01__inner {
  position: relative;
  margin: 0 auto;
  width: 1093.48px;
}

.l-container #feature .container01__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-between;
}

.l-container #feature .container01__item {
  width: 250px;
}

.l-container #feature .container01__button {
  display: flex;
  justify-content: center;
  margin: 159px auto 0;
}

.l-container #feature .container01__buttonItem {
  width: 460px;
}

.l-container #feature .container01__buttonItem:first-child {
  margin-right: 82px;
}

.l-container #feature .container01__buttonLink {
  color: #fff;
  background-color: #2B2B22;
  font-family: "open-sans-condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 34px;
  letter-spacing: 0;
  line-height: 1;
  padding: 23px 10px;
  position: relative;
}

.l-container #feature .container01__buttonLink--space {
  margin-left: 13px;
  margin-right: 13px;
}

.l-container #feature .container01__buttonIcon {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 33px;
}

.l-container #feature .JsInview {
  opacity: 0;
  transform: translateY(0px);
  transition: opacity 2.4s, transform 0.8s;
}

.l-container #feature .JsInview.is-active {
  opacity: 1;
  transform: translateY(0);
}