@charset "utf-8";

/* ------------------------------------------- */
/* principles */
/* ------------------------------------------- */
.edit-area.top {
  padding: 6.7rem 0 12rem;
}
@media screen and (max-width: 767px) {
  .edit-area.top {
    padding: 4rem 0;
  }
}
.edit-area.top .photo-box {
  margin-bottom: 5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .edit-area.top .photo-box {
    margin-bottom: 3rem;
  }
}

.edit-area.top .text-box {
  letter-spacing: 0.08em;
  line-height: 1.88;
}
.edit-area.top .text-box p {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .edit-area.top .text-box p {
    margin-bottom: 1.5rem;
  }
}
.edit-area.top .text-box p:last-child {
  margin-bottom: 0;
}

/* ------------------------------------------- */
/* principles */
/* ------------------------------------------- */
.edit-area.principles {
  padding: 11.4rem 0 16rem;
  border-top: 0.1rem solid #e5e5e5;
}
@media screen and (max-width: 767px) {
  .edit-area.principles {
    padding: 4rem 0;
  }
}

/* ------------------------------------------- */
/* philosophy */
/* ------------------------------------------- */
.edit-area.philosophy {
	padding: 3.7rem 0 11rem;
}
@media screen and (max-width: 767px){
	.edit-area.philosophy {
		padding: 2rem 0;
	}
}

.edit-area.philosophy .philosophy-list {
	margin: 0 auto;
	max-width: 80rem;
  counter-reset: number;
}
.edit-area.philosophy .philosophy-list li {
  counter-increment: number;
	position: relative;
  padding: 5rem 0 6rem 13.6rem;
  border-bottom: 1px solid #e2e2e2;
}
@media screen and (max-width: 767px){
	.edit-area.philosophy .philosophy-list li {
		padding: 2rem 0 3rem 6rem;
	}
}
.edit-area.philosophy .philosophy-list li:after {
  content: counter(number) ".";
	position: absolute;
	left: 3.4rem;
	top: 6rem;
  font-family: "Barlow";
  font-weight: bold;
  font-style: italic;
  font-size: 8.6rem;
  letter-spacing: 0.03em;
	line-height: 7rem;
  color: #a1d9cc;
}
@media screen and (max-width: 767px){
	.edit-area.philosophy .philosophy-list li:after {
		left: 1rem;
		top: 2rem;
		font-size: 5rem;
		line-height: 1;
	}
}
.edit-area.philosophy .philosophy-list li:last-child{
	border-bottom: 0;
}
.edit-area.philosophy .philosophy-list .list-title {
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.18em;
  line-height: 1.467;
}
@media screen and (max-width: 767px){
	.edit-area.philosophy .philosophy-list .list-title {
		font-size: 2rem;
		letter-spacing: 0.05em;
	}
	.edit-area.philosophy .philosophy-list .list-title br{
		display: none;
	}
}
.edit-area.philosophy .philosophy-list .list-spell {
	margin-top: 1rem;
  font-family: "Barlow";
  font-weight: bold;
  font-style: italic;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  color: #009775;
}
@media screen and (max-width: 767px){
	.edit-area.philosophy .philosophy-list .list-spell {
		margin-top: 0.5rem;
		font-size: 1rem;
		line-height: 1.4;
	}
}