@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
	#linkArea .linkAreaBox01 dl dd ul li a {
		font-size: 2.25vw;
	}
	#linkArea .linkAreaBox02 ul li dl dd a {
		font-size: 3.5vw;
	}
	#school .message h3 {
		font-size: 140%;
	}
	#school .message .messageBox02 dl dt span {
		font-size: 125%;
	}
}

@media screen and (max-width: 599px) {
	#school #contentsInner {
		padding-left: 0;
	}
	#school h2 {
		margin-bottom: 1.25em;
	}
	#school h2 span {
		font-size: 150%;
		border-left: 4px solid #BEAF73;
	}
	#school .message {
		margin-bottom: 3em;
	}
	#school .message h3 {
		font-size: 106.25%;
		color: #00336A;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
		margin-bottom: 1.75em;
		line-height: 1.9;
		letter-spacing: -0.05em;
	}
	#school .message .messageBox01 {
		display: block;
	}
	#school .message .messageBox02 {
		width: auto;
		text-align: center;
	}
	#school .message .messageBox02 img {
		display: block;
		width: 56%;
		margin: 0 auto 0.75em;
	}
	#school .message .messageBox02 dl dt {
		font-size: 75%;
	}
	#school .message .messageBox02 dl dt span {
		font-size: 160%;
	}
	#school .message .messageBox02 dl dd {
		margin-top: 0.75em;
	}
	#school .message .messageBox02 dl dd ul li {
		margin-top: 0;
		font-size: 87.5%;
	}
	#school .message .messageBox02 dl dd ul li br {
		display: none;
	}
	#school .message .messageBox03 {
		width: auto;
		margin-top: 2em;
	}
	#school .message .messageBox03 p {
		font-size: 93%;
	}
	#school .message .messageBox03 p br {
		display: none;
	}
	#school #credo {
		padding-bottom: 1.5em;
	}
	#school #credo dl {
		margin: 0 auto 1.75em;
		display: block;
	}
	#school #credo dl dt {
		width: auto;
		font-size: 112.5%;
		padding: 0.15em 0 0.2em;
		margin-bottom: 0.75em;
	}
	#school #credo dl dd {
		width: auto;
		font-size: 100%;
		display: block;
		text-align: center;
	}
	#school #credo dl dd ul li dl dt {
		text-align: left;
	}
	#school #credo dl dd ul li dl dd {
		text-align: left;
	}
	#school .message .messageBox02 dl dd ul.list01 li {
		margin-top: 0;
	}
	#school #spirit h2 {
		margin-bottom: 1.25em;
	}
	#school #spirit p {
		font-size: 100%;
	}
	#school #spirit dl dt {
		font-size: 112.5%;
	}
	#school #spirit dl dd {
		font-size: 100%;
	}
	#linkArea {
		margin-top: 0;
	}
	#linkArea .linkAreaBox01 {
		padding: 2em 0 1.5em;
	}
	#linkArea .linkAreaBox01 dl dt {
		font-size: 150%;
		padding-left: 0.5em;
		margin-bottom: 1em;
	}
	#linkArea .linkAreaBox01 dl dd ul li:not(:nth-child(3n)) {
		margin-right: 0;
	}
	#linkArea .linkAreaBox01 dl dd ul li:not(:nth-child(2n)) {
		margin-right: 4%;
	}
	#linkArea .linkAreaBox01 dl dd ul li {
		width: 48%;
	}
	#linkArea .linkAreaBox01 dl dd ul li a {
		font-size: 100%;
		padding: 0;
		height: 3.5em;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.4;
		box-shadow: 2px 2px 0 #00336a;
	}
	#linkArea .linkAreaBox01 dl dd ul li:nth-child(3) a {
		letter-spacing: 0;
	}
	#linkArea .linkAreaBox01 dl dd ul li a::after {
		margin: 0 0 0 0.35em;
	}
	#linkArea .linkAreaBox02 {
		padding: 2em 0 2.25em;
	}
	#linkArea .linkAreaBox02 ul {
		display: block;
	}
	#linkArea .linkAreaBox02 ul li {
		width: auto;
		margin-bottom: 1.75em;
	}
	#linkArea .linkAreaBox02 ul li dl dt {
		margin-bottom: 0.5em;
		font-size: 87.5%;
	}
	#linkArea .linkAreaBox02 ul li dl dd a {
		font-size: 140%;
		box-shadow: 2px 2px 0 #7f7f7f;
		padding: 3px;
	}
	#linkArea .linkAreaBox02 ul li dl dd a div {
		border: 1px solid #fff;
		padding: 0.85rem 0em 0.85rem 0;
	}
}