@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
	#school.support h2 {
		margin-bottom: 2.5em;
	}
	#result {
		width: 90%;
	}
	#support {
		width: 90%;
	}
	.supportBox01 .title .subTxt01 {
		background: url(/school/support/images/bg01.svg) center bottom no-repeat;
		background-size: auto 1em;
		padding-bottom: 1em;
		left: -4%;
	}
	#center {
		width: 90%;
	}
	#center .centerBox01 h3 {
		font-size: 150%;
	}
	#interview .interviewWrap h4 {
		font-size: 150%;
	}
	#center .centerBox0101 .table01 td, #center .centerBox0101 .table02 td {
		font-size: 100%;
	}
}

@media screen and (max-width: 599px) {
	#result {
		width: 100%;
	}
	#school.support h2 {
		padding: 0 0 0.5em 5%;
		width: 86%;
		margin: 0 auto 1.75em;
	}
	.resultBox01 {
		display: block;
	}
	.resultBox01 .each {
		width: auto;
		margin-bottom: 3em;
	}
	.resultBox01 .each h3 {
		font-size: 125%;
		padding: 0.35em 0 0.55em 4%;
		width: 85%;
		margin: 0 auto;
	}
	.resultBox01 .each.sw h3, .resultBox01 .each.psw h3, .resultBox01 .each.st h3, .resultBox01 .each.cw h3 {
		border-width: 0.45em;
	}
	.resultBox01 .each h4 {
		margin-top: 0;
	}
	.resultBox01 .each-list ul {
		width: 90%;
		margin: 0 auto;
		font-size: 90%;
	}
	.resultBox01 .each .scroll {
		width: 90%;
    margin: 0.5em auto 0 auto;
	}
	#school.support #support h2 {
		width: 94%;
		margin: 0 auto 4.5em;
	}
	.supportBox01 {
		padding-bottom: 3.5em;
	}
	.supportBox01:last-child {
		padding-bottom: 2em;
	}
	.supportBox01 .title h3 {
		font-size: 95%;
		padding: 0.75em 0 0.65em;
	}
	.supportBox01 .title h3 strong {
		font-size: 130%;
		margin-left: 0;
		display: block;
	}
	.supportBox01 .title .subTxt01 {
		position: absolute;
		width: 100%;
		top: -2.5em;
		left: 0;
	}
	.supportBox01 .title .subTxt02 {
		width: 100%;
	}
	.supportBox01 .title .subTxt01 span {
		font-size: 93%;
	}
	.supportBox01 .detail {
		margin-top: 1.5em;
		display: block;
		overflow: hidden;
	}
	.supportBox01 .detail .detailBox01 {
		width: auto;
	}
	.supportBox01 .detail .detailBox01 p {
		font-size: 93%;
		line-height: 1.6;
	}
	.supportBox01 .detail .img01 {
		width: 45%;
		float: right;
		margin: 0.5em 0 0.25em 2%;
	}
	#school.support #center h2 {
		width: 94%;
		margin: 0 auto 1.75em;
	}
	#center .txt01 {
		font-size: 100%;
		line-height: 1.6;
		margin-bottom: 2em;
	}
	#center .centerBox01 {
		display: block;
		margin-bottom: 2.75em;
	}
	#center .centerBox01 h3 {
		font-size: 135%;
		width: auto;
		font-weight: 700;
		padding: 0.15em 0;
	}
	#center .centerBox01 h3 br {
		display: none;
	}
	#center .centerBox0101 {
		width: auto;
	}
	#center .centerBox0101 p {
		font-size: 100%;
		line-height: 1.6;
		margin-top: 1em;
	}
	#center .centerBox0101 .table01 {
		margin-top: 1.25em;
	}
	#center .centerBox0101 .table01 th, #center .centerBox0101 .table01 td {
		width: auto;
		font-size: 82%;
		padding: 0.75em 0;
	}
	#center .centerBox0101 .table01 th.cel01 {
		width: 28%;
		white-space: nowrap;
	}
	#center .centerBox0101 .table01 td, #center .centerBox0101 .table02 td {
		font-size: 82%;
		padding: 0.75em 0;
	}
	#center .centerBox0101 .table02 th {
		font-size: 82%;
		width: 28%;
		white-space: nowrap;
	}
	#center .centerBox0102 {
		width: auto;
		font-size: 100%;
		margin-top: 1em;
	}
	#center .centerBox0102 p {
		line-height: 1.6;
		margin-top: 0;
	}
	#center .centerBox0103 {
		width: auto;
		display: flex;
		align-items: center;
		margin-top: 1.5em;
	}
	#center .centerBox0103 img {
		box-shadow: 0 0 6px 0px rgb(0 0 0 / 25%);
		width: 40%;
	}
	#center .centerBox0103 ol {
		margin: 0 2% 0 1.25em;
	}
	#center .centerBox0103 ol li {
		list-style-type: decimal;
	}
	#center .centerBox0103 ol li ul li {
		list-style-type: disc;
	}
	#center .centerBox0103 ol li ul {
		margin: 0 0 0 0.25em;
	}
	#schedule {
		padding: 2em 0 3em;
	}
	#schedule h3 {
		font-size: 135%;
		margin-bottom: 1.25em;
	}
	.scheduleChart01 {
		overflow-x: auto;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
		width: 90%;
		margin: 0 auto;
	}
	.scheduleChart01 img {
		max-width: 100%;
		min-width: 700px;
		vertical-align: top;
	}
	.scheduleChart01::-webkit-scrollbar {
		height: 4px;
	}
	.scheduleChart01::-webkit-scrollbar-track {
		background: #eee;
	}
	.scheduleChart01::-webkit-scrollbar-thumb {
		background: #aaa;
		border: none;
	}
	.scheduleChart01::-webkit-scrollbar-thumb:hover {
		background: #999;
	}

	.interview_btn {
    width: 90%;
    margin: 30px auto 0 auto;
    font-size: 110%;
    box-shadow: 2px 2px 0 #7f7f7f;
    padding: 3px;
	}
	
	.interview_btn div {
    border: 1px solid #fff;
    padding: 0.85rem 0em 0.85rem 0;
	}

	#interview {
		margin-top: 3.5em;
		padding: 2.5em 3% 2.25em;
	}
	#interview h3 {
		font-size: 135%;
		letter-spacing: 0;
		margin-bottom: 1em;
	}
	#interview h3 span {
		padding: 0 0.25em;
	}
	#interview .interviewWrap {
		padding: 2em 4% 0;
	}
		#interview .interviewWrap .title {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	#interview .interviewWrap .title div {
		width: 63%;
	}
	#interview .interviewWrap .title img {
		width: 35%;
		background: #F5F5F0;
	}
	#interview .interviewWrap h4 {
		font-size: 108%;
		text-align: left;
		letter-spacing: 0;
	}
	#interview .interviewWrap .name {
		letter-spacing: 0;
		text-align: left;
		font-size: 87.5%;
	}
	#interview .interviewBox01 {
		margin-top: 1em;
	}
	#interview .interviewBox02 {
		width: auto;
	}
	#interview .interviewBox02 p {
		font-size: 93%;
		line-height: 1.7;
	}
	#interview .interviewWrap .circle01, #interview .interviewWrap .circle02, #interview .interviewWrap .circle03, #interview .interviewWrap .circle04 {
		width: 0.5em;
		height: 0.5em;
	}
	#interview .interviewWrap .circle01 {
		top: 0.65em;
		left: 0.65em;
	}
	#interview .interviewWrap .circle02 {
		top: 0.65em;
		right: 0.65em;
	}
	#interview .interviewWrap .circle03 {
		bottom: 0.65em;
		left: 0.65em;
	}
	#interview .interviewWrap .circle04 {
		bottom: 0.65em;
		right: 0.65em;
	}


	.box_add1029 {
	  margin-bottom: 2.75em;
		padding: 0.5em;
	}
	.box_add1029 p {
	  text-align: left;
	  font-size: 100%;
	}

}