@charset "UTF-8";
#info, #office, #history { padding: 5vw;}.com-title { font-size: 180%;}
#philosophy {background-image: url("../img/bg-philosophy.jpg");	background-position: center center;	background-size: cover;	background-repeat: no-repeat;}
#bg-philosophy {background-color: rgba(255,255,255,.6);	padding: 3vw;	border-radius: 10px;}
#philosophy dt,
#greeting dt {font-size: 180%;	border-bottom: 1px solid #fff;}
#greeting {background-color:#E8E8E8;}
#info-text,#office-text ,#history-text { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);}.info-area dl,.office-area dl,.history-area dl { border-bottom: solid 1px rgba(34,34,34,.3);}.office-area dl a { color: #d60404}
@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; }
}