@charset "UTF-8";
#info, #office, #philosophy, #history, .contents { padding: 0 5vw;}#info { background-color: ; color: ;}#office { background-color: ; color: ;}#office a { color: ;}#history { background-color: ; color: ;}.com-title { font-size: 160%; color:#ffffff; border-radius: 5px;}#info-text { border: solid 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,.07);}#office-text { border: solid 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,.07);}#history-text { border: solid 1px rgba(0,0,0,.4); background-color: rgba(0,0,0,.07);}.info-area dl { border-bottom: solid 1px rgba(0,0,0,.3);}.office-area dl { border-bottom: solid 1px rgba(0,0,0,.3);}.history-area dl { border-bottom: solid 1px rgba(0,0,0,.3);}
#philosophy { transition: .6s ease-out; transform: translateY(40px); opacity: 0; overflow: hidden;}
#philosophy.delighter.started { transform: translateY(0); opacity: 1;}
#philosophy h3 { color: #01582D;}
li.office { font-size:120%; border-left:5px solid #01582d; padding-left:5px;}
.text-box { transition: .6s ease-out; transform: translateY(40px); opacity: 0; overflow: hidden;}
.text-box.delighter.started { transform: translateY(0); opacity: 1; overflow: hidden;}
.text-box p {margin-bottom: 1rem;}
#purpose dl {border: 1px solid #01582D;	padding: 1rem;}
#purpose dt {border-bottom: 1px solid #01582D;	padding-bottom: .25rem;	margin-bottom: .75rem;}
@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, .contents { 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; }
}