/*--------------------------------------------------------------
# Function
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
.home .site-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.home .site-content .content-area {
  float: none;
  width: 100%;
}
.home .site-content .content-area .home-main {
  background: #eaeaea;
}
.home .site-content .content-area .home-main .home-main-content {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
  padding: 30px 0 0 0;
  display: flex;
  justify-content: center;
}
.home .site-content .content-area .home-main .home-main-content:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.home .site-content .content-area .home-main .home-main-content .content-box {
  width: 27%;
  margin: 1%;
  float: left;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home .site-content .content-area .home-main .home-main-content .content-box {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
}
.home .site-content .content-area .home-main .other-product {
  text-align: center;
  margin: 1em auto 0 auto;
  padding-bottom: 30px;
}
.home .site-content .content-area .home-main .other-product a {
  display: inline-block;
  background: rgb(221.25, 221.25, 221.25);
  border-radius: 5px;
  text-decoration: none;
  padding: 0.3em 1em;
}
.home .site-content .content-area .home-main .other-product a:hover {
  background: rgb(208.5, 208.5, 208.5);
  transition: 0.2s;
}
.home .site-content .content-area .home-link {
  background: #ebf7fb;
}
.home .site-content .content-area .home-link .home-link-title {
  margin: 0 auto;
  text-align: center;
  padding: 1em 0;
}
.home .site-content .content-area .home-link .home-link-box {
  width: 980px;
  max-width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}
.home .site-content .content-area .home-link .home-link-box:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.home .site-content .content-area .home-link .home-link-box .home-link-box-item {
  margin: 1%;
  float: left;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home .site-content .content-area .home-link .home-link-box .home-link-box-item {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
}
.home .site-content .content-area .home-link .home-link-box .home-link-box-item a {
  text-decoration: none;
}
.home .site-content .content-area .home-link .home-link-box .home-link-box-item .home-link-box-item-title {
  background: #fff;
  border-radius: 1em;
  margin: 0 auto;
  padding: 0.2em 0;
  font-size: 1em;
}
.home .site-content .content-area .home-link .home-link-box .home-link-box-item .home-link-box-item-title:hover {
  background: rgba(255, 255, 255, 0.6);
}

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