@charset "UTF-8";
#intro {font-size: 90%;	background-color: rgba(238,220,179,.1);}
#intro h1 {font-size: 140%;	text-align: center;	border-bottom: 1px solid #222;}
#intro figure {margin-bottom: 0;}#intro figcaption {text-align: right;	background-color: #EEDCB3;	padding: .5rem;}
#info, #office, #history { padding: 5vw;}.com-title { font-size: 180%;}#info-text,#office-text ,#history-text { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);}
.info-area h2 {font-size: 140%;	text-align: center;	background-color: transparent;	border: none;}.info-area dl,.office-area dl,.history-area dl { border-bottom: solid 1px rgba(34,34,34,.3);}.office-area dl a { color: #00552e}
#access dt {color: #ffffff;	background-color: #00552e;	padding: .5rem 1rem;	border-radius: 10px 10px 0 0 ;	margin-bottom: 0;}
#access dd {border:1px solid #00552e;	padding: .5rem 1rem;}
@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; }
}