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

#contentArea #contents h2.title{
	clear:both;
	margin-top:20px;
	font-size:2.0em;
	color:#005eae;
	background:none;
}

#contentArea p,dl{
	padding-bottom:25px;
	font-size:1.4em;
	line-height:1.6em;
}

#contentArea dt{
	float:left;
	width:1.2em;
}

#contentArea dd{
	padding-left:1.2em;
}

#contentArea strong{
	color:#005eae;
}

#contentArea p.firstText{ padding: 15px 0px 25px; }

#contentArea .noticeBox{
	clear:both;
	padding:20px 25px;
	margin-bottom:25px;
	background:#edebe5;
}

#contentArea .caution{
	clear:both;
	margin-bottom:15px;
	color:#b92c2c;
}

#contentArea ul.mark{
	margin-bottom:15px;
	font-size:1.3em;
	line-height:1.6em;
}

#contentArea ul.mark li{
	list-style:disc inside;
}

#contentArea h3{
	clear:both;
}


@media screen and (max-width: 640px) {

	.iright {
		width:100%;
		float:none;
		margin:0 0 15px 0;
		padding:0;
	}
	
	img {
		width:100%;
	}

}

/*
==================================================================================
サブメニュー
==================================================================================
*/

#contentArea #subMenu{
	clear:both;
	padding-left:29px;
	background:#ececec;
}

#contentArea #subMenu li{
	float:left;
	padding-right:15px;
}

	#contentArea .submenu {
		display:none;
	}
	
	#contentArea .submenuSkin {
		display:none;
	}


@media screen and (max-width: 640px) {

	#contentArea #subMenu {
		display:none;
	}
	
	#contentArea .submenu {
		display:block;
		padding:3% 4%;
		background-color:#ececec;
	}
	
	#contentArea .submenu li {
		float:left;
		padding-left:5%;
		margin-right:6%;
		font-size:15px;
		background-image:url(../../common/img/sp_arrow2.png);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:10px;
	}

	#contentArea #subBtn{
		display:none;
	}
	
	#contentArea .submenuSkin {
		display:block;
		padding:3% 4%;
		margin-bottom:0;
		background-color:#57a5db;
	}
	
	#contentArea .submenuSkin li {
		float:left;
		padding-left:5%;
		margin-right:6%;
		font-size:15px;
		background-image:url(../../common/img/sp_arrow4.png);
		background-repeat:no-repeat;
		background-position:left center;
		background-size:10px;
	}
	
	#contentArea .submenuSkin li a {
		color:#fff;
	}
	
	#contentArea .submenuSkin li .active {
		color:#;
	}
	
	img.pic_sp{
		width:40%;
		
	}
	
}

/*
==================================================================================
サブメニュー　皮膚
==================================================================================
*/

#contentArea #subBtn{
	clear:both;
	padding:1px 20px;
	background:#57a5db;
}

#contentArea #subBtn li{
	float:left;
	padding-right:6px;
}

#contentArea #subBtn li img{
	vertical-align:top;
}


@media screen and (max-width: 640px) {
	
	.lead {
		font-size:18px;
	}
	
	h3 {
		padding-bottom:2%;
		font-size:14px;
		font-weight:bold;
		color:#005eae;
	}
	
	p {
		padding-bottom:4%;
		font-size:14px;
	}
	
	p strong {
		color:#005eae;
	}
	
	.title {
		padding:2%;
		text-align:center;
	}
	
}
</pre></body></html>