@charset "shift_jis";
.sponly {display: none;}

/* CSS Document */
#header {
padding: 10px 0 14px;
}

#header #logo {
padding-top: 5px;}

#header .pcguide {
margin-top: 10px !important;}

.wrap {
box-sizing: border-box;
padding: 60px 60px 80px;
border-bottom:  #d7d7d7 1px solid;
border-right:  #d7d7d7 1px solid;
border-left:  #d7d7d7 1px solid;}

/*----　文字　----*/
#mainContents {
font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
font-size:  124%;}

#mainContents p {
line-height: 2;}

/*----　看板・リード　----*/
.pcMainTitle {
height: 230px;
background: url(https://img1.kakaku.k-img.com/images/article/pr/monitor/21/07_kaden_quest/pc_title.jpg) no-repeat 0 0;
text-indent: -999em;}

.lead span {
	display: block;
	font-size: 22px;
	margin-bottom: 40px;
	text-align: center;
}

/*.lead {
margin-bottom: 60px;}*/

/*----　概要　----*/
h2 {
background: #252525;
border-radius: 2px;
font-size: 18px;
font-weight: normal;
color: #fff;
padding: 18px 18px 16px;
margin-top: 70px;}

h3 {
font-size: 20px;
line-height: 1.6;
margin: 60px 0 0;
border-left: #252525 8px solid;
padding-left: 10px;
}

.summary {
overflow: hidden;
margin-top: 30px;}

.summary table {
width: 500px;
float: left;}

.summary table th,
.summary table td {vertical-align: top;
padding: 9px 4px;}

.summary table th {
width: 85px;}

.summary table td .cap {
font-size: 74%;
line-height: 1.8;
display: block;
margin-top: 5px;}

.summary .img {
width: 260px;
padding-top: 30px;
float: right;}

.summary .img img {
width: 220px;}

/*----　概要　----*/

.attention {
background-color: #f5f5f5;
padding: 50px;
margin-top: 40px;}

.attention .ttl {
font-weight: bold;
font-size: 14px;}

.attention li {
font-size: 13px;
line-height: 1.8;
margin-top: 5px;
padding-left:1em;
text-indent:-1em;}

.attention .list + .list {
margin-top: 50px;}

.attention li.link {
margin-top: 20px;
padding-left:0;
text-indent:0;}

/*==============================================
アンケート
============================================= */

.notice {
	color: #e80000;
	font-size: 80%;
	padding-left:3px;
}

.sentence {
	font-size: 100%;
	line-height: 1.5;
}

.formWrap .caption,
.nickName dd span, .mail dd span {
	font-size: 93%;
	font-weight: normal;
}

input[type=checkbox] {
  transform: scale(1.2); 
    vertical-align: middle;
	margin-top: -3px;
}
input[type=radio] {
  transform: scale(1.2); 
    vertical-align: middle;
	margin-top: -3px;}

input, 
textarea {
	padding: 9px 4px;
	border: #a9a9a9 1px solid;
	border-radius: 3px;
}

select {
	padding:7px 4px;
	border:#a9a9a9 1px solid;}



.formWrap {
/*	border: #d4d4d4 solid 1px;*/
	width: 100%;
	margin-top: 20px;
/*	padding: 50px 35px 60px;*/
	box-sizing: border-box;
}

.formWrap li {
	display: inline-block;
	line-height: 1.6;
	margin-right: 25px;
	margin-bottom: 15px;
}

.formWrap ul.inline li {
	display: block;
}

.formWrap li input,
.formWrap .txtAnswer li input {
	margin-right: 9px;}


.formWrap li{
padding-left:1.3em;
text-indent:-1.3em;}


.formWrap .txtAnswer li {
	display: block;
}

/*----　設問内指定　----*/


#question .q_data {
	padding-top: 45px;
	overflow: hidden;
	zoom: 1;
}

#question .q_data .q_No {
	width: 15%;
	float: left;
}

#question .q_data .q_No p {
	background: #eeeeee;
	border-radius: 2px;
	height: 36px;
	/*padding:10px 10px 9px;*/
	font-size: 100%;
	text-align: center;
	line-height: 38px;
}

#question .q_data .q_list {
	width: 80%;
	float: right;
}

#question .q_data .q_list p:first-child {
	line-height: 1.8;
	font-size: 108%;
	margin: 2px 0 20px 0;
	padding: 0;
	text-indent: 0;
	font-weight: bold;
}

#question .q_data .q_list p .caption{
	font-weight: normal;
	font-size: 84%;}

#question .q_data .q_list p .underline {
border-bottom: 2px #fe7e00 dotted;
color: #fe7e00;
}

/*#question .q_data .q_list p.subQ {
	margin: 20px 0 8px 0;
	font-size: 100%;
	font-weight: bold;
}

#question .q_data .q_list p.subQ .notice {
	font-weight: normal;}*/

#question li.txtArea,
#question li.break {
	display: block;
}

#question dl.txtArea dt {
	margin-bottom: 8px;
}
#question dl.txtArea textarea {
	width: 78%;
}

#question .txtAnswer02 {
	overflow: hidden;
}
#question .txtAnswer02 li {
	float: left !important;
	width: 50%;
	margin-right: 0;
}
#question .txtAnswer02 li input[type=text] {
	width: 60%;
}

#question .txtAnswerBig li {
	display: block;}
#question .txtAnswerBig li {
	margin-bottom: 10px;}

/*#question .txtAnswerBig input{
	margin-right:6px;}

#question .txtAnswerBig .textarea {
	display: block;
}*/

/* 同意事項 */
#agreeWrap {
	background: #f0f0f0;
	width: 100%;
	margin: 60px auto 0;
	padding: 25px;
	box-sizing: border-box;
}
#agreeWrap h4 {
	font-size: 100%;
	margin-bottom: 18px;
}
#agreeWrap ol {
	margin-bottom: 20px;
}
#agreeWrap li {
    font-size: 85%;
    line-height: 1.7;
	text-indent: -13px;
	padding-left: 13px;
    margin-bottom: 5px;
}
.checkWrap {
    background-color: #fff;
    padding: 12px 0 10px;
    clear: both;
	text-align: center;
}
.checkWrap input {
	margin-right: 10px;
}


/* 送信ボタン */
.submit{
	text-align: center;
	margin: 90px 0 0;
}
.submit a{
	background: linear-gradient(to bottom, #57aaea, #2f8cd4);
	background: -webkit-gradient(linear,left top,left bottom,from(#57aaea),to(#2f8cd4));
	background: -webkit-linear-gradient(top, #57aaea, #2f8cd4);
	background-color: #369ae8;
	border: #3487c8 solid 1px;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	padding: 15px 60px 13px;
	text-decoration: none;
}
.submit a:hover {
	background: linear-gradient(to bottom, #2f8cd4, #57aaea);
	background: -webkit-gradient(linear,left top,left bottom,from(#2f8cd4),to(#57aaea));
	background: -webkit-linear-gradient(top, #2f8cd4, #57aaea);
	background-color: #54b2fa;
}
.submitArea {
	overflow: hidden;
	zoom: 1;
}
.submitArea  #btnBack {
	float: left;
	margin: 0 40px 0 110px;
}
.submitArea  #btnSubmit {
	float: left;
}



/* エラー */
input.inputError,
select.inputError,
textarea.inputError  {
	border: 1px solid #e54040;
	background: #ffbdbd;
}
.errortext {
	color: #d00;
	margin-bottom: 10px;
	display: block;
	font-size: 93%;
	background-color: #ffbdbd;
	padding: 3px 40px;
	display: inline-block;
	border-radius: 2px;
}



/* thanksページ */

.linkArea {
	border: #d4d4d4 solid 1px;
	width: 100%;
	margin-top: 40px;
	padding: 30px;
	box-sizing: border-box;
}
.linkArea dt {
	font-size: 116%;
	line-height: 1.2;
	margin-bottom: 30px;
	border-left: #999 8px solid;
	padding-left: 10px;
}
.linkArea dd {
	margin: 0 40px 20px 0;
	display: inline-block;
	position: relative;
	padding-left: 15px;
}
.linkArea dd:after {
	display: block;
	content: '';
	position: absolute;
	top: .2em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

