@charset "UTF-8";
#info, #office, #history { padding: 5vw;}.com-title { font-size: 180%;}#info-text,#office-text ,#history-text { border: solid 1px rgba(51,51,51,.4); background-color: rgba(51,51,51,.07);}.info-area dl,.office-area dl,.history-area dl { border-bottom: solid 2px rgba(249,151,62,.3);}
.info-area dl dd {line-height: 1.5;}
.info-img {background-image: url("../img/info01.jpg");	background-size: cover;	background-position: center center;	height: auto;	border-radius: 20px;	box-shadow: 0.5rem 0.5rem 10px rgba(0,0,0,.6), -0.5rem -0.5rem 8px rgba(0,0,0, 0.1);}
.office-area dl a { color: #ffb400}
#philosophy h1 {color: #fff; background-color: #FFB400; padding: 0.5rem; border-radius: 20px 20px 0 0;}
#philosophy-box {border: 1px solid #FFB400; border-radius: 20px 20px 0 0;}
/*
#philosophy-box li:before {content: '■';	margin-right: .25rem;}*/
@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 (max-width: 575px){.info-img {height: 30rem;}}