@charset "utf-8";

/* ↓フラッシュがあるときに使用 
#flash_bg{width:100%;height:150px;}
#flash{width:980px;height:150px;margin: 0px auto;background: #900;}
*/

#main_bg {
	background: #e4f2f2;
	position:relative;
	
}
#main_img {
	width: 1280px;
	margin: 0px auto;
}

#main_bg:after{
	content:"";
	background:url(../images/top/main_bottom.png) no-repeat center bottom;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%, 0%);
	width:100%;
	z-index:1000;
	height:118px;
	background-size:cover;
}

/* 新着情報 */
#news {
	padding:0px;
}
.news_tab{
	width:100%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.news_day{
	border-bottom:1px solid #ccc;
	padding:10px 10px 0px;
	text-align:left;
	vertical-align:top;
	width:148px;
	font-weight: normal;
}
.news_title{
	border-bottom:1px solid #ccc;
	padding:10px 10px 0px;
	text-align:left;
	vertical-align:top;
}
.news_img {
	border-right:1px solid #ccc;
	padding:10px 10px 20px;
	line-height:normal;
	vertical-align:top;
	text-align: center;
}
.news_comment {
	padding:10px 10px 20px;
	line-height:normal;
	vertical-align:top;
}

.square-content{ display: block; height: 0; width: 100%; padding-bottom: 75%; position:relative; overflow:hidden; margin-bottom:20px;}
.square-content h3{font-size:42px;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0; text-align:center;text-shadow:0px 0px 5px rgb(0, 0, 0), 0px 0px 7px rgb(0, 0, 0);}
.square-content h3 span{ font-size:18px; display:block; padding-top:15px;}

.bg_appeal01{
	background: url(../images/top/image1.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_appeal02{
	background: url(../images/top/image2.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_appeal03{
	background: url(../images/top/image3.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content > div { position: absolute; top: 70%;}
.square-content-inner { display: flex; justify-content: center; align-items: center; width: 100%;}
.square-content:hover {
    background-size: auto 110%;
    transition: all 0.5s ease-in;
}

.inner{ padding:60px 10px 10px 40px;}
#index1 .contents{ padding-bottom:200px;}
#index2{ background:#e4f2f2; background-position:center 160px; font-size: 18px;}