@charset "UTF-8";
.contents-nav { *zoom: 1; }
.contents-nav:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

.hero { padding: 10px 0; background-color: #f8f5f0; }

.hero__contens { width: 940px; margin: 0 auto; }
.hero__contens ul li { display: none; }
.hero__contens ul li img { border-radius: 10px; }
.hero__contens ul li:first-child { display: block; }

.bx-viewport { overflow: visible !important; }
.bx-viewport #slider li { display: block; }

.building-image { float: right; }

.philosophy__title { color: #449ed0; font-size: 170%; font-weight: bold; }

.philosophy__summary { margin: 4px 0 0; font-size: 116%; }

.philosophy__contents { margin: 16px 0 0; font-size: 116%; }
.philosophy__contents dd ul li { padding: 0 0 0 1.22em; text-indent: -1.22em; }
.philosophy__contents dd ul li + li { margin: .2em 0 0; }

.information { margin: 40px 0 0; }

.contents-nav { margin: 40px -30px 0 0; }
.contents-nav li { float: left; width: 300px; margin: 0 30px 0 0; }
.contents-nav li a { display: block; padding: 8px; border: 2px solid #449ed0; text-decoration: none; color: #161616; }
.contents-nav li a:hover { border-color: #3bd299; }
.contents-nav li a:hover img { opacity: .8; }

.contents-nav__image { padding: 0 0 8px; }

.contents-nav__title { position: relative; padding: 0 0 0 20px; }
.contents-nav__title i { position: absolute; left: 0; }

.consultation-hours { margin: 40px 0 0; float: left; width: 620px; }

.consultation-hours__detail { margin: 8px 0 0; padding: 0 0 0 2em; font-size: 116%; }

.consultation-hours__info { margin: 4px 0 0; }
.consultation-hours__info dt, .consultation-hours__info dd { display: inline-block; }
.consultation-hours__info dt { font-weight: bold; }
.consultation-hours__info dt:after { content: '：'; }

.consultation-hours__class { padding: 0 0 0 1em; }
.consultation-hours__class li i { font-size: 60%; }
.consultation-hours__class li dl { display: inline-block; }
.consultation-hours__class li dl dt, .consultation-hours__class li dl dd { display: inline-block; vertical-align: top; }
.consultation-hours__class li dl dt { width: 9em; }
.consultation-hours__class li dl dd:before { content: '：'; }

.related-links { margin: 80px 0 0; float: right; width: 300px; }

.related-links__banner { padding: 0 0 0 1.5em; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { .hero__contens { width: 95%; min-width: 320px; }
  .building-image { float: none; text-align: center; }
  .philosophy__title { margin: .5em 0 0; text-align: center; }
  .contents-nav { margin: 40px 0 0; }
  .contents-nav li { float: none; width: auto; margin: 16px 0 0; }
  .contents-nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .contents-nav__image { padding: 0; width: 40%; }
  .contents-nav__title { width: 60%; padding: 0 22px 0 8px; }
  .contents-nav__title i { left: auto; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .consultation-hours { float: none; width: auto; }
  .consultation-hours__detail { padding: 0; font-size: 14px; }
  .consultation-hours__info { margin: 16px 0 0; }
  .consultation-hours__info dt { display: block; border-bottom: 1px dashed #aaa; }
  .consultation-hours__info dt:after { content: none; }
  .consultation-hours__info dd { display: block; margin: 4px 0 0; }
  .consultation-hours__class li dl { font-size: 13px; }
  .consultation-hours__class li dl dt { width: auto; }
  .related-links { float: none; width: auto; }
  .related-links__banner { margin: 16px 0 0; text-align: center; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 959px) { .hero__contens { width: 95%; min-width: 320px; }
  .building-image { max-width: 40%; }
  .contents-nav { margin: 40px 0 0; }
  .contents-nav li { width: 33.33%; margin: 0; padding: 0 8px; }
  .contents-nav__title { min-height: 2.8em; }
  .consultation-hours { float: none; width: auto; }
  .related-links { float: none; width: auto; }
  .related-links__banner { margin: 16px 0 0; text-align: center; } }
/* pc
-------------------------------------------------- */

/*# sourceMappingURL=top.css.map */