@charset "UTF-8";
#info, #office, #history { padding: 0 5vw 5vw;}.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 h2{position: relative; color: #28a745; background: #daffe3; border-left: solid 2em #28a745; font-size: 180%!important;}#info h2:before { position: absolute; content: "\002713"; padding: 0em; color: #fff; left: -1.5em; top: 50%; transform: translateY(-50%);}#info h3 { }
#info h3:first-letter { color:#28a745; font-size: 1.4em;}#company_img li div{ height: 40vw; background-size: cover; background-position: center center;}#company_img li:nth-child(1),#company_img li:nth-child(3){ margin-top: 3vw;}.info-area dl,.office-area dl,.history-area dl { border-bottom: solid 1px rgba(10,10,10,.3);}.office-area dl a { color: #ed9a00}
@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; } #company_img li div{ height: 60vh; background-size: cover; } #company_img li:nth-child(1), #company_img li:nth-child(3){ margin-top: 0vw; } .com-header, #info-text, #office-text, #history-text { margin-bottom: 4vw; }
}