@charset "UTF-8";
.logo-area {position: absolute;	top:0;	left: 2rem;}#center-logo {height:0;	width:0%;	text-align: center;}
.logo-area img { width: 8vw;}
#greeting h1 {font-size: 6vw;	text-align: center;	position: relative;	margin-bottom: 3vw;	color: #b0d7ff;}
#greeting h2 {font-size: 180%;	text-align: center;	border-bottom: 1px solid #333;	position: absolute;	top: 8vw;	left: 10%;	width: 80%;}
#info, #office, #history { padding: 5vw;}.com-title { font-size: 180%;}#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: #1668ce}
@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; }
#greeting h1 {font-size: 10vw;	text-align: center;	position: relative;	margin-bottom: 12vw;	color: #b0d7ff;}
#greeting h2 {font-size: 180%;	text-align: center;	border-bottom: 1px solid #333;	position: absolute;	top: 20vw;	left: 10%;	width: 80%;}}