.slide-type1 {
	clip-path: none;	/*SVG画像との紐付け*/
}
/*ロゴ画像*/
#logo img {display: block;}
#logo {
	margin: 0;padding: 0;
	width: 16vw;	/*ロゴの幅*/
	position: relative;z-index: 1;
	left: 1vw;	/*左からの配置場所*/
	top: 3.5vw;		/*上からの配置場所*/
}

	/*画面幅500px以下の追加指定*/
	@media screen and (max-width:900px) {
	
	#logo {
		top: 0;			/*上からの配置場所*/
		width: 130px;	/*ロゴの幅*/
	}
	}/*追加設定ここまで*/
#logo a {
	pointer-events: none;
}
#menubar_hdr {
	display: block; /* 基本は非表示 */
}

 /* タブレット表示以上 */
@media (min-width: 900px) {
	#menubar_hdr {
		display: none;
	}
}
 /* スマホ表示 */
@media (max-width: 500px) {
#btn-special {
	font-size: 12px;	

	}
#btn-special a {
    padding: 1rem 0.6rem;
	}
.iframe-box {
	padding-top: 120%;	/*マップの高さを増やしたい場合は、ここの数値を上げてみて下さい。*/
	}		
}


/* ===============================
   フッター全体設定
=============================== */

footer .text {
	display: flex;
	flex-wrap: wrap;               
	justify-content: space-between; 
	gap: clamp(5rem, 8vw, 400rem) !important;  /* 画面幅に応じて可変余白＋強制適用 */
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

footer .text > div {
	flex: 1 1 0;          /* 均等幅で自動調整 */
	min-width: 250px;      /* 小さくなりすぎないように下限を設定 */
	box-sizing: border-box;
}

/* タブレット（2列表示） */
@media screen and (max-width: 900px) {
	footer .text {
		gap: 3rem !important; /* タブレット時の余白を狭く */
	}
	footer .text > div {
		flex: 1 1 calc(50% - 3rem);
	}
}

/* スマホ（1列表示） */
@media screen and (max-width: 600px) {
	footer .text {
		flex-direction: column;
		gap: 2rem !important; /* スマホではさらにコンパクトに */
	}
	footer .text > div {
		width: 100%;
	}
}


/* 見出し */
footer h4 {
	font-weight: 200;
	font-size: 1.2rem;
	margin-bottom: 0.8rem;
}