@charset "UTF-8";
/* CSS Document */
.philosophy {
	margin-top: 80px
}
.philosophy p {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 2;
}
.group {
	margin-top: 100px
}
.group img{
	width: 100%
}
.outline {
	margin-top: 100px;
	margin-bottom: 120px;
}
.o_block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.o_title {
	width: 40%
}
.o_title h3 {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
}
.o_title h3::after {
	content: "";
	display: block;
	height: 1px;
	width: 67%;
	background: #B3AFB0;
	margin-top: 7px;
}
.o_content {
	width: 53%
}
.o_content tr {
	
	font-size: 16px
}
.o_content th {
	padding-right: 60px;
	padding-bottom: 40px;
}
.o_content td span {
	display: block;
	margin-bottom: -10px
}

.sp-br {
	display: none;
}

@media screen and (max-width : 520px) {
	.philosophy {
		margin-top: 50px
	}
	.philosophy p {
		font-size: 19px;
		margin-bottom: 20px;
		white-space: nowrap;
	}
	.group {
		margin-top: 60px
	}
	.outline {
		margin-top: 80px;
		margin-bottom: 60px;
	}
	.o_title {
		width: 100%
	}
	.o_content {
		width: 100%;
		margin-top: 15px;
	}
	.o_content tr, .o_content th, .o_content td {
	display: block
	}
	.o_content tr {
		padding: 15px 0;
	}
	.o_content th {
		padding-bottom: 15px;
	}
	.sp-br {
		display: block;
	}
}

/* アニメーション */
.gradient__wrap {
	height: 170px;
    align-items: center;
}
.gradient__title {
    animation: AnimationTitle 5s ease infinite;
    background: linear-gradient(to right, #FCFBFB, #A09F9F, #474545);
    background-size: 200% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
@keyframes AnimationTitle {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@media screen and (max-width : 520px) {
	.gradient__wrap {
	height: 110px;
}
}