<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* Type */

#type .container{max-width: 1000px;padding-top: 200px;margin:0 auto 150px}

#type .row01{background-color: #000;  text-align: center;color: white; display: flex; flex-wrap: wrap}
#type .row01 .typeName{padding:10px 25px 15px;font-size: 40px;line-height: 1.1;}
#type .row01 .typeName span{display: block;font-size: 14px;}
#type .row01 .spec{text-align: left; display: flex; align-items:center;flex-wrap: wrap}
#type .row01 .spec .madori{font-size: 18px; letter-spacing: 0.15em;margin-right: 20px;}
#type .row01 .spec .madori span,#type .row01 .spec .menseki span{font-size: 35px;}
#type .row01 .spec .menseki{font-size: 16px;letter-spacing: 0.1em}
#type .row02{background-color: #cec4b7; padding: 10px 20px; display: flex; color: #000; flex-wrap: wrap;line-height: 1.6;}
#type .row02 p{font-size: 14px; margin-right: 15px;}
#type .row03{margin-bottom: 40px;text-align: center;padding-top: 60px;}
#type .row03 .caption{text-align: left;}
#type .row04 a{display: block;width: 350px; margin: auto; text-align: center; background-color: #000; color: white; padding: 20px;}

.hanrei{ display: flex; align-content: center;line-height: 12px;}
.hanrei span.yukadan{height: 10px; width: 20px; display: inline-block; margin-right: 5px; background-color: #e5d8c6;}
.hanrei span.storage{height: 10px; width: 20px; display: inline-block; margin-right: 5px; background-color: #d7ddce;}

@media screen and (max-width: 768px) {
	#type .container{padding-top: 100px;}
	#type .row01{padding-bottom: 10px;}
	#type .row01 .typeName{font-size:8vw;width: 100%;padding:10px 0;border-bottom: 1px solid #666;}
	#type .row01 .spec{text-align: center;width: 100%;}
	#type .row01 .spec .madori,#type .row01 .spec .menseki{width: 100%;margin: 0;line-height: 1.5;}
	#type .row03{padding: 15px;}
	
}
</pre></body></html>