@charset "utf-8";


:root {
	--day1-cl: #0B8CDB;
	--day1-bg01: #0B8CDB;
	--day1-bg02: #F2FAFF;
	--day2-cl: #FF7DB5;
	--day2-bg01: #FF7DB5;
	--day2-bg02: #FFF5F9;
	--schedule-cl: #9877E0;
}

/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	@keyframes ripple {
		0%  {transform:scale(.95); opacity:1}
		90% {opacity:0}to{transform:scale(1.2,1.4); opacity:0}
	}
	.ripple:before, .ripple:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 8px;
		transform: translate3d(0,0,0);
		z-index: -1;
	}
	.ripple:hover:before,.ripple:hover:after {
		animation: ripple 1s ease-out;
	}

}



/* _____ 834px 以下 _____ */
@media not (min-width: 835px) {
	.sp-header {
		background: #333;
		height: 42px;
		padding: 0 45px 0 10px;
		display: flex;
		align-items: center;
	}
	.sp-header .sp-logo {
		width: 30%;
		max-width: 90px;
	}
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.sp-header {
		display: none;
	}
}



.nav-2nd {
	text-align: center;
	position: relative;
}
.nav-2nd h1 {
	font-size: 26px;
	background-position: center;
	line-height: 1;
	padding: 25px 0;
}
/* _____ 834px 以下 _____ */
@media not (min-width: 835px) {
	.nav-2nd h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
	}
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.nav-2nd {
		padding-top: 82px;
	}
	.nav-2nd h1 {
		font-size: 40px;
		background-image: url(/2025/images/common/2nd-header.webp);
		background-position: center;
		padding: 75px 0;
	}
}



.element-box {
	width: 90%;
	margin: auto;
	padding-bottom: 130px;
}
.element-box h2 {
	text-align: center;
	font-weight: bold;
}
.element-box h2 {
	font-size: 20px;
}
.element-box h3 {
	font-size: 16px;
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.element-box {
		padding-bottom: 320px;
		max-width: 800px;
	}
	.element-box h2 {
		font-size: 28px;
	}
	.element-box h3 {
		font-size: 20px;
	}
}

.note01 {
	font-weight: 400;
}
.disc {
	padding-left: 1.25em;
	list-style: disc;
}
/* _____ 835px 以上 _____ */
@media (min-width: 835px) {
	.note01 {
		font-size: 14px;
	}
}