@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
	#school.institution h2 {
		max-width: 88%;
		margin: 0 auto 2em;
	}
	.buildingBox01, #indoorview01, .building01 .photo {
		max-width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.buildingBox01 .right p.txt01 br {
		display: none;
	}
	#indoorview01 .indoorviewBox01 section p br {
		display: none;
	}
	.building01 .photo ul li a br {
		display: none;
	}
}

@media screen and (max-width: 599px) {
	#school.institution h2 {
		width: 85%;
		max-width: 85%;
		margin-bottom: 2em;
	}
	.buildingBox01 .left {
		width: auto;
		float: none;
		text-align: center;
		margin-bottom: 2em;
	}
	.buildingBox01 .left img {
		width: 60%;
		margin-bottom: 0;
	}
	.buildingBox01 .right {
		width: auto;
		float: none;
	}
	.buildingBox01 .right h3 {
		font-size: 112.5%;
		margin-bottom: 1em;
	}
	.buildingBox01 .right .faculty dd {
		font-size: 93%;
	}
	.buildingBox01 .right p.txt01 {
		font-size: 100%;
	}
	.buildingBox01 .right p.txt02 {
		margin-top: 1.25em;
	}
	.buildingBox01 .right .faculty {
		margin-top: 2em;
	}
	.buildingBox01 .right .floor table {
		font-size: 93%;
	}
	#indoorview01 {
		margin: 0.75em auto 0;
	}
	#indoorview01 .indoorviewBox01 {
		padding: 1.75em 5% 1em;
	}
	#indoorview01 .indoorviewBox01 section {
		margin-top: 0.75em;
		width: auto;
	}
	#indoorview01 .indoorviewBox01 img {
		width: 25%;
		margin: 0 auto;
		display: block;
	}
	#indoorview01 .indoorviewBox01 section h3 {
		font-size: 125%;
		text-align: center;
		margin-bottom: 0.75em;
	}
	#indoorview01 .indoorviewBox01 section p {
		font-size: 93%;
	}
	#indoorview01 .indoorviewBox02 {
		padding: 0.75em 5% 1em;
	}
	#indoorview01 .indoorviewBox02 p {
		font-size: 93%;
	}
	#indoorview01 .indoorviewBox02 p br {
		display: none;
	}
	#indoorview01 .indoorviewBox02 img {
		width: 18%;
		margin-right: 4%;
	}
	#indoorview02 {
		margin: 2.5em auto 0;
		padding-bottom: 2.5em;
	}
	#indoorview02 iframe {
		height: 50vw;
	}
	.building01 .photo01 {
		margin-bottom: 3em;
	}
	.building01 .photo02 {
		padding-top: 0;
	}
	.building01 .photo ul li {
		width: 48%;
		margin: 0 4% 0.75em 0;
	}
	.building01 .photo ul li:nth-child(5n) {
		margin-right: 4%;
	}
	.building01 .photo ul li:nth-child(even) {
		margin-right: 0;
	}
	.building01 .photo ul li {
		font-size: 90%;
	}
	.building01 .photo ul li a br {
		display: block;
	}

}