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

#company-profile{ background-image: url(/module/img/company/profile/mv_profile.jpg);}
.contents-top-photo-area > div > div{ background-position: center 0; width: 222px;}
.table-profile,.table-profile p{ font-size: 13px;}
.table-profile thead tr{ background-image: url(/module/img/common/bg_green.jpg); background-position: center top;}
.table-profile thead tr th,.table-profile thead tr th p{ text-align: right;}
.table-profile thead tr th{ padding: 24px 20px;}
.table-profile thead tr th p{ color: #ffffff;}
.table-profile thead tr,.table-profile tbody tr{ border-bottom: 1px solid #ffffff;}
.table-profile tbody tr:nth-child(odd){ background-color: #f8fef4;}
.table-profile tbody tr:nth-child(even){ background-color: #ffffff;}
.table-profile tbody tr th,.table-profile tbody tr td{ padding: 24px 20px;}
.table-profile tbody tr th{ background-color: #c0eda7; color: #289404; text-align: left; vertical-align: top; width: 190px;}
.table-profile tbody tr th p{ font-size: 15px;}
.table-profile tbody tr:last-child td span{ color: #289404; cursor: pointer; display: inline-block; text-decoration: underline;}
.table-profile tbody tr:last-child td span:hover{ opacity: .4;}
.profile-popup{ display: none; font-size: 0;}
.profile-popup li{ margin: 0 10px 10px;}
.profile-popup li p{ font-size: 12px;}
.profile-popup.activation{ display: block;}
@media screen and (max-width: 956px){
#company-profile{ background-position: center top; background-size: 115%; height: auto; margin-top: 0; padding-top: 40%;}
#company-profile > div{ left: 30px; top: 25%;}
}
@media screen and (max-width: 912px){
#social-activities-photo-area-03 li img,#social-activities-photo-area-04 li img{ display: inline-block; height: auto; width: 100%;}
}
@media screen and (max-width: 906px){
#social-activities-03 br{ display: none;}
}
@media screen and (max-width: 724px){
.table-profile thead tr th{ padding: 10px;}
.table-profile tbody tr th,.table-profile tbody tr td{ display: block; padding: 10px; width: calc(100% - 20px);}
.table-profile tbody tr td{ padding: 10px 10px 30px;}
}
@media screen and (max-width: 723px){
#social-activities-photo-area-02 li:first-child img{ display: inline-block; height: auto; width: 100%;}
}
@media screen and (max-width: 659px){
#company-profile > div{ left: 20px; top: 10%;}
}
@media screen and (max-width: 476px){
#company-profile{ background-position: right -40px top; background-size: cover; height: 190px; padding-top: 0;}
#company-profile > div > div{ background-size: contain; height: 20px; width: 140px;}
#company-profile > div p{ font-size: 18px; margin: 8px auto 20px;}
#company-profile > div h2{ font-size: 30px;}
}
@media screen and (max-width: 457px){
#social-activities-photo-area-02 li:last-child img{ display: inline-block; height: auto; width: 100%;}
}
@media screen and (max-width: 437px){
#social-activities-photo-area-01 li img{ display: inline-block; height: auto; width: 100%;}
}