@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: inline-block !important; }
.sp { display: none !important; }

html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
}
.all{
	width:100%;
	max-width: 1280px;
	min-width:960px;
	margin: 0 auto;
}
a{
		text-decoration: none;
	}
div{
	display: block;
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
	
#header{
	width: 90%;
	margin: 0 auto;
}

#content{
	width: 90%;
	margin: 0 auto;
	clear: both;
}
.titl{
	margin: 3% auto;
	width: 100%;
}
.biko{
	font-size:0.8rem;
	color:#333333;
}
#content table{
	width:95%;
	display:block;
	margin:0 auto;
	border-collapse:collapse;
}
#content table tr th{
	width:30%;
	height:60px;
	background-color:#AFA;
	font-weight:bold;
	font-size:1.3rem;
	color:#040;
	border:1px solid #aaa;
}
#content table tr td{
	font-size:1.2rem;
	line-height:1.5rem;
	color:#333;
	padding:1%;
	border:1px solid #aaa;
}
.msg{
	width:50%;
	display: block;
	margin: 10px auto;
	text-align:center;
}
.btn{
	width:200px;
	padding:10px;
	display:block;
	margin:20px auto;
	font-size:1.3rem;
	background-color:#060;
	color:#FFF;
	border:0;
	border-radius: 20px;
}
#footer{
	width:100%;
	height:80px;
	color:#666666;
	text-align: center;
	padding:20px 0px;
	margin: 5% auto 0;
	background-color:#DDD;	
}
#footer a{
	color:#666666;
	}

	
}
/* PC版終了 */



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

.pc { display: none !important; }
.sp { display: block !important; }

html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
}
.all{
	width:100%;
	max-width: 479px;
	margin: 0 auto;
}
a{
	text-decoration: none;
	}
div{
	display: block;
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
	
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
	clear: both;
}
.titl{
	margin: 5% auto 1%;
	width: 100%;
}
#content table{
	width:95%;
	display:block;
	margin:0 auto;
	border-collapse:collapse;
}
#content table tr th{
	width:30%;
	height:60px;
	background-color:#AFA;
	font-weight:bold;
	font-size:1.0rem;
	color:#040;
	border:1px solid #aaa;
}
#content table tr td{
	font-size:1.0rem;
	line-height:1.5rem;
	color:#333;
	padding:1%;
	border:1px solid #aaa;
}
.msg{
	width:50%;
	display: block;
	margin: 10px auto;
	text-align:center;
}
.btn{
	width:200px;
	padding:10px;
	display:block;
	margin:20px auto;
	font-size:1.3rem;
	background-color:#060;
	color:#FFF;
	border:0;
	border-radius: 20px;
}
#footer{
	width:100%;
	height:200px;
	color:#666666;
	text-align: left;
	padding:20px 0px;
	margin: 5% auto 0;
}
#footer a{
	color:#ffffff;
	}


}
/* スマホ版終了 */