@charset "utf-8";



/*  Modules  Layout
*/

.business-scale .business-scale-inbox,
.cross-talk-inbox,
.staff-interview .staff-interview-inbox
.training-program .training-program-inbox,
.data-about .data-about-inbox {
	gap: 1rem;
}



/*  Modules  Business Scale
*/

.business-scale {
	z-index: 13000;

	/* aspect-ratio: 2879 / 4484; */
	height: 155.7vw;
	/* align-items: flex-start !important; */
}

@media screen and (min-width: 1900px) {
	.business-scale {
		/* aspect-ratio: 2881 / 3364; */
		/* height: 116.765vw; */
		max-height: calc(1900px + 21vw);
		background-image: url(../images/business-scale/back03-1920.png) !important;
	}
}

.business-scale-inbox > .wp-block-group {
	width: 90vw;
	max-width: var(--container-default);
	margin-left: auto !important;
	margin-right: auto !important;
}

.business-scale-list {
	gap: 2.25rem 3.5% !important;
}

.business-scale-list img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 135px;
}

.business-scale-one {
	width: 48.25%;
	align-self: stretch;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.business-scale-list .business-scale-one-title,
.business-scale-list .business-scale-one-image,
.business-scale-list .business-scale-one-numeric,
.business-scale-list .business-scale-one-description {
	width: 100%;
	line-height: 0.85em;
}

.business-scale-list .business-scale-one-title {
	margin-bottom: 1rem;
}

.business-scale-one-image {
	transform: scale(0);
}

.business-scale-one.show .business-scale-one-image {
	animation: sizeUp 0.64s ease-in-out forwards;
}

.business-scale-one.show:nth-child(2n) .business-scale-one-image {
	animation: sizeUp 0.64s ease-in-out 0.32s forwards;
}

.business-scale-list .business-scale-one-numeric {
	font-size: clamp(90px, calc(90px + ((1vw - 3.2px) * 18.529)), 110px) !important;
}

.business-scale-list .business-scale-one-numeric .pre,
.business-scale-list .business-scale-one-numeric .number,
.business-scale-list .business-scale-one-numeric .unit {
	line-height: 0.85em;
}

.business-scale-list .business-scale-one-numeric .pre,
.business-scale-list .business-scale-one-numeric .unit {
	font-size: 0.2em;
}

.business-scale-list {
	position: relative;
	z-index: 2;
}

.business-scale-list-description {
	position: relative;
	z-index: 3;
}



/*  Modules  Cross Talk
*/

.cross-talk {
	z-index: 14000;
	/* aspect-ratio: 1440 / 1660 */
	/* height: 111.6vw; */
	height: 76vw;
	/*  clip-pathをJavaScriptで動的切り替え: autoselect-clip.js  */
}

.cross-talk-inbox {
    padding-top: 25vw;
}

@media screen and (min-width: 1900px) {
	.cross-talk {
		/* max-height: 120vh; */
		/* height: 65vw; */
		/* max-height: 1350px; */
		max-height: calc(800px + 21vw);
	}

	.cross-talk-inbox {
		padding-top: 16.25vw;
	}
}

.cross-talk-bg-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	max-width: 100% !important;
	/*  背景に使用している動画をJavaScriptで動的切り替え: autoselect-movie.js  */
	/*  なのでWordpress管理画面で動画を差し替えても変更されず、autoselect-movie.jsを変更する必要がある  */
}

.cross-talk-bg-video,
.cross-talk-bg-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.cross-talk > .wp-block-group {
	width: 90vw;
	max-width: var(--container-default);
	margin-left: auto !important;
	margin-right: auto !important;
}

.cross-talk-list {
	width: 90vw;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--container-default);
}

.cross-talk-list .infinite-loop {
	display: flex;
	flex-wrap: nowrap;
}

.cross-talk-list .infinite-loop-scroll-outer {
	overflow: hidden;
}

.cross-talk .cross-talk-one {
	/* margin: 0 2vw; */
	margin-left: 3vw !important;
}

.cross-talk-list .infinite-loop .infinite-loop-navigation-prev {
	width: 70px;
	height: 70px;
	left: 50%;
	/* margin-left: calc(-771px - 2vw) !important; */	/* (1350 / 2) + 96 = 771 */
	margin-left: calc(-50% - 35px - 4vw) !important;	/* (1200 / 2) + 96 = 696 */
	background-color: transparent;
}

.cross-talk-list .infinite-loop .infinite-loop-navigation-next {
	width: 70px;
	height: 70px;
	left: 50%;
	right: auto;
	/* margin-left: calc(637px + 1vw) !important; */	/* (1350 / 2) - 38 = 637 */
	margin-left: calc(50% - 35px + 4vw) !important;	/* (1000 / 2) - 38 = 538 */
	background-color: transparent;
}

.cross-talk-list .infinite-loop .infinite-loop-navigation-prev .infinite-loop-navigation-button {
	width: 100%;
	height: 100%;
	background: url("../images/common/button03l.png") no-repeat transparent center;
	background-size: contain;
	cursor: pointer;
}

.cross-talk-list .infinite-loop .infinite-loop-navigation-next .infinite-loop-navigation-button {
	width: 100%;
	height: 100%;
	background: url("../images/common/button03r.png") no-repeat transparent center;
	background-size: contain;
	cursor: pointer;
}

.cross-talk-list .infinite-loop .infinite-loop-navigation-prev .infinite-loop-navigation-button::before,
.cross-talk-list .infinite-loop .infinite-loop-navigation-next .infinite-loop-navigation-button::before {
	content: "";
}



/*  Modules  Staff Interview
*/

.staff-interview {
	z-index: 15000;
	/* aspect-ratio: 2876 / 3122 */
	height: 89vw;
}

.staff-interview-inbox {
}

@media screen and (min-width: 1900px) {
	.staff-interview {
		/* max-height: 1420px; */
		max-height: calc(900px + 21vw);
	}
}

.staff-interview-inbox > .wp-block-group {
	width: 90vw;
	max-width: var(--container-default);
	margin-left: auto !important;
	margin-right: auto !important;
}

.staff-interview .infinite-loop-scroll-outer {
	overflow: hidden;
}

.staff-interview .infinite-loop-scroll-view {
	/* gap: 1vw; */
}

.staff-interview-one {
	position: relative;
	margin-left: 14px;
}


.staff-interview-one .img_top_thumbnails_pc,
.staff-interview-one .img_top_thumbnails_sp {
	position: absolute;
	top: 0;
	left: 0;
}

.staff-interview-one .img_top_thumbnails_sp {
	display: none;
}


.staff-interview-one .cpt-all-link {
	padding-top: 101.823%;
	border-radius: 1rem !important;
	overflow: hidden;
}

.staff-interview-one .apt-all-out-a-element {
	display: flex;
	flex-wrap: wrap;
	gap: 0 5%;
}

.staff-interview-one .position {
	font-size: var(--wp--preset--font-size--small-s) !important;
	width: calc(94.99% - 64px);
}

.staff-interview-one .youtube_url {
	font-size: 0;
	position: relative;

	/* padding: 0.9rem 0; */
	display: flex;
	align-items: center;
}

.staff-interview-one .youtube_url a {
	width: 64px;
	/* aspect-ratio: 97 / 63; */
	aspect-ratio: 192 / 43;
}

.staff-interview-one .youtube_url a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	/* background: url(../images/common/icon_youtube.png) no-repeat center center / contain; */
	background: url(../images/common/yt_logo.png) no-repeat center center / contain;
}

.staff-interview-one .join_year {
	word-break: keep-all;
	font-size: var(--wp--preset--font-size--small-s) !important;
}

.staff-interview-one .initial {
	word-break: keep-all;
	font-size: var(--wp--preset--font-size--small-s) !important;
}



.staff-interview-list .infinite-loop {
	display: flex;
	flex-wrap: nowrap;
}

.staff-interview-list .infinite-loop .infinite-loop-navigation-prev {
	width: 70px;
	height: 70px;
	left: 50%;
	/* margin-left: calc(-771px - 2vw) !important; */	/* (1350 / 2) + 96 = 771 */
	margin-left: calc(-50% - 35px - 4vw) !important;	/* (1200 / 2) + 96 = 696 */
	background-color: transparent;
}

.staff-interview-list .infinite-loop .infinite-loop-navigation-next {
	width: 70px;
	height: 70px;
	left: 50%;
	right: auto;
	/* margin-left: calc(637px + 1vw) !important; */	/* (1350 / 2) - 38 = 637 */
	margin-left: calc(50% - 35px + 4vw) !important;	/* (1000 / 2) - 38 = 538 */
	background-color: transparent;
}

.staff-interview-list .infinite-loop .infinite-loop-navigation-prev .infinite-loop-navigation-button {
	width: 100%;
	height: 100%;
	background: url("../images/common/button03l.png") no-repeat transparent center;
	background-size: contain;
	cursor: pointer;
}

.staff-interview-list .infinite-loop .infinite-loop-navigation-next .infinite-loop-navigation-button {
	width: 100%;
	height: 100%;
	background: url("../images/common/button03r.png") no-repeat transparent center;
	background-size: contain;
	cursor: pointer;
}

.staff-interview-list .infinite-loop .infinite-loop-navigation-prev .infinite-loop-navigation-button::before,
.staff-interview-list .infinite-loop .infinite-loop-navigation-next .infinite-loop-navigation-button::before {
	content: "";
}



/*  Modules  Training Program
*/

.training-program {
	z-index: 16000;
	overflow: hidden;
	/* aspect-ratio: 2879 / 3575; */
	height: 106.25vw;
}

.training-program-inbox {
    padding-top: 25vw;
}

@media screen and (min-width: 1900px) {
	.training-program {
		max-height: calc(1475px + 26.75vw);
	}

	.training-program-inbox {
		padding-top: 16.25vw;
	}
}

.training-program-inbox > .wp-block-group {
	width: 90vw;
	max-width: var(--container-default);
	margin-left: auto !important;
	margin-right: auto !important;
}



.training-program-graph {
	display: grid;

	grid-template:
		". . titlevalue titlesub" min-content
		"deco s01key s01value subbody" 5.3fr
		"deco s02key s02value subbody" 5.3fr
		"deco s03key s03value subbody" 4fr
		/ 4vw 1.1fr 1fr 1fr;

	height: 101%;
	gap: 0 1vw;
}



.training-program-graph-deco {
	grid-area: deco;
	width: 4vw;
	/* height: 40.833vw; */
	/* height: 43.5vw; */
	min-height: 100%;
}

@media screen and (min-width: 1900px) {
	.training-program-graph-deco {
		height: 33vw;
	}
}

.training-program-graph-deco::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0.625vw;
	height: 98%;
	margin: auto;
	background: #5e5d5d;
}

.training-program-graph-deco::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 0;
	height: 0;
	width: 0;
	transform: translateX(-50%);
	border-top: 2vw solid #5e5d5d;
	border-left: 1.38vw solid transparent;
	border-right: 1.38vw solid transparent;
	border-bottom: 0;
}



.training-program-graph-deco-circle {
	position: absolute;
	z-index: 1;
	top: -0.5vw;
	left: 0;
	right: 0;
	margin: auto;
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	background-color: #ff3e3e;
	animation: slideDownWithFadeOutForTP 5s ease-in-out infinite;
	--slide-down-top-for-top: 93%;
}

@keyframes slideDownWithFadeOutForTP {
	0% { top: -1%; opacity: 1; }	/*  矢印の根本から開始  */
	60% { top: var(--slide-down-top-for-top); opacity: 1; }	/*  矢印の首元まで移動  */
	80% { top: var(--slide-down-top-for-top); opacity: 1; }	/*  その場で一時停止  */
	98% { top: var(--slide-down-top-for-top); opacity: 0; }	/*  その場で消える  */
	99% { top: -1%; opacity: 0; }	/*  消えたまま矢印の根本まで移動、移動中を見せない  */
	100% { top: -1%; opacity: 1; }	/*  開始位置で待機  */
}



@media screen and (min-width: 1900px) {
	.training-program-graph-deco-circle {
	--slide-down-top-for-top: 91%;
	}
}



.training-program-graph-head.training-program-graph-value {
	grid-area: titlevalue;
}

.training-program-graph-head.training-program-graph-sub {
	grid-area: titlesub;
}

.step01.training-program-graph-key {
	grid-area: s01key;
}

.step01.training-program-graph-value {
	grid-area: s01value;
}

.step02.training-program-graph-key {
	grid-area: s02key;
}

.step02.training-program-graph-value {
	grid-area: s02value;
}

.step03.training-program-graph-key {
	grid-area: s03key;
}

.step03.training-program-graph-value {
	grid-area: s03value;
}

.training-program-graph-sub-body {
	grid-area: subbody;
}



.training-program-graph-head {
	margin-bottom: 0.5rem !important;
}

.training-program-graph-key:not(.step03):not(.training-program-graph-head),
.training-program-graph-value:not(.step03):not(.training-program-graph-head) {
	margin-bottom: 3rem !important;
}



.training-program-graph-key:not(.training-program-graph-blank) {
	padding: 0 1.5rem;
	background-color: var(--wp--preset--color--training-program-step-01);
	border-top-left-radius: 8rem;
	border-bottom-left-radius: 8rem;
}

.training-program-graph-key:not(.training-program-graph-blank)::before {
	content: "";
	position: absolute;
	z-index: 1;

	border-top: 0.75rem solid transparent;
	border-left: 0 solid transparent;
	border-right: 2.5vw solid var(--wp--preset--color--training-program-step-01);
	border-bottom: 0.75rem solid transparent;

	width: 0;
	height: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -2.4vw;
	right: auto;
}

.training-program-graph-key:not(.training-program-graph-head),
.training-program-graph-value:not(.training-program-graph-head) {
	padding: 1rem 1.5rem;
}



.training-program-graph-step {
	background-color: var(--wp--preset--color--bg-light);
	border-radius: 50%;
	width: 90px;
	height: 90px;
	display: flex;
	flex-shrink: 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	color: var(--wp--preset--color--training-program-step-01);
}

.training-program-graph-step span {
	line-height: 0.9em;
}

.training-program-graph-step .step_number {
	width: 100%;
	font-size: 2.5em;
	font-weight: bold;
}



.training-program-graph-image {
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
}

.training-program-graph-image img {
	max-height: 100px;
}

.training-program-graph-key {
	width: 100%;
}

.training-program-graph-value:not(.training-program-graph-head) {
	background-color: var(--wp--preset--color--training-program-step-01);
	width: 100%;
}



.step02 .training-program-graph-step {
	color: var(--wp--preset--color--training-program-step-02);
}

.step02.training-program-graph-key {
	background-color: var(--wp--preset--color--training-program-step-02);
}

.step02.training-program-graph-key:not(:first-child)::before {
	border-right: 2.5vw solid var(--wp--preset--color--training-program-step-02);
}

.step02.training-program-graph-value {
	background-color: var(--wp--preset--color--training-program-step-02);
}



.step03 .training-program-graph-step {
	color: var(--wp--preset--color--training-program-step-03);
}

.step03.training-program-graph-key {
	background-color: var(--wp--preset--color--training-program-step-03);
}

.step03.training-program-graph-key:not(:first-child)::before {
	border-right: 2.5vw solid var(--wp--preset--color--training-program-step-03);
}

.step03.training-program-graph-value {
	background-color: var(--wp--preset--color--training-program-step-03);
}



.step01.training-program-graph-key,
.step01.training-program-graph-value,
.step02.training-program-graph-key,
.step02.training-program-graph-value,
.step03.training-program-graph-key,
.step03.training-program-graph-value,
.training-program-graph-sub-body {
	opacity: 0;
}

.training-program-graph-sub:not(.training-program-graph-head) {
	padding: 1.3rem 1.3rem 7rem 1.3rem !important;
}



.step01.training-program-graph-key.show,
.step01.training-program-graph-value.show {
	animation: slideDownWithFadeInForTP 0.5s ease-in-out forwards;
}

.step02.training-program-graph-key.show,
.step02.training-program-graph-value.show {
	animation: slideDownWithFadeInForTP 0.5s 0.1s ease-in-out forwards;
}

.step03.training-program-graph-key.show,
.step03.training-program-graph-value.show {
	animation: slideDownWithFadeInForTP 0.5s 0.2s ease-in-out forwards;
}

.training-program-graph-sub-body.show {
	animation: slideLeftWithFadeInForTP 1s ease-in-out forwards;
}

@keyframes slideDownWithFadeInForTP {
	0% {
		transform: translateY(-10vw);
		opacity: 0;
	}

	1% {
		visibility: visible;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
}

@keyframes slideLeftWithFadeInForTP {
	0% {
		transform: translateX(10vw);
		opacity: 0;
	}

	1% {
		visibility: visible;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}
}



.training-program-graph-sub-body {
	width: 100%;
	min-height: min-content;
	gap: 0 !important;
}

.training-program-graph-sub-image {
	transform: scale(0.5);
	transform-origin: bottom right;
	position: absolute;
	bottom: 2.6rem;
	right: 2.6rem;
}

.training-program-graph-sub-textbox {
	margin-bottom: 1rem !important;
	padding: 0.3rem 0.5vw 0 0.5vw;
}

.training-program-graph-sub-textbox:nth-last-child(2) {
	margin-bottom: 0 !important;
}

.training-program .toppage-content-bottom-deco  {
	width: 100%;
	max-width: 100%;
	/* bottom: -9.6vw; */
	bottom: 0;
}



/*  Modules  Data About
*/

.data-about {
	z-index: 17000;
	/* aspect-ratio: 2881 / 2957; */
	height: 88.75vw;
}

.data-about-inbox {
}

@media screen and (min-width: 1900px) {
	.data-about {
		max-height: calc(1550px + 10.5vw);
	}
}



.data-about-inbox > .wp-block-group {
	width: 90vw;
	max-width: var(--container-default);
	margin-left: auto !important;
	margin-right: auto !important;
}

.data-about-list {
	min-height: 40.756vw;
	/* gap: 1% !important; */
	gap: 0.5rem !important;
	flex-wrap: wrap !important;
}

.data-about-one {
	/* width: 32.666%; */
	width: calc(33.333% - 0.333rem);    /*  0.5remのgapが2つあるので、0.5*2/3=0.3333  */
	align-self: stretch;
}

.data-about-one-image {
	transform: scale(0);
}

.data-about-one.show:nth-child(3n+1) .data-about-one-image {
	animation: sizeUp 0.64s ease-in-out forwards;
}

.data-about-one.show:nth-child(3n+2) .data-about-one-image {
	animation: sizeUp 0.64s ease-in-out 0.1s forwards;
}

.data-about-one.show:nth-child(3n) .data-about-one-image {
	animation: sizeUp 0.64s ease-in-out 0.2s forwards;
}



@media screen and (max-width: 1400px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 162vw;
	}

	.business-scale-inbox {
		padding-top: 10vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 85vw;
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-prev {
		margin-left: calc(-50% - 35px - 5vw) !important;	/* (1200 / 2) + 96 = 696 */
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-next {
		margin-left: calc(50% - 35px + 5vw) !important;	/* (1000 / 2) - 38 = 538 */
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview{
		height: 99vw;
	}

	.staff-interview-list .infinite-loop .infinite-loop-navigation-prev {
		margin-left: calc(-50% - 35px - 5vw) !important;	/* (1200 / 2) + 96 = 696 */
	}

	.staff-interview-list .infinite-loop .infinite-loop-navigation-next {
		margin-left: calc(50% - 35px + 5vw) !important;	/* (1000 / 2) - 38 = 538 */
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 116.5vw;
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 103.5vw;
	}

	.data-about-inbox {
		padding-top: 10vw;
	}
}


@media screen and (max-width: 1365px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		background: url(../images/bg/sp_back03.custom.png) no-repeat transparent center !important;
		height: 171.5vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 86vw;
	}

	.cross-talk .cross-talk-list {
		width: 70vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 104vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 122.25vw;
	}

	.training-program-graph-deco-circle {
		--slide-down-top-for-top: 93.5%;	/* animation: slideDownWithFadeOutForTP */
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 110vw;
		background-position: top center !important;
		background-size: cover !important;
	}
}



@media screen and (max-width: 1279px) {
	/*  Modules  Business Scale
	*/
	.business-scale-list {
		padding-top: 1rem !important;
	}

	.business-scale-list .business-scale-one-numeric {
		font-size: clamp(60px, calc(60px + ((1vw - 3.2px) * 27.788)), 90px) !important;
	}

	.business-scale-list img {
		max-height: 110px;
	}

	.business-scale-one-description {
		font-size: var(--wp--preset--font-size--small-s) !important;
	}

	.business-scale-one:nth-child(2) .business-scale-one-description {
		min-height: 87.8667px;
	}

	.business-scale-one:nth-child(5) .business-scale-one-description {
		min-height: 109.833px;
	}

	/*  Modules  Staff Interview
	*/
	body:not(.tablet):not(.smartphone) .staff-interview .staff-interview-list {
		width: 70vw;
	}

	.tablet .staff-interview-list .infinite-loop-navigation-prev,
	.tablet .staff-interview-list .infinite-loop-navigation-next,
	.smartphone .staff-interview-list .infinite-loop-navigation-prev,
	.smartphone .staff-interview-list .infinite-loop-navigation-next {
		display: none;
	}
}



@media screen and (max-width: 1180px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 166.75vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 89vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		background: url(../images/bg/sp_back04.custom.png) no-repeat transparent center !important;
		height: 111vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		background: url(../images/bg/sp_back05.custom.png) no-repeat transparent center !important;
		height: 130vw;
	}

	.training-program-graph-deco-circle {
		--slide-down-top-for-top: 94%;	/* animation: slideDownWithFadeOutForTP */
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 118vw;
	}
}

@media screen and (max-width: 1080px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 183vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 93vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 118vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 139vw;
	}

	.training-program-graph-deco-circle {
		--slide-down-top-for-top: 94.5%;	/* animation: slideDownWithFadeOutForTP */
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 124vw;
	}
}



@media screen and (max-width: 1079px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 192.5vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 95.5vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 122.75vw;
	}

	.staff-interview-one .apt-all-out-a-element {
		grid-template:
			"position position youtube"
			"joinyear nameinitial ."
			/ auto auto 1fr;

		gap: 0.1px;
	}

	.staff-interview-one .position {
		word-break: break-all;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 144.5vw;
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 126.25vw;
	}
}



/*  pc xx-small 1024px under
*/

@media screen and (max-width: 1023px) {
	/*  Modules  Training Program
	*/
	.training-program-inbox {
		gap: 0.5rem;
	}

	.training-program-graph {
		grid-template:
			". . titlevalue titlesub"
			"deco s01key s01value subbody"
			"deco s02key s02value subbody"
			"deco s03key s03value subbody"
			/ 4vw auto 1fr 1fr;

		gap: 0.5vw;
	}

	.training-program-graph-key:not(.training-program-graph-head),
	.training-program-graph-value:not(.training-program-graph-head) {
		flex-direction: column;
		gap: 0.1vw;
	}

	.training-program-graph-key:not(.step03):not(.training-program-graph-head),
	.training-program-graph-value:not(.step03):not(.training-program-graph-head) {
		margin-bottom: 1rem !important;
	}

	.training-program-graph-value-text {
		font-size: var(--wp--preset--font-size--small-l) !important;
	}

	.training-program-graph-sub:not(.training-program-graph-head) {
		padding: 1rem 1rem 5rem 1rem !important;
	}

	.training-program-graph-sub-key-text {
		font-size: var(--wp--preset--font-size--small-lll) !important;
	}

	.training-program-graph-sub-textbox-text {
		font-size: var(--wp--preset--font-size--small) !important;
		padding: 0.5rem 0 1rem;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview-one .position {
		width: calc(94.99% - 48px);
	}

	.staff-interview-one .youtube_url {
		width: 48px;
	}

	.staff-interview-one .initial {
		padding-left: 3vw;
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 135vw;
	}
}



/*  new iPad portrate : pc xx-small ((810px + 1024px) / 2)
*/

@media screen and (max-width: 917px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 242.5vw;
	}

	.business-scale-list .business-scale-one-numeric {
		font-size: clamp(50px, calc(50px + ((1vw - 3.2px) * 18.529)), 70px) !important;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		align-items: center !important;
	}

	.cross-talk-inbox {
		padding-top: 0;
		padding-bottom: 5vh;
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-prev {
		margin-left: calc(-50% - 35px - 7vw) !important;
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-next {
		margin-left: calc(50% - 35px + 7vw) !important;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 153vw;
	}

	/*  Modules Training Program
	*/
	.training-program {
		height: 161.25vw;
	}

	.training-program-graph-key:not(.training-program-graph-head),
	.training-program-graph-value:not(.training-program-graph-head) {
		border-radius: initial;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.training-program-graph-step {
		width: 60px;
		height: 60px;
		font-size: var(--wp--preset--font-size--small-ss) !important;
	}

	.training-program-graph-image img {
		max-height: 70px;
	}

	.training-program-graph-value-text {
		font-size: var(--wp--preset--font-size--small-s) !important;
	}

	.training-program-graph-sub:not(.training-program-graph-head){
		padding: 0.5rem 0.5rem 3rem 0.5rem !important;
	}

	.training-program-graph-sub-textbox-text {
		padding: 0;
	}

	.training-program-graph-sub-image {
		bottom: 1rem;
		right: 2rem;
		transform: scale(0.35);
	}

	.training-program-graph-deco-circle {
		--slide-down-top-for-top: 95.5%;	/* animation: slideDownWithFadeOutForTP */
	}

	/*  Modules Data About
	*/

	.data-about {
		background: url(../images/bg/sp_back06.custom.png) no-repeat transparent center !important;
		height: 90vw;
	}

}


@media screen and (max-width: 810px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 245.25vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 154vw;
	}

	/*  Modules Training Program
	*/
	.training-program {
		height: 162.5vw;
	}

	/*  Modules Data About
	*/
	.data-about {
		height: 137.75vw;
	}

}


/*  iPad portrate : new iPad portrate ((768px + 810px) / 2)
*/

@media screen and (max-width: 789px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		background: url(../images/bg/sp_back03.custom.png) no-repeat transparent center !important;
		height: 260.5vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 159.5vw;
	}

	/*  Modules Training Program
	*/
	.training-program {
		height: 169.25vw;
	}

	/*  Modules Data About
	*/
	.data-about {
		height: 140.5vw;
	}
}



/*  iPhone 12 pro Max : iPad portrate ((428px + 768px) / 2)
*/

@media screen and (max-width: 598px) {
	/*  Modules  Business Scale
	*/

	.business-scale {
		/* aspect-ratio: 780 / 5731; */
		height: 701.841vw;
	}

	.business-scale::before {
		display: none;
	}

	.business-scale-inbox {
		background-color: transparent !important;
		gap: 2vw;
	}

	.toppage-content-description-text {
		font-size: var(--wp--preset--font-size--small-l) !important;
	}

	.business-scale-one {
		width: 100%;
		min-height: auto;
		border-radius: 4vw !important;
		padding: 5vw !important;
		gap: 2vw;
	}

	.business-scale-list .business-scale-one-title {
		font-size: var(--wp--preset--font-size--small-lll) !important;
		line-height: 1.3em;
		height: 2.6em;

		display: flex;
		justify-content: center;
		align-items: center;
	}

	.business-scale-one-image img {
		width: initial;
		height: initial;
		max-width: 100%;
		max-height: 96px;
	}

	.business-scale-list .business-scale-one-numeric {
		font-size: var(--wp--preset--font-size--large-ex) !important;
	}

	.business-scale-one-description {
		font-size: var(--wp--preset--font-size--small-s) !important;
		font-weight: var(--cp--font-weight--light);
		letter-spacing: 0.1px;
		line-height: 1.5 !important;
		padding: 0 2vw;
	}

	.business-scale-list-description-text {
		font-size: var(--wp--preset--font-size--small-s) !important;
		font-weight: var(--cp--font-weight--regular);
		letter-spacing: 0.5px !important;
	}

	.business-scale-deco {
		display: none;
	}

	/*  Modules  Cross Talk
	*/

	.cross-talk {
		/* aspect-ratio: 819 / 1290; */
		height: 157.5vw;

		gap: 2vw;
		overflow: hidden;
	}

	.cross-talk-inbox {
		padding-bottom: 13vw; /* 下部バナー 33.16vw - スマホメニュー 22vw ただしスマホメニューは右上だけなので微調整入れる */
	}

	.cross-talk .toppage-content-description-text {
		padding-bottom: 2.5vw;
	}

	.cross-talk .cross-talk-list {
		width: 80vw;
		/* padding-left: 1vw;*/
		margin: 0 auto !important;
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-prev {
		width: 13.5vw;
		height: 13.5vw;
		left: 50%;
		/* margin-left: -60% !important; */
		margin-left: calc(-50% - 6.75vw) !important;
	}

	.cross-talk-list .infinite-loop .infinite-loop-navigation-next {
		width: 13.5vw;
		height: 13.5vw;
		left: 50%;
		right: auto;
		margin-left: calc(50% - 6.75vw) !important;
	}

	.cross-talk-one-image a,
	.cross-talk-one-image figure,
	.cross-talk-one-image img {
		width: 100%;
	}



	/*  Modules Staff Interview
	*/

	.staff-interview {
		gap: 1vw;

		/* aspect-ratio: 780 / 2206; */
		/* height: 282.2vw; */
		height: 200vw;
		align-items: flex-start !important;
		background-size: cover;
		background-position: top center;
	}

	.staff-interview::before {
		display: none;
	}

	.staff-interview::after {
		display: none;
	}

	.staff-interview-inbox {
		background: initial;
		width: 100%;
		padding-top: 18vw;
		padding-left: 5vw;
		gap: 2vw;
	}

	.staff-interview-inbox > .wp-block-group {
		width: 100%;
	}

	.staff-interview .toppage-content-title,
	.staff-interview .toppage-content-subtitle ,
	.staff-interview .toppage-content-description {
		padding-right: 5vw;
	}

	.staff-interview .staff-interview-list {
		width: 100%;
		flex-wrap: wrap;
		gap: 5vw;
	}

	.staff-interview-one {
		width: 42.5vw;
		gap: 0.25vw;
	}

	.staff-interview-one .wp-block-image {
		margin-bottom: 0.5vw;
	}

	.staff-interview-one p {
		font-size: var(--wp--preset--font-size--small) !important;
	}

	.staff-interview-list .infinite-loop .infinite-loop-navigation-prev,
	.staff-interview-list .infinite-loop .infinite-loop-navigation-next {
		display: none;
	}

	.staff-interview-button-outbox {
		z-index: 10;
		height: 117.55px;
		padding-right: 5vw;
	}

	.staff-interview-button {
	}

	.staff-interview-one .img_top_thumbnails_pc {
		display: none;
	}

	.staff-interview-one .img_top_thumbnails_sp {
		display: block;
	}

	/*  Modules Training Program
	*/

	.training-program {
		gap: 2vw;

		/* aspect-ratio: 780 / 3417; */
		/* height: 438.077vw; */
		/* height: 409.82vw; */
		height: 401.5vw;
		align-items: flex-start !important;
	}

	.training-program-inbox {
		padding-top: 18vw;
	}

	.training-program::before {
		mask-image: initial;
		background: url(../images/training-program/sp_back05c_custom.png) no-repeat transparent center;
		background-size: contain;
		background-position: 0 1.3vw;
		padding-top: 25vw;
	}

	.training-program-inbox {
		gap: 2vw;
	}

	.training-program-graph {
		z-index: 10;
		gap: 3vw;
		padding-left: 0;

		grid-template:
			"titlevalue titlevalue titlevalue"
			"deco s01key s01value"
			"deco s02key s02value"
			"deco s03key s03value"
			"titlesub titlesub titlesub"
			"subbody subbody subbody"
			/ 14vw 1fr 2fr;

		gap: 0;
	}

	.training-program-graph-deco {
		width: 14vw;
		height: 100%;
		margin-left: -3vw !important;
	}

	.training-program-graph-deco::before {
		width: 2.5vw;
	}

	.training-program-graph-deco::after {
		border-top: 7vw #5e5d5d solid;
		border-left: 5vw transparent solid;
		border-right: 5vw transparent solid;
	}

	.training-program-graph-deco-circle {
		width: 6vw;
		height: 6vw;
		--slide-down-top-for-top: 91%;	/* animation: slideDownWithFadeOutForTP */
	}

	.training-program-graph-key:not(.training-program-graph-blank) {
		border-radius: initial;
		flex-direction: column;
	}

	.training-program-graph-key:not(.step03):not(.training-program-graph-head),
	.training-program-graph-value:not(.step03):not(.training-program-graph-head) {
		margin: 0 0 1.5rem 0 !important;
	}

	.training-program-graph-step {
		width: 16.5vw;
		height: 16.5vw;
		font-size: var(--wp--preset--font-size--small-sss) !important;
	}

	.training-program-graph-key:not(.training-program-graph-head)::before {
		left: -5.9vw;
		border-top: 0.35rem transparent solid;
		border-bottom: 0.35rem transparent solid;
		border-right: 6vw var(--wp--preset--color--training-program-step-01) solid;
	}

	.training-program-graph-key:not(.training-program-graph-head) {
		padding: 0.75rem 4.75vw !important;
		gap: 3vw;
	}

	.step02.training-program-graph-key:not(.training-program-graph-head)::before {
		border-right: 6vw var(--wp--preset--color--training-program-step-02) solid;
	}

	.step03.training-program-graph-key:not(.training-program-graph-head)::before {
		border-right: 6vw var(--wp--preset--color--training-program-step-03) solid;
	}

	.training-program-graph-value:not(.training-program-graph-head) {
		padding: 0.75rem 2vw 0.75rem 1vw !important;
	}

	.training-program-graph-value-text {
		font-size: var(--wp--preset--font-size--small-l) !important;
	}

	.training-program-graph-head.training-program-graph-sub {
		margin-top: 2rem !important;
	}

	.training-program-graph-sub-key-text {
		font-size: var(--wp--preset--font-size--small-lll) !important;
	}

	.training-program-graph-sub-textbox-text {
		font-size: var(--wp--preset--font-size--small) !important;
		padding: 0.5rem 2vw 1rem;
	}

	.training-program-graph-sub-image {
		transform: scale(1);
		max-width: 26vw;
	}



	.step01.training-program-graph-key.show,
	.step01.training-program-graph-value.show {
		animation: slideLeftWithFadeInForTP 0.5s ease-in-out forwards;
	}

	.step02.training-program-graph-key.show,
	.step02.training-program-graph-value.show {
		animation: slideLeftWithFadeInForTP 0.5s 0.1s ease-in-out forwards;
	}

	.step03.training-program-graph-key.show,
	.step03.training-program-graph-value.show {
		animation: slideLeftWithFadeInForTP 0.5s 0.2s ease-in-out forwards;
	}



	/*  Modules Data About
	*/

	.data-about {
		background: url(../images/bg/sp_back06.custom.png) no-repeat transparent center !important;
		/* aspect-ratio: 780 / 2062; */
		/* height: 264.359vw; */
		/* height: 290.199vw; */
		height: 275vw;
	}

	.data-about-inbox {
		padding-top: 18vw;
	}

	.data-about::before {
		display: none;
	}

	.data-about-inbox {
		gap: 2vw;
	}

	.data-about-list {
		min-height: initial;
		gap: 0.5rem !important;
	}

	.data-about-row {
		flex-wrap: wrap;
	}

	.data-about-one {
		width: calc(50% - 0.25rem);
		padding: 5vw 3vw !important;

		display: flex;
		justify-content: center;
		align-items: center;
	}

}



/*  iPhone 6/7/8 Plus : iPhone 12 pro Max ((414px + 428px) / 2)
*/

@media screen and (max-width: 421px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 720vw;
	}

	/*  Modules  Cross Talk
	*/
	.cross-talk {
		height: 157.5vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 209vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 407.896vw;
	}

	/*  Modules Data About
	*/
	.data-about {
		height: 275vw;
	}

}



/*  iPhone 12/12 pro : iPhone 6/7/8 Plus ((390px + 414px) / 2)
*/

@media screen and (max-width: 402px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 765.5vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 425.5vw;
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 277vw;
	}
}



/*  iPhone 6/7/8 : iPhone 12/12 pro ((375px + 390px) / 2)
*/

@media screen and (max-width: 383px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 810.5vw;
	}

	.business-scale-inbox {
		padding-top: 18vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 220vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 436.5vw;
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 278.5vw;
	}
}



/*  iPhone SE : Android ((320px + 353px) / 2)
*/

@media screen and (max-width: 337px) {
	/*  Modules  Business Scale
	*/
	.business-scale {
		height: 943vw;
	}

	/*  Modules  Staff Interview
	*/
	.staff-interview {
		height: 255vw;
	}

	/*  Modules  Training Program
	*/
	.training-program {
		height: 532vw;
	}

	/*  Modules  Training Program
	*/
	.training-program-graph-deco-circle {
		--slide-down-top-for-top: 93%;	/* animation: slideDownWithFadeOutForTP */
	}

	/*  Modules  Data About
	*/
	.data-about {
		height: 285.5vw;
	}
}