@charset "UTF-8";
/*! このファイルを変更する場合は「.scss」から変更して下さい */
/*! 「.scss」ファイルがつかえない場合はcustom.cssを変更する */
body {
  background-image: url(../images/top/body-bg.jpg);
}

.slider {
  overflow: hidden;
}
.slider .flexslider {
  border: none;
}
.slider .slider__title {
  position: absolute;
  top: 5%;
  left: 20%;
  width: 60%;
}
.slider .slider__title img {
  width: 100%;
}
.slider .flex-direction-nav a {
  overflow: visible;
}
.slider .flex-direction-nav a.flex-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}
.slider .flex-direction-nav a.flex-next:before {
  content: "\f054";
  font-family: FontAwesome;
}
.slider .flex-direction-nav a:before {
  color: #fff;
}

#title-img {
  height: auto;
}
#title-img img {
  top: 0px;
}

#catch {
  text-align: center;
  margin: 0 0 50px 0;
}

#condominium {
  margin: 0px 0 50px 0px;
}
#condominium .cond-title {
  margin: 0 0 10px 55px;
}
#condominium .cond-list {
  margin: 0 0 0 60px;
}
#condominium .cond-list li {
  float: left;
  width: 200px;
  text-align: center;
  margin: 10px;
}
#condominium .cond-list li img {
  margin: 0 0 5px 0;
}

#blog {
  margin: 0 0 40px 0;
}
#blog .blog__title {
  font-size: 28px;
  line-height: 2em;
  border-bottom: 4px solid #FFD800;
  margin-bottom: 25px;
  color: #138ACE;
}
#blog .blog-list {
  margin-bottom: 40px;
}
#blog .blog-list a {
  width: 23%;
  margin: 0 2.6% 25px 0;
  float: left;
}
#blog .blog-list a .blog__pic {
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
  background-color: #eee;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: .5s;
}
#blog .blog-list a .date {
  margin-bottom: 7px;
  text-align: right;
}
#blog .blog-list a .title {
  font-size: 16px;
  line-height: 1.2em;
}
#blog .blog-list a:nth-child(4n) {
  margin-right: 0;
}
#blog .blog-list a:hover .blog__pic {
  background-size: auto 120%;
}

#banners {
  margin: 0 auto 50px auto;
  width: 900px;
}
#banners li {
  float: left;
  margin: 0 10px;
}
#banners img {
  margin: 0 0 10px 0;
}

#message {
  width: 940px;
  height: 622px;
  background-image: url(../images/top/message-bg.jpg);
  margin: 0 0 0 30px;
  color: #fff;
  padding-top: 30px;
  background-repeat: no-repeat;
}
#message .message-text {
  margin: 0 30px 0 30px;
}