/* CSS Document */

/*hero_img PC--SP*/
.p-heroPhoto li.pc{
	display: block;
}
.p-heroPhoto li.pc_narrow{
	display: none;
}
.p-heroPhoto li.sp{
	display: none;
}

.p-heroArea_title .p-heroArea_title__txt {
	margin-top: -0.2em;
}
.p-heroArea_title .p-heroArea_title__txt .c-catch_font_en{
	font-size: 1.13em;
}
.p-heroArea_title .p-heroArea_title__txt .p-jp_small{
	font-size: 0.4em;
	font-weight: 500;
	margin-top: -0.25em;
}

@media screen and ( max-width:960px) {
	.p-heroPhoto li.pc{
		display: none;
	}
	.p-heroPhoto li.pc_narrow{
		display: block;
	}
	.p-heroPhoto li.pc_narrow img{
		height: auto !important;
		width: 100% !important;
		position: absolute;
		top:50%;
		left: 0px;
		margin-top: -30vw;
	}
}

@media screen and ( max-width:540px) {
	.p-heroPhoto li.pc_narrow{
		display: none;
	}
	.p-heroPhoto li.sp{
		display: block;
	}
	.p-hero_area{
		height: auto;
		aspect-ratio:4/3;
	}
	.p-heroPhoto li.sp img{
		height: auto !important;
		width: 100% !important;
	}
}
@media screen and ( max-width:459px) {
	.p-heroArea_title .p-heroArea_title__txt {
		margin-top: -0.4em;
	}
}

/*p-person_face*/
.p-person_face{
	margin: 1.5rem 0 2.25rem;
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-wrap: wrap;
}
.p-person_face_col{
	flex: 0 0 auto;
	width: calc((100% - 200px)/6);
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
	margin-bottom: 1.5rem;
	font-size: 0.9375rem;
	line-height: 1.5;
	opacity: 0;
}
.p-perseon_face__photo{
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 0.4375rem;
}
.p-perseon_face__name{
	margin-bottom: 0.25rem;
	font-weight: 500;
}
.p-perseon_face__prof{
	font-size: 0.8125rem;
}

/*.is-appear .p-person_face_col{
	animation: bound-anim forwards 1.2s ease-out 0.6s;
}*/
.is-appear .p-person_face_col:nth-of-type(1){
	animation: bound-anim forwards 1s ease-out 0.6s;
}
.is-appear .p-person_face_col:nth-of-type(2){
	animation: bound-anim forwards 1s ease-out 0.8s;
}
.is-appear .p-person_face_col:nth-of-type(3){
	animation: bound-anim forwards 1s ease-out 1s;
}
.is-appear .p-person_face_col:nth-of-type(4){
	animation: bound-anim forwards 1s ease-out 1.2s;
}
.is-appear .p-person_face_col:nth-of-type(5){
	animation: bound-anim forwards 1s ease-out 1.4s;
}
.is-appear .p-person_face_col:nth-of-type(6){
	animation: bound-anim forwards 1s ease-out 1.6s;
}

@keyframes bound-anim{
	0%{
		transform: translateY(30px);
		opacity: 0;
	}
	30%{
		transform: translateY(-15px);
	}
	70%{
		transform: translateY(10px);
		opacity: 1;
	}
	100%{
		transform: translateY(0px);
		opacity: 1;
	}
}

@media screen and ( max-width:960px) {
	.p-person_face_col{
		width: calc((100% - 80px)/3);
		font-size: 0.875rem;
	}
	.p-perseon_face__name{
		font-size: 0.875rem;
	}
	.p-perseon_face__prof{
		font-size: 0.6875rem;
	}
}
@media screen and ( max-width:540px) {
	.p-person_face_col{
		width: calc((100% - 40px)/2);
	}
}

.p-cross_talk_content_inner{
	max-width: 1560px;
}

/*p-talk_link_block*/
a.p-talk_link_block{
	text-decoration: none;
}

.p-cross_talk_content_box.c-bg--color{
	transition: background-color 0.3s;
}
a.p-talk_link_block:hover .p-cross_talk_content_box.c-bg--color{
	background-color: var(--theme_color_1_hover);
}
.p-cross_talk_index_img img{
	transition: opacity 0.3s, transform 0.3s;
}
a.p-talk_link_block:hover .p-cross_talk_index_img img{
	transform: scale(1.1);
	opacity: 0.7;
}
.p-cross_talk_index_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*index*/
.p-cross_talk_index_heading{
	position: relative;
	margin-bottom: 1.875rem;
	font-size: 2.125rem;
	line-height: 1.5;
	font-weight: 600;
}
.p-cross_talk_index_content{
	/*position: relative;*/
	padding-top: 1.875rem;
	padding-left: 5rem;
	height: 100%
}
.p-cross_talk_index_num{
	display: block;
	position: absolute;
	left: -6.5rem;
	top: -3.875rem;
	width: 6rem;
	color: var(--theme_color_2);
	font-size: 7.125rem;
	text-align: center;
	line-height: 1;
}

.p-cross_talk_content_inner .col.p-txt_content{
	position: relative;
	font-weight: 600;
	container: cross_talk_content / inline-size;
}

.p-cross_talk_index_heading .c-highlight{
	display: inline-block;
	position: relative;
}
.p-cross_talk_index_heading .c-highlight::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0.1em;
	left: 50%;
	width: 8%;
	height: 0.45em;
	transform: skewX(-12deg);
	/*background-color: rgba(250,184,64,1);*/
	background-color: rgba(255,255,255,0);
	z-index: -1;
	transition: background-color 0.3s, width 0.3s, left 0.3s;
}
a.p-talk_link_block:hover .p-cross_talk_index_heading .c-highlight::before{
	background-color: rgba(255,255,255,1);
	width: 108%;
	left: -4%;
}

/*cross_talk_content_box*/
.p-cross_talk_content_box{
	margin-bottom: 4rem;
}

/*p-skew_link_label*/
.p-cross_talk_index_content .p-skew_link_label{
	position: absolute;
	width: 16rem;
	top: calc(100% - 1.875rem);
	left: 50%;
	margin-left: -8rem;
	z-index: 3;
}

@container cross_talk_content (max-width: 599px) {
	.p-cross_talk_index_content{
		padding-top: 1.875rem;
		padding-left: 4.5rem;
	}
	.p-cross_talk_index_heading{
		font-size: 1.875rem;
		margin-bottom: 1.25rem;
	}
	.p-cross_talk_index_num{
		font-size: 6.5rem;
		top: -3.625rem;
		left: -5.5rem;
		width: 5.5rem;
	}
}

@container cross_talk_content (max-width: 459px) {
	.p-cross_talk_index_content{
		padding-top: 1.5rem;
		padding-left: 4rem;
	}
	.p-cross_talk_index_heading{
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
	}
	.p-cross_talk_index_num{
		font-size: 5rem;
		top: -2.875rem;
		left: -5rem;
		width: 5rem;
	}

}