@charset "UTF-8";

/* form3 styles
----------------------------------------------*/
body {
	background-color: #D4C5AA;
}
#popup {
	top: 100px;
}
#header {
	background: url(../img/header.jpg) repeat-x left top;
	height: 31px;
	width: 100%;
}
#form3 #contentsWrap {
	background-color: #4A624D;
}
#form3 #contents {
	position: relative;
	max-width: 630px;
	padding: 10px 0 50px;
	margin: 0 auto;
}
@media screen and (max-width:767px) {
#form3 #contents {
	padding: 10px;
}
}

#form3 h1 {
	text-indent: -9999px;
	background: url(../img/anketo-ttl-pc.gif) no-repeat left top;
	height: 74px;
}
@media screen and (max-width:767px) {
#form3 h1 {
	background: url(../img/anketo-ttl.png) no-repeat left top;
	background-size: 320px 60px;
	height: 60px;
}
}

#form3 .textSty {
	color: #FFA6D7;
	margin: 10px 0 20px;
}
#form3 .qWrap {
	overflow: hidden;
	padding: 10px 10px 10px 5px;
	background: url(../img/line.gif) no-repeat left bottom;
}
#form3 .qWrap .qNum {
	font-size: 110%;
	line-height: 1.6;
	color: #FFF;
	width: 12%;
	float: left;
}
#form3 .qWrap .qBox {
	color: #FFF;
	padding-right: 10px;
	width: 80%;
	float: left;
}
#form3 .qWrap .qBox .qText {
	font-size: 110%;
	line-height: 1.6;
	padding-bottom: 5px;
}
#form3 .btnSty {
	width: 128px;
	margin: 20px auto 50px;
}

#footer {
	background: url(../img/footerback.jpg) repeat-x left bottom;
	height: 67px;
	width: 100%;
}
#form3 .btnSty2 a {
	color: #FFFF00;
	text-decoration: underline;
}