@charset "utf-8";

/* ----------------------------------------
 about
------------------------------------------- */
#about02 .box01 {
  width: 47.5%;
}
#about02 .box02 {
  width: 47.5%;
}
#about03 .box01 {
  width: 30%;
}
#about03 .box02 {
  width: 65%;
}
#about03 h3 {
  color: #14c590;
  font-size: 2.2rem;
  margin-bottom: 20px;
}
#about03 ul li{
  margin-bottom: 20px;
}
#about03 dl dt{
  width: 30%;
  box-sizing: border-box;
  color: #14c590;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  background-color: #cde9d7;
  padding: 3px 15px;
}
#about03 dl dd {
  width: 65%;
  box-sizing: border-box;
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 5px 10px;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
#about03 dl dt{
  font-size: 1.8vw;
  padding: 3px 1.25vw;
}
#about03 dl dd {
  font-size: 1.8vw;
  padding: 5px 1.25vw;
}
}
/* =======================
  SP
======================== */
@media screen and (max-width: 599px) {
/* ----------------------------------------
 about
------------------------------------------- */
#about02 .box01 {
  width: 100%;
  margin-bottom: 15px;
}
#about02 .box02 {
  width: 100%;
}

#about03 .box01 {
  width: 70%;
  margin: 0 auto 15px auto;
}
#about03 .box02 {
  width: 100%;
}
#about03 h3 {
  font-size: 1.6rem;
  margin-bottom: 20px;
}
#about03 ul li{
  margin-bottom: 20px;
}
#about03 dl dt{
  font-size: 3vw;
  padding: 3px 1.25vw;
}
#about03 dl dd {
  font-size: 3vw;
  padding: 5px 1.25vw;
}

}