@charset "utf-8";
/* CSS Document */
#header{
	display:none;
}

.menu{
	display:block;
}

#hero{
	position: relative;
	z-index: 99;
}

#hero h3{
	position: absolute;
	top: 15px;
	left: 15px;
	max-width: 250px;
	width: 45%;
}












/*
中身
------------------------------------------------------------------------------------*/
#contents{
	width:100%;
	/*overflow:hidden;*/
	margin-bottom:150px;
	display: flex;
	flex-wrap: wrap;
}

#news{
	width:50%;
	/* max-width:750px; 
	margin:0 auto 120px;
	border-top:1px solid #1b1b1b;
	padding-top:40px;*/
	font-size:14px;
	vertical-align:middle;
	padding:100px 0;
	background:#fafafa;
}

h4{
	font-size:40px;
	letter-spacing:2px;
	margin-bottom:40px;
}

h4 span{
	display:block;
	font-size:15px;
	font-weight:normal;
}

#news dl{
	width:80%;
	text-align:left;
	margin:auto;
    height: 280px;
    overflow-y: scroll;
}

#news dt{
	width:20%;
	margin-right:2%;
	display:inline-block;
}

#news dd{
	width:77%;
	display:inline-block;
	margin-bottom:5px;
}

#news dd a:hover{
	text-decoration:underline;
}



#about{
	background:#eee;
	vertical-align:middle;
	width:50%;
	/*float:left;*/
	padding:100px 0;
}

#about .inner{
	width:90%;
	max-width:850px;
	margin:25px auto 0;
	line-height:2.5;
}

.about_text{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}


@media only screen and (max-width: 1000px) { 
#news,
#about{

	width:100%;
}
}

@media only screen and (max-width: 645px) { 
#news dl{
	width:92%;
}
#news dt{
	width:100%;
	display:block;
	margin-bottom:3px;
}

#news dd{
	width:100%;
	display:block;
	margin-bottom:15px;
}
}









#business ul{
	max-width:1000px;
	margin:80px auto 150px;
}


#business li{
	width:12%;
	display:inline-block;
	margin:0 20px;
	vertical-align:top;
	font-size:13px;
}

#business li img{
	max-width:95px;
}


#business li span{
	display:block;
	margin-top:15px;
}

@media only screen and (max-width: 789px) { 
#business li{
	margin:0 15px;
}


#business li span{
	font-size:12px;
}


}


@media only screen and (max-width: 600px) { 
#business li{
	width:28%;
	margin:0 auto 70px;
}

#business li img{
	max-width:85px;
}

}








#license{
	background:#f6f6f6;
	padding:90px 0 60px;
}

#license ul{
	max-width:750px;
	margin:40px auto 50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

#license ul li{
	width:28%;
}

#license ul li p{
	margin-top:5px;
	font-size:14px;
}

#license ul li span{
	font-size:12px;
	display:block;
}



@media only screen and (max-width: 600px) { 
#license{
	padding:60px 0 20px;
}
#license ul li p{
	font-size:12px;
}

#license ul li span{
	font-size:10px;
}
}