
@charset "UTF-8";
#header .sns-link img,
#footer-nav .sns-link img{ width: 30px;}
#company {background-image: url("../img/bg-company.jpg");	background-position: center center;	background-size: contain;	background-repeat: repeat;}
#greeting { position: relative; margin: 5rem auto; padding: 80px 0;}#greeting:before { content: ""; display: block; width: 70%; height: 100%; background: linear-gradient(-135deg, #B8EED1, #80E2B1); position: absolute; z-index: 1; right: 0; top: 0; border-radius: 30px 0 0 30px;}#greeting #inner {position: relative; z-index: 2;}#greeting #inner img {border-radius: 10px;}#greeting h2 {border-bottom: 1px solid #222;}
#about h2 { font-size: 200%; font-weight: 700; letter-spacing: .1em; color: #FCF4E9; text-shadow: 2px 2px 0px #FFB600, -2px 2px 0px #FFB600, 2px -2px 0px #FFB600, -2px -2px 0px #FFB600, 2px 0px 0px #FFB600, 0px 2px 0px #FFB600, -2px 0px 0px #FFB600, 0px -2px 0px #FFB600; line-height: 1.4;}#area { position: relative; margin: 80px auto; padding: 80px 0;}#area:before { content: ""; display: block; width: 70%; height: 100%; background: linear-gradient(135deg, #B8EED1, #80E2B1); position: absolute; z-index: 1; left: 0; top: 0; border-radius: 0 30px 30px 0;}#area #inner {position: relative; z-index: 2;}#area #inner img {border-radius: 10px;}
#area h2 {border-bottom: 1px solid #222;}
.intro {background-color: rgba(255,255,255,.7);	padding: 3rem 1.5rem;	border-radius: 20px;}
#staff figure { width: 240px;	filter: drop-shadow(3px 3px 3px rgba(160, 160, 160, 0.8));}
#staff figure img { width: 100%; height: 240px; margin: 0 0 20px;	border-radius: 50%;}
#staff figcaption {font-size: 100%;	color: #fff;	background-color: #FFB600;	text-align: center; border-radius: 10px;	line-height: 1.2;	padding: .5rem;}
#staff dt {color: #FFB600;	border-bottom: 2px dotted #FFB600;	margin-bottom: .5rem;}#staff dd {font-size: 90%;}
#info, #office, #history { padding: 5vw;}#info { background-color: #ffffff; color: #222222;}#office { background-color: #ffffff; color: #222222;}#office a { color: #446688;}#history { background-color: #ddeeff; color: #223344;}.com-title { font-size: 160%;}#info-text { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);}#office-text { border: solid 1px rgba(34,34,34,.4); background-color: rgba(34,34,34,.07);}#history-text { border: solid 1px rgba(34,51,68,.4); background-color: rgba(34,51,68,.07);}.info-area dl { border-bottom: solid 1px rgba(34,34,34,.3);}.office-area dl { border-bottom: solid 1px rgba(34,34,34,.3);}.history-area dl { border-bottom: solid 1px rgba(34,51,68,.3);}
@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; }
}