@charset "UTF-8";


/* 印刷用設定 */
body {
	-webkit-print-color-adjust: exact;
}

/* ヘッダー大きい画面用の設定 841pxに変更　2025/12/20 */
@media (min-width: 841px) {
	header {
		position: relative;　/* アレンジ: ヘッダーを固定しない */
		max-width: 820px;
	}
	header .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		padding-right: 1.6rem;
	}
	.headA img {
		width: 120px;
		height: 64px;
	}
	.headB {
		display: block !important;
	}
	.headB ul {
		display: flex;
	}
	.headC {
	display: none;
	}
	.head_SP {
	display: none;
	}
	.head_SP1 {
	display: none;
	}
	.head_SP2 {
	display: none;
	}
}

/* ヘッダーB： ナビゲーションメニュー */
/* ヘッダー小さい画面用の設定 */
@media (min-width: 768px) {
.headB ul {
	/* padding-top: 46px; 2025/12/20*/
	list-style: none;
}
.headB li {
	list-style-type: none;
  flex-grow: 1;
  text-align: center;
	border-right: 1px solid #999;
}
.headB a {
	display: block;
	padding: 3px;
	width: 100px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
}
.headB a:hover {
	color: #ff0000;
}
}

/* TOPイメージ PC用の設定 */
@media (min-width: 840px) {
	.main {
		height: 600px;
		max-width: 100%;
		background-position: center;
		background-color: #fff;
		padding: 0 auto;
	}
	.main h1 {
		font-size: 3rem;
		letter-spacing: 0.1em;
		text-align: center;
	}
	.main h2 {
		font-size: 2.4rem;
	}
}

/* バナー一覧 大きい画面用の設定*/
@media (min-width: 768px){
.lineup .container {
	display: flex;
	max-width: 840px;
	background-color: #000;
	margin-left: auto;
	margin-right: auto;
}
}

/* 2カラム用一覧 大きい画面用の設定*/
@media (min-width: 768px){
	.listup .container {
		display: flex;
		/* max-width: 840px; 2025/12/20*/
		/* background-color: #fff; 2025/12/20*/
		margin-left: auto;
		margin-right: auto;
	}
}

/* TOPページ -----------------------------*/
/* 大きい画面用の設定*/
@media (min-width: 768px){
	.top_image img{
	}
	.top_image h1 {
	}
	.text_white{
		font-size: 4rem;
	}
}

/* TOPページ -----------------------------*/
/* 大きい画面用の設定*/
@media (min-width: 841px){
	.top_image_page img{
		margin-top: 0;
	}
	.top_image_page h1 {
  	margin-top: 0;
	}
	.top_image_page .text_white{
		font-size: 3.6rem;
	}
	.top_image_page .text_orange{
		font-size: 3.6rem;
	}
}

/* ページ内コンテンツ　メイン画像より横幅が広くなったら左右の余白を削る
@media (min-width: 852px) {
	.page .container{
		max-width: 840px;
		padding: 0 auto;
		margin: 0 auto;
		margin-bottom: 2rem;
	}
}
 2025/12/20*/

/* ページメイン画像のヘッダー分は無し*/
@media (min-width: 768px) {
	.page_image img{
		width: 100%;    /* 横幅を割合で指定 */
		height: auto;  /* 高さは自動指定 */
	}
}

	/* バナー文字 */
@media (min-width: 541px) {
	.bnr p img{
		height: 65%;/* ひまわり,ショールームの文字　PC 2025/12/20*/
	}
}
@media (max-width: 540px) {
	.bnr p img{
		height: 88%;/* ひまわり,ショールームの文字　PC 2025/12/20*/
	}
}

/* フッター 大きい画面用の設定*/
@media (min-width: 768px) {
	footer .container {
		display: flex;
		flex-wrap: wrap;
		max-width: 1102px;
		padding: 3.2rem 1.6rem;
		margin-left: auto;
		margin-right: auto;
	}
	.footA {
		flex: 0 0 34%;
	}
	.footB {
		flex: 0 0 33%;
	}
	.footBB {
		flex: 0 0 33%;
	}
	.footC {
		flex: 0 0 100%;
	}
}

/* フッター(Works)： フッターメニュー 大きい画面用の設定 */
@media (min-width: 768px) {
	.footB {
		display: block;
		margin-bottom: 30px;
	}
	.footB div {
		padding-left: 10px;
	}
}

/* フッター(Company Info.)： フッターメニュー 大きい画面用の設定 */
@media (min-width: 768px) {
	.footBB {
		display: block;
		margin-bottom: 30px;
	}
	.footBB div {
		flex: 1;
		padding-right: 10px;
	}
}

/* フッターD： SNSメニュー */
@media (min-width: 768px)  {
	.footD a {
		font-size: 1rem; /* SNSアイコンの大きさ */
	}
}

/* ----------------------------------------------------- */