@charset "utf-8";
/* CSS Document */
/*
product application
*/
#product-app h2,#product-app h4,#product-app p{ text-align:center;}
#product-app h2{ line-height:1.8em;}
#product-app .grid{ margin-top:6rem; grid-template-columns:repeat(4,auto); grid-row-gap:4rem;}
#product-app a{ text-decoration:none; color:var(--web-theme-color);}
#product-app a:hover{ color:#333;}
.product-app-case  h4{ padding-top:10px; color:#333; font-weight:bold;}
.app-case-txt{ padding-top:5px; text-align:center;}
/*working*/
#app-work{ padding-bottom:4rem;}
#app-work h2{ text-align:center; padding:3rem 0;background: linear-gradient(to left, #ffffff, #c7000d, #ffffff); margin-bottom:2rem; margin-top:2rem; color:#fff;}
@media screen and (max-width: 1023px) {
	#product-app .grid{ margin-top:6rem; grid-template-columns:repeat(2,auto); grid-column-gap:2rem;}
}

/*mould*/

#moju h3{
	padding:3rem 2rem;
	background: linear-gradient(to left, #ffffff, #c7000d, #ffffff);
	text-align:center;
	margin:2rem auto;
	color:#fff;
}