@charset "UTF-8";

/* ===============================
   point
=============================== */
#point .card p {
	font-family: var(--gothic);
}

/* ===============================
   schedule
=============================== */
#schedule .imgBox picture {
	margin: .25em 0;
}
#schedule .txtBox {
	display: flex;
	justify-content: center;
}
#schedule .txtBox .ttl {
	color: var(--color1);
}
#schedule .txtBox p {
	margin-top: .5em;
	margin-bottom: 1.75rem;
}
@media(min-width:768px){
	#schedule .txtBox .txt-inner {
		padding-left: 1.25rem;
		position: relative;
	}
	#schedule .txtBox .txt-inner::before {
		content: '';
		display: block;
		width: 1px;
		background: var(--l-gray);
		position: absolute;
		top: .75em;
		bottom: 2em;
		left: 0;
		transform: translateX(-50%);
	}
	#schedule .txtBox .txt-inner h4::before {
		content: '';
		display: block;
		width: .8em;
		height: .8em;
		background: var(--l-gray);
		border-radius: 50%;
		position: absolute;
		top: .525em;
		left: -1.25rem;
		transform: translateX(-50%);
	}
	#schedule .imgBox {
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;
	}
	#schedule .imgBox picture {
		margin-right: -12%;
	}
}
@media(min-width:992px){
	#schedule .txtBox .txt-inner {
		padding-left: 6.5rem;
	}
	#schedule .txtBox .txt-inner h4::before {
		left: -6.5rem;
	}
}

/* ===============================
   plan
=============================== */
@media(min-width:992px){
	#plan {
		background: var(--l-gray);
	}
}