@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");

html { scroll-behavior: smooth }
body {
  background-image: none;
  padding: 0;
  margin: 0;
  height: 100%;
  -webkit-text-size-adjust: none;
  min-width: initial;
  font-size: 16px;
}

/* header */
div.spHeader > h1 { background-image: url(./2026/image/phase1.jpg) }

/* CONTENTS */
article {
  position: relative;
  padding: min(10vw,5%);
}

section { position: relative; font-family: vdl-v7gothic, sans-serif; font-style: normal; font-weight: 500 }
.content { margin: 0 5.5%; max-width:initial; line-height: 1.6 }
.topToFix { background-color: #06A2FF }
/* ========== MOVIE ========== */
.movieWrap { position: relative; width: calc(100% - 10px); max-width: 700px; margin: 0 auto }
.iframeWrap { height: 0; padding-bottom: 56.25% }
.iframeWrap iframe { position: absolute; top: 0; left: 0 }
/* ========== A-Font ========== */
.vdlv7    { font-family: vdl-v7gothic, sans-serif; font-style: normal }
.vdlv7.m  { font-weight: 500 }
.vdlv7.b  { font-weight: 700 }
.vdlv7.eb { font-weight: 800 }

/* 見出し */
h2 {
	margin: 0 0 20px;
	border-left: none;
	padding: 0;
	min-height: initial;
	color: initial;
	background-color: transparent;
	border-bottom: none;
  font-size: 2.857rem;
  font-family: vdl-v7gothic, sans-serif; font-style: normal;
  font-weight: 700;
  width: 1000px;
  color: #009FEA;
}

/*==================== image Flex ====================*/
article section > .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: min(2vw,20px) }
article section > .grid img { width:100% }
/* article section > .flexBox > div { width:min(28.5vw,410px); box-sizing:border-box } */

/* NEWS */
#news ul li { font-size: 128.6%; border-bottom: #333 1px solid }
#news ul li a { color: #333 }
#news ul li a:before { font-size: 23px; content: "\f0da" }

/* ARCHIVE */
#archive { font-size: 1.125rem }

/*
==================================================
671～1040
==================================================
*/
@media screen and ( max-width:1040px) {
  a[name] { display: block; margin-top:-80px; padding-top:80px }
  /* header */
  div.spHeader { min-width:initial }
  div.spHeader > h1 { margin-top: 80px }
  /* CONTENTS */
  .content { margin: 0 4% }
  article section > .grid { grid-template-columns: repeat(3, 1fr) }
/*671～1039 END*/
}
/*
==================================================
～670
==================================================
*/
@media screen and ( max-width:670px ){
  a[name] { display: block; margin-top:-50px; padding-top:50px }
  .inner { box-sizing:border-box }
  /* header */
  div.spHeader { min-width:initial; margin-top: 0 }
  div.spHeader > h1 { margin-top: 50px }
  /* contents */
  .content { margin: 0 2.5% }
  article section > .grid { grid-template-columns: repeat(2, 1fr) }
  /*～670 END*/
}