@charset "utf-8";

/* nav */
.sideNav.cause > li:nth-child(3) li:nth-child(1) 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: 22px;
}
.boxSkin02 .headingWrap {
	margin-bottom:42px;
}
.headingWrap .inner {
	position: relative;
	height: 226px;
	margin-bottom: 23px;
    padding: 33px 0 0 7px;
}
.headingWrap .inner::before {
    position: absolute;
    right: -40px;
	bottom: 0;
    display: block;
    content: "";
    width: 247px;
    height: 218px;
    background-image: url(../img/bg_head_type1-pc.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}

/* content */
.ttlSkin04 ~ .ttlSkin04 {
	margin-top: 60px;
}
.ttlSkin05 ~ .ttlSkin05 {
	margin-top: 55px;
}
.ttlSkin04 + .ttlSkin05 {
	margin-top: 30px;
}
.imageWrap {
	margin: 54px auto 60px;
	padding-left: 15px;
}
.listSymptom li {
	position: relative;
	/* padding-left: 28px; */
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.listSymptom li:before {
	/* position: absolute;
	top: 2px;
	left: 0;
	display: block;
	content: "";
	width: 19px;
	height: 19px;
	border: 2px solid rgba(198,190,146, 0.5);
	background: #fff; */
}
.boxSkin03 {
	margin-top: 25px;
	padding: 26px 30px 35px;
}
.measureWrap {
	margin-top: 26px;
}

.listMeasure li h4 {
	margin-bottom: 17px;
	padding: 6px 10px;
	background: #dee6ff;
	color: #1d2088;
	font-weight: bold;
	line-height: 1.2;
}
.listMeasure li h5 {
	position: relative;
	margin-bottom: 5px;
	padding-left: 20px;
	font-weight: bold;
}
.listMeasure li h5:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid #9dc7ff;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1.5px #fff;
	background: #9dc7ff;
}
.listMeasure li p {
	font-size: 1.3rem;
}
.listMeasure li:nth-child(1) img {
	position: absolute;
	bottom: 0;
	left: 75px;
}
.listMeasure li:nth-child(2) img {
	margin-left: -24px;
}
.listMeasure li:nth-child(3) {
	clear: both;
	/* padding-top: 32px; */
}
.listMeasure .fr,
.listMeasure .fl {
	position: relative;
	width: 280px;
}
.listMeasure li:nth-child(3) .fr img {
	margin-top: 7px;
	margin-left: -10px;
}
.listMeasure li:nth-child(3) .fl img {
	position: absolute;
	bottom: 0;
	left: 48px;
}
.boxBtn {
	margin-top: 39px;
	margin-bottom: 7px;
}
.fontSmall {
	font-size: 1.2rem;
}
.fontRight {
	text-align: right;
}
.textIndent {
	text-indent: -1em;
	padding-left: 1em;
}

/* related */

/* sp向けスタイル */
@media screen and (max-width: 767px) {

	.secContentArea {
		padding: 15px 0;
	}

	/* headingWrap */
	.headingWrap .inner {
		height: auto;
		margin-bottom: 5px;
		padding: 149px 0 0 0;
		background: url(../img/bg_head_type1-sp.png) no-repeat center top;
		background-size: auto 149px;
	}
	.headingWrap .inner::before {
		display: none;
	}
	.headingWrap .inner + p {
        padding-top: 15px;
        padding-right: 7px;
        letter-spacing: 0;
        line-height: 1.4;
    }
	.boxSkin02 .headingWrap {
		margin-bottom: 27px;
		padding-top: 8px;
		padding-bottom: 20px;
	}
	.headingWrap h2 {
		padding-top: 17px;
		padding-left: 9px;
		padding-right: 15px;
		letter-spacing: 0;
	}

	/* content */
	.ttlSkin04 ~ .ttlSkin04 {
		margin-top: 30px;
	}
	.ttlSkin05 ~ .ttlSkin05 {
		margin-top: 22px;
	}
	.ttlSkin04 + .ttlSkin05 {
		margin-top: 20px;
	}
	.spIndent10 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.listMeasure li h5:before {
		width: 11px;
		height: 11px;
		box-shadow: inset 0 0 0 1px #fff;
	}
	.imageWrap {
		margin: 10px auto 30px;
		padding-left: 17px;
		padding-right: 12px;
	}
	.listSymptom li {
		position: relative;
		margin-bottom: 6px;
		/* padding-left: 25px; */
		font-size: 1.1rem;
	}
	.listSymptom li:before {
		width: 14px;
		height: 14px;
	}

	.boxSkin03 {
		margin-top: 20px;
		padding: 14px 15px 17px;
	}
	.measureWrap {
		margin: 17px 10px 10px;
	}
	.listMeasure .fr,
	.listMeasure .fl {
		float: none;
		width: auto;
	}
	.listMeasure li h4 {
		margin-bottom: 12px;
		padding: 5px 10px 4px;
		font-size: 1.3rem;
	}
	.listMeasure li h5 {
		padding-left: 15px;
		font-size: 1.3rem;
	}
	.listMeasure li h5:before {
		width: 11px;
		height: 11px;
		box-shadow: inset 0 0 0 1px #fff;
	}
	.listMeasure li p {
		font-size: 1.1rem;
		line-height: 1.45;
	}
	.listMeasure li:nth-child(1) img {
		position: static;
		width: 148px;

	}
	.listMeasure li:nth-child(2) {
		margin-top: 20px;
	}
	.listMeasure li:nth-child(2) img {
		width: 175px;
		margin: 0 0 0 -2px;
	}
	.listMeasure li:nth-child(3) {
		/* padding-top: 18px; */
	}
	.listMeasure li:nth-child(3) .fl img {
		position: static;
		width: 138px;
		margin: 5px 0 0 -10px;
	}
	.listMeasure li:nth-child(3) .fr {
		margin-top: 15px;
	}
	.listMeasure li:nth-child(3) .fr img {
		margin: 10px 0 0;
		width: 185px;
	}

	.boxBtn {
		margin-top: 22px;
		margin-bottom: 25px;
	}
	.boxBtn .btnSkin01 {
		padding: 12px 45px;
	}
	.fontSmall {
		font-size: 1rem;
		font-feature-settings: "palt"
	}
}
