@charset "utf-8";

/* nav */
.sideNav.cause > li:nth-child(3) li:nth-child(3) a {
	background: #e2efff;
	background: -moz-linear-gradient(left, #e2efff 0%, #cfe4ff 100%);
	background: -webkit-linear-gradient(left, #e2efff 0%,#cfe4ff 100%);
	background: linear-gradient(to right, #e2efff 0%,#cfe4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2efff', endColorstr='#cfe4ff',GradientType=1 );
}

/* headingWrap */
.headingWrap {
	padding-bottom: 10px;
}
.headingWrap .inner {
	height: 225px;
	margin-bottom: 12px;
	padding: 65px 0 0 7px;
	background: url(../img/bg_head_type3-pc.png) no-repeat 368px bottom;
}
.headingWrap .inner + p {
	letter-spacing: -0.5px;
}

/* content */
.ttlSkin04 {
	padding: 2px 0;
	font-size: 2.8rem;
}
.listSymptoms > div {
	width: 290px;
	padding: 25px 20px;
}
.listSymptoms li {
	position: relative;
	margin-bottom: 7px;
	padding-left: 17px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.52;
}
.listSymptoms li:last-child {
	margin-bottom: 5px;
}
.listSymptoms li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "●";
}
.listSymptoms .fl {
	border: 1px solid #d3f6f0;
	background: #e8faf7;
}
.listSymptoms .fr {
	border: 1px solid #f2e2fa;
	background: #f8f0fc;
}
.listSymptoms .fl li:before {
	color: #19d0b4;
}
.listSymptoms .fr li:before {
	color: #c070e5;
}
.headacheCategory {
	position: relative;
	margin-top: 25px;
	padding: 0 40px;
}
.headacheCategory .circle {
	width: 129px;
	height: 129px;
	border-radius: 50%;
	font-size: 2.0rem;
	line-height: 129px;
	text-align: center;
}
.headacheCategory .circle.fl {
	background: rgba(25,208,180,0.2);
}
.headacheCategory .circle.fr {
	background: rgba(192,112,229,0.2);
}
.headacheCategory .arrow {
	position: absolute;
	top: 17px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.headacheCategory .arrow:after {
	content: "";
	display: block;
	width: 180px;
	height: 19px;
	background: #8de7da;
	background: -moz-linear-gradient(left, #8de7da 0%, #ddb8f1 100%);
	background: -webkit-linear-gradient(left, #8de7da 0%,#ddb8f1 100%);
	background: linear-gradient(to right, #8de7da 0%,#ddb8f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8de7da', endColorstr='#ddb8f1',GradientType=1 );
}
.headacheCategory .arrow span {
	position: relative;
	display: inline-block;
	width: 180px;
	padding-bottom: 7px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
.headacheCategory .arrow span:before,
.headacheCategory .arrow span:after {
	position: absolute;
	left: 100%;
	bottom: -30px;
	content: "";
	border-width: 20px 0 20px 28px;
	border-style: solid;
	border-color: transparent transparent transparent #ddb8f1;
}
.headacheCategory .arrow span:before {
	right: 100%;
	left: auto;
	border-width: 20px 28px 20px 0;
	border-color: transparent #8de7da transparent transparent;
}

.boxBtn {
	margin-top: 30px;
	margin-bottom: 10px;
}

/* related */

/* sp向けスタイル */
@media screen and (max-width: 767px) {

	/* headingWrap */
	.headingWrap .inner {
		height: auto;
		margin-bottom: 5px;
		padding: 142px 0 0 0;
		background-image: url(../img/bg_head_type3-sp.png);
		background-size: auto 140px;
		background-position: center 2px;
	}
	.boxSkin02 .headingWrap {
		margin-bottom: 27px;
		padding-bottom: 20px;
	}
	.headingWrap h2 {
		padding-top: 17px;
		padding-left: 9px;
		letter-spacing: 0;
	}
	.headingWrap .inner + p {
		padding-top: 7px;
		padding-right: 7px;
		letter-spacing: 0;
		line-height: 1.4;
	}

	/* content */
	.secContentArea {
		padding: 15px 0;
	}
	.ttlSkin04 {
		margin: 0 0 16px;
		padding: 2px 0;
		font-size: 2.0rem;
	}
	.listSymptoms > div {
		float: none!important;
		width: auto;
		margin-bottom: 8px;
		padding: 16px 13px;
	}
	.listSymptoms li {
		margin-bottom: 5px;
		padding-left: 15px;
		font-size: 1.3rem;
		line-height: 1.45;
	}
	.listSymptoms li:last-child {
		margin-bottom: 0;
	}
	.headacheCategory {
		width: 270px;
		margin: 25px auto 6px;
		padding: 0;
	}
	.headacheCategory .circle {
		width: 64px;
		height: 64px;
		font-size: 1.3rem;
		line-height: 64px;
	}
	.headacheCategory .arrow {
		top: -10px;
	}
	.headacheCategory .arrow:after {
		position: absolute;
		top: 100%;
		left: 12px;
		width: 90px;
		height: 10px;
	}
	.headacheCategory .arrow span {
		width: 120px;
		padding-bottom: 10px;
		font-size: 1.2rem;
	}
	.headacheCategory .arrow span:before {
		right: 107px;
		bottom: -16px;
		border-width: 10px 14px 10px 0;
	}
	.headacheCategory .arrow span:after {
		left: 102px;
		bottom: -16px;
		border-width: 10px 0 10px 14px;
	}
	.headacheCategory .circle.fl {
		padding: 18px 10px;
		line-height: 1.2;
	}
	.headacheCategory .circle.fr {
		margin-right: 6px;
	}

	.boxBtn {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.boxBtn .btnSkin01 {
		padding: 12px 70px;
	}

}