@charset "UTF-8";
/*------------- value color --------------*/
/*-------------- business color -------------------*/
/*-------------- members color -------------------*/
/*-------------- interview color -------------------*/
@-webkit-keyframes hoverBtnArrowAnim {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateX(60%);
		        transform: translateX(60%);
		opacity: 0;
	}
	50.1% {
		-webkit-transform: translateX(-60%);
		        transform: translateX(-60%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@keyframes hoverBtnArrowAnim {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateX(60%);
		        transform: translateX(60%);
		opacity: 0;
	}
	50.1% {
		-webkit-transform: translateX(-60%);
		        transform: translateX(-60%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
	}
}
@-webkit-keyframes elmShow {
	0% {
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes elmShow {
	0% {
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@-webkit-keyframes imggrad-slide {
	from {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
		opacity: 1;
	}
	to {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
		opacity: 0;
	}
}
@keyframes imggrad-slide {
	from {
		-webkit-transform: translateX(-110%);
		        transform: translateX(-110%);
		opacity: 1;
	}
	to {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
		opacity: 0;
	}
}
/* グラデを消す余韻 */
@-webkit-keyframes imggrad-wipe {
	0% {
		-webkit-transform: translateX(101%);
		        transform: translateX(101%);
		opacity: 1;
	}
	40% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
		opacity: 0;
	}
}
@keyframes imggrad-wipe {
	0% {
		-webkit-transform: translateX(101%);
		        transform: translateX(101%);
		opacity: 1;
	}
	40% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(110%);
		        transform: translateX(110%);
		opacity: 0;
	}
}
@-webkit-keyframes imgscale {
	0% {
		-webkit-transform: scale(2);
		        transform: scale(2);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes imgscale {
	0% {
		-webkit-transform: scale(2);
		        transform: scale(2);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@-webkit-keyframes entryAnim {
	0%, 100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
	}
}
@keyframes entryAnim {
	0%, 100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.8);
		        transform: scale(0.8);
	}
}
@-webkit-keyframes textscale {
	0% {
		opacity: 0;
		-webkit-transform: scale(2);
		        transform: scale(2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes textscale {
	0% {
		opacity: 0;
		-webkit-transform: scale(2);
		        transform: scale(2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
/*---footer-entry---*/
@-webkit-keyframes entryShake {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	20% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes entryShake {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	20% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	40% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
.p-philosophy {
	background-color: #F4F4F4;
	padding-top: 20rem;
	padding-bottom: 12.8rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}
.p-philosophy__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content {
		display: block;
	}
}
.p-philosophy__content .clip-triangle {
	/* ===== 変数 ===== */
	--base: 100%; /* 底辺 */
	--height: 100%; /* 高さ */
	width: var(--base);
	height: var(--height);
	background: #ffffff;
	clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.p-philosophy__content .clip-inv-trapezoid {
	/* ===== 変数 ===== */
	--base: 100%; /* 下辺（全体幅） */
	--height: 100%; /* 高さ */
	--bottom-ratio: 0.3; /* 下辺 ÷ 上辺（0〜1） */
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .clip-inv-trapezoid {
		--bottom-ratio: 0.38;
	}
}
.p-philosophy__content .clip-inv-trapezoid {
	width: var(--base);
	height: var(--height);
	background: #000;
	clip-path: polygon(0% 0%, 100% 0%, calc((1 + var(--bottom-ratio)) * 50%) 100%, calc((1 - var(--bottom-ratio)) * 50%) 100%);
}
.p-philosophy__content .clip-trapezoid {
	/* ===== 変数 ===== */
	--base: 100%; /* 下辺（全体幅） */
	--height: 100%; /* 高さ */
	--top-ratio: 0.61; /* 上辺 ÷ 下辺（0〜1） */
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .clip-trapezoid {
		--top-ratio: 0.62;
	}
}
.p-philosophy__content .clip-trapezoid {
	width: var(--base);
	height: var(--height);
	background: #ffffff;
	clip-path: polygon(calc((1 - var(--top-ratio)) * 50%) 0%, calc((1 + var(--top-ratio)) * 50%) 0%, 100% 100%, 0% 100%);
}
.p-philosophy__content .tri-wrap {
	width: 58.5rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .tri-wrap {
		width: 100%;
	}
}
.p-philosophy__content .tri-wrap .tri {
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	        mask-size: 100% 100%;
	background-color: #000;
	padding: 1.5rem;
	margin: auto;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .tri-wrap .tri {
		padding: 0;
	}
}
.p-philosophy__content .tri-wrap .tri-top {
	width: 44rem;
	height: 37rem;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(-1.72%, #00498A), color-stop(6.59%, #BB2AA8), color-stop(14.71%, #E62E8B), color-stop(25.2%, #F00), color-stop(58.51%, #EE7500), color-stop(70.53%, #FCB910), color-stop(82.57%, #8EC43E), color-stop(91.51%, #094), color-stop(102.98%, #00B7FF));
	background: linear-gradient(0deg, #00498A -1.72%, #BB2AA8 6.59%, #E62E8B 14.71%, #F00 25.2%, #EE7500 58.51%, #FCB910 70.53%, #8EC43E 82.57%, #094 91.51%, #00B7FF 102.98%);
	background-size: 200% 200%;
	-webkit-animation: GradVerticalUp 10s ease infinite;
	        animation: GradVerticalUp 10s ease infinite;
}
@-webkit-keyframes GradVerticalUp {
	0% {
		background-position: 50% 100%;
	}
	50% {
		background-position: 50% 0%;
	}
	100% {
		background-position: 50% 100%;
	}
}
@keyframes GradVerticalUp {
	0% {
		background-position: 50% 100%;
	}
	50% {
		background-position: 50% 0%;
	}
	100% {
		background-position: 50% 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .tri-wrap .tri-top {
		width: 22.9rem;
		height: 17.7rem;
	}
}
.p-philosophy__content .tri-wrap .tri-btm {
	width: 58.5rem;
	height: 54.2rem;
	margin-top: -13rem;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(-1.72%, #00498A), color-stop(6.59%, #BB2AA8), color-stop(14.71%, #E62E8B), color-stop(25.2%, #F00), color-stop(58.51%, #EE7500), color-stop(70.53%, #FCB910), color-stop(82.57%, #8EC43E), color-stop(91.51%, #094), color-stop(102.98%, #00B7FF));
	background: linear-gradient(180deg, #00498A -1.72%, #BB2AA8 6.59%, #E62E8B 14.71%, #F00 25.2%, #EE7500 58.51%, #FCB910 70.53%, #8EC43E 82.57%, #094 91.51%, #00B7FF 102.98%);
	background-size: 200% 200%;
	-webkit-animation: GradVerticalDown 10s ease infinite;
	        animation: GradVerticalDown 10s ease infinite;
}
@-webkit-keyframes GradVerticalDown {
	0% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 50% 100%;
	}
	100% {
		background-position: 50% 0%;
	}
}
@keyframes GradVerticalDown {
	0% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 50% 100%;
	}
	100% {
		background-position: 50% 0%;
	}
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .tri-wrap .tri-btm {
		width: 30.3245rem;
		height: 28.8387rem;
		margin-top: -9rem;
	}
}
.p-philosophy__content .box {
	background-color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: auto;
}
.p-philosophy__content .box__title {
	text-align: center;
	color: #ffffff;
	font-size: 2.2rem;
	font-style: italic;
	font-weight: 600;
	line-height: 100%; /* 2.2rem */
	letter-spacing: 0.044rem;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box__title {
		font-size: 1.152rem;
		letter-spacing: 0.023rem;
	}
}
.p-philosophy__content .box__title span {
	display: inline-block;
	background-color: #000;
	padding: 0.8rem 1.5rem 0.6rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box__title span {
		padding: 0.3rem 0.8rem 0.3rem;
	}
}
.p-philosophy__content .box__text {
	margin-top: 0.9rem;
	text-align: center;
	-webkit-font-feature-settings: "palt" on;
	        font-feature-settings: "palt" on;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 140%; /* 3.08rem */
	letter-spacing: 0.11rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box__text {
		font-size: 1.3rem;
		letter-spacing: 0.065rem;
		margin-top: 0.5rem;
	}
}
.p-philosophy__content .box.box1 {
	width: 39.3rem;
	height: 33.3rem;
	padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box.box1 {
		width: 20.7rem;
		height: 15.5rem;
		padding-bottom: 0;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		position: relative;
		top: 0.8rem;
		padding-top: 2rem;
	}
}
.p-philosophy__content .box.box2 {
	width: 32rem;
	height: 30.4rem;
	padding-top: 8rem;
	position: relative;
	top: 1.5rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box.box2 {
		height: 16rem;
		width: 17rem;
		top: 1.6rem;
		padding-top: 5rem;
	}
}
.p-philosophy__content .box.box3 {
	position: relative;
	top: 2.5rem;
	width: 53.3rem;
	height: 18.7rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .box.box3 {
		width: 27.8rem;
		height: 9.9rem;
		top: 2.2rem;
	}
}
.p-philosophy__content .content-area {
	width: calc(100% - 58.5rem);
	padding-left: 4rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .content-area {
		width: 100%;
		padding: 0 0 0;
		margin-top: 8rem;
	}
}
.p-philosophy__content .content-area__box {
	margin-top: 5.6rem;
	padding-bottom: 5.6rem;
	border-bottom: 1px solid #9B9A9A;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .content-area__box {
		margin-top: 3.2rem;
		padding-bottom: 4rem;
	}
}
.p-philosophy__content .content-area__box:first-of-type {
	margin-top: 0;
}
.p-philosophy__content .content-area__box:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}
.p-philosophy__content .content-area .title-en {
	color: #ffffff;
	font-size: 2.2rem;
	font-style: italic;
	font-weight: 600;
	line-height: 100%; /* 2.2rem */
	letter-spacing: 0.044rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .content-area .title-en {
		-webkit-font-feature-settings: "palt" on;
		        font-feature-settings: "palt" on;
		font-size: 1.8rem;
		letter-spacing: 0.036rem;
	}
}
.p-philosophy__content .content-area .title-en .c-belt {
	padding-bottom: 0.3em;
}
.p-philosophy__content .content-area .title-jp {
	margin-top: 1.6rem;
	-webkit-font-feature-settings: "palt" on;
	        font-feature-settings: "palt" on;
	font-family: "Noto Sans JP";
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 160%; /* 3.84rem */
	letter-spacing: 0.128rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .content-area .title-jp {
		font-size: 2rem;
		line-height: 140%; /* 2.8rem */
		letter-spacing: 0.08rem;
	}
}
.p-philosophy__content .content-area .text {
	margin-top: 2.4rem;
	text-align: justify;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 200%; /* 2.8rem */
	letter-spacing: 0.028rem;
}
@media screen and (max-width: 767px) {
	.p-philosophy__content .content-area .text {
		margin-top: 1.6rem;
		-webkit-font-feature-settings: "palt" on;
		        font-feature-settings: "palt" on;
		letter-spacing: 0.056rem;
	}
}

.p-imgmain img {
	display: block;
}

.p-value {
	padding-top: 18rem;
	padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
	.p-value {
		padding-top: 5rem;
		padding-bottom: 9rem;
		background-color: #F4F4F4;
	}
}
.p-value .l-content-inner {
	width: 135rem;
}
@media screen and (max-width: 767px) {
	.p-value .l-content-inner {
		padding: 0;
	}
}
.p-value .c-section-title .title-en {
	margin-top: 3rem;
	font-size: 10.682rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 10.682rem */
	letter-spacing: -0.2136rem;
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en {
		font-size: 4.6rem;
		letter-spacing: -0.1rem;
		margin-top: 1.1rem;
	}
}
.p-value .c-section-title .title-en .small {
	font-size: 6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 6rem */
	letter-spacing: -0.12rem;
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en .small {
		font-size: 2.4rem;
		letter-spacing: -0.048rem;
		margin-bottom: 0.8rem;
		display: inline-block;
	}
}
.p-value .c-section-title .title-en .kakko {
	display: inline-block;
	position: relative;
	top: 1.7rem;
	margin-left: 1rem;
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en .kakko {
		top: 0.8rem;
		margin-left: 0.5rem;
		padding-right: 1.2rem;
	}
}
.p-value .c-section-title .title-en .kakko::before, .p-value .c-section-title .title-en .kakko::after {
	content: "";
	width: 4rem;
	height: 4.1rem;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: absolute;
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en .kakko::before, .p-value .c-section-title .title-en .kakko::after {
		width: 1.8rem;
		height: 1.8rem;
	}
}
.p-value .c-section-title .title-en .kakko:before {
	left: -1.5rem;
	top: -0.5rem;
	background-image: url(../images/top/img_value_kakko01.svg);
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en .kakko:before {
		left: -0.8rem;
		top: -0.3rem;
	}
}
.p-value .c-section-title .title-en .kakko::after {
	right: -3rem;
	bottom: 0.7rem;
	background-image: url(../images/top/img_value_kakko02.svg);
}
@media screen and (max-width: 767px) {
	.p-value .c-section-title .title-en .kakko::after {
		right: -1.2rem;
		right: 0;
		bottom: 0.2rem;
	}
}
.p-value__text {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 200%; /* 3.2rem */
	letter-spacing: 0.032rem;
	margin-top: 2rem;
}
@media screen and (max-width: 767px) {
	.p-value__text {
		-webkit-font-feature-settings: "palt" on;
		        font-feature-settings: "palt" on;
		font-size: 1.4rem;
		font-weight: 500;
		letter-spacing: 0.056rem;
		margin-top: 1rem;
	}
}
.p-value__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 6.5rem;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-value__content {
		display: block;
		margin-top: 5rem;
	}
}
.p-value__sticky {
	width: calc(100% - 80rem);
	padding-right: 7.4rem;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-value__sticky {
		width: 100%;
		padding: 0 0 0;
	}
}
.p-value__cards {
	position: sticky;
	left: 0;
	top: 0;
	min-height: 77.5rem;
}
@media screen and (max-width: 767px) {
	.p-value__cards {
		min-height: auto;
	}
}
@media print, screen and (min-width: 768px) {
	.p-value__cards .card {
		-webkit-transform: 0.2s;
		        transform: 0.2s;
	}
}
@media print, screen and (min-width: 768px) {
	.p-value__cards.is-sticky .card {
		top: 10rem;
	}
}
.p-value__list {
	width: 80rem;
	padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
	.p-value__list {
		width: 100%;
		padding-bottom: 0;
	}
}
.p-value__list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 2.4rem;
	cursor: pointer;
	padding: 3rem 3rem 3rem;
	border-top: 1px solid #949494;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-value__list .item {
		padding: 2.2rem 2rem 2.2rem 2.3rem;
		gap: 1.5rem;
	}
}
.p-value__list .item::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: 0.3s opacity;
	transition: 0.3s opacity;
}
.p-value__list .item:last-of-type {
	border-bottom: 1px solid #949494;
}
.p-value__list .item > * {
	position: relative;
}
.p-value__list .item .num {
	width: 5.1rem;
	height: 5.1rem;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 100%; /* 2.2rem */
	letter-spacing: 0.022rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 767px) {
	.p-value__list .item .num {
		width: 4.2022rem;
		height: 4.2022rem;
		font-size: 1.8rem;
		letter-spacing: 0.018rem;
	}
}
.p-value__list .item .text1 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 100%; /* 3rem */
	letter-spacing: 0.06rem;
	-webkit-transition: 0.3s color;
	transition: 0.3s color;
}
@media screen and (max-width: 767px) {
	.p-value__list .item .text1 {
		font-size: 2.4rem;
		letter-spacing: 0.048rem;
	}
}
.p-value__list .item .text2 {
	font-size: 3rem;
	font-weight: 700;
	line-height: 100%; /* 3rem */
	letter-spacing: 0.06rem;
	-webkit-transition: 0.3s color, 0.3s -webkit-transform;
	transition: 0.3s color, 0.3s -webkit-transform;
	transition: 0.3s color, 0.3s transform;
	transition: 0.3s color, 0.3s transform, 0.3s -webkit-transform;
}
@media screen and (max-width: 767px) {
	.p-value__list .item .text2 {
		font-size: 2.4rem;
		letter-spacing: 0.048rem;
	}
}
@media screen and (max-width: 767px) {
	.p-value__list .item .arrow {
		width: 1.6rem;
		height: 1rem;
		margin-left: auto;
	}
}
.p-value__list .item:nth-of-type(1) .num,
.p-value__list .item:nth-of-type(1) .text1, .p-value__list .item:nth-of-type(1)::before {
	background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
}
.p-value__list .item:nth-of-type(1) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(1):hover {
		background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
	}
}
.p-value__list .item:nth-of-type(2) .num,
.p-value__list .item:nth-of-type(2) .text1, .p-value__list .item:nth-of-type(2)::before {
	background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
	background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
}
.p-value__list .item:nth-of-type(2) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(2):hover {
		background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
		background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
	}
}
.p-value__list .item:nth-of-type(3) .num,
.p-value__list .item:nth-of-type(3) .text1, .p-value__list .item:nth-of-type(3)::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
	background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
}
.p-value__list .item:nth-of-type(3) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(3):hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
		background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
	}
}
.p-value__list .item:nth-of-type(4) .num,
.p-value__list .item:nth-of-type(4) .text1, .p-value__list .item:nth-of-type(4)::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
	background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
}
.p-value__list .item:nth-of-type(4) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(4):hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
		background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
	}
}
.p-value__list .item:nth-of-type(5) .num,
.p-value__list .item:nth-of-type(5) .text1, .p-value__list .item:nth-of-type(5)::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
	background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
}
.p-value__list .item:nth-of-type(5) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(5):hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
		background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
	}
}
.p-value__list .item:nth-of-type(6) .num,
.p-value__list .item:nth-of-type(6) .text1, .p-value__list .item:nth-of-type(6)::before {
	background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
}
.p-value__list .item:nth-of-type(6) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(6):hover {
		background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
	}
}
.p-value__list .item:nth-of-type(7) .num,
.p-value__list .item:nth-of-type(7) .text1, .p-value__list .item:nth-of-type(7)::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
	background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
}
.p-value__list .item:nth-of-type(7) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(7):hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
		background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
	}
}
.p-value__list .item:nth-of-type(8) .num,
.p-value__list .item:nth-of-type(8) .text1, .p-value__list .item:nth-of-type(8)::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
	background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
}
.p-value__list .item:nth-of-type(8) .text1 {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
	.p-value__list .item:nth-of-type(8):hover {
		background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
		background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
	}
}
@media (any-hover: hover) {
	.p-value__list .item:hover {
		opacity: 1;
	}
	.p-value__list .item:hover::before {
		opacity: 1;
	}
	.p-value__list .item:hover .num {
		background: #ffffff;
	}
	.p-value__list .item:hover .text1,
	.p-value__list .item:hover .text2 {
		color: #ffffff;
	}
	.p-value__list .item:hover .text1 {
		background: none;
		background-clip: border-box;
		-webkit-text-fill-color: initial;
	}
	.p-value__list .item:nth-of-type(1):hover .num span {
		background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(2):hover .num span {
		background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
		background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(3):hover .num span {
		background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
		background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(4):hover .num span {
		background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
		background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(5):hover .num span {
		background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
		background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(6):hover .num span {
		background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(7):hover .num span {
		background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
		background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.p-value__list .item:nth-of-type(8):hover .num span {
		background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
		background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
.p-value__list .item.is-current::before {
	opacity: 1;
}
.p-value__list .item.is-current .num {
	background: #ffffff;
}
.p-value__list .item.is-current .text1 {
	background: none;
	background-clip: border-box;
	-webkit-text-fill-color: initial;
}
.p-value__list .item.is-current .text1,
.p-value__list .item.is-current .text2 {
	color: #ffffff;
}
.p-value__list .item.is-current .arrow {
	color: #ffffff;
}
.p-value__list .item.is-current:nth-of-type(1) .num span {
	background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(2) .num span {
	background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
	background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(3) .num span {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
	background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(4) .num span {
	background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
	background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(5) .num span {
	background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
	background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(6) .num span {
	background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(7) .num span {
	background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
	background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-value__list .item.is-current:nth-of-type(8) .num span {
	background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
	background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.card {
	width: 47.6rem;
	height: 67.5rem;
	-webkit-box-shadow: 0 0.8rem 3rem 0 rgba(235, 187, 180, 0.69);
	        box-shadow: 0 0.8rem 3rem 0 rgba(235, 187, 180, 0.69);
	padding: 1rem;
}
@media screen and (max-width: 767px) {
	.card {
		width: 100%;
		height: auto;
		padding: 0.6rem;
		-webkit-box-shadow: none;
		        box-shadow: none;
		margin: auto;
	}
}
@media print, screen and (min-width: 768px) {
	.card {
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: 0.5s opacity;
		transition: 0.5s opacity;
	}
	.card.mfp-hide {
		display: block !important;
	}
	.card {
		opacity: 0;
		visibility: hidden;
	}
	.card.is-show {
		visibility: visible;
		opacity: 1;
	}
}
.card__inn {
	background-color: #ffffff;
	display: block;
	padding: 2rem;
	height: 100%;
	position: relative;
}
@media screen and (max-width: 767px) {
	.card__inn {
		padding: 1.4rem 1.4rem 4rem;
	}
}
.card .img {
	overflow: hidden;
}
.card .img img {
	display: block;
	-webkit-transition: 0.3s -webkit-transform;
	transition: 0.3s -webkit-transform;
	transition: 0.3s transform;
	transition: 0.3s transform, 0.3s -webkit-transform;
	width: 100%;
}
.card .cnt {
	padding: 3.2rem 0 0;
}
.card .text1 {
	font-size: 1.8073rem;
	font-weight: 700;
	line-height: 100%; /* 1.8073rem */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0.68rem;
}
@media screen and (max-width: 767px) {
	.card .text1 {
		font-size: 1.1rem;
		gap: 0.4rem;
	}
}
.card .text1::before {
	content: "";
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.card .text1::before {
		width: 0.6667rem;
		height: 0.6667rem;
	}
}
.card .text2 {
	margin-top: 0.9rem;
	-webkit-font-feature-settings: "palt" on;
	        font-feature-settings: "palt" on;
	font-size: 4.7049rem;
	font-weight: 900;
	line-height: 125%; /* 5.8811rem */
	letter-spacing: 0.2823rem;
}
@media screen and (max-width: 767px) {
	.card .text2 {
		margin-top: 0.5rem;
		font-size: 2.6rem;
		line-height: 125%; /* 3.25rem */
		letter-spacing: 0.156rem;
	}
}
.card .text3 {
	margin-top: 2.5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 180%; /* 3.24rem */
}
@media screen and (max-width: 767px) {
	.card .text3 {
		margin-top: 1.7rem;
		font-size: 1.4rem;
	}
}
.card#card01 {
	background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
}
.card#card01 .text1::before {
	background: linear-gradient(162deg, #F4D000 14.79%, #F28D12 81%);
}
.card#card02 {
	background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
	background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
}
.card#card02 .text1::before {
	background: -webkit-gradient(linear, left top, right top, from(#EF7500), to(#FF1A00));
	background: linear-gradient(90deg, #EF7500 0%, #FF1A00 100%);
}
.card#card03 {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
	background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
}
.card#card03 .text1::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0010C), to(#FF017D));
	background: linear-gradient(180deg, #F0010C 0%, #FF017D 100%);
}
.card#card04 {
	background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
	background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
}
.card#card04 .text1::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#C81D9E), to(#8B27C9));
	background: linear-gradient(180deg, #C81D9E 0%, #8B27C9 100%);
}
.card#card05 {
	background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
	background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
}
.card#card05 .text1::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#0E73CE), to(#1E24C2));
	background: linear-gradient(180deg, #0E73CE 0%, #1E24C2 100%);
}
.card#card06 {
	background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
}
.card#card06 .text1::before {
	background: linear-gradient(224deg, #48CAC1 22.44%, #14A8D9 86.08%);
}
.card#card07 {
	background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
	background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
}
.card#card07 .text1::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#4EBE21), to(#16AB68));
	background: linear-gradient(180deg, #4EBE21 0%, #16AB68 100%);
}
.card#card08 {
	background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
	background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
}
.card#card08 .text1::before {
	background: -webkit-gradient(linear, left top, left bottom, from(#98CC1D), to(#D7D41B));
	background: linear-gradient(180deg, #98CC1D 0%, #D7D41B 100%);
}

.mfp-bg {
	background-color: #000;
	opacity: 1;
}

.mfp-wrap {
	z-index: 2100;
}

.mfp-content {
	margin: auto;
}
@media (max-width: 767px) and (min-height: 701px) {
	.mfp-content {
		width: 75vw !important;
	}
}
@media (max-width: 767px) and (max-height: 700px) {
	.mfp-content {
		width: 30.8rem !important;
	}
}

button.mfp-close {
	position: absolute;
	top: -2rem;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	background-image: url(../images/common/close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	font-size: 0;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
	opacity: 1;
}
@media (max-width: 767px) and (min-height: 701px) {
	button.mfp-close {
		top: 0;
		-webkit-transform: translateY(0) translateX(120%);
		        transform: translateY(0) translateX(120%);
	}
}
@media (max-width: 767px) and (max-height: 700px) {
	button.mfp-close {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
	}
}
/*# sourceMappingURL=philosophy.css.map */