@charset "UTF-8";
@import url("https://use.typekit.net/iuq4moo.css");
.l-container {
  width: 100%;
}

#feature {
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-feature-settings: "palt";
  overflow-x: hidden;
}
#feature a, #feature li {
  color: #000;
}
#feature figure a:hover {
  opacity: 0.6;
  transition: 0.3s;
}
#feature .js-fade {
  opacity: 0;
  transition: 1s ease all;
  transform: translateY(0);
}
#feature .is-show {
  opacity: 1;
  transform: translateY(0);
}
#feature .heroBox {
  position: relative;
  width: 1200px;
  height: 675px;
  margin: 0 auto;
  overflow: hidden;
}
#feature .heroBox__iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#feature .l-head__tit {
  position: relative;
  z-index: 10;
}
#feature .l-head__tit .c-head {
  text-align: left;
  position: absolute;
  top: -251px;
  left: 31px;
}
#feature .l-head__tit .c-head li {
  color: #fff;
}
#feature .l-head__tit .c-head__Libre {
  font-family: 'Libre Caslon Display', serif;
  font-size: 67px;
  letter-spacing: 0.01em;
  line-height: 1.1;
  font-weight: 400;
}
#feature .l-head__tit .c-head__YuMin {
  font-family: 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
  font-size: 21px;
  letter-spacing: 0.02em;
  margin: 12px 0 0 0;
}
#feature .l-head__tit .c-head__prag {
  font-family: pragmatica, sans-serif;
  font-size: 13px;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 16px 0 0 -1px;
}
#feature .l-head__lead {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.9;
  letter-spacing: 0.07em;
  margin: 68px 0 0 0;
}
#feature .l-block {
  width: 1000px;
  margin: 0 auto;
}
#feature .l-block .c-style__alone {
  width: 480px;
  margin: 0 auto;
}
#feature .l-block .c-style__alone01 {
  margin: 62px auto 0;
}
#feature .l-block .c-style__alone02 {
  margin: 149px auto 0;
}
#feature .l-block .c-style__alone03 {
  margin: 149px auto 0;
}
#feature .l-block .c-style__alone04 {
  margin: 150px 0 0 239px;
}
#feature .l-block .c-style .u-style__multi {
  display: flex;
  justify-content: space-between;
}
#feature .l-block .c-style .u-style__multi01 {
  margin: 70px auto 0;
}
#feature .l-block .c-style .u-style__multi02 {
  margin: 68px auto 0;
}
#feature .l-block .c-style .u-style__multi03 {
  margin: 64px auto 0;
}
#feature .l-block .c-style .u-style__multi04 {
  margin: 68px auto 0;
}
#feature .l-block .c-style .u-style__multi05 {
  margin: 70px auto 0;
}
#feature .l-block .c-style .u-style__multi06 {
  margin: 62px auto 0;
}
#feature .l-block .c-style .u-style__multi07 {
  margin: 70px auto 0;
}
#feature .l-block .c-style .u-style__multi08 {
  margin: 69px auto 0;
}
#feature .l-block .credit {
  width: 300px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  font-family: 'Libre Caslon Display', serif;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 26px 0 0 0;
}
#feature .l-block .credit li::after {
  content: "(tax in)";
  color: #000;
  margin: 0 9px 0 -3px;
}
#feature .l-block .credit05 {
  width: 380px;
}
#feature .l-block .c-txt__tit {
  font-family: 'Libre Caslon Display', serif;
}
#feature .l-block .c-txt__tit .u-txt__num {
  font-size: 38px;
  letter-spacing: 0.01em;
  line-height: 1.5;
}
#feature .l-block .c-txt__tit .u-txt__num01 {
  margin: 133px 0 0 0;
}
#feature .l-block .c-txt__tit .u-txt__num02 {
  margin: 140px 0 0 0;
}
#feature .l-block .c-txt__tit .u-txt__num03 {
  margin: 141px 0 0 0;
}
#feature .l-block .c-txt__tit .u-txt__num::before, #feature .l-block .c-txt__tit .u-txt__num::after {
  content: "";
  display: inline-block;
  border-top: 1px solid #3f3f3f;
  width: 9px;
  margin: 0 0 0 18px;
  transform: translateX(-103%) translateY(-11px);
}
#feature .l-block .c-txt__tit .u-txt__tit {
  font-size: 46px;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
#feature .l-block .c-txt__lead {
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.08em;
}
#feature .l-block .c-txt__lead01 {
  margin: 47px 0 0 0;
}
#feature .l-block .c-txt__lead02 {
  margin: 33px 0 0 0;
}
#feature .l-block .c-txt__lead03 {
  margin: 45px 0 0 0;
}
#feature .c-btn a {
  display: block;
  margin: 150px auto 0;
  width: 380px;
  border: 1px solid #7f7f7f;
  font-size: 18px;
  letter-spacing: 0.16em;
  padding: 19px 0;
}
#feature .c-btn a:hover {
  opacity: 0.6;
  transition: 0.3s;
  text-decoration: none;
}