@charset "UTF-8";

#guide h3 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #0d4099;
  font-family: "Montserrat";
  margin-bottom: 40px;
}
#guide h3 span {
  font-size: 1.6rem;
  color: #484b56;
  letter-spacing: 1px;
}
/* ------------------------------------------------------------------
	aboutLapBlock
-------------------------------------------------------------------*/
#aboutLapBlock {
  padding: 60px 0 0;
}
#aboutLapBlock ul.aboutArea {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#aboutLapBlock ul.aboutArea li {
  width: 300px;
  margin-bottom: 30px;
}
#aboutLapBlock dl.aboutBox {
  text-align: center;
  border: 1px solid #e6e6e6;
  padding: 20px 15px;
}
#aboutLapBlock dt.aboutBoxTitle {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 10px 0;
  line-height: 1.8;
}
#aboutLapBlock dd.aboutBoxImg {
  display: inline-flex;
  width: 260px;
}
#aboutLapBlock dd.aboutBoxText {
  letter-spacing: 1px;
  line-height: 1.6;
  padding: 10px 0;
}
/* ------------------------------------------------------------------
	serviceBlock
-------------------------------------------------------------------*/
#serviceBlock {
  padding: 60px 0 0;
  overflow: hidden;
}
#serviceBlock .serviceText {
  width: 100%;
  letter-spacing: 1px;
  line-height: 1.8;
  text-align: center;
  margin: 0 auto;
}
#serviceBlock ul.serviceArea {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 40px auto;
}
#serviceBlock ul.serviceArea li {
  width: 50%;
}
#serviceBlock ul.serviceArea dl {
  padding: 20px 10px;
  border: 1px solid #e6e6e6;
  margin: 0 20px;
}
#serviceBlock dt.serviceImgTitle {
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 10px;
}
#serviceBlock dd.serviceImg {
  width: 100%;
  margin: 0 auto;
}
#serviceBlock dd.serviceImg img {
  width: 100%;
}
#serviceBlock h4.contact {
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 10px;
}
#serviceBlock .memberBtn {
  width: 50%;
  margin: 0 auto;
}
#serviceBlock .memberBtn a {
  display: block;
  padding: 12px;
  background: #ed6479;
  border: 1px solid #de4159;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
#serviceBlock .memberBtn a i {
  padding-left: 10px;
}
#serviceBlock .memberBtn a:hover {
  background: #0d4099;
  border: 1px solid #0d4099;
  color: #fff;
}
@media screen and (max-width: 600px) {
  #serviceBlock ul.serviceArea {
    flex-wrap: wrap;
    margin: 0 auto;
  }
  #serviceBlock ul.serviceArea li {
    width: 100%;
    margin: 20px auto;
  }
  #serviceBlock ul.serviceArea dl {
    margin: 0;
  }
  #serviceBlock h4.contact {
    margin-top: 20px;
    line-height: 1.4;
    font-size: 1.6rem;
  }
  #serviceBlock .memberBtn {
    width: 100%;
  }
}



/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  bootstrap Overwrite
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */