@charset "UTF-8";

#about{
display: block;
padding-top: 50px;
}

#about .layout{
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 80px;
}

#about .layout img{
margin-bottom: 30px;
}

#about .layout .point{
text-align: left;
border: 1px solid #eee;
padding: 80px;
margin: 80px 10% 0;
}

#about .layout .point dl{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 45px;
}

#about .layout .point dl:last-child{
margin-bottom: 0;
}

#about .layout .point dl dt{
flex-basis: 20%;
}

#about .layout .point dl dd{
flex-basis: 75%;
}

#about .layout .point dl dd p{
font-size: 14px;
line-height: 1.8em;
}

#about .layout .point dl dd p.title{
font-size: 21px;
font-weight: bold;
color: #124098;
margin-bottom: 15px;
}

@media screen and (max-width: 810px) {
#about{
padding-top: 20px;
}
#about .layout{
text-align: left;
}

#about .layout .point{
text-align: left;
border:0;
padding: 30px 0px;
margin: 80px 0 0;
}

#about .layout .point dl{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 45px;
}

#about .layout .point dl:last-child{
margin-bottom: 0;
}

#about .layout .point dl dt{
flex-basis: 20%;
}

#about .layout .point dl dd{
flex-basis: 75%;
}

#about .layout .point dl dd p{
font-size: 12px;
line-height: 1.8em;
}

#about .layout .point dl dd p.title{
font-size:16px;
font-weight: bold;
color: #124098;
margin-bottom: 15px;
}
}