@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　digital-service
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.bg-container{
	background:var(--grey05);
  opacity: 1;
}
.scroll::before{
	background: var(--grey05);
	backdrop-filter: blur(20px);
  opacity: 0.9;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* digital-service
-----------------------------------------------------------------*/
.digital-service{
	padding: 40px 0 180px;
}
.digital-service h2{
  margin-bottom: 50px;
  font-size: 3.2rem; 
  font-weight: 400;
}
.digital-service h2 + .txt{
  margin-bottom: 100px;
}
.digital-service  .service-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
}
.digital-service  .service-list li{
  width: 27.5vw;  
}
.digital-service  .service-list li:nth-child(n+4){
  margin-top: 60px;  
}
.digital-service  .service-list a h3 span{
	transition: .3s;
}
.digital-service  .service-list a:hover h3 span{
	color: var(--orange01);
}
.digital-service  .service-list h3{
  margin: 15px 0 10px;
  font-size: 1.9rem;
  font-weight: 400;
}
.digital-service  .service-list .txt{
  font-size: 1.3rem;  
}
.digital-service  .service-list a[target="_blank"] h3 span{
  padding-right: 20px;
  background: url(../img/common/ico_blank.svg) no-repeat right center;
  background-size: 13px auto;  
}











/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  #Gnav{
		background: var(--grey05);
	}
  .page-ttl h1{
    font-size: 5.2rem;  
  }
  .page-ttl h1 > span span {
    white-space: nowrap;
  }

/* digital-service
-----------------------------------------------------------------*/
  .digital-service{
    padding: 40px 0 80px;
  }
  .digital-service h2{
    margin-bottom: 15px;
    font-size: 2.3rem; 
  }
  .digital-service h2 + .txt{
    margin-bottom: 70px;
    font-size: 1.3rem;
    text-align: justify;
  }
  .digital-service  .service-list{
    display: block;
  }
  .digital-service  .service-list li{
    width: 100%;  
  }
  .digital-service  .service-list li:nth-child(n+2){
    margin-top: 50px;  
  }
	.digital-service  .service-list a:hover h3 span{
		color: var(--black01);
	}
  .digital-service  .service-list h3{
    margin: 15px 0 8px;
    font-size: 1.6rem;
  }
  .digital-service  .service-list .txt{
    font-size: 1.1rem;
    text-align: justify;  
  }
	.digital-service  .service-list a[target="_blank"] h3 span{
		padding-right: 18px;
		background-size: 11px auto;  
	}

}