@charset "UTF-8";
#info,#greeting-info{animation: info 1.5s;}@keyframes info {0% { opacity: 0; transform: translateY(40px); }	100% { opacity: 1; transform: translateY(0); }}#greeting-info h2,#info h2{ font-size: 180%; border-left:none; border-bottom: solid 4px #ffbd1e; padding: .5vw .5vw 1.5vw .8vw; display: table; margin: 30px auto 30px auto;}.info-area{ background-color: rgb(255 255 255 / 75%); border-radius: 5px;}#greeting-info .text-area{ background-color: rgb(255 255 255 / 75%); border-radius: 5px;}#greeting-info,#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: #ffbd1e}
@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; }
}