@charset "utf-8";
/* CSS Document */

/*sm　*/
#title{
background: url("../img/bg_company.jpg") center center/cover no-repeat;
}

#company .no_contents,
#overview,
#philosophy,
#guidelines{
margin-bottom: 50px;
}

#company dd{
line-height: 1.5;
}

#company dd:not(:last-of-type){
margin-bottom: 20px;
}

#company h3{
margin-bottom: 20px;
border-bottom: 1px solid rgba(30,30,30,0.5);
font-size: 1.8rem;
text-align: center;
font-weight: bold;
}


/* md*/
@media screen and (min-width: 768px) {
#company h3{
margin-bottom: 30px;
}

#company .no_contents,
#overview,
#philosophy,
#guidelines{
margin-bottom: 100px;
}
}


/* lg*/
@media screen and (min-width: 1024px) {
#company .inner_lg{
width: 70%;
max-width: 768px;
}

#philosophy{
text-align: center;
}

#company dl{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 auto;
}

#company dt{
width: 100px;
}

#company dd{
width: calc(100% - 100px);
}

#company dd:not(:last-of-type){
margin-bottom: 30px;
}
}