.secFooter {
  margin-top: 0px;
}

.ctaArea {
  animation-duration: 2s;
  animation-name: fadeIn;
}

@media screen and (max-width: 767px) {
  #pageTop {
    padding-top: 65px;
  }
}
body {
  background-color: #ffffff;
}

.commonWidth {
  max-width: 1080px;
  width: 90%;
  margin: 0 auto;
}

h2 {
  font-size: 28px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 24px;
  }
}
h2 + p {
  color: #666666;
  padding-top: 20px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Shippori Mincho", serif;
  letter-spacing: 0.35em;
}

@media screen and (max-width: 767px) {
  h2 + p {
    padding-top: 16px;
  }
}
.secMain {
  background: #fff;
}

.topWrap {
  padding-bottom: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.topWrap > div .btnArea {
  width: 240px;
}

@media screen and (max-width: 767px) {
  .btnArea {
    width: 240px;
    margin: 0 auto;
  }
  .topWrap {
    padding-bottom: 54px;
  }
}
.secEvent {
  background: #ffffff;
  position: relative;
  z-index: 10;
}
.secEvent .commentWrap {
  border-top: 1px solid #2D2D2D;
  text-align: center;
  padding: 26px 0 16px;
}
.secEvent #anime {
  border-bottom: 1px solid #2D2D2D;
}
.secEvent .flexArea {
  display: flex;
  gap: 85px;
  padding-top: 160px;
  padding-bottom: 180px;
}
.secEvent .flexArea .gridArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  width: 100%;
}
.secEvent .flexArea .imgArea {
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 360/380;
}
.secEvent .flexArea .imgArea img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.secEvent .flexArea .btnArea {
  margin-top: 64px;
  width: 225px;
}
.secEvent .flexArea .newsList {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 10px;
}
.secEvent .flexArea .newsList .detailContent .wrap {
  padding-top: 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 5px;
}
.secEvent .flexArea .newsList .detailContent .wrap .newsDate {
  font-family: "Shippori Mincho", serif;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
.secEvent .flexArea .newsList .detailContent .wrap .newsDate span {
  color: #666666;
  letter-spacing: 0;
  padding-left: 3px;
  font-family: "Shippori Mincho", serif;
  font-size: 32px;
  font-weight: 400;
}
.secEvent .flexArea .newsList .detailContent .newsTitle {
  font-size: 16px;
  font-weight: 500;
}
.secEvent .flexArea .newsList .detailContent .newsTitle a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

@media screen and (max-width: 900px) {
  .secEvent .flexArea .gridArea {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .secEvent .commentWrap {
    padding: 10px;
  }
  .secEvent .commentWrap img {
    margin: auto;
    width: 90%;
  }
  .secEvent .flexArea {
    padding-top: 80px;
    flex-direction: column;
    gap: 50px;
    padding-bottom: 80px;
  }
  .secEvent .flexArea .btnArea {
    margin-top: 0;
  }
}
.secWork {
  position: relative;
  padding-bottom: 160px;
}
.secWork:after {
  z-index: -1;
  content: "";
  top: 0;
  background: linear-gradient(120deg, #0B1632 0%, #035D8E 50%, #0B1632 100%);
  position: absolute;
  width: 100%;
  height: 70%;
}
.secWork .sliderWrap {
  margin-top: 50px;
  background: #C9CDD0;
}
.secWork .sliderWrap .sliderArea {
  margin: 4% auto 0;
  position: absolute;
  bottom: 50%;
  right: 0%;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  z-index: 1;
}
.secWork .shippo {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.secWork h2, .secWork h2 + p {
  color: #ffffff;
}
.secWork .topWrap {
  padding: 90px 0 64px;
  display: grid;
  grid-template-columns: 1fr 495px 585px 1fr;
}
.secWork .topWrap .txArea {
  grid-column: 2;
}
.secWork .topWrap .txArea p {
  padding-top: 16px;
}
.secWork .topWrap .imgArea {
  padding-left: 77px;
  grid-column: 3/5;
}
.secWork .topWrap * {
  color: #ffffff;
}
.secWork .topWrap p {
  font-size: 16px;
  font-weight: 500;
  line-height: 230%;
}
.secWork .btnArea {
  max-width: 225px;
  background: #ffffff;
}
.secWork #slide_text .splide__slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.secWork #slide_text .splide__slide .btnArea {
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .secWork .topWrap {
    grid-template-columns: 1fr 1fr;
    width: 95%;
    margin-left: auto;
  }
  .secWork .topWrap .none {
    display: none;
  }
  .secWork .topWrap .txArea {
    grid-column: 1;
  }
  .secWork .topWrap .imgArea {
    grid-column: 2;
    padding-left: 30px;
  }
}
@media screen and (max-width: 1000px) {
  .secWork .innerWork {
    position: relative;
  }
  .secWork {
    padding-bottom: 80px;
  }
  .secWork .btnArea {
    margin: 10px auto 80px;
  }
  .secWork .title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .secWork .detail {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 767px) {
  .secWork .topWrap {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin: auto;
    width: 90%;
  }
  .secWork .topWrap .txArea {
    display: grid;
    gap: 20px;
    grid-column: initial;
  }
  .secWork .topWrap .imgArea {
    grid-column: initial;
    padding-left: initial;
  }
}
.secAbout {
  padding-bottom: 150px;
}
.secAbout .gridArea {
  background: linear-gradient(120deg, #0B1632 0%, #035D8E 50%, #0B1632 100%);
  border: 1px solid #2D2D2D;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.secAbout .gridArea .aboutArea, .secAbout .gridArea .planArea {
  position: relative;
}
.secAbout .gridArea .aboutArea .price, .secAbout .gridArea .planArea .price {
  position: absolute;
  z-index: 2;
  color: #06426B;
  font-weight: bold;
  letter-spacing: 0;
}
.secAbout .gridArea .aboutArea .imgMax, .secAbout .gridArea .planArea .imgMax {
  position: relative;
  z-index: 1;
}
.secAbout .gridArea .aboutArea .tx, .secAbout .gridArea .planArea .tx {
  bottom: 0;
  mix-blend-mode: overlay;
  position: absolute;
  z-index: 0;
}

@media screen and (min-width: 600px) {
  .secAbout .gridArea .aboutArea .tx, .secAbout .gridArea .planArea .tx {
    left: 5%;
    bottom: 25%;
  }
  .secAbout .gridArea .aboutArea .price {
    top: 33%;
    left: 9%;
    font-size: clamp(40px, 6.75vw, 81px);
  }
  .secAbout .gridArea .aboutArea .tx {
    width: 31.16vw;
    max-width: 374px;
  }
  .secAbout .gridArea .planArea .tx {
    width: 37.83vw;
    max-width: 454px;
  }
}
@media screen and (max-width: 600px) {
  .secAbout .gridArea {
    background: initial;
    grid-template-columns: 1fr;
    gap: 40px;
    grid-template-rows: 1fr 1fr;
    border: initial;
  }
  .secAbout .gridArea .aboutArea, .secAbout .gridArea .planArea {
    border: 1px solid #2D2D2D;
    background: linear-gradient(120deg, #0B1632 0%, #035D8E 50%, #0B1632 100%);
  }
  .secAbout .gridArea .aboutArea .tx, .secAbout .gridArea .planArea .tx {
    left: 5%;
    bottom: 25%;
  }
  .secAbout .gridArea .aboutArea .price {
    top: 33%;
    left: 9%;
    font-size: 13.33vw;
  }
  .secAbout .gridArea .aboutArea .tx {
    width: 63.35vw;
    height: auto;
  }
  .secAbout .gridArea .planArea .tx {
    width: 76.92vw;
    height: auto;
  }
}
.secReview {
  background: #C9CDD0;
  margin-top: -350px;
  padding: 510px 0 146px;
}
.secReview .btnArea {
  background: #ffffff;
}
.secReview .cmsArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: clamp(2.5rem, -2.5rem + 10vw, 5rem);
       column-gap: clamp(2.5rem, -2.5rem + 10vw, 5rem);
  row-gap: 80px;
}
.secReview .cmsArea .content {
  background: #ffffff;
  border: 1px solid #2D2D2D;
}
.secReview .cmsArea .content .cmsGridArea {
  position: relative;
  padding: 32px;
  display: grid;
}
.secReview .cmsArea .content .cmsGridArea .triangle {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.secReview .cmsArea .content .cmsGridArea .mincho {
  color: #666666;
  font-size: clamp(2.5rem, 1.701rem + 3.28vw, 3.75rem);
  font-weight: 400;
  line-height: 1;
}
.secReview .cmsArea .content .cmsGridArea .mincho:first-child {
  text-align: left;
  margin-bottom: -35px;
}
.secReview .cmsArea .content .cmsGridArea .mincho:last-of-type {
  text-align: right;
  margin-top: -10px;
}
.secReview .cmsArea .content .cmsGridArea .titleWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  max-width: 330px;
  width: 90%;
}
.secReview .cmsArea .content .cmsGridArea .titleWrap .title {
  font-size: clamp(22px, 1.67vw, 24px);
  font-weight: 500;
  line-height: calc(100% + 29px);
}
.secReview .cmsArea .content .cmsGridArea .line {
  margin: 0px 0 16px;
  height: 1px;
  width: 100%;
  background: #666666;
}
.secReview .cmsArea .content .cmsGridArea .wrap {
  display: flex;
  gap: 1em;
}
.secReview .cmsArea .content .cmsGridArea .wrap p {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .secReview {
    padding: 440px 0 80px;
  }
  .secReview .cmsArea {
    grid-template-columns: 1fr;
    gap: 60px;
  }
  .secReview .cmsArea a {
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  .secReview .cmsArea .content {
    max-width: 500px;
  }
  .secReview .cmsArea .content .cmsGridArea {
    padding: 32px 32px 17px;
  }
  .secReview .cmsArea .content .cmsGridArea .wrap p {
    font-size: 14px;
  }
  .secReview .cmsArea .content .cmsGridArea .mincho {
    line-height: 1;
  }
  .secReview .cmsArea .content .cmsGridArea .triangle {
    position: absolute;
    bottom: -31px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 36px;
    height: auto;
  }
  .secReview .cmsArea .content .cmsGridArea .titleWrap .title {
    letter-spacing: 0.01em;
    width: 90%;
    margin: 0 auto;
  }
  .secReview .cmsArea .content .cmsGridArea .mincho:first-child {
    margin-bottom: -35px;
  }
  .secReview .cmsArea .content .cmsGridArea .mincho:last-of-type {
    margin-top: -20px;
    position: relative;
    bottom: -12px;
  }
  .secReview .btnArea {
    width: 240px;
    margin: 70px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .secOption .commonWidth .gridArea .textArea .title {
    font-size: 28px;
    letter-spacing: 0.01em;
    text-align: center;
  }
  .secOption .commonWidth .gridArea .textArea .title + p {
    text-align: center;
  }
}
.secColumn {
  padding: 170px 0 130px;
}
.secColumn .gridArea {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 45px;
}
.secColumn .gridArea .contentWrap h3 {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 1px solid #2D2D2D;
  padding-bottom: 22px;
}
.secColumn .gridArea .contentWrap .content {
  padding: 30px 0;
  border-bottom: 1px solid #BDBDBD;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 22px;
  align-items: flex-start;
}
.secColumn .gridArea .contentWrap .content .imgWrap {
  aspect-ratio: 150/110;
  max-width: 150px;
  overflow: hidden;
}
.secColumn .gridArea .contentWrap .content .imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.secColumn .gridArea .contentWrap .content .detail {
  position: relative;
  padding-right: 50px;
  display: grid;
  gap: 6px;
  height: 100%;
}
.secColumn .gridArea .contentWrap .content .detail .columnTitle {
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 160%;
  height: 3em;
}
.secColumn .gridArea .contentWrap .content .detail .date {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}
.secColumn .gridArea .contentWrap .content .detail .category {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 140px;
  height: -moz-fit-content;
  height: fit-content;
}
.secColumn .gridArea .contentWrap .content .detail:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(../../shared/images/arrow_gr.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 12px;
}
.secColumn .gridArea .categoryContentWrap {
  display: grid;
  grid-template-columns: 1fr;
}
.secColumn .gridArea .categoryContentWrap a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding-right: 70px;
  position: relative;
  padding: 53px 0;
  font-size: clamp(16px, 1.25vw, 18px);
  font-weight: 500;
  border-bottom: 1px solid #BDBDBD;
}
.secColumn .gridArea .categoryContentWrap a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(../../shared/images/cat_btn_arrow.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.secColumn .gridArea .categoryContentWrap, .secColumn .gridArea .columnContentWrap {
  height: 520px;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}
.secColumn .gridArea .categoryContentWrap a .content, .secColumn .gridArea .columnContentWrap a .content {
  height: 100%;
}
.secColumn .gridArea .categoryContentWrap a .content .detail, .secColumn .gridArea .columnContentWrap a .content .detail {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .secColumn {
    padding: 80px 0;
  }
  .secColumn .btnArea {
    margin: 60px auto 0;
  }
  .secColumn .gridArea {
    grid-template-columns: minmax(0, 1fr);
  }
  .secColumn .gridArea .categoryContentWrap, .secColumn .gridArea .columnContentWrap {
    height: auto;
  }
  .secColumn .gridArea .categoryContentWrap a:after {
    width: 48px;
    height: 48px;
  }
  .secColumn .gridArea .contentWrap h3 {
    font-size: 20px;
  }
  .secColumn .gridArea .contentWrap .content {
    grid-template-columns: 0.5fr 1fr;
  }
  .secColumn .gridArea .contentWrap .content .detail {
    padding-right: 20px;
  }
  .secColumn .gridArea .categoryContentWrap a {
    padding: 30px 0;
  }
  .secColumn .gridArea .contentWrap .content {
    gap: 10px;
  }
  .secColumn .gridArea .contentWrap .content .imgWrap {
    aspect-ratio: 120/88;
    width: 100%;
    height: 100%;
  }
}
.secInstagram {
  padding: 160px 0 120px;
  background: #C9CDD0;
}
.secInstagram .btnArea {
  border: initial;
  border-bottom: 1px solid #2D2D2D;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: initial;
}
.secInstagram .btnArea a > div {
  padding: 0;
  padding-bottom: 10px;
  gap: 10px;
}
.secInstagram .btnArea a > div p {
  font-synthesis: 16px;
  font-weight: 400;
  letter-spacing: 0.24em;
}

@media screen and (max-width: 767px) {
  .secInstagram {
    padding: 80px 0;
  }
  .secInstagram .btnArea {
    margin: initial;
  }
  .secInstagram .btnArea a > div {
    gap: 5px;
  }
  .secInstagram .btnArea a > div img {
    width: 24px;
    height: 24px;
  }
  .secInstagram #sb_instagram {
    padding-bottom: 20px !important;
  }
  .secInstagram #sbi_images {
    gap: 20px !important;
  }
}
.secOther {
  padding: 160px 0;
}
.secOther .topWrap {
  border-bottom: 1px solid #2D2D2D;
  padding-bottom: 26px;
}
.secOther .gridArea {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 45px;
}
.secOther .gridArea .content .bottomWrap {
  height: 220px;
}
.secOther .gridArea .content .btoomWrapRight {
  border-bottom: 1px solid #BDBDBD;
}
.secOther .gridArea .content .btoomWrapRight .wrap {
  display: flex;
  gap: 57px;
  align-items: center;
  height: 100%;
}
.secOther .gridArea .content .btoomWrapRight .wrap p {
  font-size: clamp(18px, 1.39vw, 20px);
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 200%;
}
.secOther .gridArea .content .btoomWrapLeft {
  display: grid;
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}
.secOther .gridArea .content .btoomWrapLeft .newsList {
  border-bottom: 1px solid #BDBDBD;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a {
  padding: 14px 0;
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a .detailContent .wrap {
  display: flex;
  gap: 17px;
  align-items: center;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a .detailContent .wrap .btnArea {
  width: -moz-fit-content;
  width: fit-content;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a .detailContent .wrap .newsDate {
  font-size: 14px;
  font-weight: 400;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a .detailContent .wrap .newsDate span {
  font-size: 32px;
}
.secOther .gridArea .content .btoomWrapLeft .newsList a .detailContent .newsTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 260%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media screen and (max-width: 900px) {
  .secOther .gridArea {
    gap: 105px;
    grid-template-columns: minmax(0, 1fr);
  }
  .secOther .btnArea {
    margin: 40px auto 0;
  }
  .secOther .gridArea .content .btoomWrapRight .wrap {
    display: grid;
    grid-template-columns: 1fr max-content;
    gap: 20px;
  }
  .secOther .gridArea .content .btoomWrapRight .wrap p {
    line-height: calc(100% + 41px);
  }
}
@media screen and (max-width: 767px) {
  .secOther {
    padding: 80px 0;
  }
  .secOther .topWrap {
    padding-bottom: 54px;
  }
}/*# sourceMappingURL=style.css.map */