/*
Theme Name: OLTANA-004 Child
Version: 1.0.0
Template: oltana-004
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* =========================
   YouTube セクション調整
========================= */

#olYoutube {
  width: 100%;
}

#olYoutube .ol-inner {
  max-width: 1100px;   /* OLTANA標準に近い幅 */
  margin: 0 auto;      /* 中央寄せ */
  padding: 0 20px;     /* 両端の余白（スマホ・PC共通） */
}

/* iframeをレスポンシブに */
#olYoutube iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
}

/* YouTubeセクション：左右の余白を確保 */
#olYoutube .inner {
  padding-left: 20px;
  padding-right: 20px;
}

/* YouTube下の文章：読みやすい余白と整形 */
#olYoutube .ol-youtube-text {
  margin-top: 20px;
  padding: 0 6px;        /* 文字だけ更に少し内側へ */
  font-size: 15px;
  line-height: 1.9;
  color: #062b2b;
}
/* ヘッダー下の差し込み画像 */
#olHeroImage .inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

#olHeroImage img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;  /* 角丸が不要なら消してOK */
}
/* ヘッダーとヘッダー下の差し込み画像の余白調整 */
#olHeroImage {
  margin-top: 32px;
}

@media (min-width: 768px) {
  #olHeroImage {
    margin-top: 50px;
  }
}