/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2026 | 14:53:03 */
/* 基本リセット */
:root{
  --ink:#1f2937;
  --muted:#6b7280;
  --bg:#ffffff;
  --soft:#f5f6f7;
  --sand:#f8f5f0;
  --wood:#6b452f;
  --color1:#f6ecd8;
  --color2:#f3f0f0;	
  --border:rgba(0,0,0,.08);
  --radius:18px;
  --max:1120px;
}
body, html {
    height: 100%;
	width: 100%;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/*--------------------*/
/* セクション３エリア */
/*--------------------*/
/* Model house */
.top-section3{  
	background:var(--bg);
/*
	background-image: url('https://ban-home.com/wp-content/uploads/00top/bgimage/top-1920.jpg');
*/
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

	/* ② ワイド表示 & ③ スマホで高さ100%（PCも100%に設定） */	
    width: 100%;
/*
	height: 100vh;
*/
	height: auto;          /* 高さを固定しない */
    min-height: 100vh;     /* コンテンツが少なくても最低画面分は確保 */
    padding: 60px 20px;    /* 上下に余白を作り、はみ出しを防ぐ */
    box-sizing: border-box; /* パディングを高さに含める */

	display: flex;	
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
   }

/* スマホ表示時に背景画像を変更 */
@media (max-width: 768px) {
.top-section3 {
	background:var(--color1);
/*		  
    background-image: url('https://ban-home.com/wp-content/uploads/00top/bgimage/top_1200-1700.jpg');
*/
	/* スマホで画面いっぱいの高さ（100vh）を維持 */
    height: auto;        /* スマホでも固定を解除 */
    min-height: 100vh;
/*
	height: 100vh;
*/	
    }
}

/* 文字の大きさ */
.s3-title{
	font-size:3rem;
	margin: 10px;
}
.s3-title-sub{
	font-size:3rem;
	margin: 10px;	
}
.s3-lead{
	font-size:2rem;
}