@charset "UTF-8";
#info, #info2, #office, #history { padding: 5vw;}#info,#info2 { background-color: #ffffff; color: #0a0a0a;}#office { background-color: #ffffff; color: #222222;}#office a { color: #446688;}#history { background-color: #ddeeff; color: #223344;}.com-title { font-size: 160%;}/*h2.com-title { display: -webkit-inline-box; color: #fff; background-color: rgb(122, 134, 195);
}*/
h2.com-title { position: relative; color: #333; display: inline-block; margin: 47px 0; text-shadow: 0 0 2px white;}h2.com-title{ z-index:1;}h2.com-title span:before { content: ""; position: absolute; background:rgba(122, 134, 195, 0.25); width: 100px; height: 100px; border-radius: 50%; top: 50%; border: dashed 1px white; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index:-1; box-shadow: 0px 0px 0px 5px rgba(122, 134, 195, 0.25);}
#info-text { border: solid 1px rgba(10,10,10,.4); background-color: rgba(10,10,10,.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(10,10,10,.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; }
}