@charset 'UTF-8';

.page_wrap{
  width: 96%;
  margin: auto;
}
.page_wrap .sec-mg{
    margin-bottom: 85px;
}
.page_wrap .chara{
  padding-bottom: 30px;
}
.page_wrap .service-kv__btn{
  width: 200px;
  display: block;
  margin: auto;
}

/* --------------- text --------------- */
.page_wrap p{
  font-size: 1.6rem;
}

.page_wrap h2{
  font-size: 2.6rem;
  line-height: 3.5rem;
  font-weight: bold;
}

.page_wrap .txt-center{
  text-align: center;
  margin: 0 auto;
}
.page_wrap .txt-left{
  text-align: left;
}
.page_wrap .txt-orange{
  font-weight: bold;
  color: #eb6100;
}

.page_wrap .sec-tit-green {
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}
.page_wrap .sec-tit-green::before {
    border-bottom: 6px solid #058049;
    bottom: -20px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

/* --------------- img --------------- */
.page_wrap img{
  max-width: 100%;
  height: auto;
}

/* --------------- row --------------- */
.page_wrap .row{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0;
}

.page_wrap .sec-row-2 li{
  width: 48%;
  margin-right: 2%;
}
.page_wrap .sec-row-2 li:last-child{
  margin-right: 0;
}
.page_wrap .sec-row-2 li p{
  margin-top: 10px;
}

.page_wrap .sec-row-3 li{
  width: 32%;
  margin-right: 2%;
}
.page_wrap .sec-row-3 li:last-child{
  margin-right: 0;
}

.page_wrap .sec-row-icon .row{
  flex-wrap: wrap;
  justify-content: flex-start;
}
.page_wrap .sec-row-icon li{
  width: 15%;
  margin-bottom: 2%;
  margin-right: 2%;
}
.page_wrap .sec-row-icon li:nth-child(6n){
  margin-right: 0;
}

.page_wrap .sec-box p{
  line-height: 3rem;
}
@media screen and (max-width: 640px) {
  .page_wrap .sec-box p{
    text-align: left;
  }
}

/* --------------- box --------------- */
.page_wrap .green-box{
  border: 2px solid #058049;
}

.page_wrap .green-box__tit{
  background: #058049;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  padding: 10px 0;
}
.page_wrap .green-box__bac{
  width: 100%;
  font-size: 1.6rem;
  padding: 20px;
  background: #fff;
}

/* --------------- head --------------- */
.page_wrap .head h1 img{
  padding: 90px 0;
}
.page_wrap .head .head__img{
  text-align: center;
}

/* --------------- messege --------------- */
.page_wrap .messege .sec-box{
    margin-top: 60px;
}
.page_wrap .messege .sec-row-2{
  margin-top: 30px;
}
.page_wrap .messege .sec-row-2 .row{
  margin-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .page_wrap .messege .sec-row-2 .row{
    display: block;
  }
  .page_wrap .messege .sec-row-2 .row li{
    width: 100%;
    text-align: center;
  }
  .page_wrap .messege .sec-row-2 .row p{
    text-align: left;
  }
}

/* --------------- relationship --------------- */
.page_wrap .relationship .sec-row-2 .row{
  margin: 50px 0;
}

@media screen and (max-width: 640px) {
  .page_wrap .relationship .sec-row-2 .row{
    display: block;
  }
 .page_wrap .relationship .sec-row-2 .row li{
    width: 100%;
    margin-bottom: 30px;
  }
}

/* --------------- iconarea --------------- */
.page_wrap .iconarea .green-box__tit{
    margin-bottom: 2%;
}
@media screen and (max-width: 640px) {
 .page_wrap .sec-row-icon li{
    width: 32%;
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .page_wrap .sec-row-icon li:nth-child(3n){
    margin-right: 0;
  }
}

/* --------------- priority --------------- */
.page_wrap .priority .sec-row-3{
  margin: 50px 0;
}
.page_wrap .priority .green-box .row{
    justify-content: center;
}
.page_wrap .priority .green-box .row li{
  width: 46%;
  margin: auto;
}
.page_wrap .priority .green-box p{
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .page_wrap .priority .sec-row-3 .row{
    display: block;
  }
  .page_wrap .priority .sec-row-3 li{
    width: 100%;
    margin-bottom: 30px;
  }
  .page_wrap .green-box__bac .row{
    display: flex!important;
  }
}

.page_wrap a:hover{
  opacity: 0.6;
}