@charset "utf-8";

/* =========================================
	fadeUp / fadeDown（スクロールアニメーション）
========================================= */
.fadeUpTrigger,
.fadeDownTrigger,
.smoothTrigger {
	opacity: 0;
}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeUpAnime {
	from { opacity: 0; transform: translateY(40px); }
	to   { opacity: 1; transform: translateY(0); }
}
.fadeDown {
	animation-name: fadeDownAnime;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeDownAnime {
	from { opacity: 0; transform: translateY(-40px); }
	to   { opacity: 1; transform: translateY(0); }
}
.smooth {
	animation-name: fadeUpAnime;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	opacity: 0;
}
.delay-time02 { animation-delay: 0.2s; }
.delay-time04 { animation-delay: 0.4s; }
.delay-time06 { animation-delay: 0.6s; }
.delay-time08 { animation-delay: 0.8s; }

/* =========================================
	テキスト
========================================= */
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.subTxt {
	display: inline-block;
	font-size: 0.85rem;
	line-height: 1.5;
	font-weight: normal;
}
.marquee {
	padding: 0 0.25em;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

/* =========================================
	改行調整
========================================= */
br.sp { display: none; }
br.pc { display: block; }

@media screen and (max-width: 568px) {
	br.sp { display: block; }
	br.pc { display: none; }
}

/* =========================================
	マーク付きリスト
========================================= */
ul.mark {
	margin-left: 0;
	list-style: none;
}
ul.mark li {
	position: relative;
	padding-left: 1.25em;
}
ul.mark li::before {
	position: absolute;
	top: 0.5em;
	left: 0;
	line-height: 1;
}
ul.mark.circle li::before { content: "●"; color: #f4aa2d; font-size: 0.6em; }
ul.mark.ast li::before { content: "※"; color: #f4712c; }
ul.mark.inline {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.mark.inline li {
	margin: 0 1em 0.5em 0;
}