@charset "utf-8";

#main-vidual{
	position: relative;
}
#slide-txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 0;
	text-align: center;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.8);
	color: #FFF;
}
#slide-txt h2{
	padding: 0 1em;
	font-size: 1.8rem;
}
@media (max-width: 1199.98px){
#slide-txt h2{
	font-size: 1.6rem;
}
}
@media (max-width: 991.98px){
#slide-txt h2{
	font-size: 1.4rem;
}
}
@media (max-width: 767.98px){
#slide-txt h2{
	font-size: 1.2rem;
}
}
@media(max-width: 575.98px){
#slide-txt h2{
	text-align: left;
	font-size: 1rem;
}
}

#greeting,
#company{
	font-weight: bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
}
#slink{
	max-width: 1100px;
	margin: 20px auto 0;
	display: flex;
	flex-wrap: wrap;
}
#slink div{
	width: 33.33%;
	padding: 5px;
	text-align: center;
}
@media(max-width: 767.98px){
#slink div{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
}
#lnk-ctg{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
#lnk-ctg div{
	padding: 5px;
	width: 25%;
}
#lnk-ctg img{
	margin: 0;
	vertical-align: top;
}
#lnk-ctg figcaption{
	margin: 0;
	padding: 0.5em 0.75em;
	text-align: center;
	background-color: #D7E7F3;
}
@media(max-width: 991.98px){
#lnk-ctg div{
	width: 50%;
}
}
#txt-greeting{
	max-width: 1000px;
	margin: 0 auto;
}
#txt-greeting p{
	padding: 0.75em 0;
}
#data-company{
	max-width: 1000px;
	margin: 0 auto;
}
#data-company table{
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	border-top: 1px solid #CCC;
}
#data-company table td{
	padding: 0.6em 0.75em 0.5em;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}
.item{
	text-align: right;
	background-color: #F0F0F0;
}
#photo-company{
	width: 100%;
	margin: 50px auto 0;
	display: flex;
	flex-wrap: wrap;
}
#photo-company div{
	width: 25%;
	padding: 5px;
	text-align: center;
	font-size: 0.9em;
}
#photo-company figcaption{
	padding: 0.25em 0;
}
@media(max-width: 991.98px){
#photo-company div{
	width: 50%;
}
}