@charset "utf-8";

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}									

article, aside, figure, figcaption, footer, header, hgroup, nav, section {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle; text-align:left;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, input:focus, select:focus, option:focus, textarea:focus {outline: none;}

strong, th {font-weight: bold;}

td, td {vertical-align: top;} 
img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

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



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #554639;text-decoration:underline;}
a:hover {color: #00468C;text-decoration:none;}

ins {background-color: #333; color: #FFF; text-decoration: none;}
mark {background-color: #333; color: #FFF; font-style: italic; font-weight: bold;}

/* -------------------------------
   BASE
------------------------------- */

/* margin */
.mt-60 {margin-top:-60px!important;}
.mt-50 {margin-top:-50px!important;}
.mt-40 {margin-top:-40px!important;}
.mt-30 {margin-top:-30px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

/* float */
.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}
.clear { clear:both; }

/* align */
.tLeft { text-align:left!important;}
.tCenter { text-align:center!important;}
.tRight { text-align:right!important;}
.vTop { vertical-align:top!important;}
.vMiddle { vertical-align:middle!important;}
.vBottom { vertical-align:bottom!important;}

.nowrap { white-space:nowrap; }

/* color */
.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#EA609E;}

/* text */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f18 { font-size:18px!important;}
.lh10 { line-height:1!important;}
.lh12 { line-height:1.2!important;}
.lh15 { line-height:1.5!important;}
.lh18 { line-height:1.8!important;}
.lh20 { line-height:2!important;}
.gothic { 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;}
.serif { font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;}

/* color */
.block { display:block!important;}
.inline { display:inline!important;}
.inlineBlock { display:inline-block!important;}

/* link */
a {color: #333;text-decoration:underline;}
a:hover {color: #333;text-decoration:none;}

/* transition */
.transition05 {
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

/* -------------------------------
   common
------------------------------- */

html {
	background:#FFF;
}
body {
	font-size:14px;
	line-height:1.5;
	background:#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;
}

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

	overwrite

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

#content{
	width:940px!important;
	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;
	margin:0 auto;
}

#content p{
	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;
	color:#4f4946;
}

#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{
	transition:all 0.2s;
}

a:hover{
	opacity:0.7;
}

.sp{
	display:none;
}

.btn{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.btn a{
	padding:10px 30px;
	display:inline-block;
	background-color:#715B78;
	color:#FFF;
	text-decoration:none;
	border-radius:10px;
	position:relative;
}

.btn a:after{
    display: inline-block;
	margin-left:5px;
    width: 8px;
    height: 8px; 
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
}

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

	contents

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

#wrap {
	position:relative;
	width:100%;
	min-width:940px;
	margin:0 auto;
	overflow:hidden;
}

.head .btn{
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	position:absolute;
	right:0;
	top:25px;
}

#DeskEnqueteSection{}

/*リード*/
#DeskEnqueteSection .lead{
	padding: 50px 0;
	text-align:center;
	font-size:16px;
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
}

/*block*/

#DeskEnqueteSection .block,
#DeskEnqueteSection .block01,
#DeskEnqueteSection .block01,
#DeskEnqueteSection .block02,
#DeskEnqueteSection .block03,
#DeskEnqueteSection .block04,
#DeskEnqueteSection .block05,
#DeskEnqueteSection .block06,
#DeskEnqueteSection .block07{
	padding:0 30px 30px;
}

#DeskEnqueteSection .block h3,
#DeskEnqueteSection .block01 h3,
#DeskEnqueteSection .block02 h3,
#DeskEnqueteSection .block03 h3,
#DeskEnqueteSection .block04 h3,
#DeskEnqueteSection .block05 h3,
#DeskEnqueteSection .block06 h3,
#DeskEnqueteSection .block07 h3{
	background-color:#CBD0D5;
	color:#FFF;
	font-weight:normal;
	font-size:24px;
	padding:30px 500%;
	position:relative;
	line-height:1.5;
	margin:0 -500% 20px;
	color:#333;
	text-align:center;
}

#DeskEnqueteSection .block h3:after,
#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 #CBD0D5;
	border-left:solid 12px transparent;
	border-right:solid 12px transparent;
}

#DeskEnqueteSection .block h3 strong,
#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;
	font-weight:normal;
	margin:0 3px;
}

.qtitle{
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	font-size:25px;
	font-weight:normal;
	color:#000;
	text-align:center;
	margin:40px 0;
}

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

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

#DeskEnqueteSection .point dd{
	line-height: 1.7;
}

#DeskEnqueteSection .btn a{
	display:block;
	background:#715b78;
	padding:10px 0;
	border-radius:5px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

#DeskEnqueteSection .btn a:after{
    display: inline-block;
	margin-left:5px;
    width: 8px;
    height: 8px; 
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    -webkit-transition: all 0.4s cubic-bezier(.17,.67,.54,.93);
    content: "";
	vertical-align:middle;
	margin-top:-3px;
}

#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-color:#f1efeb;
}

#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: #80745B;
	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: 20px;
}

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

#DeskEnqueteSection .block07 .comments li{
	background-color:#F7F7F7;
	border-radius:10px;
	width:610px;
	padding:20px;
	font-size:18px;
	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/desk_enquete/silhouette01.png) no-repeat left top;
}

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

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

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

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

#DeskEnqueteSection .block07 .comments li:nth-child(6):before{
	background:url(../images/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:#222;
	display:block;
	text-align:right;
	margin-top:5px;
}

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

/*08*/
#DeskEnqueteSection .block08{
	overflow: hidden;
	padding: 38px;
	background:#F1EFEB;
	margin-bottom: 20px;
	border-radius:20px;
}

#DeskEnqueteSection .block08 h3{
	color:#333;
	font-weight:normal;
	font-size:28px;
	margin-bottom:20px;
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	text-align:center;
}

#DeskEnqueteSection .block08 .lead01{
	margin-bottom: 20px;
}

#DeskEnqueteSection .block08 .lead01 p{
	color: #333;
	font-size: 16px;
}

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

#DeskEnqueteSection .block08 .advice .title{
	text-align:center;
	color:#FFF;
	font-size:22px;
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	background-color:#81755c;
	margin:0 -20px 20px;
	padding:10px 0;
	font-weight:normal;
}

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

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

  chair

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

#DeskEnqueteSection .qtitle{
	font-size: 23px;
}


#DeskEnqueteSection.chairEnquete .point{
	text-align: left;
}

#DeskEnqueteSection.chairEnquete .block{
	margin-bottom: 50px;
}

#DeskEnqueteSection.chairEnquete .chair01 .inner,
#DeskEnqueteSection.chairEnquete .chair02 .inner{
	display: flex;
	justify-content: space-between;
}

#DeskEnqueteSection.chairEnquete .chair01 .inner .rightArea,
#DeskEnqueteSection.chairEnquete .chair02 .inner .rightArea{
	width: 640px;
	text-align: center;
}

#DeskEnqueteSection.chairEnquete .chair01 .inner .rightArea .point,
#DeskEnqueteSection.chairEnquete .chair02 .inner .rightArea .point,
#DeskEnqueteSection.chairEnquete .chair03 .inner .point{
	margin-top: 50px;
	text-align: left;
}

#DeskEnqueteSection.chairEnquete .chair01 .point dt,
#DeskEnqueteSection.chairEnquete .chair02 .point dt,
#DeskEnqueteSection.chairEnquete .chair04 .point dt,
#DeskEnqueteSection.chairEnquete .chair03 .inner .point dt{
	position: absolute;
	left: -20px;
	top: -30px;
}

#DeskEnqueteSection.chairEnquete .chair03 .inner .glaph01,
#DeskEnqueteSection.chairEnquete .chair03 .inner .glaph02{
	margin-top: 30px;
}

#DeskEnqueteSection.chairEnquete .chair04 .inner{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#DeskEnqueteSection.chairEnquete .chair04 .inner .point{
	width: 340px;
	margin-top: 50px;
}

#DeskEnqueteSection.chairEnquete .matome .advice h5{
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: -10px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item{
	display: flex;
	justify-content: space-between;
	text-align: left;
	margin-top: 30px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item figure{
	width: 320px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item figure img{
	width: 148px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item .content{
	width: 460px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item .content h6{
	font-weight: bold;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item.eis .content h6:after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("../images/chair_enquete/ico_eis.png");
	background-size: 100% 100%;
	margin-left: 10px;
	vertical-align: middle;
	margin-top: -5px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item.eisplus .content h6:after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("../images/chair_enquete/ico-eis_plus.png");
	background-size: 100% 100%;
	margin-left: 10px;
	vertical-align: middle;
	margin-top: -5px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item .content .btn{
	margin-top: 15px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item .content .btn a{
	width: 240px;
}

#DeskEnqueteSection.chairEnquete .matome .advice p strong{
	color: #715b78;
}

#DeskEnqueteSection #contentsList{
	text-align: left;
	margin-top: 50px;
}

#DeskEnqueteSection #contentsList h3{
	font-weight: bold;
	font-size:18px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:solid 1px #666;
}

#DeskEnqueteSection #contentsList ul{
	display: flex;
	flex-wrap: wrap;
	margin:-20px 0 0 -20px;
}

#DeskEnqueteSection #contentsList ul li{
	width:300px;
	margin:20px 0 0 20px;
}

#DeskEnqueteSection #contentsList ul li a{
	display: block;
}

#DeskEnqueteSection #contentsList ul li img{
	display: block;
	margin-bottom:10px;
}




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


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

  HEADER（一部流用）

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

header img{
	vertical-align: baseline;
}
header .logo span{
	font-size:10px;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Osaka , Hiragino Kaku Gothic;
}
.pan{
	font-size:12px;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Osaka , Hiragino Kaku Gothic;
}

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

  FOOTER（一部流用）

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

#content .pagetop{
	margin:30px 0 5px;
}