@charset "UTF-8";
/* CSS Document */

*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
}

img{
	border:none;
}

ul,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none
}

.messagebox{
	width:500px;
	padding:50px;
	margin:0 auto;
	font-size:16px;
	text-align:center;
}

h1.relayout{
	background:none;
	width:auto;
	height:auto;
	max-width:960px;
	margin:0 auto 6px;
	font-size:0.7em;
	padding:6px 0 0;
}

div.kv{
	max-width:960px;
	margin:0 auto;
}



/*===============================================
●769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:960px;
margin:0 auto;
}

h1{
	background:url(../img/mainimgbg.jpg) no-repeat top center;
	width:960px;
	height:600px;
	margin:0 auto;
	font-size:90%;
}

h1 p{
	padding:10px 0 0 0;
}



.btn-top{
	position:relative;
	background:url(../img/img01.gif) top center;
	width:960px;
	height:299px;
}

.btn-top a{
	position:absolute;
	width:960px;
	bottom:0;
	text-align:center;
}

.boxa{
	width:960px;
	text-align:center;
	padding:100px 0 0 0;
}

.boxb{
	width:960px;
	text-align:center;
	padding:30px 0 0 0;
}

.boxc{
	width:960px;
	text-align:center;
	padding:0;
}

dl{
	width:800px;
	padding:30px 80px;
}

dt,dd{
	display:list-item;
	float:left;
	margin:0;
	font-size:12px;
}

dt{
	width:595px;
	padding:10px 0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

dt:nth-of-type(2n-1),
dd:nth-of-type(2n-1){
	background:#eee;
}

dt:nth-of-type(2n),
dd:nth-of-type(2n){
	background:#fff;
}

dt span{
	display:inline-block;
	padding:0 20px 0 0;
	text-align:right;
	width:40px;
}

dd{
	width:200px;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px dotted #ccc;
}

dt:last-of-type,
dd:last-of-type{
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
}

#question{
	background:#cceabc;
}

#question p{
	width:600px;
	margin:0 auto;
	padding:20px 0 0 0;
}

#question p:nth-child(4){
	width:600px;
	margin:0 auto;
	padding:20px 0 30px 0;
}

#question p span{
	display:inline-block;
	width:200px;
	text-align:right;
}

#question p small{
	color:#f00;
}

#question .qestionbtn{
	width:300px;
	text-align:center;
	margin:20px auto 0 auto;
	padding:0 0 30px 0;
}

#question p.submitbtn{
	width:960px;
	text-align:center;
}

.stop{
	display:none;
}

.message{
	width:300px;
	height:200px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-100px;
	background:#FFF;
	padding:20px;
}

.messageshow{
	background:#999;
	opacity:0.5;
}

ul{
	margin:100px 0 50px 0;
}

ul li{
	display:table-cell;
	padding:0 50px 0 0;
}

ul li:last-child{
	display:table-cell;
	padding:0;
}

.footer{
	padding:30px 0 50px 0;
	border-top:1px solid #000;
}


}
/*===============================================
●768pxまで
===============================================*/
@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{

}

h1{
	background:url(../img/mainimgbg.jpg) no-repeat top center;
	background-size:100%;
	width:100%;
	height:0;
	margin:0 auto;
	font-size:0.7em;
	padding:0 0 65% 0;
}


h1.relayout{
	text-align:center;
}

.btn-top{
	position:relative;
	background:url(../img/img01.gif) top center;
	background-size:100%;
	height:0;
	padding-bottom:31%;
}

.btn-top a{
	position:absolute;
	width:90%;
	bottom:0;
	text-align:center;
	padding:0 5%;
}

ul{
	width:100%;
	margin:5% auto;
	text-align:center;
}

#question p.submitbtn{
	width:100%;
	margin:5% auto;
	text-align:center;
}

}
/*===============================================
●640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
}

}