/******************************************************/
/* body */
/******************************************************/
body{
	color:#555555;/* 文字色 */
	font-size:90%!important;
	font-family:"メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"ＭＳ Ｐゴシック",verdana,arial,"lucida grande",sans-serif!important;
	line-height:170%!important;
	background:#ffffff;
	-webkit-text-size-adjust:100%;
}

.SP{display:none !important;}
@media only screen and (max-width:667px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}

/* =======================================x
	フォーム
========================================== */
	#wrapper{
		background: #fff;
		width: 1060px;
		margin: auto;
	}

	#wrapper .main{
		padding:0 40px 40px 40px;
	}

.main table.resTable {
	width: 100%;
	margin-bottom:30px;
}

.main th,.main td{
	padding:10px 10px 8px 10px;
	box-sizing:border-box;
	background:#ffffff;
	border: 1px solid #cccccc;
}


.main input,
.main textarea{
	padding:5px;
}

.main select{
	padding:3px 5px 6px 5px;
}



.aArea{
	padding: 15px 0 12px 0;
}

.main th{
	background: #f6f6f6;
	vertical-align: top;
}

h2.formTitle{
	font-weight:bold;
	margin-bottom:10px;
}

h2.qa{
	font-weight:bold;
	background: #f6f6f6;
	padding: 8px 5px 5px 10px;
}


.resTable th {width: 30%; text-align: left; }
.imp{color:#ff0000; font-weight:normal;}


.submit input{
	cursor: pointer;
	width:200px;
	margin:0 5px 10px 5px;
}


.head{
	background: #f6f6f6;
	padding: 15px;
	font-size: 90%;
	margin: 20px 0 20px 0;
	line-height: 180%;
}
	.head h2{
		font-weight: bold;
		margin-bottom: 5px;
	}

	.head li{
		margin: 0 0 5px 0;
	}
		.head li:last-child{
			margin-bottom: 0;
		}


	.head strong{
		display: block;
	}

.formList li{float: left;margin:0 15px 10px 0;}

.only{
	border: 1px solid #bbbbbb;
	margin: 15px 0 25px 0;
}
	.only h2{
		padding: 10px 10px 8px 10px;
		background: #fff3cc;
		text-align: center;
		font-weight: bold;
	}
	.only .only_qa{
		padding: 15px;
	}
		.only .only_qa h2{
			text-align: left;
			background: #f6f6f6;
			padding:5px 3px 3px 10px;
		}

a{text-decoration: underline;color: #555555;}
a:hover{text-decoration: none;}

.copy{
	text-align: center;
	margin:10px 0 0 0;
	font-size: 80%;
}

.logo{
	text-align: center;
	margin:40px 0 0 0;
	font-size: 80%;
}


@media only screen and (max-width:667px){
	#wrapper{
		width: 100%;
	}

	#wrapper .main{
		width:90%;
		padding:10px 0 0 0;
		margin: auto;
	}

	.resTable th,
	.resTable td{
		width:100%;
		box-sizing:border-box;
		display:block;
		border-top:none;
	}
	.resTable th{
		padding: 6px 5px 3px 5px;
		text-align: center;
	}


.main table.resTable input,
.main table.resTable textarea{
	width:96%!important;
}

.copy{
	margin:15px 0 30px 0;
	font-size: 80%;
	line-height: 140%;
}
	.resTable tr:nth-child(2),.resTable tr:first-child { border-top: 1px solid #cccccc; }
}



/******************************************************/
/* clear */
/******************************************************/

#wrapper .main:after,
#wrapper .quiz:after,
#wrapper .present .leadSet:after,
#wrapper .present .preSet:after,
.main .formList:after,
.main .sns:after{
	display:block;content:"";clear:both;overflow:hidden;
}