@charset "UTF-8";
#info, #office, #history { padding: 5vw;
}
#info { background-color: rgba(75,124,188,.9); color: #ffffff;
}
#office { background-color: rgba(255,255,255,.9); color: #222222;
}
#office a { color: #446688;
}
#history { background-color: rgba(34,51,68,.9); color: #223344;
}
.com-title { font-size: 180%;
}
#info-text { border: solid 1px rgba(255,255,255,.4); background-color: rgba(255,255,255,.07);
}
#office-text { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);
}
#history-text { border: solid 1px rgba(34,51,68,.4); background-color: rgba(34,51,68,.07);
}
.info-area dl { border-bottom: solid 1px rgba(255,255,255,.3);
}
.office-area dl { border-bottom: solid 1px rgba(34,34,34,.3);
}
.history-area dl { border-bottom: solid 1px rgba(34,51,68,.3);
}
@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; }
}