@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%;
}

#main-container img,
#main-container video {
  width: 100%;
}

.lpsec .lp-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lpsec .lp-left .lp-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lpsec .lp-ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-device-width: 767px) {
  #breadcrumb .cateList {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .main-area .main-inner {
    width: 100%;
  }
}

/* ===============================
              button
=============================== */
.lpsec .lp-btn {
  max-width: 60rem;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-device-width: 767px) {
  .lpsec .lp-btn {
    max-width: calc(618* (100vw / 750));
  }
}

.lpsec .lp-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 60rem;
  width: 100%;
  height: 6.4rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  font-size: 1.1rem;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  line-height: 1.5454545;
  border: 1px solid #000;
}

@media screen and (max-device-width: 767px) {
  .lpsec .lp-btn a {
    max-width: calc(618* (100vw / 750));
    height: calc(126* (100vw / 750));
    font-size: calc(22* (100vw / 750));
  }
}

/************ calc **********/
/* /////////////////////////////////
              all
///////////////////////////////// */
.main-container {
  width: 120rem;
  margin: 6rem auto 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

.f-shelby {
  font-family: shelby, sans-serif;
}

/* /////////////////////////////////
            main visual
///////////////////////////////// */
.lpmv {
  padding-bottom: 13.4rem;
}

.lpmv__ttl {
  width: 88rem;
  margin: 0 auto;
  padding-bottom: 3.65rem;
}

.lpmv__lead {
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.01em;
}

/* /////////////////////////////////
            lead section
///////////////////////////////// */
.lplead {
  margin-bottom: 26.55rem;
}

.lplead__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  position: relative;
}

.lplead__wrap:nth-of-type(1) {
  padding-bottom: 17.9rem;
  margin-left: 22.6rem;
}

.lplead__wrap:nth-of-type(1)::after {
  content: "";
  display: block;
  position: absolute;
  left: -6.6rem;
  right: 0;
  bottom: 8rem;
  width: 88rem;
  height: 5.6rem;
  background-image: url(/Page/style/200914_column/img/border.png);
  background-size: 100%;
}

.lplead__wrap:nth-of-type(1) .slash01::after {
  width: 28.1rem;
  height: 1.5rem;
  top: 5.5rem;
  background-image: url(/Page/style/201005_column/img/underline1.png);
}

.lplead__wrap .lplead__ttl {
  font-size: 4.7rem;
  padding-top: 1.8rem;
  letter-spacing: 0.01em;
}

.lplead__wrap .lplead__ttl::after {
  display: block;
  content: "";
  position: absolute;
  background-size: 100%;
  z-index: -1;
}

.lplead__wrap .lplead__txt {
  font-size: 2.2rem;
  line-height: 1.62545;
  padding-left: 3rem;
  letter-spacing: 0.08em;
}

.lplead__wrap:nth-of-type(2) {
  margin-left: 24rem;
}

.lplead__wrap:nth-of-type(2) .lplead__ul {
  padding-top: 1.4rem;
}

.lplead__wrap:nth-of-type(2) .lplead__txt {
  margin-left: 6rem;
  line-height: 1.87787;
  font-weight: bold;
}

.lplead__wrap:nth-of-type(2) .lplead__ttl {
  font-size: 5.8rem;
  padding-top: 0;
}

.lplead__wrap:nth-of-type(2) .slash02::after {
  width: 20.8rem;
  height: 2.8rem;
  top: 3.2rem;
  left: -1.5rem;
  background-image: url(/Page/style/201005_column/img/underline2.png);
  background-repeat: no-repeat;
}

.lplead__ttl {
  font-family: "Allura", cursive;
  letter-spacing: 0.02em;
}

.lplead__txt {
  color: #000;
}

.lplead__li {
  position: relative;
}

.lplead__li::before {
  content: "";
  display: block;
  position: absolute;
  left: 4rem;
  width: 3.6rem;
  height: 2.5rem;
  background-image: url(/Page/style/201005_column/img/check.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.lplead__li:nth-of-type(1) {
  padding-bottom: 3rem;
}

/* /////////////////////////////////
            main section
///////////////////////////////// */
.lpsec._01 {
  margin-bottom: 28.5rem;
}

.lpsec._02 {
  margin-bottom: 19rem;
}

.lpsec__img.w517pc {
  padding-bottom: 2rem;
}

.lpsec__img._1 {
  width: 51.7rem;
  margin-bottom: 1.9rem;
  margin-left: 33.9rem;
}

.lpsec__img._2 {
  width: 29.8rem;
  margin: 0 0 2.55rem;
}

.lpsec .num01,
.lpsec .num02 {
  position: relative;
}

.lpsec .num01::after,
.lpsec .num02::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-size: 100%;
}

.lpsec .num01::after {
  top: -12.6rem;
  left: 40.4rem;
  width: 11.7rem;
  height: 22.9rem;
  background-image: url(/Page/style/201005_column/img/no1.png);
}

.lpsec .num02::after {
  top: -13rem;
  left: -4.4rem;
  width: 17.8rem;
  height: 22.9rem;
  background-image: url(/Page/style/201005_column/img/no2.png);
}

.lpsec .lp-ul.sec01 {
  width: 80.8rem;
  margin-left: 18.8rem;
}

.lpsec .lp-ul.sec02 {
  width: 80.8rem;
  margin-left: 18.8rem;
}

.lpsec .lp-ul.item {
  width: 91.6rem;
  margin: 0 auto 10rem;
}

.lpsec .lp-ul.item .lp-li {
  width: 17rem;
}

.lpsec .lp-left {
  margin-top: 5rem;
}

.lpsec .lp-left .lp-txt {
  position: relative;
  width: 39rem;
}

.lpsec .lp-left .lp-txt::before, .lpsec .lp-left .lp-txt::after {
  content: "";
  display: block;
  position: absolute;
  width: 6.5rem;
  height: 6.5rem;
  background-size: 100%;
}

.lpsec .lp-left .lp-txt::before {
  top: 0;
  left: 0;
  background-image: url(/Page/style/200914_column/img/brackets_l.png);
}

.lpsec .lp-left .lp-txt::after {
  bottom: 0;
  right: 0;
  background-image: url(/Page/style/200914_column/img/brackets_r.png);
}

.lpsec .lp-txt {
  padding: 4.7rem 4.1rem 4.5rem 4.1rem;
  font-size: 1.5rem;
  line-height: 2;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.035em;
  width: 39rem;
}

.lpsec .lp-crewrap {
  font-size: 1.3rem;
  font-family: "Crimson Text", serif;
  letter-spacing: .015em;
}

.lpsec .lp-credit {
  display: inline-block;
  border-bottom: 2px solid #cbcbcb;
  margin-bottom: 0.9rem;
}

.lpsec .lp-credit:not(:last-child) {
  margin-right: 1.5rem;
}

.lpsec.staffcredit {
  /* /////////////////////////////////
                staff credit
    ///////////////////////////////// */
  padding-bottom: 2.6rem;
  font-size: 1.1rem;
  line-height: 1.81818;
  color: #595757;
  text-align: center;
  border-bottom: 1px solid #000;
  letter-spacing: 0.05em;
}

.lpsec.itemlist {
  /* /////////////////////////////////
                item list
    ///////////////////////////////// */
  padding-top: 9.5rem;
  text-align: center;
}

.lpsec.itemlist .lp-ttl {
  padding-bottom: 4rem;
  font-size: 2.3rem;
  position: relative;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-family: "Noto Serif JP", serif;
}

.lpsec.itemlist .lp-ttl::after {
  content: "";
  display: block;
  position: absolute;
  width: 15.8rem;
  height: 0.1rem;
  background-color: #000000;
  top: 2.8rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.lpsec.itemlist .lp-item {
  padding-bottom: 1.3rem;
}

.lpsec.itemlist .lp-item-name {
  padding-bottom: 1rem;
  font-size: 1.7rem;
  line-height: 1.35294;
  font-family: "Noto Serif JP", serif;
  font-style: normal;
}

.lpsec.itemlist .lp-caption-wrap {
  font-size: 1.4rem;
  font-family: "Crimson Text", serif;
  letter-spacing: .015em;
  display: inline-block;
  padding-bottom: .1rem;
  border-bottom: 1px solid #cbcbcb;
}

.lpsec .lp-btn {
  /* /////////////////////////////////
                  button
    ///////////////////////////////// */
}

@media screen and (min-device-width: 768px) {
  .sp_only {
    display: none;
  }
}

@media screen and (max-device-width: 767px) {
  #column-archive.style-archive .slick-arrow {
    width: calc(24* (100vw / 750)) !important;
    height: calc(56* (100vw / 750)) !important;
    top: 33% !important;
  }
  #column-archive.style-archive .slick-arrow.slick-prev {
    left: calc(-140* (100vw / 750)) !important;
  }
  .slick-arrow::before, .slick-arrow::after {
    width: calc(1* (100vw / 750)) !important;
    height: calc(32* (100vw / 750)) !important;
    left: calc(12* (100vw / 750)) !important;
    background-color: #020202 !important;
  }
  .slick-arrow.slick-prev::before {
    -webkit-transform: rotate(40deg) !important;
            transform: rotate(40deg) !important;
  }
  .slick-arrow.slick-prev::after {
    -webkit-transform: rotate(-40deg) !important;
            transform: rotate(-40deg) !important;
  }
  .slick-arrow::before {
    -webkit-transform: rotate(-40deg) !important;
            transform: rotate(-40deg) !important;
  }
  .slick-arrow::after {
    -webkit-transform: rotate(40deg) !important;
            transform: rotate(40deg) !important;
  }
  #column-archive.style-archive .slick-arrow.slick-prev {
    left: calc(-100*(100vw/750)) !important;
  }
  #column-archive.style-archive .slick-arrow.slick-next {
    right: calc(-100*(100vw/750)) !important;
  }
  /* /////////////////////////////////
              all
  ///////////////////////////////// */
  .main-container {
    width: calc(750*(100vw/750));
    margin: 0 auto 0;
  }
  /* /////////////////////////////////
            main visual
  ///////////////////////////////// */
  .lpmv {
    padding-bottom: calc(100*(100vw/750));
  }
  .lpmv__ttl {
    width: calc(750*(100vw/750));
    padding-bottom: calc(38*(100vw/750));
  }
  .lpmv__lead {
    font-size: calc(28*(100vw/750));
    line-height: 2;
    letter-spacing: -0.01em;
  }
  /* /////////////////////////////////
            lead section
  ///////////////////////////////// */
  .lplead {
    margin-bottom: calc(295.5*(100vw/750));
  }
  .lplead__wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .lplead__wrap:nth-of-type(1) {
    padding-bottom: calc(129*(100vw/750));
    margin-left: initial;
    margin: 0 auto;
  }
  .lplead__wrap:nth-of-type(1)::after {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: calc(646*(100vw/750));
    height: calc(37*(100vw/750));
    top: calc(200*(100vw/750));
  }
  .lplead__wrap:nth-of-type(1) .slash01::after {
    width: calc(384*(100vw/750));
    height: calc(15*(100vw/750));
    top: calc(40*(100vw/750));
  }
  .lplead__wrap .lplead__ttl {
    font-size: calc(67*(100vw/750));
    padding-top: 0;
    letter-spacing: 0.01em;
    padding-bottom: calc(20*(100vw/750));
  }
  .lplead__wrap .lplead__txt {
    font-size: calc(30*(100vw/750));
    line-height: 1.591;
    letter-spacing: 0;
    padding-left: 0;
  }
  .lplead__wrap:nth-of-type(2) {
    margin-left: initial;
  }
  .lplead__wrap:nth-of-type(2) .lplead__ul {
    padding-top: 0;
  }
  .lplead__wrap:nth-of-type(2) .lplead__txt {
    margin-left: 0;
    line-height: 1.57667;
    padding-left: calc(105*(100vw/750));
  }
  .lplead__wrap:nth-of-type(2) .lplead__ttl {
    font-size: calc(75*(100vw/750));
    padding-bottom: calc(8*(100vw/750));
  }
  .lplead__wrap:nth-of-type(2) .slash02::after {
    width: calc(216*(100vw/750));
    height: calc(30*(100vw/750));
    top: calc(40*(100vw/750));
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .lplead__ttl {
    letter-spacing: 0.02em;
  }
  .lplead__li::before {
    left: calc(40*(100vw/750));
    width: calc(45*(100vw/750));
    height: calc(28*(100vw/750));
    top: calc(8*(100vw/750));
  }
  .lplead__li:nth-of-type(1) {
    padding-bottom: calc(11*(100vw/750));
  }
  /* /////////////////////////////////
            main section
  ///////////////////////////////// */
  .lpsec .nowrap {
    white-space: nowrap;
    letter-spacing: -0.012em;
  }
  .lpsec._01 {
    margin-bottom: calc(277*(100vw/750));
  }
  .lpsec._02 {
    margin-bottom: calc(230*(100vw/750));
  }
  .lpsec__img._1 {
    width: calc(517*(100vw/750));
    margin-bottom: calc(19*(100vw/750));
    margin-left: calc(113*(100vw/750));
  }
  .lpsec__img._2 {
    width: calc(342*(100vw/750));
    margin: 0 auto calc(48*(100vw/750));
  }
  .lpsec .num01::after {
    top: calc(-134*(100vw/750));
    left: calc(384*(100vw/750));
    width: calc(118*(100vw/750));
    height: calc(229*(100vw/750));
  }
  .lpsec .num02::after {
    top: calc(-131*(100vw/750));
    left: calc(-65*(100vw/750));
    width: calc(176*(100vw/750));
    height: calc(229*(100vw/750));
    background-repeat: no-repeat;
  }
  .lpsec .lp-ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .lpsec .lp-ul.sec01 {
    width: calc(648*(100vw/750));
    margin-left: initial;
    margin: 0 auto;
  }
  .lpsec .lp-ul.sec02 {
    width: calc(648*(100vw/750));
    margin-left: initial;
    margin: 0 auto;
  }
  .lpsec .lp-ul.sec02 .lp-left {
    margin: calc(55*(100vw/750)) auto 0;
  }
  .lpsec .lp-ul.item {
    width: calc(322*(100vw/750));
    margin: 0 auto calc(70*(100vw/750));
  }
  .lpsec .lp-left {
    margin: calc(65*(100vw/750)) auto 0;
  }
  .lpsec .lp-left .lp-txt {
    width: calc(646*(100vw/750));
    letter-spacing: -0.012em;
  }
  .lpsec .lp-left .lp-txt::before, .lpsec .lp-left .lp-txt::after {
    width: calc(65*(100vw/750));
    height: calc(65*(100vw/750));
  }
  .lpsec .lp-txt {
    padding: calc(31*(100vw/750)) calc(40*(100vw/750)) calc(31*(100vw/750)) calc(43*(100vw/750));
    font-size: calc(28*(100vw/750));
    line-height: 2;
    letter-spacing: 0.035em;
    width: calc(560*(100vw/750));
  }
  .lpsec .lp-crewrap {
    font-size: calc(23*(100vw/750));
    text-align: center;
  }
  .lpsec .lp-credit {
    border-bottom: calc(4*(100vw/750)) solid #cbcbcb;
    margin-bottom: calc(15*(100vw/750));
  }
  .lpsec .lp-credit:not(:last-child) {
    margin-right: calc(12*(100vw/750));
  }
  .lpsec.staffcredit {
    /* /////////////////////////////////
                staff credit
    ///////////////////////////////// */
    padding-bottom: calc(25*(100vw/750));
    font-size: calc(16*(100vw/750));
    line-height: 1.75;
    border-bottom: calc(2*(100vw/750)) solid #000;
    letter-spacing: 0.01em;
  }
  .lpsec.itemlist {
    /* /////////////////////////////////
                item list
    ///////////////////////////////// */
    padding-top: calc(100*(100vw/750));
  }
  .lpsec.itemlist .lp-ttl {
    padding-bottom: calc(45*(100vw/750));
    font-size: calc(40*(100vw/750));
  }
  .lpsec.itemlist .lp-ttl::after {
    width: calc(260*(100vw/750));
    height: calc(2*(100vw/750));
    top: calc(45*(100vw/750));
  }
  .lpsec.itemlist .lp-item {
    padding-bottom: calc(10*(100vw/750));
  }
  .lpsec.itemlist .lp-item-name {
    padding-bottom: calc(20*(100vw/750));
    font-size: calc(31*(100vw/750));
    line-height: 1.42313;
  }
  .lpsec.itemlist .lp-caption-wrap {
    font-size: calc(27*(100vw/750));
    padding-bottom: calc(3*(100vw/750));
    border-bottom: calc(4*(100vw/750)) solid #cbcbcb;
  }
  .lpsec .slick-list {
    width: 100%;
  }
  .lpsec .slick-arrow {
    width: calc(24* (100vw / 750));
    height: calc(56* (100vw / 750));
    top: 33%;
  }
  .lpsec .slick-arrow::before, .lpsec .slick-arrow::after {
    width: calc(1* (100vw / 750));
    height: calc(32* (100vw / 750));
    left: calc(12* (100vw / 750));
    background-color: #020202;
  }
  .lpsec .slick-arrow.slick-prev {
    left: calc(-140* (100vw / 750));
  }
  .lpsec .slick-arrow.slick-prev::before {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  .lpsec .slick-arrow.slick-prev::after {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .lpsec .slick-arrow.slick-next {
    right: calc(-140* (100vw / 750));
  }
  .lpsec .slick-arrow.slick-next::before {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .lpsec .slick-arrow.slick-next::after {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
}
/*# sourceMappingURL=style.css.map */