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

#main_img { background: url("../../company/img/tit.jpg") no-repeat center center; background-size: cover;}
#lead_col { min-height:0; margin:30px auto 0; text-align: center;}
#lead_col .lead { float:none; font-size:30px; padding:30px 0;}
#lead_col .lead .wbr {display: block;}

section { margin:0 auto; width:1000px;}
section h2 { clear:both;margin-bottom:30px; text-align: center;}
section dl { display: flex; flex-wrap: wrap; margin-bottom:80px;}
section dt { padding:5px 0; text-align: center; width:18%; border-bottom:1px solid rgba(70,35,13,.2);}
section dd { border-bottom:1px solid rgba(70,35,13,.2); padding:5px 0; width:82%;}
section dd span.wbr { margin-right:10px;}
section img:first-of-type { float:left; margin:0 30px 30px 0; width:300px;}
section p img:last-of-type{ float:right; width:350px;}

@media screen and (max-width: 600px) {
                #lead_col { min-height:0; margin:15px auto 40px; width:90%;}
                #lead_col .lead {font-size:20px; padding:15px 5%;}
                #lead_col .lead .wbr { display: inline;}
                section {width:90%;}
                section h2{ margin:50px 0 30px; }
                section h2 span.en { display:block; margin:0 auto;}
                section img:first-of-type { float:none;display: block; margin:0 auto 30px auto; width:250px;}
                section p img:last-of-type{ float:right; margin-top:15px;width:250px;}
                section dl { display: block; margin-bottom:30px;}
                section dt { background:rgba(70,35,13,.05); padding:5px 5px; text-align: left; width:100%; border-bottom:none;box-sizing: border-box;}
                section dd { border:0; padding:5px; margin-bottom:10px; width:100%; box-sizing: border-box;}
                section dd span.wbr {display: block; margin-right:0;}

}