.p-principle {
  margin-block: clamp(6rem, 10vw, 10rem);
  @media (max-width: 767.98px) {
	margin-block: 5rem;
  }
}
.p-principle__title {
  font-weight: 700;
  line-height: calc(72 / 30);
  font-size: clamp(2rem, 3vw, 3rem);
  letter-spacing: 0.07em;
  @media (max-width: 767.98px) {
	font-size: 2rem;
  }
}
.p-principle__text {
  line-height: calc(34 / 18);
  font-size: clamp(1.4rem, 1.8vw, 1.8rem);
  @media (max-width: 767.98px) {
	font-size: 1.4rem;
  }
}
.p-principle__text--lead {
	margin-top: 20px;
  margin-bottom: 60px;
  @media (max-width: 767.98px) {
	margin-bottom: 30px;
  }
}
.p-principle__text--note {
  margin-top: 30px;
}
.p-principle__box {
  margin-top: clamp(4rem, 8vw, 10rem);
}
.p-principle__list {
  display: grid;
  grid-auto-columns: minmax(0, auto);
  margin-top: 0.5vw;
  counter-reset: item;
}
.p-principle__item {
  line-height: 2;
  border-bottom: 1px solid #C1C1C1;
  padding-block: 1.5vw;
  padding-inline: 3rem;
  display: grid;
  grid-template-columns: 1fr 6fr;
  align-items: center;
  counter-increment: item;
  span:nth-of-type(1) {
  	font-size: clamp(1.6rem,1.8vw,1.8rem);
	font-weight: 600;
	color: #0075C2;
	&::before {
		content: counter(item) ". ";
	}
  }
  span:nth-of-type(2) {
  	font-size: clamp(1.4rem,1.8vw,1.8rem);
	@media (max-width: 767.98px) {
		font-size: 1.4rem;
	}
  }
  @media (max-width: 767.98px) {
  	grid-template-columns: 6fr;
	padding-block: 4vw;
  	padding-inline: 2rem;
  }
}

.p-principle__item--last span:nth-of-type(1) {
	position: relative;
	left: -6%;
	@media (max-width: 767.98px) {
		left: 0;
	}
}

.president_name {
	font-size: clamp(1.4rem,1.8vw,1.8rem);
	display: block;
	text-align: right;
	margin-top: 2rem;
	@media (max-width: 767.98px) {
		font-size: 1.4rem;
	}
}

.p-policy__list {
	counter-reset: item;
	background: #F8F8F8;
	padding: 3.2vw;
	display: grid;
	row-gap: 2rem;
	@media (max-width: 767.98px) {
		row-gap: 1rem;
		padding: 3rem 1.5rem;
	}
	li {
		counter-increment: item;
		font-size: clamp(1.4rem,1.8vw,1.8rem);
		padding-left: 30px;
		display: flex;
		position: relative;
		line-height: 140%;
		@media (max-width: 767.98px) {
			padding-left: 24px;
			font-size: 1.4rem;
		}
		&::before {
			content: counter(item) ". ";
			color: #0075C2;
			width: 26px;
			display: block;
			text-align: right;
			left: 0px;
			position: absolute;
			@media (max-width: 767.98px) {
				width: 21px;
			}
		}
	}
}