@charset "utf-8";
#page_top {
	background-image: url(../image/about/philosophy/philosophy-page_top@pc.webp);
}

#philosophy {
	width: 100%;
	height: auto;
	padding: 100px 0 0;
	overflow: hidden;
}
	.philosophy__inner {
		width: 90%;
		max-width: 620px;
		height: auto;
		margin: 0 auto;
	}
		.philosophy__heading {
			width: 100%;
			height: auto;
			margin: 0 auto 40px;
			font-size: 24px;
			font-weight: 600;
			line-height: 1.5;
		}
		.philosophy__txt {
			width: 100%;
			height: auto;
			font-size: 19px;
			font-weight: 600;
			line-height: 1.6;
			letter-spacing: 0.2em;
		}
		.about__image {
			width: 100vw;
			height: auto;
			margin: 150px auto 0;
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			z-index: 1;
		}
			.about__image__list_wrap {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: auto;
				height: auto;
				overflow: hidden;
			}
				.about__image__list {
					flex-shrink: 0;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					gap: calc(10 / 1920 * 100vw);
					margin-right: calc(10 / 1920 * 100vw);
					animation: infinity-scroll-left 80s infinite linear 0.5s both;
				}
					.about__image__list img {
						width: 25vw;
					}
				@keyframes infinity-scroll-left {
					from {
						transform: translateX(0);
					}
					to {
						transform: translateX(-100%);
					}
				}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#page_top {
	background-image: url(../image/about/philosophy/philosophy-page_top@sp.webp);
}

#philosophy {
	padding: 45px 0 0;
}
	.philosophy__inner {
		width: calc((310 / 390) * 100%);
		max-width: initial;
	}
		.philosophy__heading {
			margin: 0 auto 18px;
			letter-spacing: 0.05em;
		}
		.philosophy__txt {
			font-size: 14px;
			line-height: 2.4;
			letter-spacing: 0.02em;
		}
			.philosophy__txt span {
				white-space: nowrap;
			}
		.about__image {
			margin: 75px auto 0;
		}
				.about__image__list {
					gap: 0;
					margin-right: 0;
				}
					.about__image__list img {
						width: 100vw;
					}
}
/* SP ================================================== */
@media all and (max-width: 575px){

}