@charset "UTF-8";

/* common */

.header_container{
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
}
@media (max-width: 767px){
	.ho_billboard{
		height: 187.7vw;
		padding: 5%;
		background-image: url(../sy_images/home/top_billboard_back_sp.jpg);
	}
	.ho_heading{
		max-width: 340px;
		margin-bottom: 80px;
	}
	.heading_img2{
		margin-top: 20px;
	}
}
@media (min-width: 768px){
	.ho_billboard{
		height: 59.7vw;
		padding: 0;
		background-image: url(../sy_images/home/top_billboard_back_pc.jpg);
	}
	.heading_img1{
		width: 420px;
	}
	.heading_img2{
		width: 420px;
		margin-top: 17px;
	}
}

/* ===========================================
	   Top Page
   =========================================== */

.ho_news_list dt{
	line-height: 2.33;
	background-color: #4d4d4d;
	color: #fff;
	text-align: center;
}
.ho_news_list a{
	display: block;
	width: 100%;
	color: #000;
	text-decoration: none;
}
@media (max-width: 767px){
	.ho_news{
		padding: 40px 5%;
	}
	.ho_news_list{
		margin-top: 20px;
	}
	.ho_news_list dt{
		width: 90px;
		margin-top: 17px;
		margin-bottom: 7px;
		font-size: 1.1rem;
	}
	.ho_news_btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px){
	.ho_news{
		width: 700px;
		margin-left: auto;
		margin-right: auto;
		padding: 47px 0 80px;
	}
	.ho_news_head{
		width: 330px;
	}
	.ho_news_list {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 10px auto 0;
	}
	.ho_news_list dt{
		flex-shrink: 0;
		width: 95px;
		margin-top: 30px;
		font-size: 1.2rem;
	}
	.ho_news_list dd{
		width: 605px;
		margin-top: 30px;
		padding-left: 10px;
	}
	.ho_news_list a{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ho_news_list a:hover{
		text-decoration: underline;
	}
	.ho_news_btn{
		margin-top: 50px;
	}
}

.ho_company{
	position: relative;
	overflow: hidden;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ho_company::before{
	position: absolute;
	top: -7.4vw;
	left: -10%;
	width: 130%;
	height: 10vw;
	content: "";
	background-color: #fff;
	transform: rotate(3deg);
	z-index: 1;
}
@media (max-width: 767px){
	.ho_company{
		background-image: url(../sy_images/home/top_sec2_back_sp.jpg);
		background-size: 100% auto;
		background-position: center 0;
	}
	.ho_company_head{
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 375px;
		height: 60.66vw;
		padding: 0 5% ;
		margin: 0 auto;
	}
	.ho_company_btn{
		margin-top: 20px;
	}
}
@media (min-width: 768px){
	.ho_company{
		display: flex;
		justify-content: center;
		flex-direction: column;
		min-width: 1000px;
		height: 36.79vw;
		padding: 0 calc(50% - 500px);
		background-image: url(../sy_images/home/top_sec2_back_pc.jpg);
	}
	.ho_company_btn{
		margin-top: 100px;
		margin-left: 0;
	}
}

.ho_sdgs{
	max-width: 1252px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 50px;
}
@media (max-width: 767px){
	.ho_sdgs{
		padding: 0 5% 50px;
	}
}
@media (min-width: 768px){
	.ho_sdgs{
		margin-bottom: 100px;
	}
}