.q {
	color: #008847;
}

.q::before {
	content: "Q.";
	display: inline;
	font-family: "Montserrat", sans-serif;
	margin-right: 4px;
}



/* $2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550
	 MAIN SLIDER
$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550 */
.main-slider-section {
	position: relative;
	background: #d8d8d8;
	overflow: hidden;
	
	margin-bottom: 40px;
}

/* 隣スライドをはみ出させる */
#main-slider .splide__track {
	overflow: visible !important;
}

#main-slider .splide__slide img {
	width: 100%;
	height: 520px;
	object-fit: cover;
	object-position: top center;
	display: block;
	transition: filter .35s ease;
	/*filter: brightness(.55);*/
}

#main-slider .splide__slide.is-active img {
	filter: brightness(1);
}

/* 矢印・ページネーション非表示 */
#main-slider .splide__arrows,
#main-slider .splide__pagination { display: none; }

/* $2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550
	 THUMBNAIL SECTION
$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550 */
.thumb-section {
	margin-bottom: 40px;
	
	background: #d8d8d8;
	padding: 4px 0 0;
	position: relative;
}

#thumb-slider .splide__slide {
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

#thumb-slider .splide__slide img {
	width: 100%;
	height: 90px;
	object-fit: cover;
	object-position: top center;
	display: block;
	transition: filter .2s;
	filter: brightness(.55);
}

#thumb-slider .splide__slide:hover img,
#thumb-slider .splide__slide.is-active img {
	filter: brightness(1);
}

/* アクティブ枠線 */
#thumb-slider .splide__slide.is-active::after {
	content: '';
	position: absolute;
	inset: 0;
	border: 2px solid #fff;
	pointer-events: none;
}

/* サムネイルの矢印ボタン */
#thumb-slider .splide__arrow {
	background: rgba(0,0,0,.4);
	border-radius: 0;
	width: 28px;
	height: 90px;
	top: calc(50% - 2px);	 /* padding-top 分補正 */
	transform: translateY(-50%);
	opacity: 1;
	transition: background .2s;
}
#thumb-slider .splide__arrow:hover { background: rgba(0,0,0,.65); }
#thumb-slider .splide__arrow svg	{ fill: #fff; width: 11px; height: 11px; }
#thumb-slider .splide__arrow--prev { left: 0; border-radius: 0; }
#thumb-slider .splide__arrow--next { right: 0; border-radius: 0; }

/* ページネーション非表示 */
#thumb-slider .splide__pagination { display: none; }

/* $2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550
	 COUNTER	「3 / 61」
$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550 */
.counter-badge {
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: 20;
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: .75rem;
	letter-spacing: .06em;
	padding: 4px 12px;
	pointer-events: none;
	line-height: 1;
}

.name_tel_boxs {
	width: 100%;
	display: flex;
}

.charge-name {
	width: 60%;
}

.d-md-block {
	width: 40%;
}

/* $2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550
	 RESPONSIVE
$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550$2550 */
@media (max-width: 640px) {
	#main-slider .splide__slide img { height: 280px; }
	#thumb-slider .splide__slide img { height: 60px; }
	#thumb-slider .splide__arrow		{ height: 60px; }
}

@media (max-width: 768px) {
	.name_tel_boxs {
		display: unset;
	}
	
	.charge-name {
		width: unset;
	}
	
	.d-md-block {
		width: unset;
	}
}