/*--------------------------
(有)プラザハウス
https://praza.jp/
--
2025-07-11	org
----------------------------*/
/*
.more a { color: #fff; background-color: transparent; border: thin solid #fff8; border-radius: 3em; transition: .2s; }
.more a:hover { background-color: transparent; text-decoration: none; transform: scale(1.1); }
*/


/*----------------------
topImage
Slide + Fade
----------------------*/
/*.topimage img	{ width: 100%; aspect-ratio: 16/9; max-height: 80vh; object-fit: cover; }*/
.topimage	{ position: relative; background-color: #222; }

.slider-area	{ position: relative; width: 100%; aspect-ratio: 16/9; min-height: 250px; max-height: 700px; overflow: hidden; }
.slider-item	{
	position: absolute;
	/*inset: 0;*/
	opacity: 0;
	z-index: 0;
	animation: sliderAnime 32s linear infinite 0s;
}
/* Slide Left */
.slider-item	{ bottom: -20px; left: -100px; right: -100px; }
.slider-item img { width: 150%; object-fit: cover; }
.slider-item:nth-child(1) { animation-delay:  0s; }
.slider-item:nth-child(2) { animation-delay:  8s; }
.slider-item:nth-child(3) { animation-delay: 16s; }
.slider-item:nth-child(4) { animation-delay: 24s; }
@keyframes sliderAnime {
	 0%	{ opacity: 0; animation-timing-function: ease-in; }
	 2%	{ opacity: 1; animation-timing-function: ease-out; }
	28%	{ opacity: 1; }
	30%	{ opacity: 0; transform: translate(-100px, 0); }
	/*30%	{ opacity: 0; transform: scale(1.1); }*/
}
/* Zoom In
.slider-item:nth-child(1) { animation-delay:  0s; transform-origin: 0% 20%; }
.slider-item:nth-child(2) { animation-delay: 10s; transform-origin: 100% 40%; }
.slider-item:nth-child(3) { animation-delay: 20s; transform-origin: 0% 60%; }
.slider-item:nth-child(4) { animation-delay: 30s; transform-origin: 100% 80%; }
.slider-item img { width: 100%; height: 100%; object-fit: cover; }
@keyframes sliderAnime {
	 0%	{ opacity: 0; animation-timing-function: ease-in; }
	 2%	{ opacity: 1; animation-timing-function: ease-out; }
	28%	{ opacity: 1; }
	30%	{ opacity: 0; transform: scale(1.1); }
}
*/

.top-logo	{ position: absolute; inset: 0; }
.top-logo	{ display: flex; flex-flow: column; justify-content: space-between; align-items: center; }
.top-logo	{
	margin: auto;
	padding: 0;
	width: clamp(100px, 50vw, 400px);
	height: 100%;
	background: url(logo4x1w.png) no-repeat 50% 50% / contain;
}
.top-logo h1	{ text-indent: -9999px; }



/*----------------------
Information
----------------------*/
/*section.top-info	{ padding: 2em 0; background-color: rgba(125, 194, 183, .2); }*/
#top-info	{ position: relative; background-color: #175d39; background-attachment: fixed; z-index: -2; }
#top-info	{ background: linear-gradient(#0c4f1e, #39721d); }
#top-info	{ background: linear-gradient(#352112, #73471a); }
/*#top-info:before	{ position: absolute; top: 0; width: 100%; height: 100%; content: ''; background-color: #0004; z-index: -1; }*/
#top-info .inner	{ max-width: 960px; padding: 1em; }
#top-info h3	{ padding-bottom: .5rem; color: #fff; border-bottom: 3px dotted #fff3; }
#top-info h3	{ text-align: center; letter-spacing: 0; }
#top-info h3+h4	{ margin-top: .5rem; color: #fff; text-align: center; }

/*----------------------
Home Navigation
----------------------*/
.home-navi	{}
.home-navi ul	{ margin: 0; padding: 0; list-style-type: none; }
.home-navi ul	{ display: flex; flex-wrap: wrap; gap: 10px; }
.home-navi li	{ flex: 1 0 auto; width: clamp(320px, 48%, 640px); aspect-ratio: 16/9; max-height: 450px; background-color: #ccc; }
.home-navi li	{ position: relative; transition: .2s; }
.home-navi a	{ display: flex; align-items: center; height: 100%; font-weight: bold; text-decoration: none; transition: .2s; }
.home-navi p	{ display: flex; align-items: center; min-height: 5em; padding: 1em; color: #0367ac; background-color: #fff; transition: .2s; }
.home-navi a:hover p	{ padding-left: 45%; }
/* ロゴマーク＋背景 */
.home-navi .h-news	{ background: #fff url(top_news_.png) no-repeat 50% 50% / 10em; }
.home-navi .h-news a:before	{ position: absolute; top: 0; width: 100%; height: 100%; background: #0367ac url(top_news.png) no-repeat 50% 50% / 10em; content: ''; }
.home-navi .h-news a:hover	{ opacity: 0; }
.home-navi .h-staff	{ background: #fff url(top_staff_.png) no-repeat 50% 50% / 10em; }
.home-navi .h-staff a:before	{ position: absolute; top: 0; width: 100%; height: 100%; background: #0367ac url(top_staff.png) no-repeat 50% 50% / 10em; content: ''; }
.home-navi .h-staff a:hover	{ opacity: 0; }
/* テキスト＋背景画像 */
.home-navi .h-house	{ background: url(h-house.jpg) no-repeat 50% 50% / cover; }
.home-navi .h-rtour	{ background: url(h-rtour.jpg) no-repeat 50% 30% / cover; }
.home-navi .h-achie	{ background: url(h-achie.jpg) no-repeat 50% 50% / cover; }
.home-navi .h-rform	{ background: url(h-rform.jpg) no-repeat 50% 20% / cover; }
.home-navi .h-about	{ background: url(h-about.jpg) no-repeat 40% 75% / 200%; }
/* サイズ調整 */
.home-navi .h-staff	{ width: 23%; aspect-ratio: 1/1; }
.home-navi .h-about	{ width: 23%; aspect-ratio: 1/1; }
/* リフォーム（準備中） */
.home-navi .h-rform a	{ pointer-events: none !important; cursor: none !important; }

/*----------------------
Banner
----------------------*/
/*#top-bnr	{ background-color: #7dc2b7; }*/
#top-bnr	{ background-color: #efce8e; }
#top-bnr .inner > *+*	{ margin-top: 1em; }
#top-bnr ul	{ margin: 0; padding: 0; list-style-type: none; }
#top-bnr ul	{ display: flex; flex-wrap: wrap; gap: 1em; }
#top-bnr li	{ flex: 1 0 auto; max-width: 100%; }
#top-bnr li	{ background-color: #fff; box-shadow: 0 0 15px 3px rgb(0 32 64 / 20%); }
#top-bnr li	{ display: flex; flex-direction: column; justify-content: center; text-align: center; }
#top-bnr a	{ display: block; transition: .2s; }
#top-bnr a:hover	{ opacity: 1; transform: scale(1.02); }
#top-bnr a:after	{ display: none; }
#top-bnr img { display: block; margin: auto; }





/* for SmartPhone Landscape (横) */
@media screen and (min-width:480px) { 
}

@media screen and (min-width:768px) { /* and ( max-width:1024px) { */

	#top-info .inner	{ border-radius: 1em; }

	#top-bnr li	{ flex: 1 0 40%; }
	#top-bnr .x3 li	{ flex: 1 0 25%; }

}