
h2{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.col{
  display: flex;
  margin-bottom: 80px;
  flex-wrap: wrap;
}
.col .box{
  width: 32%;
  margin-right: 2%;
  margin-bottom: 80px;
}
.col .box:nth-child(3n){
  margin-right: 0;
}

.col .ttl{
  font-size: 2.6rem;
  border-bottom: 3px solid #eee;
  margin-bottom:10px;
  padding-bottom: 10px;
}
.col .img{
  margin-bottom: 20px;
}

.col .subttl{
  font-size: 2.0rem;
  margin-bottom: 20px;
}
.col .result{
  font-size: 1.8rem;
  color: #071c3e;
  font-weight: bold;
  margin-top: 20px;
}
.col .category{
  background: #eee;
  padding: 3px 7px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: right;
  margin-bottom: 20px;
}
.about dl{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.about dl dt{
  width: 25%;
  padding: 10px;
  border: 1px solid #071c3e;
  margin-bottom: 20px;
  text-align: center;
}
.about dl dd{
  width: 67%;
  margin-left: 3%;
  padding: 10px;
  margin-bottom: 20px;  
}


.copy{
  text-align: center;
}
.copy span{
  display: inline-block;
  margin-bottom: 80px;
  font-size: 1.8rem;
  font-weight: bold;
  background:linear-gradient(transparent 60%, #043eb924 60%);
}

.effort{
  display: flex;
  align-items: center;

}
.effort .img{
  width: 10%;
  margin-right: 5%;
}
.effort .text{
  width: 85%;
  font-size: 2.2rem;
  font-weight: bold;
}

.green{
  background: rgba(0,103,213,.2);
  padding: 30px;
}



  @media screen and (max-width: 800px){
    .col .ttl{
      font-size: 1.8rem;
    }
    .col .subttl{
      font-size: 1.6rem;
    }
    .col .result{
      font-size: 1.6rem;
    }
    .col .box{
      width: 100%;
    }

    .col .box:nth-child(3n){
      margin-right: 0;
    }
    .col{
      margin-bottom: 0;
    }
    .about dl{
      margin-bottom: 40px;
    }
    .about dl dt{
      width: 100%;
    }
    .about dl dd{
      width: 100%;
      margin-left: 0;
    }
    .effort{
      flex-wrap: wrap;
    }
    .effort .img{
      width: 100%;
    }
    .effort .img img{
      display: block;
      margin: 20px auto;

    }
    .effort .text{
      width: 100%;
      font-size: 1.8rem;
    }
    .copy span{
      font-size: 1.6rem;
    }

  }