:root {
	--other-select-padding: 19px;
	--other-scroll-bottom: 72px;
	--other-scroll-item-width: 25%;
	--other-scroll-item-font-size: 25px;
	--other-scroll-item-aspect-ratio: 20/31;
}
@media only screen and (max-width: 1050px) {
	:root {
		--other-scroll-item-width: 33.33%;
		--other-scroll-item-font-size: 2.4vw;
		--other-scroll-bottom: 36px;
	}
}
@media only screen and (max-width: 640px) {
	:root {
		--other-select-padding: 0.75em;
		--other-scroll-bottom: 1em;
		--other-scroll-item-width: 50%;
		--other-scroll-item-font-size: 3.4vw;
		--other-scroll-item-aspect-ratio: 20/25;
	}
}

/**/
[data-qprimary="category"] #indexhgroup {
    margin-bottom: 75px;
}
	[data-qprimary="category"] #indexhgroup .labelcell.font-en {
		display: none;
	}
	[data-qprimary="category"] #indexhgroup .labelcell:nth-child(2) {
		font-size: 135px;
		color: #000;
		opacity: 1;
		font-weight: 700;
		margin-top: 0;
		line-height: 1.3;
	}
@media only screen and (min-width: 1443px) {
	[data-qprimary="category"] #indexhgroup .labelcell:nth-child(2) {
			font-size: 65px;
		}
}
@media only screen and (max-width: 1442px) {
	[data-qprimary="category"] #indexhgroup {
		margin-bottom: 5vw;
	}
		[data-qprimary="category"] #indexhgroup *::first-letter {
			text-transform: uppercase;
		}
		[data-qprimary="category"] #indexhgroup .labelcell:nth-child(2) {
			font-size: 5vw;
		}
}
@media only screen and (max-width: 640px) {
	[data-qprimary="category"] #indexhgroup {
		margin-bottom: 9vw;
	}
		[data-qprimary="category"] #indexhgroup .labelcell:nth-child(2) {
			font-size: 9vw;
		}
}

/**/
[data-qprimary="category"] #areaDistribute {
	margin-bottom: 2em;
}
#areaDistribute .articles {
	justify-content: center;
}

/*業種: cat947100739596696340de4ed6 & もの: cat936473567916696346912cc8*/
#areaDistribute .articles[data-category="cat947100739596696340de4ed6"],
#areaDistribute .articles[data-category="cat936473567916696346912cc8"] {
	margin: 0 calc(0em - var(--page-unit-3));
}
#areaDistribute .articles[data-category="cat936473567916696346912cc8"] {
	color: var(--cl-main-blue);
}
	#areaDistribute .articles[data-category="cat947100739596696340de4ed6"] li,
	#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li {
		position: relative;
		width: var(--other-scroll-item-width);
		padding: 0 var(--page-unit-3);
		margin-bottom: var(--other-scroll-bottom);
	}
		#areaDistribute .articles[data-category="cat947100739596696340de4ed6"] li .info-wrap,
		#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li .info-wrap {
			position: absolute;
			bottom: calc(var(--page-unit-3) * 1.25);
			padding: 0;
			font-weight: 700;
			font-size: var(--other-scroll-item-font-size);
		}
		#areaDistribute .articles[data-category="cat947100739596696340de4ed6"] li .info-wrap,
		#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li .info-wrap{
			color: #fff;
			left: calc(var(--page-unit-3) * 2.5);
			right: calc(var(--page-unit-3) * 2.5);
		}
		#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li .info-wrap {
			color: var(--cl-main-blue);
			text-align: center;
		}
			#areaDistribute .articles li[data-category="cat947100739596696340de4ed6"] .title > a,
			#areaDistribute .articles li[data-category="cat936473567916696346912cc8"] .title > a {
				font-weight: 700;
			}
			#areaDistribute .articles li[data-category="cat947100739596696340de4ed6"] .title > a::first-letter,
			#areaDistribute .articles li[data-category="cat936473567916696346912cc8"] .title > a::first-letter {
				text-transform: uppercase;
			}
		#areaDistribute .articles[data-category="cat947100739596696340de4ed6"] li a.im,
		#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li a.im {
			aspect-ratio: var(--other-scroll-item-aspect-ratio);
		}
			#areaDistribute .articles[data-category="cat947100739596696340de4ed6"] li a.im img,
			#areaDistribute .articles[data-category="cat936473567916696346912cc8"] li a.im img {
				object-fit: cover;
				border-radius : 1em;
			}
@media only screen and (min-width:640px) and (max-width: 1800px) {
	
}
@media only screen and (max-width: 1050px) {
	
}
@media only screen and (max-width: 640px) {
	
}