@charset "UTF-8";
.philosophy {margin: auto;	text-align: center;	display: block;}.philosophy ol {padding-left: 0;	display: inline-block;}.philosophy ol li {text-align: left;	font-size: 110%;	margin-bottom: .5rem;}
.philosophy h2 {font-size: 160%;	font-weight: 600;	border-bottom: 3px dotted #288CC4;}
.philosophy h2 .en {font-size: 70%;	font-weight: 600;	margin-left: .5rem;	opacity: .4;}
#info, #office, #history { padding: 2vw 5vw 5vw;}#info { background-color: ; color: ;}#office { background-color: ; color: ;}#office a { color: ;}#history { background-color: ; color: ;}.com-title { font-size: 180%;}#info h3 {font-size: 120%;	font-weight: 600;}#info h3:before {content: '■';	color: #288CC4;	margin-right: .25rem;}
#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);}
@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; }
}