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



/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
#dot-bg,
#dot-bg,
#dot-bg,
#bg-section1,
#bg-section2,
#product-visual,
#loading {
	display: none;
}
	#product-hf {
		padding-top:100px !important;
		position: absolute;
	}
	#index-section .contents{
		display: block;
	}
	#index-section h1{
		text-align: center;
		padding:50px 0 20px;
	}
	.product-section {
	}

	.product-section dl {
		width:100%;
		border-bottom:solid 1px #999;
		padding-bottom:20px;
		padding-top:20px;
	}

	.product-section dt {
		padding:0 0 10px;
		width: 100%;
		text-align: center;
	}

	.product-section dd {
		padding:15px 0 0;
		text-align: justify;
		font-size:11px;
		color: #FFF;
		width: 100%;
	}
	.product-section dl h3 {
		text-align: center;
	}

}


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		overflow-y: hidden;
		overflow-x: scroll;
				}
	
	#gnavi li a, #gnavi li span {
		width: 100%;
	}
	#product-hf {
		width:5200px;
	}
	.product-section dl {
		height: 180px;
		width:640px;
		float: left;
			margin-right: 640px;
			margin-bottom:40px;
	}
	.product-section .content-l  dl {
		margin-left: 640px !important;
			margin-right: 0px !important;
			margin-bottom:0px;
	}
	.product-section .content-l  dl h3 {
		text-align: right;
	}
	.product-section dt {
		float: left;
		padding:0 20px;
	}
	.product-section dd {
		float: left;
		height: 100%;
		float: left;
		position: relative;
		width:200px;
		font-size:11px;
		color: #FFF;
		width: 400px;
	}
	#bg-section1 {
		background:url(../images/home_f/bg.jpg) 0 0;
		width: 100%;
		height: 100%;
		position: fixed;
		display: none;
	}
	#bg-section2 {
		width: 500%;
		height: 100%;
		position: fixed;
	}
	#bg-section2-0 {
		background:#000;
		width: 20.1%;
		height: 100%;
		position: absolute;
		left:0;
		top:0;
	}
	#bg-section2-1 {
		background:#000;
		width: 20.1%;
		height: 100%;
		position: absolute;
		left:20%;
		top:0;
	}
	#bg-section2-2 {
		position: absolute;
		width: 20.1%;
		height: 100%;
		left:40%;
		top:0;
		background:#000;
	}
	#bg-section2-3 {
		background:url(../images/home_f/mask_left.png) no-repeat center left;		
		width: 20.1%;
		height: 100%;
		position: absolute;
		left:60%;
		top:0;
	}
	#bg-section2-4 {
		background:#000;
		width: 20.1%;
		height: 100%;
		position: absolute;
		right:0;
		top:0;
	}
	#product-visual {
		width: 100%;
		height: 100%;
		position: fixed;

	}
	#product-visual .content{
		width: 730px;
		height: 450px;
		position: relative;
	}
	#vp1 {
	top:0;		
	left:0;		
	}
	#vp2 {
	top:0;		
	left:190px;		
	}
	#vp3 {
	top:70px;		
	left:310px;		
	}
	#vp4 {
	top:50px;		
	left:420px;		
	}
	#vp5 {
	top:10px;		
	right:40px;		
	}
	#vp6 {
	top:165px;		
	right:90px;		
	}
	#vp7 {
	top:180px;		
	left:0;		
	}
	#vp8 {
	top:130px;		
	right:0;		
	}
	#vp9 {
	bottom:0px;		
	left:0;		
	}
	#vp10 {
	top:270px;		
	left:100px;		
	}
	#vp11 {
	top:320px;		
	left:250px;		
	}
	#vp12 {
	left:340px;		
	bottom:0;		
	}
	#vp13 {
	top:270px;		
	right:110px;		
	}
	#vp14 {
	bottom:0;		
	right:0;		
	}

	.visual-parts {

		position: absolute;
		opacity:0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity:0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */		
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

	}
	a:hover .visual-parts {
		/*
-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.8;		
	*/
	}
	h1 {
		text-align: center;
	}
	#index-section {
		position: fixed;
/*		top:100%; */
top:0;
	}
	.masks {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	#mask1 {
		background:url(../images/home_f/mask1.png) no-repeat center;				
	}
	#mask2 {
		background:url(../images/home_f/mask2.png) no-repeat center;				
	}
	#mask3 {
		background:url(../images/home_f/mask3.png) no-repeat center;				
	}
	#mask4 {
		background:url(../images/home_f/mask4.png) no-repeat center;				
	}
	#mask5 {
		background:url(../images/home_f/mask5.png) no-repeat center;				
	}
	#mask6 {
		background:url(../images/home_f/mask6.png) no-repeat center;				
	}
	#mask7 {
		background:url(../images/home_f/mask7.png) no-repeat center;				
	}
	#mask8 {
		background:url(../images/home_f/mask8.png) no-repeat center;				
	}
	#mask9 {
		background:url(../images/home_f/mask9.png) no-repeat center;				
	}
	#mask10 {
		background:url(../images/home_f/mask10.png) no-repeat center;				
	}
	#index-section h1 {
		display: none;

-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;

		opacity:0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity:0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */	

	}
	#ptn1 {
		position: fixed;
		z-index:55555;
		left:-340px;
		bottom:0;
	}
	#dot-bg {
		background:url(../images/home_f/dotbg.png);
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 44444;
	}
	#dot-bg2 {
		background:url(../images/home_f/dotbg2.png);
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 44454;
	}
	#dot-bg3 {
		background:url(../images/home_f/dotbg3.png);
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 44464;
	}
	#goScroll {
		bottom:50px;
	}
}





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