/*
Theme Name: Lightning Child
Template: lightning
Description: Lightningテーマの子テーマ
Author: 白戸一成
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');


/* ここからカスタムCSS */
.site-header{
	background-color:#283A66;
}

.header_scrolled .site-header{
	background-color:#283A66;
}
.page-header{
	background-color:#fff;
}
.page-header-title{
	font-family:"Noto Serif JP";
	color:#283A66;
}

.global-nav-list>li .global-nav-name{
	color:#fff;
	font-weight:normal;
}
.ltg-slide-text-title{
	font-family:"Noto Serif JP";
}

.org_h2{
	font-family:"Noto Serif JP";
	color:#283A66;
	font-size:32px;
}

.org_h3{
	font-family:"Noto Serif JP";
	font-size:24px;
	color:#283A66;
}

.org_h4{
	font-family:"Noto Serif JP";
	color:#283A66;
}
.org_p{
	font-family:"Noto Serif JP";
	color:#666;
}

.image_comparison_title{
	color:#fff;
	font-weight:bold;
}

.site-footer , .site-footer nav a{
	background-color:#283A66;
	color:#fff;
}

.footer_map iframe{
	height:300px !important;
}

.footer-nav-list li:first-child{
	border-left:1px solid #fff;
}

.footer-nav-list li{
	border-left:1px solid #fff;
}

.veu_card ,.veu_card .veu_card_inner{
	box-shadow:none;
	border:none;
}

.veu_contact .contact_frame{
	background:none;
}

/* 画像付きヘッダーのときだけ flex を解除して、重ねるモードにする */ 
.page-header.page-header--has-image { 
    display: block;       /* Lightning デフォルトの flex を打ち消す */ 
    position: relative;   /* タイトルを absolute で重ねるための基準 */ 
    overflow: hidden;     /* 必要ならはみ出し防止用 */ 
} 
 
/* 画像は普通に全幅で表示 */ 
.page-header.page-header--has-image .page-header-media img { 
    width: 100%; 
    height: auto; 
    display: block; 
    object-fit: cover;    /* 必要ならトリミングされつつフィット */ 
} 
 
/* タイトルを画像の上に重ねる */ 
.page-header.page-header--has-image .page-header-inner { 
    position: absolute; 
    inset: 0;             /* top:0; right:0; bottom:0; left:0; の短縮 */ 
    display: flex; 
    flex-direction: column;  /* ← この行を追加 */
    align-items: center;  /* 縦中央寄せ */ 
    justify-content: center; /* 横中央寄せ（左寄せにしたいなら flex-start に変更） */ 
    pointer-events: none;     /* 画像クリックを邪魔したくなければ */ 
} 
 
/* タイトルテキストの見た目調整（必要に応じて） */ 
.page-header.page-header--has-image .page-header-title { 
    color: #fff; 
    text-shadow: 0 0 8px rgba(0,0,0,0.6); 
    font-size: clamp(2rem, 4vw, 3rem); 
}

/* キャッチフレーズのスタイル */
.page-header-catchphrase {
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 1.125rem;
    color: #ffffff;
    margin-top: 1rem;
    line-height: 1.6;
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 1px 2px rgba(0, 0, 0, 0.8);
}
.price-value{
	font-size:2.5rem;
}

.feature-card {
	background: white;
	border-radius: 20px;
	padding: 40px 30px;
	text-align: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.feature-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #DD1D67, #ff6b9d);
	transform: scaleX(0);
	transition: transform 0.3s ease;
}
.feature-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.feature-card:hover::before {
	transform: scaleX(1);
}




/* Extra Small (XS) ～575px */
@media (max-width: 575px) {
	.org_h2{
		font-family:"Noto Serif JP";
		font-size:24px;
	}
	
	.org_h3{
		font-family:"Noto Serif JP";
		font-size:20px;
	}
	
	.org_h4{
		font-family:"Noto Serif JP";
	}
  /* スマートフォン表示など */
  .org_p{
	/* font-size: 1rem; */
    line-height: 1.2;
	margin-bottom: 0.75rem;
}

.price-value{
	font-size:1.5rem;
}
  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-effc9461.wp-block-columns-is-layout-flex {
    padding: 0 !important;

}
.footer-nav-list{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
}

.footer-nav-list li :first-child{
  border-left:none !important;
  text-align: center;
  display: block;
  width: 100%;
}
.footer-nav-list li {
  border-left:none !important;
  text-align: center;
  display: block;
  width: 100%;
}
.card-columns{
	padding: 0 !important;
  }

}
/* Small (SM) ～767px */
@media (max-width: 767px) {
  /* 小型タブレット表示など */
  .price-value{
	font-size:2rem;
}
}

@media (min-width: 576px) {
	.card-columns{
		padding: 0 !important;
	  }
}

/* Medium (MD) ～991px */
@media (max-width: 991px) {
  /* タブレットや小型ノートPC向け */
}

/* Large (LG) ～1199px */
@media (max-width: 1199px) {
  /* 中型デスクトップ未満 */
}

/* Extra Large (XL) ～1399px */
@media (max-width: 1399px) {
  /* フルHD未満の画面など */
}

/* Extra Extra Large (XXL) ～∞ */
@media (min-width: 1400px) {
  /* 超広画面（WQHD、4Kなど）向け */
}