@charset "utf-8";

/* nav */
.sideNav.measure > li:nth-child(4) li:nth-child(2) > 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 {
  padding: 36px 7px;
  border-bottom: none;
  box-shadow: none;
  margin-bottom: 0;
}
.headingWrap .inner + p {
	letter-spacing: -0.5px;
}

/* content */

.boxBtn {
	margin-top: 30px;
	margin-bottom: 10px;
}
.sptar {
  margin-top: 10px;
}
.imageWrap {
  margin: 33px auto 60px;
}
.btnSkin01 {
  padding: 19px 105px 15px;
}
.links {
	margin-bottom: 30px;
}

/* related */

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


	/* headingWrap */
	.headingWrap .inner {
	  padding: 0 0 0 7px;
	  height: auto;
	  margin-bottom: 5px;
	  background-size: auto 140px;
	  background-position: center 2px;
	}
	.boxSkin02 .headingWrap {
		margin-bottom: 27px;
		padding-bottom: 20px;
	}
	.headingWrap h2 {
	  padding-left: 0;
	  letter-spacing: 0;
	  border: none;
	  padding-top: 0;
	  box-shadow: none;
	}
	.headingWrap .inner + p {
		padding-top: 7px;
		padding-right: 7px;
		letter-spacing: 0;
		line-height: 1.4;
	}

	/* content */


	.boxBtn {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.boxBtn .btnSkin01 {
		padding: 12px 70px;
		line-height: 1.4;
	}
	.spIndent10 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.imageWrap {
		margin: 10px auto 30px;
		padding-left: 0;
		padding-right: 0;
	}
	.sptar {
	  text-align: right;
	  font-size: 1.3rem;
	  margin-top: 10px;
	}
	.sptar + .sptar {
		margin-top: 0;
		margin-bottom: 20px;
	}

}

.graphWrap {
	display: flex;
	gap: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 9px;
	margin-bottom: 17px;
}
.graphWrap.graphWrap__narrow {
	width: 80%;
}
.graphWrap .image {
	flex-shrink: 0;
}
.graphWrap .text {
	flex-grow: 1;
	/* width: 230px; */
	/* width: calc(230px + 320px - 185px); */
}
.graphWrap.graphWrap__narrow .image {
	/* width: 320px; */
	/* width: auto; */
	flex-shrink: 0;
	/* width: 185px; */
}
.graphWrap.graphWrap__narrow .text {
	/* width: auto; */
}
.graphWrap li {
	display: flex;
	justify-content: space-between;
	margin-top: 1px;
}
.graphWrap.graphWrap__narrow li {
	/* justify-content: space-between; */
}

.graphWrap.graphWrap__narrow li:after {
	/* content: none; */
}

.graphWrap li:after {
	content: none;
	display: block;
	/* content: ""; */
	clear: both;
}

.graphWrap li .status {
	display: flex;
}

.graphWrap li span {
	flex-shrink: 0;
}
.graphWrap .point {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: 3px;
	margin-right: 5px;
	color: #fff;
	line-height: 18px;
	text-align: center;
}
.graphWrap__type1 .point.col01 { background-color: #B73469; }
.graphWrap__type1 .point.col02 { background-color: #D35787; }
.graphWrap__type1 .point.col03 { background-color: #ED84A7; }
.graphWrap__type1 .point.col04 { background-color: #F2A8C2; }
.graphWrap__type1 .point.col05 { background-color: #F6C8D6; }
.graphWrap__type1 .point.col06 { background-color: #F9DBE1; }
.graphWrap__type1 .point.col07 { background-color: #6DC2ED; }

.graphWrap__type2 .point.col01 { background-color: #B73469; }
.graphWrap__type2 .point.col02 { background-color: #D35787; }
.graphWrap__type2 .point.col03 { background-color: #ED84A7; }
.graphWrap__type2 .point.col04 { background-color: #F2A8C2; }
.graphWrap__type2 .point.col05 { background-color: #F6C8D6; }
.graphWrap__type2 .point.col06 { background-color: #F9DBE1; }
.graphWrap__type2 .point.col07 { background-color: #9FD2F1; }
.graphWrap__type2 .point.col08 { background-color: #6DC2ED; }

.graphWrap .num {
	/* float: right; */
	margin-left: 15px;
}

@media screen and (max-width: 767px) {
  	.graphWrap {
		display: block;
		margin-bottom: 10px;
		padding: 5px 10px 0;
	}
	.graphWrap.graphWrap__narrow {
		width: auto;
	}
	.graphWrap .image,
	.graphWrap .text {
		width: auto;
	}
	.graphWrap .image {
		text-align: center;
	}
	.graphWrap .text {
		padding: 8px 15px 0 5px;
	}
}

.relatedList.column03 li span {
	margin-left: 12px;
}