@charset "utf-8";

*{
	margin:0 auto;
	padding:0;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height: 22px;
	color:#FFF;
	background-color:#000;
	-webkit-text-size-adjust:100％;
	}
	
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}
.imgHover:hover {
	transition: .75s;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}
.orange {
	color:#fccf00;
	}
.ul01 li {
    display: inline-block;
    margin: 0px 16px 25px 0px;
}
.ul01 {
    overflow: hidden;
    margin: 0px 0px -25px 0px;
}
.mB20 {
	margin-top: 40px !important;
    margin-bottom: 20px !important;
}
ol, ul {
    list-style: none;
}

/* Header
------------------------------------------------- */
#cover{
	background-image:url(/img/campaign/cooling/bg01.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-top:30px;
	}
@media screen and (max-width: 414px) {
#cover{
	margin-top:30px;
	}
	}
#header{
	}
#headerWrap{
	padding:20px 0px 0px;
	width:1000px;
	margin:0 auto;
	}
	#headerWrap #logo{
		text-align:right;
		/*margin-bottom:20px;*/
		}
@media screen and (max-width: 414px) {
	#headerWrap #logo{
		margin-top:-30px;
		}
	}
	/*#headerWrap #keyImg{
		text-align:center;
		margin-bottom:100px;
		}*/
	#headerWrap h1{
		margin-top:500px;
		text-align:center;
		}
@media screen and (max-width: 1024px) {
	#headerWrap h1{
		margin-top:250px;
		text-align:center;
		}
	}
@media screen and (max-width: 768px) {
	#headerWrap h1{
		margin-top:170px;
		text-align:center;
		}
	}
@media screen and (max-width: 600px) {
	#headerWrap h1{
		margin-top:100px;
		text-align:center;
		}
	}
@media screen and (max-width: 375px) {
	#headerWrap h1{
		margin-top:50px;
		}
	}
	#headerWrap p{
		line-height:240%;
		text-align:center;
		margin-bottom:120px;
		}
@media screen and (max-width: 800px) {
#headerWrap{
	width:90%;
	}
/*#headerWrap{
	padding:10px 0px 0px;
	}*/
	/*#headerWrap #keyImg img{
		max-width:90% !important;
		}
	#headerWrap h1 img{
		max-width:80% !important;
		}*/
}
.t, .s {
	display:none;
}
@media screen and (max-width: 600px) {
.pc {
	display:none;
	}
.t {
	display:block;
}
	}
@media screen and (max-width: 375px) {
.pc, .t {
	display:none;
	}
.s {
	display:block;
}
	}


/* ---------------------------------------
	Container Area
-----------------------------------------*/
#container{}
#containerWrap{
	width: 1000px;
	margin: 0px auto;
	}
.desc {
	text-align:justify;
	padding:2em 1em 1em 1em;
	line-height:2em;
	}
/*.mod {
	margin:10px 0 5px 0;
	}*/
table {
	width:100%;
	border-collapse:collapse;
	font-size:0.88em;
	}
.tbl {
	font-size:0.86em;
	margin-top:5px;
	margin-bottom:40px;
	}
.tbl2 {
	font-size:0.86em;
	margin-top:5px;
	margin-bottom:10px;
	}
th, td {
	border-left:solid thin #FFF;
	border-right:solid thin #FFF;
	padding:0.86em 0.86em;
	}
.tone {
	background-color:#333;
	}
.cent {
	text-align:center;
	}	
.button {
	text-align:center;
	margin-bottom:50px;
	}
@media screen and (max-width: 800px) {
#containerWrap{
	width:90%;
	}
	#containerWrap img{
		max-width:100% !important;
		}
}
@media screen and (max-width: 600px) {
.desc {
	padding:2em 0 1em 0;
	font-size:0.86em;
	}
table {
	font-size:0.72em;
	line-height:1.5em;
	}
.tbl {
	font-size:0.72em;
	line-height:1.5em;
	}
}

/* ---------------------------------------
	Footer Area
-----------------------------------------*/
#footer { background: linear-gradient(#464646, #151515); }
#footerWrap{
	width:1000px;
	height:90px;
	position:relative;
	margin:0px auto;
	text-align:right;
	padding-top:10px;
	}
@media screen and (max-width: 800px) {
	#footerWrap{
		width:90%;
		text-align:center;
		}