@charset "Shift_JIS";

/*全体
======================================*/
body {
	background-color:#fde7cd;/*全体の背景色*/
}

/*ヘッダ
======================================*/
#header {
	background-color:#fff;/*背景色*/
	margin-bottom:0;/*ヘッダとアンケートの間のスペース*/
}


/*アンケート
======================================*/
/*アンケート項目*/
.enq_set dt {
	border-left:5px solid #030000;/*左線*/
}

.enq_set dd input[type="textbox"],
.enq_set dd input[type="text"]{padding:0.3em;width:100%; border:1px solid #030000;}


/*お客様情報
======================================*/
/*タイトル*/
.personal_title {
}

/*項目欄*/
#personal dl { background-color:#e3f4f9;/*背景色*/ }

/*回答欄*/
#personal dd { background-color:#fff;/*背景色*/ }

#contents #form_comment_2{color:#FF0000; text-align:center;}

/*705用*/
.txt_box .ti{
	font-weight:bold;
	}
.kome{
	display:block;
	margin:0.5em 0;
	padding:0;
	font-size:0.8em;
	line-height:1.3em;
	color:#666;
	text-align:left;
	}



/* 879独自 */
/* ============== header ============== */

.body_pc #kiyaku {margin:1em auto!important; width:850px;}

#pcheader a,#sphheader a,#footer a {text-decoration:none;}
#pcheader a:hover,#sphheader a:hover,#footer a:hover {text-decoration:underline;}
#pcheader .hform a,#sphheader .hform a  {text-decoration:underline;}

#header_mini,
.contents .pankuzu_list {display: none;}

.body_pc .contents,
.body_pc .layout_form .contents_main,
.body_pc .layout_form .contents_side {width:100%; max-width:100%;}

.body_sph .contents {max-width:100%;}

#registForm {background-color:#fde7cd;}
.body_pc #registForm div.enq_set {margin: 2em auto; padding:2.0em; background-color:#fff; width: 800px;}
.body_pc #registForm div.btn_box {margin: 2em auto; width:800px;}
#personal {display:none;}

#header_mini,
#body_enquete .pankuzu_list,
#body_enquete .global_h1,
#body_edone.body_sph .global_h1,
#global_footer { display:none;}
#pcheader #sphheader {display:none;}

/* 固定 */
#pcheader {position:fixed;top:0;left:0;width:100%;background-color:#fff;height:86px;overflow:hidden;z-index:50;border-top: 5px solid #da0000;border-bottom:1px solid #da0000;text-align:center;}
#body_enquete .body_pc div#container {margin-top:92px;}


.body_pc #subtitle {margin:90px auto 0;width: 920px;padding: 0.2em 0 0.4em;text-align:left;}
.body_sph #subtitle {padding: 0.2em 0 0.4em;}
.body_pc #subtitle h2 {margin-right: 1em;}
h2 {font-size:3.0em;font-weight:normal;color:#da0000;}
h2 span {font-size:0.63em;}
#pcheader a {color:#da0000;}
#pcheader a:hover {text-decoration: underline;}
#pcheader div {margin: 0 auto;padding: 0.3em 0;display:table;width:950px;}
#pcheader h1, #pcheader #dhclogo, #pcheader ul {display:table-cell;vertical-align:middle;}
#pcheader h1 {display:block!important;}
#pcheader ul {margin: 0; padding: 0 1.0em; overflow:hidden;}
#pcheader ul li {margin-right:2.0em;padding-left:1.3em;float: left; font-size:1.0em;background: url("https://top.dhc.co.jp/dhc_personal/biz/image/header_arrow.png") 0 50% no-repeat; line-height:2.0;}
#pcheader img {max-width:initial;}

/* スマホ用ヘッダメニュー */
.body_sph#body_enquete #pcheader {display: none;}

.body_sph {background-color:#fff;}
.body_sph .contents_main,
.body_sph .contents_side {margin: 0;}
.body_sph .contents {padding: 0;}

.body_sph h2 img {display: none;}

#sphheader { border-bottom: 1px solid #da0000;border-top: 2px solid #da0000;text-align: center; width: 100%;}
/*.body_sph #sphheader {font-size:1.0em!important; line-height:1.0em!important;}*/
#sphheader a {color:#da0000;overflow:hidden;}

#sphheader div,
#sphheader ul {margin: 0 auto;width:95%;overflow:hidden;}
#sphheader img {width:50%;}
#sphheader div {margin: 0 auto;padding: 0.3em 0;display:table;border-bottom:1px dotted #da0000;}

#sphheader h1,
#sphheader #dhclogo {display:table-cell;vertical-align:middle;}

#sphheader h1 {padding: 0;text-align:left;}
#sphheader #dhclogo {text-align:right;}
#sphheader ul li {margin-right:1.0em;padding-left:1.3em;float: left; font-size:0.75em;background: url("https://top.dhc.co.jp/dhc_personal/biz/image/header_arrow.png") 0 50% no-repeat;background-size:12px; line-height:1.5;}




#body_enquete .headingred {padding: 0.3em 0; background-color: #da0000;color: #fff; font-size: 1.13em; text-align: center;}
#body_enquete .headingred span {margin: 0 auto;padding: 0.2em 0.5em;border-left: 5px solid #fff;display: block;text-align: left;}

#body_enquete.body_pc .headingred span {width: 900px;}
#body_enquete.body_sph .headingred span {width:95%;}

#here {margin:0 auto;padding:1.0em;width: 940px;text-align:center;}
#here div {margin-bottom:0.5em;border:1px solid #030000;padding: 0.5em;}
#here div span {display:block;font-weight:bold;font-size:1.13em;color:#da0000;}
#here div p {margin-bottom:0;font-size:0.83em;text-align:center;}
#here p {margin-bottom:0;text-align:left;}
.body_sph #here{width:100%}

#body_enquete .btn_back {display: none;}
#body_enquete .btn_next {margin: 0 auto; float: none;}

#contents textarea {width:100%;}

.btn_box input[name="reset"] {padding: 0.5em 1.0em; background-color:#9f9fa0;color:#fff;border-style:none; display:none;}
.btn_box input[name="back"] {padding: 0.5em 1.0em; background-color:#9f9fa0;color:#fff;border-style:none;}
.btn_box input[name="send"]  {padding: 0.5em 1.0em; background-color:#da0000;color:#fff;border-style:none;}

.enq_set dd input[name="ans_con3"],
.enq_set dd input[name="ans_con4"],
.enq_set dd input[name="ans_con5"],
.enq_set dd input[name="ans_con6"] {width:60%;}

.body_sph .enq_set dd input[name="ans_con3"],
.body_sph .enq_set dd input[name="ans_con4"],
.body_sph .enq_set dd input[name="ans_con5"],
.body_sph .enq_set dd input[name="ans_con6"] {width:100%;}

#thanks .txt_box {margin-top:1.0em;}

.btn_box input[name="send"] {background-color: #da0000;border-style: none;color: #fff;}

/* menu */
#pcheader #menu { background-image:none; border:none; height:auto;width:auto;}
.contents_main #menu li a {display: inline; background-image:none;}


/* ============== footer ============== */
#footer {padding: 0.3em 0 2.0em;width:100%; border-top:1px solid #000;clear:both;overflow:hidden;}
#footer ul {float:left;}
#footer ul li {margin-right:2.0em; padding-left:1.0em; background: url("https://top.dhc.co.jp/dhc_personal/biz/image/footer_arrow.png") 0 50% no-repeat; display:inline-block;}
#footer div {margin: 0 auto;}
#footer div {width:100%;}
#footer div #copyright {padding: 0.2em 0;color:#030000;float:right;font-size:0.83em; background-color:transparent;}

/* 完了画面 */
#body_edone {background-color: #fff;}
#body_edone.body_pc .contents {margin: 0 auto;width:800px;}
#body_edone .enquete_include img {display: block;}