@charset "UTF-8";

/*--------------------------------------------------------------------
works.html
works.css
--------------------------------------------------------------------*/

article section:not(:first-of-type) { margin-top: 55px; }

/*------------works---------------------------------------------------------------*/
.works h4 {
	border-bottom: 0 none;
	text-align: center;
	font-size: 1.625em;
	color: var(--co-green);
}
.works h4::after { display: none; }
.works h4 span {
	display: block;
	font-size: 0.61em;
}
.works h5 {
	margin: 0.8em 0 30px;
	text-align: center;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.625em;
	font-weight: bold;
	color: var(--co-green);
}

/*------------trucking---------------------------------------------------------------*/
#trucking #truckList {
	display: flex;
	flex-wrap: wrap;
	gap: 45px 40px;
}
#trucking .truckItem01 { width: calc((100% - 40px) / 2); }
#trucking .truckItem02 { width: calc((100% - 40px * 2) / 3); }
#trucking #truckList p { margin-bottom: 1em; }
#trucking #truckList div > dl > dt {
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--co-orange);
}
#trucking #truckList dl dl dt {
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.125em;
	font-weight: bold;
	color: var(--co-green);
}

/*------------warehouse---------------------------------------------------------------*/
#warehouse ul {
	display: flex;
	flex-wrap: wrap;
	gap: 45px 40px;
	margin-top: 40px;
}
#warehouse ul li { width: calc((100% - 40px) / 2); }

/*------------transfer---------------------------------------------------------------*/
#transfer section:nth-of-type(2n) .flePR { flex-direction: row; }
#transfer dl dt {
	margin-bottom: 0.25em;
	font-family: var(--mincho);
	font-feature-settings: "palt" 1;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--co-orange);
}
#transfer ul.circle li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#transfer ul.circle li::before {
	padding-right: 0.3em;
	content: "〇";
}
#transfer ul.circle + ul li::before {
	padding-right: 0.3em;
	content: "◇";
}
#transfer #traPhoto ul {
	display: flex;
	flex-wrap: wrap;
	gap: 45px 40px;
	margin-top: 40px;
}
#transfer #traPhoto ul li { width: calc((100% - 40px * 2) / 3); }

@media (max-width: 860px) {
	/*------------trucking---------------------------------------------------------------*/
	#trucking .truckItem02 { width: calc((100% - 40px) / 2); }
	#transfer #traPhoto ul li { width: calc((100% - 40px) / 2); }
}
@media (max-width: 480px) {
	/*------------trucking---------------------------------------------------------------*/
	#trucking .truckItem01,
	#trucking .truckItem02 { width: 100%; }
	#warehouse ul li { width: 100%; }
	#transfer #traPhoto ul li { width: 100%; }

	/*------------transfer---------------------------------------------------------------*/
	#transfer section:nth-of-type(2n) .flePR { flex-direction: column; }
}