@charset "shift_jis";
/* CSS Document */
.pconly {display: none;}

/*-----　文字　-----*/
#mainContents p {
font-size: 3.9vw;
line-height: 1.9;
margin-bottom: 30px;}

p.lead {
	margin-bottom: 0 !important;}

.lead span {
	display: block;
	font-size: 4.2vw;
	margin: 40px 0 30px;
	text-align: center;
}

/*-----　見出し　-----*/
h1 {
background: url(https://img1.kakaku.k-img.com/images/article/pr/monitor/21/07_kaden_quest/sp_title.jpg) no-repeat 0 0;
background-size: 100%;
padding-top: 32.25%;
text-indent: -9999px;
height: 0;
margin-bottom: 10px;}


/*-----　パラグラフ　-----*/
.catalog{
background: #fff;}

.wrap {
padding: 10px 20px 70px;}

/*-----　概要　-----*/
h2 {
background: #252525;
font-size: 3.9vw;
line-height: 1.6;
color: #fff;
padding: 10px 15px 8px;
border-radius: 2px;
font-weight: normal;
margin-top: 40px;}

h3 {
font-size: 3.9vw;
line-height: 1.9;
margin-top: 40px;
border-left: #252525 8px solid;
padding-left: 10px;
}

.summary {
margin-top: 10px;}

.summary table th,
.summary table td {vertical-align: top;
padding: 5px 2px;
font-size: 3.9vw;
line-height: 1.9;}

.summary table th {
white-space: nowrap;
text-align: left;}

.summary table td .cap {
font-size: 3.2vw;
line-height: 1.7 !important;
display: block;
margin-top: 3px;}

.summary .img {
display: none;}


/*----　注意事項　----*/
.attention {
background-color: #f5f5f5;
padding: 0 15px;
margin-top: 20px;}

.list .ttl{
/*text-align: center;*/
font-size: 3.4vw !important;
padding: 12px 0;
margin-bottom: 0 !important;
cursor: pointer;}

.list .ttl:before {
position: absolute;
display: inline-block;
height: 16px;
width: 16px;
background: #e0e0e0;
content: "＋";
line-height: 16px;
text-align: center;
margin-right: 5px;
margin-top: 4px;}

.list .ttl.open:before {
content: "−";}

.list .ttl span{
display: inline-block;
padding-left: 23px;}

.list ul {
display: none;
font-size: 13px;
padding: 0 10px 15px;}

.attention li {
font-size: 3.2vw;
line-height: 1.9;
margin-top: 5px;
padding-left:1em;
text-indent:-1em;
word-wrap: break-word;
overflow-wrap: break-word;
}

.attention .list + .list {
border-top: 1px dotted #a6a6a6;}

.attention li.link {
margin-top: 20px;
padding-left:0;
text-indent:0;}


/*==============================================
アンケート
============================================= */
a {color:#011b8f; text-decoration:none;}
a, button, input, select { -webkit-tap-highlight-color:rgba(0,0,0,0.3);}
textarea, input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"] {font-size:3.9vw;}
textarea, pre { font-family:"ヒラギノ角ゴ ProN W3", Helvetica, "HelveticaNeue", Verdana, sans-serif;}

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;}

.formWrap li input,
.formWrap .txtAnswer li input {
	margin-right: 8px;
}

.formWrap li {
padding-left:1.5em;
text-indent:-1.5em;
}

/* Contents Area
--------------------------------------------------------- */
.notice {
	color: #e80000;
	padding-left: 3px;
	font-weight: normal;
}
input, textarea {
	padding: 6px;
}
select {
	padding:5px;
	font-size:3.6vw;}

/* 公応募要項界以下共通 */
.formWrap p,
.infoList dt,
.infoList dd,
.infoList li,
.sentence,
#question {
	line-height: 1.5;
}

.sentence {
	margin-bottom: 20px;
}

.formWrap .caption,
.nickName dd span,
.mail dd span {
	font-size:3.2vw;
}

input, 
textarea,
select{
	border:#9d9d9d 1px solid;
	border-radius: 3px;}

select {
	background: #fff;
}

.formWrap {
	margin-top: 10px;
}

/* 設問内指定 */

#question .q_data {
	margin-top:30px;
}
#question .q_data .q_No {
	background: #f0f0f0;
	padding:8px 10px 5px;
	margin-bottom: 10px;}

#question .q_data .q_No p{
	font-size: 3.9vw;
	margin-bottom: 0 !important;}

#question .q_data .q_list p .caption{
	font-weight: normal;
	display: block;
	margin-top: 5px;
	font-size: 3.2vw;
line-height: 1.6 !important;}

#question .subQ {
	font-weight:bold;
}
#question .q_data .q_list p:first-child  {
	margin-bottom: 20px;
	font-weight: bold;
}

#question .q_data .q_list p .underline {
border-bottom: 2px #fe7e00 dotted;
color: #fe7e00;
}

#question li{
	margin-bottom:10px;
	font-size: 3.9vw;
}
#question textarea {
	width: 95%;
}
#question .txtAnswer { 
	vertical-align: middle;
}
#question .txtAnswer input[type=text] {
	width:50%;
	box-sizing:border-box;
}

#question .txtAnswer input.click {
	width:auto;
	margin-right:5px;
}
#question .txtAnswer02 .itemName {
	display: block;
	margin-bottom: 5px;
}
#question .txtAnswer02 input[type=text] {
	width: 100%;
	box-sizing: border-box;
}



/* 同意事項 */
#agreeWrap {
	background: #f0f0f0;
	width: auto;
	margin: 30px 0 0;
	padding: 15px;
}
#agreeWrap h4 {
	font-size: 100%;
	margin-bottom: 10px;
}
#agreeWrap ol {
	width: auto;
	margin-bottom: 10px;
}
#agreeWrap li {
	font-size: 85%;
	line-height: 1.7;
	text-indent: -10px;
	padding-left: 13px;
	margin-bottom: 5px;
}
.checkWrap {
    background-color: #FFF;
    padding: 10px 0 8px;
    clear: both;
	text-align:center;
}
.checkWrap input {
	margin-right: 10px;
}

/* 送信ボタン */
.submit{
	text-align: center;
	margin: 30px 0 40px;
}
.submit a {
	background: linear-gradient(0deg, #2f8cd4, #57aaea);
	border: #3487c8 solid 1px;
	border-radius: 3px;
	color: #FFF;
	font-size: 3.9vw;
	padding: 15px 60px;
	box-sizing:border-box;
	width:100%;
	display:block;
}
.submitArea .end {
	margin-top:-20px;
}
.submitArea {
	overflow: hidden;
	zoom: 1;
	margin-bottom:30px;
}
.submitArea  #btnBack {
	float: left;
	width:50%;
	padding: 10px 0;
}
.submitArea  #btnSubmit {
	float:right;
	width:40%;
	padding: 10px 0;
}




/* エラー */
input.inputError,select.inputError,
textarea.inputError {
	border: 1px solid #e54040;
	background: #ffbdbd;
}
.errortext {
	color: #d00;
	margin-bottom: 10px;
	display: block;
	background-color: #ffbdbd;
	padding: 5px 40px;
	display: inline-block;
	border-radius: 2px;
	font-size: 3.6vw;
}



/* thanksページ */

.linkArea {
	padding-bottom:20px;
}

.linkArea dt {
	line-height:1.2;
	margin-bottom:15px;
	border-left:#999 8px solid;
	padding-left:10px;
}
.linkArea dd {
	margin:0 20px 10px 0;
	position: relative;
	display:inline-block;
	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);
}