@charset "UTF-8";

 .global-htnav li {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.1rem;
    }
	  .global-htnav li a {
		  padding:0.3rem 0; 
	  }
    .global-htnav li a span {
      font-size: 80%;
		font-weight: 400;
      line-height: 100%;
      display: inline-block;
    }
   

/** ==============================
 * トップページ
 * ============================== **/
/* トップページ　ファーストビュー メインコピー */
#home main .hero .inner {
  display: flex;
  align-items: center; /* 上下中央揃え */
  justify-content: flex-start; /* 左寄せ */
  height: 100%; /* セクション全体に対して中央揃え */
  padding: 0 calc(var(--vw-size80) * 2);
  position: relative;
  z-index: 2;
}
#home main .hero .inner .catch {
  font-size: clamp(37px, calc(1vw * 2.5), 42px);
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.4rem;
  line-height: 200%;
  padding-bottom: 30vw;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 1s ease forwards;
  animation-delay: .5s
}
@media only screen and (max-width: 767px) {
  #home main .hero .inner {
    justify-content: center;
    padding: 0;
  }
  #home main .hero .inner .catch {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: clamp(17px, var(--vw-size5)*5, 25px);
    letter-spacing: 0.2rem;
    line-height: 2.2;
    text-align: start;
    &.horizontal{
      writing-mode: horizontal-tb;
      text-orientation: mixed;
       line-height: 1.4;
       padding: 0 5vw;
    }
  }
}
/* トップページ　ファーストビュー メインコピー end*/


/** ==============================
 * モデルコース
 * ============================== **/
/* モデルコース  マイマップ*/
#culture main .map-frame-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
/* ▼ iframe内のヘッダー67px分を上にずらして隠す */
#culture main .map-frame {
  width: 100%;
  height: calc(100% + 67px); /* ヘッダー分だけ高さを延長 */
  margin-top: -67px; /* ヘッダーを隠すため上にずらす */
  border: 0;
}
/* ▼ iframeの元マイマップへリンク */
#culture main .map-link {
  text-align: right;
  font-size: 0.9rem;
  margin-top: 0.5em;
}
#culture main .map-link a {
  color: #0066cc;
  text-decoration: underline;
}
#culture main .map-link a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  /* ▼ SP用：マップラッパー */
  #culture main .map-frame-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  /* ▼ SP用：マップiframe（縦長9:16に） */
  #culture main .map-frame {
    width: 100%;
    height: calc(100% + 67px); /* ヘッダー高さ仮置きのまま */
    margin-top: -67px;
    border: 0;
    aspect-ratio: 9 / 13;
    object-fit: cover;
  }
  /* ▼ SP用：マップ要素にもaspect-ratio追加（既存セレクタに上書き） */
  #culture main .map iframe {
    aspect-ratio: 9 / 13;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
	#culture main .map{
		padding:13vw 0 0
	}
}
/* モデルコース マイマップ end */

/* PC SP 表示非表示 */
@media screen and (min-width: 768px) {
  .PC {}
  .SP {
    display: none;
    max-width: 0%;
    max-height: 0%;
  }
}
@media screen and (max-width: 767px) {
  .PC {
    display: none;
    max-width: 0%;
    max-height: 0%;
  }
  .SP {}
}
/* PC SP 表示非表示 */
/*//////////PCサイズ///////////*/
@media screen and (min-width: 768px) {}
/*//////////SPサイズ///////////*/
@media screen and (max-width:767px) {}