/******************************
 page-solution
*******************************/
#page-solution #solution-main .bg {
  background: #e4eef0;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  #page-solution #solution-main .bg {
    padding-bottom: 30px;
  }
}
/*******************************
 solution-main
*******************************/
#solution-main h1 {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}
#solution-main .main-thumb {
  margin-bottom: 50px;
}
#solution-main .main-thumb img {
  width: 100%;
}
/*******************************
 mes
*******************************/
#solution-mes {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #cee0e3;
}
#solution-mes .main-catch span {
  display: block;
}
#solution-mes .main-catch {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 50px;
}
#solution-mes .title-catch {
  text-align: center;
  font-size: 20px;
  margin-bottom: 50px;
}
#solution-mes .bm {
  font-size: 32px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
#solution-mes .catch {
  text-align: center;
}
#solution-mes .bm-sm {
  font-weight: bold;
}
@media (max-width: 767px) {
  #solution-mes .main-catch {
    font-size: 20px;
  }
  #solution-mes .title-catch {
    text-align: left;
  }
  #solution-mes .catch {
    text-align: left;
  }
}
@media (max-width: 640px) {
  #solution-mes .title-catch {
    font-size: 18px;
  }
}
/*******************************
 solution-01
********************************/
#solution-01 {
  padding-top: 80px;
  padding-bottom: 80px;
}
#solution-01 .label {
  font-size: 82px;
  color: #e4eef0;
  font-weight: bold;
  margin-bottom: 30px;
}
#solution-01 .title {
  font-size: 32px;
  font-weight: bold;
  color: #2f8495;
  margin-bottom: 80px;
}
#solution-01 .main-catch span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
#solution-01 .main-catch {
  margin-bottom: 50px;
}
#solution-01 img {
  width: 100%;
}
#solution-01 .catch {
  margin-bottom: 30px;
  max-width: 600px;
}
#solution-01 .link a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #000;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 991px) {
  #solution-01 .link {
    margin-bottom: 50px;
  }
  #solution-01 .title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  #solution-01 .title span {
    display: block;
    margin-bottom: 5px;
  }
  #solution-01 .main-catch span {
    display: block;
    font-size: 18px;
    font-weight: bold;
  }
}
@media (max-width: 640px) {
  #solution-01 .label {
    font-size: 60px;
    margin-bottom: 15px;
  }
  #solution-01 .title {
    font-size: 22px;
  }
  #solution-01 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/*******************************
 solution-02
********************************/
#solution-02 {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #e4eef0;
}
#solution-02 .label {
  font-size: 82px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 30px;
}
#solution-02 .title {
  font-size: 32px;
  font-weight: bold;
  color: #2f8495;
  margin-bottom: 80px;
}
#solution-02 .main-catch span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
#solution-02 .main-catch {
  margin-bottom: 50px;
  max-width: 600px;
}
#solution-02 img {
  width: 100%;
}
#solution-02 .catch {
  margin-bottom: 30px;
  max-width: 600px;
}
#solution-02 .link a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #000;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 991px) {
  #solution-02 .title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  #solution-02 .link {
    margin-bottom: 50px;
  }
  #solution-02 .main-catch span {
    display: block;
    font-size: 18px;
    font-weight: bold;
  }
}
@media (max-width: 640px) {
  #solution-02 .label {
    font-size: 60px;
    margin-bottom: 15px;
  }
  #solution-02 .title {
    font-size: 22px;
  }
  #solution-02 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/*******************************
 solution-02
********************************/
#solution-03 {
  padding-top: 80px;
  padding-bottom: 80px;
}
#solution-03 .label {
  font-size: 82px;
  color: #e4eef0;
  font-weight: bold;
  margin-bottom: 30px;
}
#solution-03 .title {
  font-size: 32px;
  font-weight: bold;
  color: #2f8495;
  margin-bottom: 80px;
}
#solution-03 .main-catch span {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
#solution-03 .main-catch {
  margin-bottom: 50px;
}
#solution-03 img {
  width: 100%;
}
#solution-03 .catch {
  margin-bottom: 30px;
  max-width: 600px;
}
#solution-03 .link a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #000;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 991px) {
  #solution-03 .title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  #solution-03 .link {
    margin-bottom: 50px;
  }
  #solution-03 .main-catch span {
    display: block;
    font-size: 18px;
    font-weight: bold;
  }
}
@media (max-width: 640px) {
  #solution-03 .label {
    font-size: 60px;
    margin-bottom: 15px;
  }
  #solution-03 .title {
    font-size: 22px;
  }
  #solution-03 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
