@charset "UTF-8";

.section-content p + p {margin-top: 2em;}
/* thought-section */
@media all {
	.bg-webp {
		position: relative;
		overflow: hidden;
	}
	.bg-webp::after {
		content: '';
		position: absolute;
		bottom: -1px;
		display: block;
		background-color: #fff;
		clip-path: polygon(50% calc(100% - 2px), 100% 0, 100% 100%, 0 100%, 0 0);
	}
	.thought-content {line-height: 2.733;}
	.thought-content p + p {margin-top: 1.367em;}
	.thought-sub-ttl {font-weight: bold;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.bg-webp::after {
			left: 0;
			width: 100%;
			height: 50rem;
		}
		.thought-content {padding-bottom: 350rem;}
		.thought-sub-ttl {
			margin-bottom: .5em;
			font-size: 20rem;
			line-height: 1.5;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.bg-webp::after {
			left: calc(50% - 800rem);
			width: 1600rem;
			height: 150rem;
		}

		.thought-section-inner {
			margin: 80rem auto 0;
			padding: 0 40rem 160rem;
			max-width: 1080rem;
		}
		.thought-content {margin-top: 50rem;}
		.thought-sub-ttl {font-size: 25rem;}
		@media (max-width: 1024px) {
			.thought-sub-ttl {font-size: 23rem;}
		}
	}
}

/* activity-section */
@media all {
	.activity-list {counter-reset: cnt;}
	.activity-item {
		counter-increment: cnt;
		position: relative;
	}
	.activity-item::before {
		content: counter(cnt, decimal-leading-zero);
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 2px;
		width: 2.25em;
		height: 2.25em;
		border-radius: 50%;
		background-color: var(--main-color);
		color: #fff;
		line-height: 1;
	}
	.activity-dl dt {font-weight: 900;}
	.activity-dl .sub {
		margin-bottom: .4em;
		font-weight: bold;
	}
	.activity-dl .sub::before {content: '/ ';}

	/* sp */
	@media only screen and (max-width: 767px) {
		.activity-section {padding-bottom: 300rem;}
		.main-section-lead {margin-top: 30rem;}
		
		.activity-item {padding-left: 35rem;}
		.activity-item + .activity-item {margin-top: 20rem;}
		.activity-item::before {font-size: 12rem;}
		.activity-dl dt {font-size: 18rem;}
		.activity-dl .sub {font-size: 18rem;line-height: 1.6;}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.activity-section {margin-top: 70rem;}
		.activity-section-inner {
			margin-left: auto;
			margin-right: max(20rem, 10%);
			width: 622rem;
			margin-right: max(20rem, 8%);
			width: 610rem;
		}
		.main-section-lead {margin-top: 50rem;}

		.activity-list {margin-top: 40rem;}
		.activity-item {padding-left: 45rem;}
		.activity-item + .activity-item {margin-top: 40rem;}
		.activity-item::before {font-size: 14rem;}
		.activity-dl dt {font-size: 18rem;}
		.activity-dl .sub {font-size: 18rem;}

		/* tab */
		@media (max-width: 1024px) {
			.activity-section-inner {
				margin-right: 20rem;
			}
		}
	}
}

/* carousel */
@media all {
	.carousel {
		background: left top / auto 100% repeat-x url(../img/vision/carousel.jpg);
		animation: carousel 3600s linear infinite;
	}
	@keyframes carousel {
		0% {background-position-x: 0;}
		100% {background-position-x: 85000rem;}
	}

	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.carousel {
			margin: 100rem auto 200rem;
			height: 240rem;
		}
	}
}

/* deco */
@media all {
	.deco {mix-blend-mode: multiply;}

	/* sp */
	@media only screen and (max-width: 767px) {
		.deco-c-3 {display: none;}
		.deco-c-4 {
			top: 100rem;
			left: calc(50% + 450rem);
			transform: scale(-1, -1);
		}
		.deco-c-5 {
			bottom: 130rem;
			left: -80rem;
			transform: scale(-1, -1);
		}

		.deco-1 {
			width: 320rem;
			left: calc(50% - 160rem);
			bottom: 30rem;
		}
		.deco-2 {
			bottom: 10rem;
			right: -10rem;
			width: 290rem;
		}}


	/* tab */
	@media (min-width: 768px) and (max-width: 1024px) {
		.deco-c-3 {
			top: 15rem;
			left: -155rem;
		}
		.deco-c-4 {
			top: 130rem;
			right: -180rem;
			transform: scale(-1, -1);
		}
		.deco-c-5 {
			top: 30rem;
			left: calc(50% - 580rem);
			transform: scale(-1, -1);
		}

		.deco-1 {
			z-index: 1;
			width: 400rem;
			left: max(540rem, calc(100% - 400rem));
			top: 50rem;
		}
		.deco-2 {
			width: 336rem;
			top: 100rem;
			left: max(calc(100% - 980rem), -150rem);
		}
	}

	/* pc */
	@media print,
	(min-width: 1025px) {
		.deco-c-3 {
			top: 70rem;
			left: calc(50% - 830rem);
		}
		.deco-c-4 {
			top: 100rem;
			left: calc(50% + 450rem);
			transform: scale(-1, -1);
		}
		.deco-c-5 {
			top: 30rem;
			left: calc(50% - 720rem);
			transform: scale(-1, -1);
		}

		.deco-1 {
			width: 430rem;
			right: calc(50% - 550rem);
			top: 0rem;
		}
		.deco-2 {
			width: 420rem;
			top: 100rem;
			left: calc(50% - 550rem);
		}
	}
}






/* template-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}