@charset "utf-8";

@media screen and (min-width:0px){
  /*0px以上で適用する内容*/
body{
	background-image:url(images/caranome_top_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	height: 100vh;
	margin:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

#contents {	
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
}
#p2{
	font-size:300%;
	font-weight:bold;
	margin:100px auto 50px;
	color:#F39;
}
#txt{
	font-size:150%;
	margin:0 auto 70px;
	font-weight:500;
}
a:link {
	color:#F39;
	text-decoration:none;
}
a:visited {
	color:#F39;
	text-decoration:none;
}
a:hover {
	color:#F6C;
	text-decoration:none;
}
a:active {
	color:#F6C;
	text-decoration:none;
}
#p3{
	font-size:150%;
	font-weight:bold;
	text-decoration:underline;
	margin:0 auto 70px;
}
#copyright{
	position: absolute;
	top:90%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:130%;
}}


@media screen and (min-width:1024px){
  /*1024px以上で適用する内容*/
body{
	background-image:url(images/caranome_top_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	height: 100vh;
	margin:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

#contents {	
	position: absolute;
	top:45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 950px;
}
#p2{
	font-size:200%;
	font-weight:bold;
	margin:100px auto 50px;
	color:#F39;
}
#txt{
	font-size:100%;
	margin:0 auto 70px;
	font-weight:500;
}
a:link {
	color:#F39;
	text-decoration:none;
}
a:visited {
	color:#F39;
	text-decoration:none;
}
a:hover {
	color:#F6C;
	text-decoration:none;
}
a:active {
	color:#F6C;
	text-decoration:none;
}
#p3{
	font-size:150%;
	font-weight:bold;
	text-decoration:underline;
}
#copyright{
	position: absolute;
	top:90%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:100%;
}}