@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name :  profiles.css
Create date :  2025/09/03

// Braek Points
// PC
@media screen and (max-width: 979px) {
}
// Phone
@media screen and (max-width: 767px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	headline-area
-------------------------------- */
.index-sub-headline-area {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: var(--px48);
}
.index-sub-headline-area .headline-box {
	width: auto;
	height: var(--px104);
}
.index-sub-headline-area .headline-box img {
	width: auto;
	height: 100%;
}
.index-sub-headline-area .index-sub-headline-caption {
	align-self: end;
	flex: 1;
	font-weight: 600;
}
@media screen and (max-width: 767px) {
	.index-sub-headline-area {
		column-gap: var(--px16);
	}
	.index-sub-headline-area .headline-box {
		width: auto;
		height: var(--px48);
	}
	.index-sub-headline-area .index-sub-headline-caption {
		font-size: var(--px11);
	}
}


/* --------------------------------
	slider-layout-NN
-------------------------------- */
.slider-layout-02 .slide-box:nth-child(n+4),
.slider-layout-03 .slide-box:nth-child(n+5) {
	display: none;
}
.slider-layout-02 .slide-box[data-slick-index],
.slider-layout-03 .slide-box[data-slick-index] {
	display: block !important;
}
@media screen and (max-width: 767px) {
	.slider-layout-02 .slide-box:nth-child(n+2),
	.slider-layout-03 .slide-box:nth-child(n+3) {
		display: none;
	}
	.slider-layout-02 .slide-box[data-slick-index],
	.slider-layout-03 .slide-box[data-slick-index] {
		display: block !important;
	}
}


/* --------------------------------
	.custom-slider-nav-NN
-------------------------------- */
.slider-layout-02 .slide-area .slick-list {
	padding: 0 20% 0 calc((100% - 1366px) / 2 + var(--px80) - var(--px08)) !important
}
@media screen and (max-width: 1366px) {
	padding: 0 20% 0 calc(var(--px80) - var(--px08)) !important;
}
@media screen and (max-width: 767px) {
	.slider-layout-02 .slide-area .slick-list {
		padding: 0 8.0% !important;
	}
}

.slider-layout-03 .slide-area .slick-list {
		padding: 0 var(--px80) !important;
}
@media screen and (max-width: 767px) {
	.slider-layout-03 .slide-area .slick-list {
		padding: 0 calc(var(--px32) - var(--px08)) !important;
	}
}

.slider-layout-03.custom-slider-nav-02 .slide-area .slick-prev {
	left: calc(var(--px80) + var(--px12));
}
.slider-layout-03.custom-slider-nav-02 .slide-area .slick-next {
	left: calc(var(--px08) + var(--px16) + var(--px32) + var(--px12) + var(--px80));
}