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

/**
 *
 * PC: 1500px
 * SP: 640px
 *
 */

/* ==========================================================================
   トップページ
   ========================================================================== */

/* --------------------------------------------
   PC
   -------------------------------------------- */
#top {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#top #content {
	margin: 0 auto;
	padding: 0;
	background-image: none;
}
#top #content .clearfix {
	margin: 0 auto;
	width: 1100px;
}

#top h2 {
	font-size: 260%;
	font-weight: bold;
	color: #31302e;
	text-align: center;
}
#top h3 {
	font-size: 170%;
	font-weight: bold;
	color: #31302e;
}

#top h2, h3, p {
	text-align: center;
}

#top #visual {
	width: 100%;
	height: 459px;
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/top/visual_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#top #visual h2,
#top #visual p {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#top #product {
	width: 1100px;
	margin: -61px auto 0;
}
#top #product .box {
	position: relative;
	float: left;
	width: 264px;
	min-height: 700px;
	margin: 0 11px 0 0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 3px 3px 8px #808080;
}
#top #product .box.last {
	margin: 0;
}
#top #product .box.product01 {
	background-color: #ff9e96;
}
#top #product .box.product02 {
	background-color: #80cde9;
}
#top #product .box.product03 {
	background-color: #f3b53e;
}
#top #product .box.product04 {
	background-color: #00baba;
}
#top #product .box h2 {
	margin: 15px auto 0;
}
#top #product .box h3 {
	margin: 13px auto 0;
	font-size: 18px;
}
#top #product .box.product01 h3 {
	color: #cf000e;
}
#top #product .box.product02 h3 {
	color: #005982;
}
#top #product .box.product03 h3 {
	color: #e83820;
}
#top #product .box.product04 h3 {
	color: #003d3d;
}
#top #product .box ul {
	margin: 0 auto;
	width: 240px;
}
#top #product .box ul.line {
	padding-bottom: 13px;
	background-image: url(../img/top/product-line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#top #product .box ul li {
	margin-left: 1em;
	list-style: disc outside;
	color: #fff;
}
#top #product .box p {
	position:absolute;
	left: 18px;
	bottom:14px
}

#top #latest {
	width: 1005px;
	margin: 40px auto 0;
}
#top #latest h3 {
	margin: 0 0 7px;
	border-bottom: 1px solid #000080;
	text-align: left;
}
#top #latest h3 img{
	margin: 0 0 0 6px;
}
#top #latest dl {
	width: 100%;
}
#top #latest dt {
	width: 6.7em;
	float: left;
	padding: 11px 0 4px 3px;
	line-height: 120%;
}
#top #latest dd {
	margin: 0;
	padding: 11px 3px 4px 6.6em;
	line-height: 120%;
}

a.sp_link{
pointer-events: none;
}

/* --------------------------------------------
   SP
   -------------------------------------------- */
@media only screen and (max-width:640px){

	#top #visual {
		width: 100%;
		padding-top: 50.78%;
		height: 0;
		background-image: url(../img/top/visual_sp.jpg);
		background-size: contain;
	}

	#top #product {
		width: 100%;
		margin: 0 auto;
	}
	#top #product .clearfix {
		width: 100%;
		margin: 0 auto;
	}
	#top #product .box {
		position: static;
		width: 50%;
		min-height: 244px;
		margin: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		box-shadow: none;
	}
	#top #product .box h3 {
		margin: 0 auto;
		font-size: 110%;
		font-weight: normal;
	}
	#top #product .box h3 br { 
		display: none;
	}
	#top #product .box.product01 h3,
	#top #product .box.product02 h3,
	#top #product .box.product03 h3,
	#top #product .box.product04 h3 {
		color: #fff;
	}
	#top #product .box h2.sp {
		margin: 38px auto 0;
	}

	#top #latest {
		width: 100%;
		margin: 23px 0 0;
	}
	#top #latest h3 {
		margin: 0 15px 7px;
	}
	#top #latest dl {
		width: 96%;
		margin: 0 auto;
	}
	#top #latest dt {
		padding: 4px 0 4px 10px;
		line-height: 100%;
	}
	#top #latest dd {
		width: 78%;
		padding: 4px 3px 4px 6.6em;
		line-height: 100%;
	}
	
a.sp_link{
pointer-events: auto;
}

}</pre></body></html>