@charset "UTF-8";

/* ===========================================
 top Page
=========================================== */
.ho_heading{
	padding: 30px 5% 0;
	height: calc(40vw + 110px);
	background: url(../sy_images/home/top_billboard.jpg) no-repeat center bottom;
	background-size: 100% auto;
	line-height: 1.6;
	text-align: center;
	font-size: 2rem;
}
.ho_heading span{
	color: #AD1D23;
}
@media (max-width: 640px){
	.ho_heading span{
		display: block;
	}
}
@media (min-width: 641px){
	.ho_heading{
		height: 46.875vw;
		min-height: 550px;
		padding-top: 51px;
		font-size: 3rem;
		letter-spacing: .4em;
	}
}

/* sec1 */
.sec1{
	text-align: center;
}
.ho_sec1_dl{
	max-width: 700px;
	margin: 15px auto 20px;
	padding: 11px 15px 20px;
	border: solid 1px #ADADAD;
}
.ho_sec1_dl dt{
	margin-bottom: 6px;
}
.ho_sec1_dl li{
	max-width: 260px;
	text-align: center;
	font-size: 2rem;
	line-height: 40px;
	background-color: #939393;
	color: #fff;
}
.ho_sec1_head{
	line-height: 60px;
	font-size: 1.6rem;
	background: url(../sy_images/common/common_arrow_down_l.png) no-repeat center;
	background-size: 39px auto;
}
.ho_sec1_list li{
	max-width: 700px;
	margin: 20px auto 0;
	background-color: #86C03F;
	line-height: 1.667;
	color: #fff;
}
@media (max-width: 640px){
	.ho_sec1_dl li{
		margin: 5px auto 0;
	}
	.ho_sec1_list li{
		padding: 5px;
	}
}
@media (min-width: 641px){
	.ho_sec1_dl dt{
		font-size: 1.8rem;
	}
	.ho_sec1_dl ul{
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
	}
	.ho_sec1_dl li{
		width: 160px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.ho_sec1_head{
		font-size: 1.8rem;
	}
	.ho_sec1_list li{
		font-size: 2.4rem;
	}
}

/* sec2 */
.sec2{
	text-align: center;
}
.ho_sec2_dl{
	max-width: 700px;
	margin: 15px auto 20px;
	padding: 11px 15px 20px;
	border: solid 1px #86C03F;
}
.ho_sec2_dl dt{
	margin-bottom: 6px;
}
.ho_sec2_dl li{
	max-width: 260px;
	text-align: center;
	font-size: 2rem;
	line-height: 40px;
	background-color: #86C03F;
	color: #fff;
}
.ho_sec2_txt{
	padding-top: 53px;
	background: url(../sy_images/common/common_arrow_down_s.png) no-repeat center 0;
	background-size: 39px auto;
}
@media (max-width: 640px){
	.ho_sec2_dl li{
		margin: 5px auto 0;
	}
}
@media (min-width: 641px){
	.ho_sec2_dl dt{
		font-size: 1.8rem;
	}
	.ho_sec2_dl ul{
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.ho_sec2_dl li{
		width: 190px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.ho_sec2_dl li:nth-child(n + 4){
		margin-top: 20px;
	}
}

/* sec3 */
.ho_news{
	margin-top: 15px;
	border-top: dotted 1px #C6C6C6;
}
.ho_news li{
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #C6C6C6;
}
.ho_day{
	display: inline-block;
	width: 6em;
	font-size: 1.1rem;
}
.ho_category{
	position: relative;
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	color: #86c03f;
}
.ho_category:before{
	position: absolute;
	left: 0;
	width: 1px;
	height: 20px;
	border-right: solid 1px #C6C6C6;
	content: "";
}
.ho_title{
	font-size: 1.5rem;
}
.ho_title a{
	color: #333;
}
.ho_news_btn{
	display: block;
	width: 240px;
	line-height: 42px;
	margin: 25px auto 0;
	text-align: center;
	font-size: 1.4rem;
	text-decoration: none;
	color: #333;
	border: solid 1px #C6C6C6;
	transition: .3s;
}
@media (max-width: 640px){
	.ho_category{
		padding-left: 1.5em;
	}
}
@media (min-width: 641px){
	.ho_news li{
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		line-height: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.ho_day{
		flex-shrink: 0;
		width: 104px;
		text-align: center;
	}
	.ho_category{
		flex-shrink: 0;
		width: 120px;
		text-align: center;
	}
	.ho_category:after{
		position: absolute;
		right: 0;
		width: 1px;
		height: 20px;
		border-right: solid 1px #C6C6C6;
		content: "";
	}
	.ho_title{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 3rem;
		font-size: 1.6rem;
	}
	.ho_news_btn:hover{
		background-color: #fff;
	}
}