@charset "UTF-8";
#info, #office, #history { padding: 0 5vw 5vw;}
#philosophy-box { border-radius: 20px;}
#philosophy-box h2 { font-size: 300%; color: #ffffff;}#philosophy-box p { color: #ffffff;}
#info h2 { font-size: 300%; color: #205a99;}
p.ja-ttl { font-size: 160%; color: #45372C;}
#philosophy-box {background-color: #03AFDD; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#philosophy-box.delighter.started { transform: translateY(0); opacity: 1;}
.com-title { 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 {margin-top: 7vw;	background-color: #fafafa;}
.info-area dt {color: #ffffff;	background-color: rgba(32,90,153,.6);}.info-area dd {background-color: #f2f2f2;}
.office-area dl a { color: #205a99}
@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; }}@media (min-width: 768px){}