<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#box3 p ,
#box5 p {
	text-align: justify;
}
#box3 p.lang_en ,
#box5 p.lang_en {
	text-align: justify;
}
/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box1 {
		background: #4c4c56;
		padding:10px 0;
		text-align: center;
	}
	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#box1 span br{
		display: none;
	}
	#box1 span img{
		max-width: 90%;
	}
	.box .inbox{
		padding:10px;
	}
	.box {
		border-bottom:solid 1px #c3c5c5;		
	}
	#box2 {
		background:#231815;
	}
	#box2 ul{
		padding-top: 15px;
		padding-right:10px;
	}
	#box2 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box2 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box2 ul li a:hover,
	#box2 ul li a.current{
		color: #f9d200;
	}
	#box4 ,
	#box6 {
		line-height: 0;
		overflow: hidden;
	}
	#box4 img,
	#box6 img{
		line-height: 0;
		width: 100%;
	}

}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/authenticity/bg.gif) repeat-y center top;
	}
	.box {
		position: absolute;
		overflow: hidden; 
	}
	.inbox {
		padding:15px 0 0 15px;
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		height: 900px;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#box1 {
		width: 75%;
		left:25%;
		top:0px;
		background:#4c4c56 url(../images/line2.gif) repeat-x right bottom; 
		height: 180px;
		display: table;
	}
	#box1 span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#box2 {
		width: 25%;
		left:0;
		top:0px;
		height: 180px;
		background:#231815 url(../images/lineset.gif) no-repeat right bottom;
		text-align: center;
	}
	#box2 ul{
		padding-top: 15px;
		padding-right:10px;
	}
	#box2 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box2 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box2 ul li a:hover,
	#box2 ul li a.current{
		color: #f9d200;
	}


	#box3 {
		width: 50%;
		left:50%;
		top:180px;
		height:360px;
		background: url(../images/line2.gif) repeat-x right bottom;  
	}
	#box3 h2,
	#box5 h2 {
		color:#141c51;		
		font-size:14px;
		margin-bottom:5px;
	}
	#box3 p,
	#box5 p{
		font-size:11px;
		margin-bottom:10px;
		padding-right:15px;
		line-height: 1.7;
	}
	#box3 dl,
	#box5 dl{
		font-size:11px;
		padding-right: 15px;
	}
	#box3 dt,
	#box5 dt{
	color:#141c51;	
	}
	#box3 dd,
	#box5 dd{
		margin-bottom:5px;
	}
	#box4 {
		width: 50%;
		left:0%;
		top:180px;
		height: 360px;
		background: url(../images/lineset.gif) no-repeat right bottom; 
	}	
	#box5 {
		width: 50%;
		left:0%;
		top:540px;
		height:360px;
		background: url(../images/line2.gif) repeat-y right bottom;  
	}

	#box6 {
		width: 50%;
		left:50%;
		top:540px;
		height: 360px;
	}



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