@charset "utf-8";

/* Headline
---------------------------------------------------*/
#Headline {
	width: auto;
	margin-bottom: 0;
}
#Headline h1 {
	width: 350px;
	height: 131px;
	background-image: url('../../images/advice/sp/ttl_advice_detail.png');
	margin: 0 auto;
}


/* checkSheet
---------------------------------------------------*/
#checkSheet {
	width: auto;
	max-width: none;
	margin: 0 auto 70px;
	padding: 50px 30px 0;
}
#checkSheet h1 {
	border-top: 2px solid #0c61a5;
	border-bottom: 2px solid #0c61a5;
	padding: 20px 0;
	letter-spacing: 0.05em;
}
#checkSheet h1 span {
	line-height: 1.4em;
	font-size: 28px;
}
#checkSheet h1 span:nth-of-type(2),
#checkSheet h1 span:nth-of-type(3) {
	display: block;
}
#checkSheet h2 {
	linE-height: 1.4em;
	font-size: 24px;
	letter-spacing: 0.02em;
}
#checkSheet h2 p {
	display: block;
}
#checkSheet .inner {
	margin: 0;
}

/* question */
#checkSheet .question {
	margin-left: 0;
	margin-bottom: 60px;
}
#checkSheet .question label {
	margin-left: 15px;
}

/* q1 */
#checkSheet .question.q1 ul li {
	margin-bottom: 40px;
}
#checkSheet .question.q1 ul li:nth-child(4) {
	width: 100%;
}
#checkSheet .question.q1 ul li:nth-child(5) {
	width: 100%;
}
#checkSheet .question.q1 ul li input[type="text"] {
	width: 370px;
	margin-left: 30px;
}

/* q2 */
#checkSheet .question.q2 .slider {
	width: 582px;
	height: 80px;
	background-image: url('../../images/advice/selfcheck/sp/bg_slider.png');
}
#checkSheet .question.q2 .slider .inner {
	width: 434px;
	height: 55px;
}
#checkSheet .question.q2 .slider .pointer {
	top: 12px;
	left: 189.5px;
	width: 55px;
	height: 55px;
	background-image: url('../../images/advice/selfcheck/sp/pointer.png');
}

/* q3 */
#checkSheet .question.q3 ul li {
	margin-bottom: 55px;
}
#checkSheet .question.q3 ul li input[type="text"] {
	width: 340px;
	margin-left: 10px;
}
#checkSheet .question.q3 ul li p {
	margin-top: 30px;
	margin-left: 65px;
}

#checkSheet ul.attention li {
	font-size: 11.5px;
	margin-bottom: 10px;
}
#checkSheet ul.attention li:last-child {
	margin-bottom: 0;
}

/* btnSave */
#btnSave {
	width: 370px;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	border-radius: 33px;
	-webkit-border-radius: 33px;
}
#btnSave:after {
	width: 15px;
	height: 15px;
	top: 26px;
	right: 32px;
}

#checkSheet ul.attention li {
	line-height: 1.5em;
	font-size: 18px;
	text-indent: -1em;
	margin-left: 1em;
}


/* =.radio, .checkbox
-------------------------------------------------------------- */
.checkbox {
	padding-left: 50px;
}
.checkbox span {
	width: 35px;
	height: 35px;
	margin-top: -17.5px;
}
input[type=checkbox]:checked+.checkbox span {
	background-image: url('../../images/advice/selfcheck/sp/check.png');
}


/* 20230627_add ------------------- */
#checkSheet .question textarea {
	height: 400px;
}
/* q7 */
#checkSheet .question.q7 ul li {
	margin-bottom: 40px;
}
#checkSheet .question.q7 ul li input[type="text"] {
	width: 340px;
	margin-left: 10px;
}