@charset "utf-8";

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

body {
	-webkit-text-size-adjust: 100%;
}
#wrap {
	width:100%;
	min-width:320px;
	overflow:hidden;
}
.pc {
	display:none;
}
.spNL:before {
	content: "\A" ;
	white-space: pre ;
}
img {
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
}

.btn a{
	min-width:240px;
	padding:10px 20px;
}

/* -------------------------------
   header
------------------------------- */

.head{
	text-align:center;
	padding:10px 0 30px;
	width:auto;
	margin:0;
}

.head .logo{
	margin-bottom:20px;
	width:auto;
}

.head .logo p{
	padding:5px 0px;
	font-size:10px;
	font-weight:bold;
	line-height:1.5;
}

.head .btn{
	position:static;
}

/* -------------------------------
   footer
------------------------------- */

.footer{
	width:auto;
	text-align:center;
	font-size:10px;
	padding:20px;
	border-top:solid 2px #EAEAEA;
}

.footer div{
	margin-bottom:10px;
}


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

	contents

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

#content{
	width:auto !important;
}


#DeskEnqueteSection .lead{
	padding:20px;
	text-align:left;
}

#DeskEnqueteSection .block,
#DeskEnqueteSection .block01,
#DeskEnqueteSection .block02,
#DeskEnqueteSection .block03,
#DeskEnqueteSection .block04,
#DeskEnqueteSection .block05,
#DeskEnqueteSection .block06,
#DeskEnqueteSection .block07{
	margin-bottom:20px;
	padding:0 20px 20px;
}

#DeskEnqueteSection .block h3,
#DeskEnqueteSection .block01 h3,
#DeskEnqueteSection .block02 h3,
#DeskEnqueteSection .block03 h3,
#DeskEnqueteSection .block04 h3,
#DeskEnqueteSection .block05 h3,
#DeskEnqueteSection .block06 h3,
#DeskEnqueteSection .block07 h3{
	font-size:16px;
	padding:20px;
	margin:0 -20px;
}

#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:18px;
}

.qtitle{
	font-size:16px;
	margin:20px 0;
}

.qtitle:before{
	font-size:18px;
	width:40px;
	height:40px;
	line-height:40px;
}

#DeskEnqueteSection .point{
	padding:0 10px 10px;
	float:none !important;
	width:auto !important;
}

#DeskEnqueteSection .point dt{
	background-color:#81755c;
	position:static !important;
	text-align:center;
	margin:0 -10px 10px;
}

#DeskEnqueteSection .point dt img{
	width:112px;
}

#DeskEnqueteSection .point dd{
	padding-top:0 !important;
}

/*01*/
#DeskEnqueteSection .block01 .inner .glaph01{
	text-align:center;
	float:none;
}

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

#DeskEnqueteSection .block01 .inner .point dd .txt{
	width:auto;
	float:none;
	margin-bottom:10px;
	padding-top:0;
}

#DeskEnqueteSection .block01 .inner .point dd .glaph02{
	text-align:center;
	float:none;
}

/*02*/
#DeskEnqueteSection .block02 .inner .glaph01{
	text-align:center;
	float:none;
	margin-right:0;
}

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

/*04*/

#DeskEnqueteSection .block04 .point{
	position:static;
	margin-top:20px;
}

/*05*/

#DeskEnqueteSection .block05 .inner .glaph01{
	position:static;
}

#DeskEnqueteSection .block05 .inner .point{
	margin:20px 0 0;
}

/*06*/

#DeskEnqueteSection .block06 .inner{
	padding-bottom:0;
}

#DeskEnqueteSection .block06 .inner .glaph01{
	float:none;
	text-align:center;
	margin-bottom:20px;
}

#DeskEnqueteSection .block06 .inner .glaph02{
	position:static;
	margin-bottom:20px;
}

/*07*/

#DeskEnqueteSection .block07 .comments li{
	width:auto;
	margin: 0 0 20px !important;
	font-size:16px;
}

#DeskEnqueteSection .block07 .comments li:before{
	width:40px;
	height:40px;
}

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

#DeskEnqueteSection .block07 .comments li:nth-child(2n){
	margin-right:25px !important;
}

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

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


/*08*/

#DeskEnqueteSection .block08{
	padding:20px;
	border-radius:0;
}

#DeskEnqueteSection .block08 h3{
	float:none;
	margin:0 auto 20px;
	font-size:20px;
}

#DeskEnqueteSection .block08 .lead01{
	float:none;
	width:auto;
}

#DeskEnqueteSection .block08 .lead01 p{
	font-size:14px;
}

#DeskEnqueteSection .block08 .advice{
	width:auto;
}

#DeskEnqueteSection .block08 .advice .title{
	font-size:18px;
}

#DeskEnqueteSection .block08 .inner dl{
	width:auto;
	text-align:center;
	margin:0 0 20px;
}

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

#DeskEnqueteSection .block08 .inner dl p{
	text-align:center;
}

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

  chair

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

#DeskEnqueteSection.chairEnquete .chair01 .inner,
#DeskEnqueteSection.chairEnquete .chair02 .inner{
	display: block;
}

#DeskEnqueteSection.chairEnquete .chair01 .inner .rightArea,
#DeskEnqueteSection.chairEnquete .chair02 .inner .rightArea{
	width: auto;
	margin-top: 20px;
}

#DeskEnqueteSection.chairEnquete .chair01 .inner .rightArea .point,
#DeskEnqueteSection.chairEnquete .chair02 .inner .rightArea .point,
#DeskEnqueteSection.chairEnquete .chair03 .inner .point{
	margin-top: 30px;
}

#DeskEnqueteSection.chairEnquete .chair04 .inner{
	display: block;
}

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

#DeskEnqueteSection.chairEnquete .matome .advice .item{
	display: block;
	margin-top: 30px;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item figure{
	width: auto;
	align-items: center;
	justify-content: center;
}

#DeskEnqueteSection.chairEnquete .matome .advice .item .content{
	width: auto;
	margin-top: 20px;
}

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

#DeskEnqueteSection #contentsList{
	margin: 30px 20px 0;
}

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

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

#DeskEnqueteSection #contentsList ul li img{
	float:left;
	width:100px;
	margin-right:10px;
}