/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/* ========================================
ナチュラルLP ベースデザイン
======================================== */
/* 追加場所：CSSの一番下 */
/* 影響範囲：全体 */

body{
  background-color:#fff;
  color:#333;
  line-height:1.8;
}

/* 共通セクション */
section{
  padding:80px 20px;
}

.section-inner{
  max-width:1000px;
  margin:0 auto;
}

/* タイトル */
.section-title{
  font-size:28px;
  text-align:center;
  margin-bottom:40px;
  position:relative;
}

.section-title::after{
  content:"";
  display:block;
  width:40px;
  height:1px;
  background:#d4af37;
  margin:10px auto 0;
}

/* ========================================
ファーストビュー
======================================== */
/* 追加場所：CSSの一番下 */
/* 影響範囲：PC/SP */

.top-hero{
  height:90vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#f7f7f7;
}

.hero-title{
  font-size:42px;
  letter-spacing:2px;
}

.hero-catch{
  margin-top:10px;
  font-size:16px;
  color:#666;
}
/* ========================================
メニュー
======================================== */
/* 追加場所：CSSの一番下 */

.menu-list{
  display:flex;
  justify-content:space-between;
  gap:20px;
}

.menu-item{
  flex:1;
  text-align:center;
  padding:20px;
  border:1px solid #eee;
}

.menu-item h3{
  margin-bottom:10px;
}

.menu-item p{
  color:#d4af37;
  font-weight:bold;
}
/* ========================================
CTA
======================================== */
/* 追加場所：CSSの一番下 */

.cta{
  text-align:center;
  background:#f9f9f9;
}

.cta-title{
  margin-bottom:20px;
}

.cta-button{
  display:inline-block;
  padding:12px 30px;
  border:1px solid #d4af37;
  color:#d4af37;
  text-decoration:none;
  transition:0.3s;
}

.cta-button:hover{
  background:#d4af37;
  color:#fff;
}