@charset "utf-8";
/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
株式会社ジェイ・シー
	ver.2021.08.01
	カルーセル設定
────────────────────────────────────────
FileName:		/resources/css/carousel.css
Editor:			カルーセル設定
Description:	サイトホーム。
────────────────────────────────────────
2021/09/27:		公開。
2021/07/19:		開発開始。
────────────────────────────────────────
ハイライトカラー:		#003366 rgba(0, 102, 51, 1)
サブカラー：			#993399 rgba(153, 51, 153, 1)
ポイントカラー:			#d2b071 rgba(210, 176, 113, 1)
リンク:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/* ::::: [SECTION : CAROUSEL] ::::: */

/* Carousel
--------- --------- --------- ------- */
.carousel-item {
	height: auto;
	max-height: 760px;
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

/* Carousel Caption Decorations
--------- --------- --------- ------- */
.carousel-caption,
.carousel-caption .textOutline {
	color: #ffffff;
	text-shadow:
		  0 0 3px #000000
		, 0 0 3px #000000
		, 0 0 3px #000000
		, 0 0 3px #000000
		, 0 0 3px #000000
		, 0 0 3px #000000;
}
.carousel-caption {
	/*
	※
	*/
	font-size: clamp(1.2rem, 3vw, 2rem);
    font-weight: normal;
    margin-left: 0.25em;
}
.carousel-caption .textOutline.white {
	color: #000000;
	text-shadow:
		  0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff;
}

.carousel-caption .textBackGround {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.8);
}
.carousel-caption .textBackGround.white {
	color: #000000;
	background-color: rgba(255, 255, 255, 0.5);
	text-shadow:
		  0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff;
}

/* Carousel Link
--------- --------- --------- ------- */
.carousel-item .btn-primary {
    background-color: rgba(0, 102, 51, 0.7);
	color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-shadow: none;
	max-width: 300px;
    border-color: #ffffff;
	transition: 0.4s;
	box-shadow:
		  0 0 3px #000000
		, 0 0 3px #000000
		, 0 0 3px #000000;
}

.carousel-item .btn-primary:hover,
.carousel-item .btn-primary:active {
	background-color: rgba(255, 255, 255, 1);
	color: #33cc00;
    border-color: #33cc00;
	text-shadow: none;
	box-shadow:
		  0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff
		, 0 0 3px #ffffff;
}



/* Carousel Caption font-size
--------- --------- --------- ------- */
.carousel-caption h1 {
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: bold;
	font-family: kozuka-gothic-pr6n, sans-serif;
    line-height: 1.2em;
}

/*	DisplayWidth < XS	*/
@media (max-width: 575px) {
}