@charset "UTF-8";
#info,#access_map,#work,#chart,#office, #history { padding: 5vw;}#info,#work,#office,#history{ background-color: #f7faff;}.com-title { font-size: 180%;}#info header,#access_map header,#work header,#chart header,#history header{ display: flex; font-size: 100%; align-items: center; padding:15px; border-radius: 10px; background-color:#00aac0; color: #fff;}#info header::before,#access_map header::before,#work header::before,#chart header::before,#history header::before{ display: inline-block; width: 5px; height: 2em; margin-right: .5em; background-color: #fff; content: '';}#info header h2,#access_map header h2,#work header h2,#chart header h2,#history header h2{ font-size:180%;}#info-text,#office-text ,#history-text { border: solid 1px rgba(10,10,10,.4); background-color: rgba(10,10,10,.07);}.info-area dl,.office-area dl,.history-area dl { border-bottom: solid 1px rgba(10,10,10,.3);}.office-area dl a { color: #018eda}
.state ul li div{ height: 18vw; background-position: center; background-size: cover; background-color: #fff; border: solid 7px #fff; box-shadow: 2px 2px 10px #acacac; border-radius:50%;}
@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; } .state ul li div{ height:250px; }}@media (max-width: 991px){.state ul li div{ height:24vw; }}@media (max-width: 767px){ #info-text, #office-text, #history-text { padding: 2.5vw; } .com-header, #info-text, #office-text, #history-text { margin-bottom: 4vw; } .state ul li div{ height:75vw; }
}