@charset "utf-8";
/* CSS Document */
.all-page-main-photo-01{ background-image: url('../images/company-top-main-01.png'); background-position: center;}
.company-area-01 h2{ color: #ff4f58; font-size: 30px; line-height: 40px; margin-bottom: 60px; text-align: center;}
.company-area-01 dd{ margin-bottom: 100px;}
.company-area-01 table{ border-collapse: collapse; margin: 0 auto; table-layout: fixed; width: 80%;}
.company-area-01 table th,.company-area-01 table td{ padding: 10px;}
.company-area-01 table th p,.company-area-01 table td p{ font-size: 14px;}
.company-area-01 table th{ text-align: left; width: 180px;}
.company-area-01 table tr:nth-child(odd){ background-color: rgba( 243, 149, 0, .05);}
.company-area-01 table th p{ color: #888888;}

@media screen and (max-width: 931px){
    .company-area-01 table{ width: 100%;}
}
@media screen and (max-width: 509px){
    .company-area-01 table th,.company-area-01 table td{ display: block; padding: 10px; width: calc(100% - 20px);}
    .company-area-01 table th{ padding: 10px 10px 0;}
    .company-area-01 table td{ padding: 6px 10px 10px;}
}
@media screen and (max-width: 471px){
    .all-page-main-photo-01 h2 br{ display: none;}
}
@media screen and (max-width: 387px){
    .all-page-main-photo-01 h2{ top: 20%;}
}