/* ==================================================================

	overwrite

=====================================================================*/
#DeskEnqueteSection *{
	box-sizing: content-box;
}

#content{
	width:940px!important;
}

#gakusyu{
	width: 940px!important;
}


/* ==================================================================

	utility

=====================================================================*/

#gakusyu h3{
	text-align: center;
}
#gakusyu p{
	font-size: 0.88em;
	line-height: 1.7;
}
#gakusyu em{
	color: #fa670c;
	font-weight: bold;
	font-style: normal;
}

 a:hover img{
	 opacity: 0.6;
 }

.sp{
	display:none;
}

/* ==================================================================

	contents

=====================================================================*/

#DeskEnqueteSection{}

/*リード*/
#DeskEnqueteSection .lead{
	padding: 17px 0 20px 25px;
}

/*block*/

#DeskEnqueteSection .block01,
#DeskEnqueteSection .block02,
#DeskEnqueteSection .block03,
#DeskEnqueteSection .block04,
#DeskEnqueteSection .block05,
#DeskEnqueteSection .block06,
#DeskEnqueteSection .block07{
	background-color:#cde6f0;
	padding:0 30px 30px;
}

#DeskEnqueteSection .block01 h3,
#DeskEnqueteSection .block02 h3,
#DeskEnqueteSection .block03 h3,
#DeskEnqueteSection .block04 h3,
#DeskEnqueteSection .block05 h3,
#DeskEnqueteSection .block06 h3,
#DeskEnqueteSection .block07 h3{
	background-color:#1c6f91;
	color:#FFF;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;
	font-weight:bold;
	font-size:24px;
	padding:15px;
	position:relative;
	line-height:1.4;
	margin:0 -30px 20px;
}

#DeskEnqueteSection .block01 h3:after,
#DeskEnqueteSection .block02 h3:after,
#DeskEnqueteSection .block03 h3:after,
#DeskEnqueteSection .block04 h3:after,
#DeskEnqueteSection .block05 h3:after,
#DeskEnqueteSection .block06 h3:after,
#DeskEnqueteSection .block07 h3:after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-12px;
	border-top:solid 12px #1c6f91;
	border-left:solid 12px transparent;
	border-right:solid 12px transparent;
}

#DeskEnqueteSection .block01 h3 strong,
#DeskEnqueteSection .block02 h3 strong,
#DeskEnqueteSection .block03 h3 strong,
#DeskEnqueteSection .block04 h3 strong,
#DeskEnqueteSection .block05 h3 strong,
#DeskEnqueteSection .block06 h3 strong,
#DeskEnqueteSection .block07 h3 strong{
	font-size:28px;
	color:#fdff7e;
}

.qtitle{
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#1c6f91;
	text-align:center;
	margin-bottom:20px;
}

.qtitle:before{
	content:"Q.";
	font-size:34px;
	background-color:#f4fcff;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	border-radius:30px;
	display:inline-block;
	margin-right:10px;
}

#DeskEnqueteSection .point{
	border:solid 2px #177190;
	background-color:#FFF;
	border-radius:5px;
	padding:20px;
	position:relative;
}

#DeskEnqueteSection .point dd{
	font-size: 0.88em;
	line-height: 1.7;
}

#DeskEnqueteSection .point dd p{
	font-size:1em;
}

#DeskEnqueteSection .btn a{
	display:block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF7F00), color-stop(0.00, #FFAF04));
	background: -webkit-linear-gradient(#FFAF04, #FF7F00);
	background: -moz-linear-gradient(#FFAF04, #FF7F00);
	background: -o-linear-gradient(#FFAF04, #FF7F00);
	background: -ms-linear-gradient(#FFAF04, #FF7F00);
	background: linear-gradient(#FFAF04, #FF7F00);
	padding:10px 0;
	border-radius:5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

#DeskEnqueteSection .btn a:after{
	content:"";
	width:0;
	height:0;
	display:inline-block;
	border-left:solid 7px #FFF;
	border-top:solid 6px transparent;
	border-bottom:solid 6px transparent;
	margin-left:10px;
}

#DeskEnqueteSection .btn a:hover{
	opacity:0.6;
}

/*01*/
#DeskEnqueteSection .block01{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block01 .inner .glaph01{
	float:left;
}

#DeskEnqueteSection .block01 .inner .point{
	float:right;
	width:583px;
}

#DeskEnqueteSection .block01 .inner .point dt{
	position:absolute;
	left:-10px;
	top:-14px;
}

#DeskEnqueteSection .block01 .inner .point dd .txt{
	float:left;
	width:230px;
	padding-top:20px;
}

#DeskEnqueteSection .inner .point dd .glaph02{
	float:right;
}

/*02*/
#DeskEnqueteSection .block02{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block02 .inner .glaph01{
	float:left;
	margin-right:-20px;
}

#DeskEnqueteSection .block02 .inner .point{
	float:right;
	width:300px;
	margin-top:30px;
}

#DeskEnqueteSection .block02 .inner .point dt{
	position:absolute;
	left:-10px;
	top:-14px;
}

#DeskEnqueteSection .block02 .inner .point dd{
	padding-top:20px;
}


/*03*/
#DeskEnqueteSection .block03{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block03 .glaph01{
	text-align:center;
	margin-bottom:45px;
}

#DeskEnqueteSection .block03 .point dt{
	position:absolute;
	left:-18px;
	top:-37px;
}

#DeskEnqueteSection .block03 .point dd{
	padding-top:20px;
}

/*04*/
#DeskEnqueteSection .block04{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block04 .inner{
	position:relative;
}

#DeskEnqueteSection .block04 .glaph01{
	text-align:center;
}

#DeskEnqueteSection .block04 .point{
	position:absolute;
	left:550px;
	top:182px;
	width:250px;
}

#DeskEnqueteSection .block04 .point dt{
	position:absolute;
	left:-16px;
	top:-34px;
}

#DeskEnqueteSection .block04 .point dd{
	padding-top:20px;
}


/*05*/
#DeskEnqueteSection .block05{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block05 .inner{
	position:relative;
	padding-top:1px;
	min-height:530px;
}

#DeskEnqueteSection .block05 .inner .glaph01{
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	top:0;
}

#DeskEnqueteSection .block05 .inner .point{
	margin-left:548px;
	margin-top:109px;
}

#DeskEnqueteSection .block05 .inner .point dt{
	position:absolute;
	left:20px;
	top:-34px;
}

#DeskEnqueteSection .block05 .inner .point dd{
	padding-top:20px;
}

#DeskEnqueteSection .block05 .inner .point .column{
	overflow: hidden;
	padding: 10px;
	background: url(../../../images/pi_gakusyu/enquete/desk_enquete/05bg-point.png);
}

#DeskEnqueteSection .block05 .inner .point .column .flL{
	margin-right:136px;
}

#DeskEnqueteSection .block05 .inner .point .column .flR{
	float: right;
	width: 126px;
	text-align:center;
}

#DeskEnqueteSection .block05 .inner .point .column{
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
}

#DeskEnqueteSection .block05 .inner .point .column strong{
	display: block;
	font-size: 16px;
	line-height: 1.6;
	color: #b06c0a;
	margin-bottom: 5px;
}

#DeskEnqueteSection .block05 .inner .point .caption{
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}

#DeskEnqueteSection .block05 .inner .point .btn{
	clear: both;
	padding-top: 5px;
	text-align: center;
}

/*06*/
#DeskEnqueteSection .block06{
	margin-bottom: 50px;
}

#DeskEnqueteSection .block06 .inner{
	position:relative;
	padding-bottom:320px;
}

#DeskEnqueteSection .block06 .inner .glaph01{
	float:left;
}

#DeskEnqueteSection .block06 .inner .point{
	margin-top:20px;
	width:444px;
	float:right;
}

#DeskEnqueteSection .block06 .inner .point dt{
	position:absolute;
	left:-18px;
	top:-17px;
}

#DeskEnqueteSection .block06 .inner .point dd{
	padding-top:20px;
}

#DeskEnqueteSection .block06 .inner .glaph02{
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	width:100%;
}

/*07*/
#DeskEnqueteSection .block07{
	position:relative;
	margin-bottom: 80px;
}

#DeskEnqueteSection .block07:after{
	content:url(../../../images/pi_gakusyu/enquete/desk_enquete/pct-arrow.png);
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-82px;
}

#DeskEnqueteSection .block07 .comments li{
	background-color:#FFF;
	border-radius:10px;
	width:610px;
	padding:20px;
	font-size:20px;
	list-style-type:none;
	margin:0 0 30px;
	line-height:1.5;
	position:relative;
}

#DeskEnqueteSection .block07 .comments li:nth-child(2n+1){
	margin-left:92px;
}

#DeskEnqueteSection .block07 .comments li:before{
	position:absolute;
	bottom:0;
	width:80px;
	height:80px;
	content:"";
	background-size:100% 100% !important;
}

#DeskEnqueteSection .block07 .comments li:nth-child(2n+1):before{
	left:-66px;
}

#DeskEnqueteSection .block07 .comments li:nth-child(2n):before{
	right:-66px;
}

#DeskEnqueteSection .block07 .comments li:nth-child(1):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette01.png) no-repeat left top;
}

#DeskEnqueteSection .block07 .comments li:nth-child(2):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette02.png) no-repeat left top;
}

#DeskEnqueteSection .block07 .comments li:nth-child(3):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette03.png) no-repeat left top;
}

#DeskEnqueteSection .block07 .comments li:nth-child(4):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette04.png) no-repeat left top;
}

#DeskEnqueteSection .block07 .comments li:nth-child(5):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette01.png) no-repeat left top;
}

#DeskEnqueteSection .block07 .comments li:nth-child(6):before{
	background:url(../../../images/pi_gakusyu/enquete/desk_enquete/silhouette05.png) no-repeat left top;
}


#DeskEnqueteSection .block07 .comments li:nth-child(2n){
	margin-left:145px;
}


#DeskEnqueteSection .block07 .comments li strong{
	color:#ff6e04;
}

#DeskEnqueteSection .block07 .comments li .male{
	font-size:14px;
	text-align:right;
	color:#1c5691;
	display:block;
	text-align:right;
	margin-top:5px;
}

#DeskEnqueteSection .block07 .comments li .female{
	font-size:14px;
	text-align:right;
	color:#f8548e;
	display:block;
	text-align:right;
	margin-top:5px;
}

/*08*/
#DeskEnqueteSection .block08{
	overflow: hidden;
	padding: 20px;
	background: url(../../../images/pi_gakusyu/enquete/desk_enquete/08bg.png);
	margin-bottom: 20px;
}

#DeskEnqueteSection .block08 h3{
	float: left;
	width: 129px;
	height:129px;
	line-height:129px;
	border-radius:50%;
	background-color:#ecf5f8;
	color:#2f5767;
	font-size:28px;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;
}

#DeskEnqueteSection .block08 .lead01{
	float: right;
	width: 730px;
	margin-right: 10px;
	margin-bottom: 20px;
}

#DeskEnqueteSection .block08 .lead01 p{
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}

#DeskEnqueteSection .block08 .advice{
	clear:both;
	margin: 0 auto;
	background: #e7f2f6;
	border:solid 2px #1b3944;
	border-radius:5px;
	padding:0 20px 23px;
	width:820px;
}

#DeskEnqueteSection .block08 .advice .title{
	text-align:center;
	color:#fefdb3;
	font-size:22px;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',Arial,Verdana,Helvetica,Roboto,sans-serif;
	background-color:#1b3944;
	margin:0 -20px 20px;
	padding:10px 0;
}

#DeskEnqueteSection .block08 .inner{
	margin-top:20px;
}

#DeskEnqueteSection .block08 .inner dl{
	width: 260px;
	float: left;
	margin-right:20px;
}

#DeskEnqueteSection .block08 .inner dl:last-child{
	margin-right:0;
}

#DeskEnqueteSection .block08 .inner dl dt{
	margin-bottom: 15px;
}

#DeskEnqueteSection .block08 .inner dl p{
	font-size: 14px;
	margin-bottom: 18px;
}

#DeskEnqueteSection .block08 .inner dl p strong{
	display: block;
	font-size: 16px;
	margin-bottom: 3px;
}



/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }