@charset "utf-8";

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

/* content */

.boxBtn {
	margin-top: 30px;
	margin-bottom: 10px;
}
.imageWrap {
  margin: 20px auto 60px;
}
.ttlSkin04 ~ .ttlSkin04 {
  margin-top: 60px;
}
.listSkin03 li {
  margin-bottom: 30px;
}

.listSkin03 li .barGraph {
	margin-top: 10px;
	margin-left: -20px;
}

.barGraph .list {
	display: flex;
	align-items: center;
	margin-top: 10px;
	font-size: 1.4rem;
	line-height: 1.3;
}

.barGraph .list p {
	display: flex;
	gap: 10px;
	align-items: center;
	width: 33.33%;
}

.barGraph .list p:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #ED85A7;
}

.barGraph .list p:nth-child(1):before {
	background-color: #ED85A7;
}
.barGraph .list p:nth-child(2):before {
	background-color: #9FD2F1;
}
.barGraph .list p:nth-child(3):before {
	background-color: #6AC0EC;
}

.fontBold {
  font-weight: bold;
}
.listSkin04 li {
  margin-bottom: 10px;
}
.ttlSkin05 {
	margin-top: 30px;
}

.btnSkin01 {
  padding: 19px 52px 15px;
}
.relatedList.column03 li span {
  margin-left: 12px;
}

.graphWrap {
	display: flex;
	gap: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 9px;
	margin-bottom: 17px;
}
.graphWrap.graphWrap__narrow {
	width: 80%;
}
.graphWrap.graphWrap__center {
	align-items: center;
}
.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: #ED85A7; }
.graphWrap__type1 .point.col02 { background-color: #6DC2ED; }

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

/* related */

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


	/* headingWrap */
	.headingWrap .inner {
		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 */

	.imageWrap {
		margin: 10px auto 30px;
		padding-left: 0;
		padding-right: 0;
	}
	.boxBtn {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.boxBtn .btnSkin01 {
	  padding: 12px 60px;
	  line-height: 1.4;
	}
	.listSkin03 li {
		line-height: 1.4;
	}
	.listSkin03 li:before {
		top: 5px;
	}
	.listSkin03 li .barGraph {
		margin-left: 0;
	}
	.barGraph .list {
		flex-direction: column;
		justify-content: unset;
		align-items: stretch;
		gap: 5px;
		margin-top: 20px;
	}
	.barGraph .list p {
		width: auto;
	}
	.spIndent10 {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.ttlSkin04 ~ .ttlSkin04 {
		margin-top: 30px;
	}
	.ttlSkin05 {
		margin-top: 20px;
	}

	.sptar {
		text-align: right;
		font-size: 1.3rem;
		margin-top: 5px;
	}
	.ttlSkin04 {
		line-height: 1.4;
	}

	.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;
	}

}

.boxSkin02 .headingWrap {
	margin-bottom: 30px;
	padding-right: 0;
	padding-bottom: 0;
}
.headingWrap .inner {
	height: 229px;
    margin-bottom: 12px;
    padding: 48px 0 0 7px;
    border: none;
    box-shadow: none;
    background: url(../img/bg_pc.png) no-repeat right bottom;
}

.txtSupervises {
	margin-bottom: 30px;
	text-align: right;
	font-size: 1.3rem;
}

.boxSupervises {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.9;
	padding: 20px 55px 20px 40px;
	border: 1px dotted #1d2088;
	margin-top: 35px;
}
.boxSupervisesImage {
	width: 145px;
	order: 2;
}
.boxSupervisesText {
	width: 295px;
	order: 1;
}

.boxSupervisesText ul {

}

.boxSupervisesText li {
	margin-left: 15px;
	list-style-type: disc;
}

.nameSupervises {
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 10px;
	line-height: 1.6;
}
.nameSupervises .subTtl {
	font-size: 1.2rem;
	line-height: 1.2;
	margin-left: -5px;
}

.biogSupervises {
	display: block;
	width: 295px;
}

.biogSupervises .mt_10 {
	display: block;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	.boxSkin02 .headingWrap {
		margin-bottom: 25px;
		padding-bottom: 20px;
		padding-top: 0;
		padding-right: 15px;
	}
	.headingWrap .inner {
		height: auto;
		margin-bottom: 5px;
		padding: 156px 0 0 0;
		background: url(../img/bg_sp.png) no-repeat center top;
		background-size: auto 156px;
	}
	.headingWrap h2 {
		padding-top: 17px;
		padding-left: 9px;
		line-height: 1.35;
		letter-spacing: 0.5px;
	}

	.txtSupervises {
		margin-bottom: 25px;
		text-align: right;
		font-size: 1.2rem!important;
		line-height: 1.5!important;
	}

	.boxSupervises {
		display: block;
		padding: 20px 20px;
	}

	.boxSupervisesImage {
		width: 50%;
		display: block;
		margin-left: auto!important;
		margin-right: auto!important;
		margin-bottom: 0!important;
	}

	.boxSupervisesText {
		width: 100%;
	}

	.nameSupervises {
		text-align: center;
		margin-top: 7px;
		margin-bottom: 10px;
	}
	.nameSupervises .subTtl {
		margin-left: 0px;
	}

	.biogSupervises {
		display: block;
		width: 100%;
	}

	.biogSupervises .mt_10 {
		display: block;
		margin-top: 5px;
	}

	.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;
	}
}