@charset "UTF-8";
.is-sponly {
  display: none;
}

.is-pconly {
  display: block;
}

@media screen and (max-width: 768px) {
  .is-sponly {
    display: block;
  }
  .is-pconly {
    display: none;
  }
}

/*head*/
.p-line-head{
  position: relative;
}
.p-line-ttl__main{
  /*width:841px;*/
  width: clamp(16px,43.802vw,841px);
  border-radius: 91px;
  /*border-radius: clamp(16px,4.7395vw,91px);*/
  background: rgba(115, 207, 83, 0.70);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  margin:0;
  padding: 2.15em 0;
  max-height: 182px;
}
.p-line-ttl__text{
  color: #FFF;
  text-align: center;
  /*font-size: 50px;*/
  font-size: clamp(16px,2.604vw,50px);
  font-weight: 700;
  letter-spacing: 5px;
}

/*common*/
.c-sec-ttl{
  color: #299F00;
  text-align: center;
  /*font-size: 40px;*/
  font-size: clamp(16px,2.0833vw,40px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4px;
  border: none;
  padding: 0;
  margin: 0;
  /*margin-bottom: 35px;*/
  margin-bottom: clamp(16px,1.8229vw,35px);
}
.c-sec__description .c-sec__text{
  color: #000;
  text-align: center;
  /* font-size: 22px; */
  font-size: clamp(16px,1.1458vw,22px);
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  letter-spacing: 2.2px;
  margin: 0;
  padding: 0;
}
/**/
.c-sec-intro{
  /*padding-top: 110px;
  padding-bottom: 60px;*/
  padding-top: clamp(16px,5.7291vw,110px);
  padding-bottom: clamp(16px,3.125vw,60px);
}

/**/
ul{
  padding: 0;
  margin: 0;
}
li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-sec__inner{
  /* width:1325px; */
  margin:0 auto;
  width: clamp(16px,69.01vw,1325px);
}
.p-line-contents{
  background: url(../../assets/images/line/img-line-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  /* padding-bottom: 80px; */
  padding-bottom: clamp(16px,4.1666vw,80px);
}
/**/
.p-scene4card{
  /* width: 1196.8px; */
  width: clamp(16px,62.333vw,1196.8px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
}
.p-scene4card__item{
  /* width: 578.12px; */
  /* padding-bottom: 40px; */
  width: clamp(16px,30.11vw,578.12px);
  padding-bottom: clamp(16px,2.0833vw,40px);
}

/**/
.p-sec-scene{
  /*padding-top: 80px;*/
  /*padding-bottom: 20px;*/
  padding-top: clamp(16px,4.1666vw,80px);
  padding-bottom: clamp(16px,1.0416vw,20px);
  background: #FFF;
}

.p-sec-scene .c-sec-ttl{
  color: #FFF;
  background: #28B921;
  /* width: 1200px; */
  /* border-radius: 46.5px; */
  border-radius: clamp(16px,2.421875vw,46.5px);
  margin: 0 auto;
  /* margin-bottom: 40px; */
  padding: 0.4em 0;
  width: clamp(16px,62.5vw,1200px);
  margin-bottom: clamp(16px,2.0833vw,40px);
  
}

.p-sec-merit{
  /* padding: 55px 0; */
  padding: clamp(16px,2.8645vw,55px) 0;
}

.p-sec-merit .c-sec-ttl{
  color: #28B921;
  background: #FFF;
  /*width: 750px;*/
  border-radius: 46.5px;
  margin: 0 auto;
  /*margin-bottom: 40px;*/
  padding: 0.4em 0;
  border: 3px solid #28B921;
  /* width: 750px; */
  width: clamp(16px,39.0625vw,750px);
  margin-bottom: clamp(16px,2.0833vw,40px);
}

.p-merit3card{
  /* width: 1265px; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*padding-top: 20px;*/
  width: clamp(16px,65.885vw,1265px);
  padding-top: clamp(16px,1.04166vw,20px);
  margin: 0 auto;
}
.p-merit3card__item{
  text-align: center;
}
.p-merit3card__item img{
  max-width: 324px;
  /*width: 324px;*/
  width: clamp(16px,16.875vw,324px);
}
.p-merit3card__text{
  color: #2F2F2F;
  text-align: center;
  /* font-size: 28px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.8px;
  /* padding-top: 52px; */
  font-size: clamp(16px,1.4583vw,28px);
  padding-top: clamp(16px,2.7083vw,52px);
}

/**/
.c-contact-line{
  margin: 0 auto;
  /* width: 1440px; */
  border-radius: 26px;
  border: 4px solid #28B921;
  background: #FFF;
  /* padding: 23px 90px 23px 45px; */
  width: clamp(16px,75vw,1440px);
  padding: clamp(16px,1.1979vw,23px) clamp(16px,4.6875vw,90px) clamp(16px,1.1979vw,23px) clamp(16px,2.34375vw,45px);
  border-radius: clamp(16px,1.3541vw,26px);
}
.c-contact-line__head{
  color: #299F00;
  text-align: center;
  /* font-size: 40px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4px;
  border-bottom: 3px solid #299F00;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
  font-size: clamp(16px,2.0833vw,40px);
}
.c-contact-line__head p{
  margin: 0;
}

.c-contact-line__inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-contact-line__title{
  /* width: 481px; */
  width: clamp(16px,25.052vw,481px);
}
.c-contact-line__qr{
  /* width: 228px; */
  width: clamp(16px,11.875vw,228px);
}
.c-contact-line__btn{
  display:flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  /* width: 403px; */
  width: clamp(16px,20.989vw,403px);
}

.c-contact-line__btn a{
  display: block;
}

.c-contact-line__btn a:hover{
  cursor: pointer;
  opacity: .7;
}

.c-contact-line__text{
  /* padding-top: 30px; */
  color: #28B921;
  text-align: center;
  /* font-size: 24px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.4px;
  padding-top: clamp(16px,1.5625vw,30px);
  font-size: clamp(16px,1.25vw,24px);
}

.p-line-contents+.c-contact-line{
  /* margin-top: 50px; */
  /* margin-bottom: 90px; */
  margin-top: clamp(16px,2.6041vw,50px);
  margin-bottom: clamp(16px,4.6875vw,90px);
}
.site-body{
  display: none;
}
.site-footer{
  border-top: none;
}

/*p-sec-step*/
.p-sec-step{
  /* width: 1440px; */
  /* padding: 70px; */
  background: #FFF;
  margin: 0 auto;
  /* border-radius: 70px; */
  /* margin-top: 120px; */
  border-radius: clamp(16px,3.6458vw,70px);
  width: clamp(16px,75vw,1440px);
  padding: clamp(16px,3.6458vw,70px);
  margin-top: clamp(16px,6.25vw,120px);
}

.p-sec-step .c-sec__inner{
  /* border-radius: 70px; */
  border-radius: clamp(16px,3.6458vw,70px);
  border: 3px solid #299F00;
  /* padding: 45px; */
  padding: clamp(16px,2.34375vw,45px);
}

.p-sec-step .c-sec-ttl{
  background:#299F00;
  /* width: 1200px; */
  margin: 0 auto;
  /* border-radius: 46.5px; */
  border-radius: clamp(16px,2.421875vw,46.5px);
  padding: 0.4376em 0;
  /* margin-bottom: 23px; */
  width: clamp(16px,62.5vw,1200px);
  margin-bottom: clamp(16px,1.1979vw,23px);
}

.p-sec-step .c-sec-ttl span{
  color: #FFF;
  text-align: center;
  /* font-size: 40px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 4px;
  font-size: clamp(16px,2.0833vw,40px);
}

.p-step3card__head{
  display: flex;
  align-items: center;
  /* margin-bottom: 40px; */
  margin-bottom: clamp(16px,2.0833vw,40px);
}
.p-step3card__head h3{
  border: none;
  color: #299F00;
  /* font-size: 30px; */
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 3px;
  padding-left: 1em;
  margin: 0;
  font-size: clamp(16px,1.5625vw,30px);
}
.p-step3card__head h3:after {
  display: none;
}

.p-step3card__head span{
  display: flex;
  background: #299F00;
  /* width: 79px; */
  /* height: 79px; */
  align-items: center;
  justify-content: center;
  color: #FFF;
  /* font-size: 36px; */
  font-weight: 600;
  border-radius: 100%;
  font-size: clamp(16px,1.875vw,36px);
  width: clamp(16px,4.1145vw,79px);
  height: clamp(16px,4.1145vw,79px);
}

.p-step3card__item{
  display: flex;
  flex-flow: column;
  justify-content: unset;
  align-items: center;
  border-bottom: 5px dashed rgba(41, 159, 0, 0.30);
  /* padding: 55px 0; */
  padding: clamp(16px,2.8645vw,55px) 0;
}
.p-step3card__item:last-of-type{
  border-bottom: 0;
}
.p-step3card__item img{
  /* width: 803px; */
  width: clamp(16px,41.822vw,803px);
}

#vkexunit_banner-10{
  display: none;
}

@media screen and (max-width: 768px) {
  .c-sec__inner {
    width: 87.5%;
    margin: 0 auto;
  }
  .p-line-ttl__main{
    width: initial;
    white-space: nowrap;
    padding: 0.5em 1em;
    border-radius: 50px;
  }
  .c-sec-ttl{
    line-height: 1.5;
  }
  .c-sec-intro{
    padding-top: clamp(16px,10.416vw,80px);
    padding-bottom: clamp(16px,7.8125vw,60px);
  }

  .c-sec__description .c-sec__text{
    font-size: clamp(10px,3.7333vw,16px);
  }

  .p-sec-scene{
    padding-top: clamp(16px,8vw,30px);
    padding-bottom: clamp(16px,5.333vw,20px);
  }
  .p-sec-scene .c-sec-ttl{
    width: 100%;
    border-radius: 50px;
  }
  .p-line-ttl__text{
    font-size: clamp(16px,4.8vw,18px);
  }
  .p-scene4card{
    width: 100%;
  }
  .p-scene4card__item{
    width: 100%;
    padding-bottom: 1.5em;
  }
  .p-sec-merit{
    padding: clamp(16px,13.333vw,55px) 0;
  }

  .p-sec-merit .c-sec-ttl{
    width: 100%;
  }
  .p-merit3card{
    width: 100%;
  }
  .p-merit3card__item{
    width: 100%;
  }
  .p-merit3card__item img{
    width: 50%;
  }

  .p-sec-step .c-sec-ttl{
   width: 100%;
   border-radius:50px;
  }
  .p-sec-step{
    width: 100%;
    padding: 0;
    margin-top: clamp(16px,21.333vw,80px);
  }
  .p-step3card__head{
    flex-flow: column;
    width: 100%;
    flex-wrap: wrap;
  }
  .p-step3card__head h3{
    padding: 0;
  }
 
  .p-step3card__item{
    padding: 1em 1em 2em;
  }
  .p-step3card__item img{
    width: 100%;
  }
  .p-step3card__head span{
    width: clamp(16px,13.333vw,50px);
    height: clamp(16px,13.333vw,50px);
    margin-bottom: 1em;
  }
  .c-contact-line{
    padding: 2em 1em;
  }
  .c-contact-line__inner{
    flex-flow: column;
  }
  .c-contact-line__title {
    width: 95%;
    margin-bottom:1em;
  }
  .c-contact-line__btn{
    width: 75%;
  }
  .c-contact-line__text{
    display: none;
  }
  .c-contact-line__head p {
    margin: 0;
    padding-bottom: 1em;
    font-size: clamp(10px,4.8vw,18px);
  }
  .c-contact-line__qr{
    display: none;
  }
  .c-contact-line{
    width: 90%;
  }
}