@charset "utf-8";

.philosophy_content {
	background: url(../../images/bg_section.svg) no-repeat top 115px center;
	margin-top: -65px;
	padding-bottom: 50px;
	position: relative;
	z-index: 5;
}

.philosophy_content::after {
	background: #D52127;
	bottom: -50px;
	content: '';
	height: 200px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6px;
	z-index: -1;
}

.philosophy_box {
	background: #fff;
	box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.20);
	padding: 65px 65px 85px;
}
.philosophy_title {
	display: flex;
	align-items: center;
	color:#D52127;
	font-size: 2.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.87px;
}
.philosophy_title span { 
	display: inline-block;
	color: #666;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 15px;
}
.philosophy_text {
	background: #eee;
	color: #000;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.96px;
	padding: 55px 15px 45px 65px;
	margin-top: 20px;
}
.philosophy_text + .philosophy_title {
	margin-top: 70px;
}
.philosophy_text .culture-list {
	width: 700px;
	margin: 0 auto;
}
.philosophy_text .culture-list div:nth-of-type(n + 4) {
	margin-top: 5px;
}
.description_box {
	position: relative;
	padding: 58px;
	margin: 67px 40px 0;
}
.description_box .description_box_title {
	color: #000;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.72px;
}
.description_box .description_box_text {
	margin-top: 20px;
	color: #000;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.6px;
}
.description_box .description_box_text .strong_text {
	color: #D52127;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.6px;
}
.description_box .arrow {
  position: absolute;
  display: inline-block;
  width: 75px;
  height: 150px;
  transform: rotate(180deg);
	left: 0;
	top: -60px;
}
.description_box .arrow.-bottom {
	position: absolute;
	top: auto;
	bottom: -60px;
	left: auto;
	right: 0;
  transform: rotate(0);
}
.description_box .arrow::before,
.description_box .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 150px;
  height: 1px;
  border-radius: 9999px;
  background-color: #666666;
  transform-origin: calc(100% - 2px) 50%;
}

.description_box .arrow::before {
  transform: rotate(90deg);
}

.description_box .arrow::after {
  transform: rotate(0);
}
@media (max-width: 767px) {
	.philosophy_box {
		background: #fff;
		box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.20);
		padding: 35px 15px 70px;
	}
	.philosophy_content::after {
		bottom: -20px;
		height: 170px;
		width: 3px;
	}
	.philosophy_title {
		font-size: 2.4rem;
		flex-direction: column;
		align-items: flex-start;
	}
	.philosophy_title span {
    font-size: 1.8rem;
		display: block;
		margin-left: 0;
	}
	.philosophy_text {
    font-size: 2.4rem;
		padding: 30px 25px;
	}
	.philosophy_text .culture-list {
    width: auto;
	}
	.description_box {
    position: relative;
    padding: 0;
    margin: 80px 20px 0;
	}
	.description_box .arrow {
    left: -20px;
    top: -110px;
}
	.description_box .arrow::before, 
	.description_box .arrow::after {
    width: 90px;
	}
	.description_box .arrow.-bottom {
    bottom: -110px;
    right: -20px;
    transform: rotate(0);
	}
	.description_box .description_box_title {
    color: #000;
    font-size: 2rem;
	}
	.description_box .description_box_text {
    font-size: 1.6rem;
	}
}