@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
	#outline {
		margin-bottom: 0;
	}
	#outline ul li a {
		font-size: 120%;
	}
	#outline ul li a span {
		font-size: 75%;
	}
	.employment #pointSubTitle h1 br {
		display: block;
	}
	.each .eachBox01 .icon01 {
		display: flex;
		top: -1em;
		right: 2.5%;
		width: 12vw;
		height: 12vw;
		font-size: 100%;
	}
	.each .title h3 .txt01 {
		font-size: 160%;
	}
	.each .title h3 .txt02 {
		font-size: 150%;
	}
	.each .eachBox01 h4, .each .eachBox01 h5 {
		text-align: left;
	}
	.each .eachBox01 h4 {
		font-size: 150%;
	}
	.each .eachBox02 .photo01 {
		width: 60%;
	}
	.btnFaculty01 a {
		font-size: 125%;
	}
	.btnFaculty02 a {
		font-size: 125%;
	}
}

@media screen and (max-width: 599px) {
	#outline ul li {
		width: 100%;
		margin-bottom: 1.25em;
	}
	#outline ul li:nth-child(odd) {
		margin-right: 0;
	}
	#outline ul li a {
		padding-right: 1.5em;
		height: 3.25em;
	}
	.certification {
		margin-bottom: 1em;
		border-bottom: 1px solid #335C87;
	}
	.certificationInner {
		border-bottom: 3px solid #335C87;
		padding-bottom: 2em;
	}
	.employment section h2 {
		border-top: 2px solid #335C87;
		border-bottom: 2px solid #335C87;
	}
	.employment section h2 span {
		font-size: 125%;
		padding: 0.45em 0 0.5em;
	}
	.each {
		padding: 2em 0 0.5em;
	}
	.each .title h3 {
		border-left: 6px solid #EB6143;
	}
	.each .title h3 .txt01 {
		font-size: 108%;
		white-space: nowrap;
		padding: 0 2%;
	}
	.each.psw .title h3 .txt01 {
		width: 40%;
	}
	.each .title h3 .txt02 {
		font-size: 100%;
		padding: 0 0 0 2%;
		line-height: 1.3;
		height: 3.5em;
	}
	.each .title h3 .txt03 {
		letter-spacing: -0.08em;
	}
	.each .title h3 .txt04 {
		height: 5em;
	}
	.each .eachBox01 {
		width: 92%;
		margin: 1em auto 0;
	}
	.each .eachBox01 .icon01 {
		top: 0.25em;
		right: -2%;
		width: 22vw;
		height: 22vw;
		font-size: 95%;
	}
	.each .eachBox01 h4 {
		font-size: 112.5%;
		line-height: 1.4;
	}
	.each .eachBox01 h5 {
		line-height: 1.3;
		font-size: 95%;
		margin-top: 0.75em;
	}
	.each .eachBox02 {
		margin: 1.5em auto 0;
		overflow: visible;
	}
	.each .eachBox02 .photo01 {
		float: none;
		margin: 0 0 1.25em;
		width: 100%;
	}
	.each .eachBox02 p {
		font-size: 93%;
	}
	.btnFaculty01 {
		margin: 1.5em auto;
	}
	.btnFaculty01 a {
		box-shadow: 3px 3px 0 #7f7f7f;
		padding: 3px;
		font-size: 100%;
		text-align: left;
	}
	.btnFaculty01 a div {
		border: 1px solid #fff;
		padding: 0.65em 11% 0.65em 5%;
		background: url(/common/images/arrow_06.svg) 98% center no-repeat;
		background-size: 1.85em auto;
		line-height: 1.4;
	}
	.btnFaculty01 a div strong {
		display: block;
		letter-spacing: -0.05em;
	}
	.btnFaculty01.btn01 a div {
		padding: 1.35em 11% 1.35em 5%;
	}
	.btnFaculty01.btn01 a div strong {
		display: inline;
		letter-spacing: 0;
	}
	.btnFaculty02 {
		padding: 2.5em 0;
	}
	.btnFaculty02 a {
		box-shadow: 3px 3px 0 #7a7a78;
		padding: 3px;
		font-size: 100%;
	}
	.btnFaculty02 a div {
		border: 1px solid #00336A;
		padding: 0.8em 11% 0.8em 5%;
		background: url(/common/images/arrow_07.svg) 98% center no-repeat;
		background-size: 1.5em auto;
		line-height: 1.4;
	}
}

@media screen and (max-width: 320px) {
	.each .eachBox01 .icon01 {
		top: -0.5em;
		right: -8%;
	}
}