#title {
	background: url("../img/title_orientation.jpg") no-repeat center center / cover;
}
.online p {
	text-align: center;
}
.online .listbox {
	background-color: #fff5eb;
	border-radius: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	padding: 20px;
	width: calc(100% - 40px);
	max-width: 680px;
	margin: 2em auto 3em;
}
.online .listbox .label {
	background-color: var(--maincolor);
	border-radius: 10px;
	color: #fff;
	font-size: var(--f24);
	height: 2em;
	line-height: 2em;
}
.online .listbox ul li {
	border-bottom: dotted 1px #f7931e;
	background: url("../img/icon/check.svg") no-repeat 0.5em 1.3em / 1em 1em;
	font-size: var(--f18);
	padding: 1em 1em 1em 2.2em;
}
.online .calendar {
	width: 100%;
	max-width: 800px;
	margin: auto;
}
.online .calendar iframe {
	border: solid 1px #999;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
}
.banner a, .banner a img {
	display: block;
	width: 100%;
	max-width: 860px;
	margin: auto;
}
@media screen and (min-width: 768px) {
	.online .listbox {
		width: calc(60% - 40px);
	}
	.online .calendar {
		width: calc(70% - 2px);
	}
	.banner a {
		width: 70%;
	}
	.online .calendar iframe {
		aspect-ratio: 4 / 3;
	}
}