﻿/*----------------------------
*　No.1 TOP-page --挨拶文--
*----------------------------*/
#topphoto{
	width			: 90%;
	
	display			: block;
	margin			: auto;
	margin-bottom	: 15px;
	border			: 2px solid white;
}



.greeting{
	width			: 90%;
	margin-left		: auto;
	margin-right	: auto;
	display			: flex;
	align-items		: flex-start;
	align-items		:center;
	border-top		: 1px solid rgb(91, 91, 96);
	background-color: rgba(256,256,256,0.8);
	margin-bottom	:20px;
}
.greeting p{
	white-space	: pre-wrap;
	width		:65%;
}
.greeting img{
	width		:35%;
	height		: auto;
}
/* 幅が 768以上　（タブレット横向き　PC対応） */
@media screen and (min-width:768px) {
	#topphoto{
		width		: 45%;
	}
	.greeting{
		width		: 47%;
	}

}	


/*----------------------------
*　No.2 TOP-page --link 写真--
*----------------------------*/
/*-- link写真表示部分 div 設定 --*/
.link_photo{
	position	: relative;
	display		: block;
	width		: 55%;
	max-width	: 400px;
	height		: 110px;
	border		: 2px solid white;
	white-space: normal;
}
.link_2025{
	top			: 10px;
	left		: 0px;
	z-index		: 70;
}
.link_2024{
	top			: -20px;
	left		: 45%;
	z-index		: 73;
}
.link_2023{
	top			:-50px;
	left		: 0px;
	z-index		: 70;
}
.link_2022{
	top			:-80px;
	left		: 45%;
	z-index		: 73;
}

.link_komono{
	top			:-110px;
	left		: 0px;
	z-index		: 70;
}

.link_toiawase{
	top			:-140px;
	left		: 45%;
	z-index		: 73;
}


/*-- link写真表示部分 透過背景色 設定 --*/
.link_2025::before,.link_2024::before,.link_2023::before,.link_2022::before,.link_komono::before,.link_toiawase::before{
	content		: '';
	position	: absolute;
	top			: 0px;
	right		: 0px;
	bottom		: 0px;
	left		: 0px;
	background-color: rgba(0,0,0,0.3);
}
.link_2025::before{		z-index	:72;}
.link_2024::before{		z-index	:75;}
.link_2023::before{		z-index	:72;}
.link_2022::before{		z-index	:75;}
.link_komono::before{	z-index	:72;}
.link_toiawase::before{	z-index	:75;}

/*-- link写真表示部分 写真画像 設定 --*/
.link_2025 img,.link_2024 img,.link_2023 img,.link_2022 img,.link_komono img,.link_toiawase img{
	position	: absolute;
	width		: 100%;
	height		: 110px;
	object-fit	: cover;
/*	z-index		: 71;*/
}

/*-- link写真表示部分 文字 設定 --*/
.link_2025 h3,.link_2024 h3,.link_2023 h3,.link_2022 h3,.link_komono h3,.link_toiawase h3{
/* font-size等 は　eiko_allpage_stylesheet.cssで設定している */	
	margin		: 0px;
	position	: absolute;
	top			: 50%;
	transform	: translateY(-50%);
	z-index		: 80;
}
