@charset "UTF-8";
#info, #office, #history { padding: 0 5vw 5vw;
}
.com-title { font-size: 180%;
}
#info-text,
#office-text ,
#history-text { border: solid 1px rgba(51,51,51,.4); background-color: rgba(51,51,51,.07);
}
.info-area dl,
.office-area dl,
.history-area dl { border-bottom: solid 1px rgba(51,51,51,.3);
}
.office-area dl a { color: #fd7e00}
#company #info h2{ color:#fd7e00; border-bottom: solid 3px #ffe8d1; position: relative;
}
#company #info h2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #fd7e00; bottom: -3px; width: 20%;
}
@media (min-width: 768px){ #info-text, #office-text, #history-text { padding: 2.5vw; width: 45vw; min-width: 500px; } .com-header, #info-text, #office-text, #history-text { margin-bottom: 3vw; }
}
@media (min-width: 1300px){ #info, #office, #history { font-size: 1.1rem; }
}
@media (max-width: 767px){ #info-text, #office-text, #history-text { padding: 2.5vw; } .com-header, #info-text, #office-text, #history-text { margin-bottom: 4vw; }
}