@charset "utf-8";

/* -------------------------------------------------------------------
innerの設定
------------------------------------------------------------------- */




.product-inner{
	width:min(90%,1336px);
	margin: 0 auto;
	padding:0em 0 0em;
}
.product-main{
	display:grid;
	grid-template-columns:1fr;
	background:#ccc;
}
@media screen and (min-width:768px){
.product-main{
	grid-template-columns:1fr 1fr;
	}
}

/*-自動車分野--*/
.product-main .type_red{
	background:#e60012;
	padding:2em 0 5em 2em;
}
@media screen and (min-width:768px){
.product-main .type_red{
	padding:2em 0 10em 4em;
	}
}

/*-農業分野--*/
.product-main .type_brown{
	background:#c9a063;
	padding:2em 0 5em 2em;
}
@media screen and (min-width:768px){
.product-main .type_brown{
	padding:2em 0 10em 4em;
	}
}

/*-医療分野--*/
.product-main .type_blue{
	background:#4a67a7;
	padding:2em 0 5em 2em;
}
@media screen and (min-width:768px){
.product-main .type_blue{
	padding:2em 0 10em 4em;
	}
}
/*-航空分野--*/
.product-main .type_green{
	background:#13ae67;
	padding:2em 0 5em 2em;
}
@media screen and (min-width:768px){
.product-main .type_green{
	padding:2em 0 10em 4em;
	}
}
/*-くらし--*/
.product-main .type_sky{
	background:#2ea7e0;
	padding:2em 0 5em 2em;
}
@media screen and (min-width:768px){
.product-main .type_sky{
	padding:2em 0 10em 4em;
	}
}

.product-main .product-title{
	font-size:clamp(16px, 5vw, 40px);
	color:#fff;
	letter-spacing:13px;
	font-family:var(--hiragino);
}

.product-inner .product-text{
	text-align:left;
	font-size:clamp(14px, 2.6vw, 16px);
	letter-spacing:2px;
	line-height:2;
	color:#595857;
	padding:2em 0 ;
	margin:0 0 60px;
}
@media screen and (min-width:768px){
.product-inner .product-text{
	text-align:center;
	}
}

/*-自動車分野--*/
.product-inner .border-red{
	border-bottom:4px solid #e60012;
}
/*-農業分野--*/
.product-inner .border-brown{
	border-bottom:4px solid #c9a063;
}
/*-医療分野--*/
.product-inner .border-blue{
	border-bottom:4px solid #4a67a7;
}
/*-航空分野--*/
.product-inner .border-green{
	border-bottom:4px solid #13ae67;
}
/*-くらし--*/
.product-inner .border-sky{
	border-bottom:4px solid #2ea7e0;
}

.product-inner .product-photo ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap: 10px;
}
@media screen and (min-width:768px){
.product-inner .product-photo ul{
	gap:20px;
	}
}
.space__margin{
	margin:70px auto 0;
	}

.last__margin{
	margin:70px auto 70px;
}
@media screen and (min-width:768px){
.space__margin{
	margin:140px auto 0;
	}
.last__margin{
	margin:140px auto 140px;
	}
}