@charset "utf-8";

/*アコーディオン全体*/
/*アイコンの＋と×*/
.question::before,
.question::after{
	position: absolute;
	content:'';
}

/*　closeというクラスがついたら形状変化　*/
.faq .wrap .content .list .item .question.close::before{
	transform: rotate(45deg);
}
.faq .wrap .content .list .item .question.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.answer {
	display: none;/*はじめは非表示*/
}

/* slider */
[class*=swiper]:focus {
	outline: none;
}
.slide-media,
.thumb-media {
	position: relative;
	overflow: hidden;
}
.slide-media iframe,
.thumb-media iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/* 前へ / 次へボタン */
.swiper-button-prev, .swiper-button-next {
	display: grid;
	place-content: center;
	width: clamp(3.25rem, 2.354rem + 3.46vw, 5.125rem);
	height: clamp(3.25rem, 2.354rem + 3.46vw, 5.125rem);
	cursor: pointer;
	-webkit-transition: var(--transition);
	transition: var(--transition);
}
.swiper-button-prev img, .swiper-button-next img {
	width: 100%;
	height: auto;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: '';
}



@media only screen and (min-width: 1025px) {

}
.swiper-button-prev::before, .swiper-button-next::before {
	content:'';
}
.swiper-button-prev::after, .swiper-button-next::after {
	content:'';
}
.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}
.card01 {
	position: relative;
	margin-top: 20px;
}
.card01 .swiper {
	overflow: visible;
}
@media only screen and (max-width: 1024px) {
	.card01 {
		position: relative;
	}
	.card01 .swiper {
	}
}
.card01 .swiper-button-prev, .card01 .swiper-button-next {
	position: absolute;
	z-index: 1;
	top: 50%;
}
@media screen and (min-width:900px) {
	.card01 .swiper-button-prev, .card01 .swiper-button-next {
		top: 74px;
	}
}
.card01 .swiper-button-prev {
	left: -20px;
}
.card01 .swiper-button-next {
	right: -20px;
}
.card01 .slide {
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
}
@media only screen and (min-width: 1025px) {
	.card01 .slide img {
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}
	.card01 .slide:hover frame {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.card01 .slide-media {

}
.card01 .slide-media frame {
}
.card01 p.slide-date {
	font-size: 14px;
	line-height: 1;
	display: block;
	color: #fff;
}
.card01 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}
.card01 .swiper-slide:not(.swiper-slide-visible) .slide {
	pointer-events: none;
	opacity: 0.9;
}
@media only screen and (min-width: 1280px) {
	.swiper-android .swiper-slide, .swiper-wrapper {
		transform: translate3d(0px, 0, 0);
		align-items: baseline;
	}
	.card01 .swiper-slide. {
		width: 245px !important; //小さい記事の幅を設定(幅・高さを指定してしまうのがポイント)
		height: 138px;
		margin: 0;
		/*-webkit-transition: width .8s ease, height .8s ease; //大きいサイズになる際にスムーズに大きくさせるために設定
		transition: width .8s ease, height .8s ease; */
	}
	.swiper5 .swiper-slide-active {
		width: 410px !important;
		margin-top: 0;
		margin-right: 141px;
	}
	.card01 .swiper-button-prev, .card01 .swiper-button-next {
		top: 20px;
	}
	.card01 .swiper-button-prev {
		right: 120px;
		left: auto;
	}
	.card01 .swiper-button-next {
		right: 60px;
		left: auto;
	}
	.card01 .swiper {
		position: relative;
	}
	#staff-area {
		background-color: #000;
		padding: 113px 0;
		position:relative;
	}
	.swiper-button-prev, .swiper-button-next {
		width: 82px;
		height: 82px;
	}
}
@media only screen and (min-width: 1300px) {
	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

}
@media only screen and (min-width: 1600px) {

	.swiper5 .swiper-slide-active {
		width: 500px !important;
		margin-top: 0;
		margin-right: 141px;
	}
}
.l-inner {
	position: relative;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 20px;
}
[class*=swiper]:focus {
	outline: none;
}
.slide-media,
.thumb-media {
	position: relative;
	overflow: hidden;
}
.slide-media img,
.thumb-media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.swiper-button-disabled {
	pointer-events: none;
	opacity: 0;
}
.card01 .swiper {
	overflow: visible;
}
.card01 .swiper-button-prev, .card01 .swiper-button-next {
	position: absolute;
	z-index: 1;
}
.card01 .swiper-button-prev {

}
.card01 .swiper-button-next {
}
.card01 .slide {
	-webkit-transition: var(--transition), opacity 1s;
	transition: var(--transition), opacity 1s;
}
.card01 .slide-media {
	padding-top: clamp(17.813rem, -3.432rem + 82.11vw, 32.438rem);
}
.card01 .slide-media img {
	height: calc(100% + 16px);
	-webkit-transform: translateY(-16px);
	transform: translateY(-16px);
}
.card01 .slide-content {
}
.card01 .slide-date {
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	color: var(--color-theme);
}
.card01 .slide-title {
	line-height: 1.6;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.2em;
	margin-top: 1.6rem;
}
.card01 .swiper-slide:not(.swiper-slide-visible) .slide {
	pointer-events: none;
}
@media only screen and (max-width: 1024px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
	.pc {
		display: none !important;
	}
	.card01 .swiper {
	}
	.card01 .swiper-button-prev {
	}
	.card01 .swiper-button-next {
	}
}
@media only screen and (max-width: 599px) {
	.pc-tab {
		display: none !important;
	}
}
@media only screen and (min-width: 1025px) {
	.tab-sp {
		display: none !important;
	}
	.swiper-button-prev:hover::before, .swiper-button-next:hover::before {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@media only screen and (min-width: 600px) {
	.sp {
		display: none !important;
	}
}
@media only screen and (min-width: 700px) {
	.l-inner {
		padding: 0;
	}
	.card01 .swiper-slide {
		width: 376px;
	}
	.card01 .slide-media {
		padding-top: clamp(18rem, 16.489rem + 3.45vw, 19.25rem);
	}
	.card01 .swiper-button-prev {
		left: clamp(6.25rem, -14.907rem + 48.36vw, 23.75rem);
		top: 50%;
		left:-8px;
	}
	.card01 .swiper-button-next {
		right: clamp(6.25rem, -14.907rem + 48.36vw, 23.75rem);
		right: -8px;
		top: 50%;
	}
}
@media only screen and (min-width: 1280px) {
	.l-inner {
		padding: 0;
		margin: auto;
	}
	.card01 .swiper-slide {
		width: 660px!important;
	}
	.card01 .slide-media {
		padding-top: 484px;
	}
	.card01 .swiper-button-prev {
		left: clamp(15.625rem, -23.125rem + 48.44vw, 35rem);
		top: 400px;
	}
	.card01 .swiper-button-next {
		right: clamp(15.625rem, -23.125rem + 48.44vw, 35rem);
		top: 400px;
	}
}
@media only screen and (max-width: 413px) {
	.card01 .slide-media {
		padding-top:clamp(13rem, -3.559rem + 82.8vw, 17.813rem);
	}
}
/*== /クリックスライド ==*/