@charset "utf-8";
/* CSS Document */

/* 基本設定
----------------------------------------------------------- */



/* ヘッダースタイル
----------------------------------------------------------- */



/* ビジュアルスタイル
----------------------------------------------------------- */
#visual {
	order: 1; /* ★全体デザイン上の順序設定★ */
	position: relative;
	width: 100%; /* 幅フルサイズ表示の際使用 */
	/*height: calc(100vh + 200px);  ※splideスライドショー使用時は使用禁止しexpand.jsで高さ調整 */
	margin: 0;
	overflow: hidden;
	opacity: 0;
	animation: visualFadeIn 3s forwards;
}
@keyframes visualFadeIn {
	to {
		opacity: 1;
	}
}
#visual #visual_inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*position: absolute;  ★背景画像・スライド画像をウィンドウ幅に合わせて見切り表示させる時使用 */
	/*top: 0;  背景画像・スライド画像をウィンドウ幅に合わせて見切り表示させる時使用 */
	height: 100%;
	margin: 0 auto 10%;
	pointer-events: auto; /* .sliderの表面に置く場合、背面のリンク等をクリックできるようにするため */
	/*z-index: 1;*/
}

/* お知らせ */
#visual #visual_inner #informations_area {
	margin: min(60vh, 450px) 4%  min(50%, 60px);
	text-align: left;
}
/* 一覧ページ変移ボタン */
div.info_list_box .info_list_btn {
	margin-top: 40px;
	text-align: right;
}

/* キャッチコピー */
#visual #visual_inner .visual_catchphrase {
	display: inline-block;
	width: 465px; /* 幅固定 */
	margin-left: 80px;
	padding: 40px 20px;
	font-size: 5.5rem; /* フォントサイズ固定 */
	line-height: 1.3;
	background: #FFFFFF;
	filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.35));
	pointer-events: none;
}



/* 見出しスタイル
----------------------------------------------------------- */
h2:not(#gnavi_title):not(.side_title) {
	/*margin: 0;*/
}
h3:not(.gnavi_title) { /* トップページ用h3 */
	line-height: 1.4;
	font-size: 3.5rem;
}
h3:not(.gnavi_title)::first-letter {
	color:inherit;
}



/* ページスタイル
----------------------------------------------------------- */
/* お知らせ */
#informations_area {
	position: relative;
	width: 100%;
	max-width: 635px;
	margin-right: 20px;
	margin-left: 20px;
	padding: 50px 70px;
	background: #FFFFFF;
	filter: drop-shadow(0 3px 4px rgba(0,0,0,0.15));
	z-index: 1;
}
#informations_area .info_list_box {
}



@media screen and (max-width: 1199px) {	/* PC固定幅からのブレイクポイント */
	
	/* 基本設定
	----------------------------------------------------------- */
	/* ★　例）トップページのgnaviのみPC時はメニュー表示する場合　★ */
	/*.hamburger-button {
		display: block;
	}*/
	
	/* ビジュアルスタイル
	----------------------------------------------------------- */
	#visual {
		width: 100%;
	}
	#visual #visual_inner {
		left: auto;
		width: 100%;
		margin: 0;
	}
	#visual #visual_inner {
		height: auto;
	}
	
	/* キャッチコピー */
	#visual #visual_inner .visual_catchphrase {
		width: calc(29.0vw + 13rem); /* calcを使って幅の拡大縮小率をマイルドにする */
		margin-left: 7%;
		padding: 3.5% 2.0%;
		font-size: calc(2.20vw + 2.5rem); /* calcを使ってフォントサイズの拡大縮小率をマイルドにする */
	}
	
	/* ページスタイル
	----------------------------------------------------------- */
	#informations_area {
		margin-right: 0;
		margin-left: 0;
		padding: 7%;
	}
	
}

@media screen and (max-width: 959px) {	/* タブレットからのブレイクポイント */
	
}

@media screen and (max-width: 789px) {	/* 789pxからのブレイクポイント */
	
	/* ビジュアルスタイル
	----------------------------------------------------------- */
	#visual #visual_inner {
		justify-content: center;
		/*gap: 5% 20px;*/
	}
	#visual #visual_inner #informations_area {
		margin-top: 20px;/**/
		margin-bottom: 20px;
	}
	
}

@media screen and (max-width: 620px) {	/* 620pxからのブレイクポイント */
	
}

@media screen and (max-width: 479px) {	/* スマートフォンからのブレイクポイント */
	
	/* ビジュアルスタイル
	----------------------------------------------------------- */
	#visual {
		/*height: 100%;
		aspect-ratio: 390 / 600;*/
	}
	
	/* キャッチコピー */
	#visual #visual_inner .visual_catchphrase {
		/*font-size: 2.8rem;*/
	}
	
}