@charset "utf-8";

/* ====================================================================

  Kodate Top SP Style - Modified 202406

==================================================================== */

/* --------------------------------------------------------------------

  Style From "v2_kodate_top.css"

-------------------------------------------------------------------- */
.wrap { margin: calc(50 / 750 * 100%) 0 calc(60 / 750 * 100%) }
#bread ul {
  top: initial;
  left: initial;
}

/* --------------------------------------------------------------------

  Main Visual - Slider

-------------------------------------------------------------------- */
.main-visual { padding: 0; }
.movie-container {
z-index: 3;
width: 100%;
height: auto;
margin: 0;
}
.movie-container video {
width: 100%;
height: auto;
margin: 0;
aspect-ratio: 1 / 1;
}


/* Swiper Styles
-------------------------------------------------------------------- */
.swiper-slide {
  display: flex;
  flex-direction: column-reverse;
}
.swiper-pagination {
  bottom: 0 !important;
  padding: 0 0 0 calc((40 / 750) * 100%);
}
.swiper-pagination-bullet, .swiper-pagination-bullet-active {
  width: calc(138 / 750 * 100vw);
}


/* Page Heading Styles Overwrite ("kodate_top_sp_v3.css")
-------------------------------------------------------------------- */
.mv-heading {
  position: relative;
  left: initial;
  margin: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
  overflow: hidden;
}

/* Black */
.mv-heading.blk {
  /*  top: calc(35 / 750 * -100vw); */
  top: 10px;
  width: calc(670 / 750 * 100%);
}
.mv04 .mv-heading.blk {
  /* top: calc(40 / 750 * -100vw); */
  top: 10px;
}

/* White */
.mv-heading.white {
  position: absolute;
  left: calc(40 / 750 * 100%);
}
.mv01 .mv-heading.white {
  top: calc( 100vw - (35 / 750 * 100vw) );
  display: none;
}
.mv02 .mv-heading.white {
  top: calc( 100vw - (35 / 750 * 100vw) );
  display: none;
}

.mv03 .mv-heading.white {
  top: calc( 100vw - (35 / 750 * 100vw) );
  display: none;
}
.mv04 .mv-heading.white {
  top: calc( 100vw - (40 / 750 * 100vw) );
  display: none;
}

.mv-heading .ttl.ff-nb {
  font-size: calc(74 / 750 * 100vw) !important;
  line-height: 1.2 !important;
  padding-left: 0 !important;
}
.mv-heading p.ttl {
  font-size: calc(62 / 750 * 100vw) !important;
  line-height: 1.4 !important;
  padding-left: 0 !important;
}
.mv-heading .ttl.ff-nb span {
  font-size: calc(74 / 750 * 100vw) !important;
  line-height: 1.0 !important;
  /* line-height: calc(84 / 74) !important; */
  display: inline-block;
}
.mv-heading p.ttl span {
  font-size: calc(62 / 750 * 100vw) !important;
  line-height: 1.0 !important;
  /* line-height: calc(86 / 62) !important; */
  display: inline-block;
}
.mv-heading p.ttl small { font-size: calc(32 / 74 * 1em); }
.mv-heading p.txt {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(48 / 24);
  margin: 0;
}
.mv-heading > div {
  display: flex;
  justify-content: space-between;
  margin: calc(60 / 750 * 100%) 0 calc(100 / 750 * 100%);
}


/* Font "Nobel Book"
-------------------------------------------------------------------- */
.ff-nb {
  font-size: calc(74 / 750 * 100vw) !important;
  /*line-height: calc(84 / 74) !important;*/
}
.mv01 .ff-nb:not(:first-of-type),
.mv02 .ff-nb:not(:first-of-type) {
  margin: 0;
}

/* Link Arrow
-------------------------------------------------------------------- */
.link-details {
  width: calc(170 / 750 * 100vw);
  padding: 0;
}
.link-details::before { width: calc(170 / 750 * 100vw); }
.link-details::after {
  bottom: -7px;
  width: 16px;
}
.link-details span { font-size: calc(20 / 750 * 100vw) !important; }

/* Page Heading - Add 202406
-------------------------------------------------------------------- */
.page-heading { margin: 0 0 calc(120 / 750 * 100%); }
.page-heading h1 { font-size: calc( (68 * .8) / 750 * 100vw ); }
.page-heading p { font-size: calc(26 / 750 * 100vw); }

/* トピックス
-------------------------------------------------------------------- */
#dmp { padding: 0 0 0 calc(40 / 750 * 100%); }
#dmp .inner { width: 100%; }

/* メンテナンスのお知らせ
-------------------------------------------------------------------- */
.maintenance_pc {
   display: none;
}

.maintenance_sp {
  display: block;
  background:#eee;
  width: 90%;
  padding: 2%;
  margin: 5% auto;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6;
}
.maintenance_sp p.title {
    font-size: 1.6rem;
}
.maintenance_sp p.link {
}
.maintenance_sp p.link::after {
  content:'\3009';
  margin-left: 0.5rem;
}