@charset "UTF-8";

/*========================
ファーストビュー
=========================*/
.pv-wrapper{
  position: relative;
  width: 100%;
  height: 400px;
  top: 0;
  background-image: url(../images/page-head.jpg);
  background-size: cover;
  background-position: top 0 left 0;;
  background-repeat: no-repeat;
  z-index: 50;
}

.pv-content{
  position: absolute;
  width: 400px;
  top:150px;
  margin-left: 3%;
}

@media screen and (max-width:767px){
  .pv-content{
    width: 100%;
    margin-left: 0;
  }
}

.page-title-w{
  font-family: 'Merriweather';
  font-size: 5rem;
  color: #fff;
  letter-spacing: 1.5rem;
  text-transform: uppercase;
  text-shadow: 4px 4px 3px #00000035;
  text-align: center;
}

.page-title-w-ja{
  font-size: 2rem;
  color: #fff;
  letter-spacing: 1.5rem;
  line-height: 3;
  text-shadow: 4px 4px 3px #00000035;
  text-align: center;
}

/*========================
text-wrapper
=========================*/
.list-wrapper{
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}

.text-item{
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1rem;
}

@media screen and (max-width:767px){
  .text-item{
    text-align: justify;
  }
}

/*========================
service-wrapper
=========================*/
.service-content{
  width: calc(100%/3);
  padding: 5% 0;
}

@media screen and (max-width:767px){
  .service-content{
    width: 100%;
    margin-bottom: 50px;
  }
}

.serviceCont1{
  background-image: url(../images/business_01.jpg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.serviceCont2{
  background-image: url(../images/business_02.jpg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.serviceCont3{
  background-image: url(../images/business_03.jpg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.content-box{
  width: 90%;
  background-color: #ffffff9e;
  border-radius: 0.5vw;
  box-shadow: 4px 4px #00000030;
  margin-right: auto;
  margin-left: auto;
  padding: 20px 0;
}

@media screen and (max-width:767px){
  .content-box{
     width: 85%;
   }
  }

.service-title{
  font-family: 'Noto_Sans_JP-bold';
  font-size: 2rem;
  text-align: center;
  line-height: 3;
  letter-spacing: 0.2rem;
  margin-bottom: 20px;
}

.service-title:nth-child(1){
  letter-spacing: 0.1rem;
}

.service-icon1{
  display: block;
  width: 50%;
  height: 15vw;
  background-image: url(../images/business-icon1.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}

.service-icon2{
  display: block;
  width: 50%;
  height: 15vw;
  background-image: url(../images/business-icon2.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}

.service-icon3{
  display: block;
  width: 50%;
  height: 15vw;
  background-image: url(../images/business-icon3.svg);
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: auto;
  margin-left: auto;
}

.service-text{
  width: 90%;
  height: 210px;
  line-height: 1.8;
  text-align: justify;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width:767px){
  .service-icon1{
    height: 30vw;
  }
  
  .service-icon2{
    height: 30vw;
  }
  
  .service-icon3{
    height: 30vw;
  }
  
  .service-text{
    padding-top: 20px;
    height: 130px;
  }

  .service-content:nth-of-type(2) .content-box .service-text,
  .service-content:nth-of-type(3) .content-box .service-text{
    height: 100px;
    line-height: 2;
    padding-top: 40px;
  }  
}