@charset "utf-8";
@import "common.css";

@import url(https://use.fontawesome.com/releases/v5.0.6/css/all.css);


/* TOPページスタイル
---------------------------------------------------------- */
/* /////////////////////////////////////////////////
#slideArea
///////////////////////////////////////////////// */
#slideArea {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}

#slideArea .inBody {
	width: 100%;
}

#slideArea .inBody div {
	width: 100%;
}

#slideArea .inBody div img {
	width: 100%;
}

#slideArea .imgBlock {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#slideArea .imgBlock:not(:target) {
	z-index: 1000\9;
}

@media all and (-ms-high-contrast: none) {
#slideArea .imgBlock:not(:target) {
	z-index: 1000\9;
}
}

#slideArea .imgBlock p:first-child {
	margin-bottom: 15px;
}

#slideArea .imgBlock p img {
	margin: 0 auto;
}

/* /////////////////////////////////////////////////
#linkArea
///////////////////////////////////////////////// */
#linkArea {
	width: 100%;
	background-color: #f5f5f5;
	padding: 70px 0;
}

#linkArea .inBody {
	width: 950px;
	margin: 0 auto;
}

#linkArea .inBody ul {
	overflow: hidden;
}

#linkArea .inBody ul li {
	width: 32%;
    float: left;
    margin-right: 2%;
}

#linkArea .inBody ul li:last-child {
	margin-right: 0;
}

#linkArea .inBody ul li img {
	width: 100%;
}

#linkArea .inBody ul li a {
	display: block;
	position: relative;
}

#linkArea .inBody ul li a p {
	width: 100%;
	background: rgba(33,33,33,0.5);
	color: #ffffff;
	font-size: 13px;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	text-align: center;
}


@media screen and (max-width:967px) {
/* /////////////////////////////////////////////////
#linkArea
///////////////////////////////////////////////// */
#linkArea {
	padding: 7% 0;
}

#linkArea .inBody {
	width: 90%;
}

#linkArea .inBody ul {
	margin-right: -2%;
}

#linkArea .inBody ul li {
	width: 31.3333%;
	margin-right: 2%;
}

#linkArea .inBody ul li:last-child {
	margin-right: 2%;
}

#linkArea .inBody ul li a p {
	font-size: 90%;
	padding: 2% 0;
}


}

@media screen and (max-width:700px) {
/* /////////////////////////////////////////////////
#slideArea
///////////////////////////////////////////////// */
#slideArea .imgBlock {
	width: 80%;
	left: 10%
}

#slideArea .imgBlock p:first-child {
	margin-bottom: 2%;
}

/* /////////////////////////////////////////////////
#linkArea
///////////////////////////////////////////////// */
#linkArea {
	background-color: #ffffff;
}

#linkArea .inBody ul {
	margin-right: -5%;
}

#linkArea .inBody ul li {
	width: 45%;
	margin: 0 5% 5% 0;
}

#linkArea .inBody ul li:last-child {
	margin-bottom: 0;
}

#linkArea .inBody ul li img {
	width: 100%;
}

#linkArea .inBody ul li a p {
	font-size: 90%;
	padding: 2% 0;
}

}