@charset "utf-8";

/* CSS Document */

/*	====================================
		faq index.css
	====================================
*/
#contents section{
	margin: 2em 0 3em 1em;
}
#contents section.productsType a{
	width: calc(100% - 1em);
	box-sizing: border-box;
	height: auto;
	background: none;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
	margin: 1em 0 2em 0;
	padding: 10px;
	display: flex;
	align-items: center;
	font-size: 1rem;
	color: #333;
}
#contents section.productsType a:hover{
	opacity:0.5;
	text-decoration: none;
}

#contents section.productsType a:focus-visble{
	outline:thin dotted;
}

#contents section.productsType a img.productIcon{
	max-height: 70px;
	width: auto;
}

@media (max-width: 640px){
	#contents section{
		margin-left: 12px;
	}
	
	#contents .pct img{
		max-width: 100%
	}
}



@media (max-width: 364px){
	#contents section.productsType a img.productIcon {
		max-height: 56px;
	}
	#contents section.productsType a {
		padding-left: 0;
	}
}