/* ================================================================ */
/* Extracted styles for section pages (from style.css)            */
/* ================================================================ */
p,body {
  margin: 0;
}
.mt20 {
  margin-top:20px!important
}

.mt50 {
  margin-top:50px!important
}

.mb20 {
  margin-bottom:20px!important
}

.mb30 {
  margin-bottom:30px!important
}

.pa20 {
  padding:20px!important
}

.description-area {
  background-color: #eaf5f2;
}

.casearea {
  border-left:#cce198 2px solid; color: #9a9a9a; margin-left: 40px; padding-left: 2rem;
}

.casearea p {
  font-size: 1rem; font-weight: bold;
}

h4.case,.contents-title {
  color: #329d80; font-size: 1.4rem; clear: both;
}

h4.case span {
  color: #fff; background-color: #329d80; margin-right: 1rem; padding:0.2rem 0.5rem; font-size: 1.2rem;
}

.solution-image {
  float: right; margin:20px 0 20px 20px;
}

.solution-image img {
  width: 410px;
}

.des03 {
  margin-top: 20%;
}

.des04 {
  margin-top: 70%;
}

.sub-des-area h4 {
  font-size: 1.4rem; color: #9a9a9a;
}

.content-area {
  width: 960px; margin: 0 auto; position: relative;
}

.col-box {
  display: flex; justify-content: space-between; margin-bottom: 30px; flex-wrap: wrap;
}

.col-box .col-1 {
  width: 100%; margin-bottom: 30px;
}

.col-box .col-2 {
  width: 47%; margin-bottom: 30px;
}

.col-box .col-3 {
  width: 30%; margin-bottom: 30px;
}

.col-1 *, .col-2 * , .col-3 * {
  max-width: 100%;
}

.contents-title-h3 {
  font-size: 1.6rem; vertical-align: middle; width: 100%;
}

img {
  margin: auto;
}

.mobile-nav a img {
  width: auto;
  margin: 0;
}

.contents-title-h3 img {
  width: auto;
  text-align: left;
  display: inline-block;
}

.contents-title-h3 span {
  display: inline-block; width: 100%; vertical-align: middle; line-height: 1.2;
}

@media screen and (max-width:1250px) {
  .content-area {
    width: 100%; margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .col-box .col-1 {
    width: 100%; margin-bottom: 30px;
  }
  .col-box .col-2 {
    width: 100%; margin-bottom: 30px;
  }
  .col-box .col-3 {
    width: 100%; margin-bottom: 30px;
  }
  .des01,.des02,.des03,.des04 {
    margin-top: 2rem;
  }
}

@media screen and (max-width:768px) {
  .solution-image {
    float: none; margin:20px auto;
  }
  .casearea {
    margin-left: 10px;
    padding-left: 10px;
  }
  .sub-des-area img {
    float: none;
  }
  img {
    width: 100%;
  }
}