@charset "utf-8";

/* ----------main---------- */
#main{
width: 100%;
height: 696px;
background:url("../images/index-images/main01.jpg") 50% 0 no-repeat;
background-size: cover;
}
/* ----------lead---------- */
#lead h2{
font-size: 3rem;
text-align: center;
margin-bottom: 20px;
}
#lead p{
text-align: center;
}
/* ----------business---------- */
#business ul{
overflow: hidden;
}
#business ul li{
float: left;
width: 31%;
position: relative;
margin-right: 3.5%;
}
#business ul li:nth-child(3n){
margin-right: 0;
}
#business ul li h3{
width: 100%;
box-sizing: border-box;
position: absolute;
color: #fff;
background-color: rgba(0,0,0,0.8);
font-size: 2.4rem;
text-align: center;
bottom: 0;
left: 0;
padding: 10px;
}
/* ----------news---------- */
#news ul li{
text-align: center;
margin-bottom: 30px;
}
#news ul li:last-child{
margin-bottom: 0;
}
#news h3{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.7;
margin-bottom: 15px;
}
#news h3 span{
padding-right: 15px;
}


/* ------------------------------PC------------------------------ */
@media screen and (min-width: 1200px) {
}
/* ------------------------------TABLET------------------------------ */
@media screen and (max-width:1199px) {
#main{
width: 100%;
height: auto;
padding-top: 58%;
background:url("../images/index-images/main01.jpg") 50% 0 no-repeat;
background-size: cover;
}

}
/* ------------------------------SP------------------------------ */
@media screen and (max-width: 699px) {
.page-head{
padding-top: 70px;
}
/* ----------lead---------- */
#lead h2{
font-size: 1.8rem;
}
#lead p{
text-align: left;
}
/* ----------business---------- */
#business ul li{
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
#business ul li:nth-child(3n){
margin-right: 0;
margin-bottom: 0;
}
#business ul li h3{
font-size: 1.6rem;
}
/* ----------news---------- */
#news ul li{
text-align: left;
}
#news h3{
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 15px;
}
#news h3 span{
display: block;
padding-right: 0;
margin-bottom: 5px;
}


}