@charset "UTF-8";

.ruby-wrap .ruby-rt.size-sss {
	top: -3px;
}

@media screen and (max-height: 768px) {
	.ruby-wrap .ruby-rt.size-sss {
		top: -.3906vh;
	}
}

/** .content-title */
.guide .content-title {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.guide .content-title {
		margin-top: 1.9531vh;
		margin-bottom: 1.302vh;
	}
}

.guide .content-title .content-title-inner {
	display: inline-block;
	position: relative;
	padding: 0 130px;
}

@media screen and (max-height: 768px) {
	.guide .content-title .content-title-inner {
		padding: 0 16.927vh;
	}
}

.guide .content-title .content-title-inner::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #003067;
	content: '';
}

@media screen and (max-height: 768px) {
	.guide .content-title .content-title-inner::before {
		height: .651vh;
		border-radius: .651vh;
	}
}

.guide .content-title .content-title-inner h1 {
	position: relative;
	font-size: 40px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.guide .content-title .content-title-inner h1 {
		font-size: 5.2083vh;
	}
}

.guide .content-title .content-title-inner h1::before {
	position: absolute;
	top: 28px;
	left: calc(50% - 270px);
	width: 71px;
	height: 74px;
	background-image: url(/teaching/sagamihara/guide/img/title_left.png);
	background-size: cover;
	transform: translate(-50%, -50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.guide .content-title .content-title-inner h1::before {
		top: 3.6458vh;
		left: calc(50% - 35.1562vh);
		width: 9.2447vh;
		height: 9.6354vh;
	}
}

.guide .content-title .content-title-inner h1::after {
	position: absolute;
	top: 33px;
	right: calc(50% - 350px);
	width: 81px;
	height: 73px;
	background-image: url(/teaching/sagamihara/guide/img/title_right.png);
	background-size: cover;
	transform: translate(-50%, -50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.guide .content-title .content-title-inner h1::after {
		top: 4.2968vh;
		right: calc(50% - 45.5729vh);
		width: 10.5468vh;
		height: 9.5052vh;
	}
}

/** .content-main */
.guide .content-main .content-inner {
	display: flex;
	justify-content: center;
}

/** .content-left */
.guide .content-main .content-left .sample-img-wrap {
	width: 260px;
	margin-bottom: 10px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-left .sample-img-wrap {
		width: 33.8541vh;
		margin-bottom: 1.302vh;
	}
}

.guide .content-main .content-left .sample-img-wrap img {
	width: 261px;
	margin-bottom: 8px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-left .sample-img-wrap img {
		width: 33.9843vh;
		margin-bottom: 1.0416vh;
	}
}

.guide .content-main .content-left .sample-img-wrap:nth-child(1) img {
	height: 195px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-left .sample-img-wrap:nth-child(1) img {
		height: 25.3906vh;
	}
}

.guide .content-main .content-left .sample-img-wrap:nth-child(2) img {
	height: 196px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-left .sample-img-wrap:nth-child(2) img {
		height: 25.5208vh;
	}
}

.guide .content-main .content-left .sample-img-wrap .img-caption {
	font-size: 16px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-left .sample-img-wrap .img-caption {
		font-size: 2.0833vh;
	}
}

/** .content-right */
.guide .content-main .content-right {
	margin-left: 40px;
	font-size: 18px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right {
		margin-left: 5.2083vh;
		font-size: 2.3437vh;
	}
}

.guide .content-main .content-right .list-item {
	display: flex;
	margin-bottom: 6px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item {
		margin-bottom: .7812vh;
	}
}

.guide .content-main .content-right .list-item .list-item-num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	margin-top: 6px;
	border-radius: 4px;
	background-color: #003067;
	color: #fff;
	font-size: 20px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-num {
		width: 3.6458vh;
		height: 3.6458vh;
		margin-top: .7812vh;
		border-radius: .5208vh;
		font-size: 2.6041vh;
	}
}

.guide .content-main .content-right .list-item .list-item-text {
	margin-left: 10px;
	line-height: 1.8;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-text {
		margin-left: 1.302vh;
	}
}

.guide .content-main .content-right .list-item .list-item-text .item-num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	margin: 0 6px;
	border-radius: 4px;
	background-color: #003067;
	color: #fff;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-text .item-num {
		width: 2.8645vh;
		height: 2.8645vh;
		margin: 0 .7812vh;
		border-radius: .5208vh;
	}
}

.guide .content-main .content-right .list-item .list-item-text .btn-sample-img {
	margin: 0 10px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-text .btn-sample-img {
		margin: 0 1.302vh;
	}
}

.guide .content-main .content-right .list-item .list-item-text .btn-sample-img img {
	width: 81px;
	height: 38px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-text .btn-sample-img img {
		width: 10.5468vh;
		height: 4.9479vh;
	}
}

.guide .content-main .content-right .list-item .list-item-text .info-btn {
	position: relative;
	padding: 5px 10px;
	border-radius: 6px;
	color: #fff;
	font-size: 14px;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item .list-item-text .info-btn {
		padding: .651vh 1.302vh;
		border-radius: .7812vh;
		font-size: 1.8229vh;
	}
}

.guide .content-main .content-right .list-item:nth-child(2) .list-item-text .info-btn {
	margin-left: 10px;
	background-color: #ee820f;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item:nth-child(2) .list-item-text .info-btn {
		margin-left: 1.302vh;
	}
}

.guide .content-main .content-right .list-item:nth-child(4) .list-item-text .info-btn {
	margin: 0 10px;
	background-color: #ee820f;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item:nth-child(4) .list-item-text .info-btn {
		margin: 0 1.302vh;
	}
}

.guide .content-main .content-right .list-item:nth-child(5) .list-item-text .info-btn {
	margin: 0 10px;
	background-color: #53b98d;
}

@media screen and (max-height: 768px) {
	.guide .content-main .content-right .list-item:nth-child(5) .list-item-text .info-btn {
		margin: 0 1.302vh;
	}
}

/** .info-wrap */
.guide .content-main .info-wrap {
	position: relative;
	margin-top: -10px;
	padding-left: 50px;
	font-size: 20px;
	text-align: center;
}

@media screen and (max-height: 768px) {
	.guide .content-main .info-wrap {
		margin-top: -1.302vh;
		padding-left: 6.5104vh;
		font-size: 2.6041vh;
	}
}

.guide .content-main .info-wrap::before {
	position: absolute;
	left: calc(50% - 310px);
	width: 49px;
	height: 30px;
	background-image: url(/teaching/sagamihara/guide/img/btn_cursor.png);
	background-size: cover;
	transform: translateX(50%);
	content: '';
}

@media screen and (max-height: 768px) {
	.guide .content-main .info-wrap::before {
		left: calc(50% - 40.3645vh);
		width: 6.3802vh;
		height: 3.9062vh;
	}
}