@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
	.rateBox01 .facultyDetail .rank dd {
		margin-top: -90px;
	}
	.rateBox01 .facultyDetail .facultyName h5 {
		font-size: 140%;
		width: 53%;
	}
	.rateBox01.tsushin .facultyDetail .facultyName h5 {
		width: 28%;
		padding: 0.15em 0 0.25em 2%;
		letter-spacing: -0.08em;
	}
	.rateBox01 .facultyDetail .facultyName div {
		width: 46%;
	}
	.rateBox01.tsushin .facultyDetail .facultyName div {
		width: 70%;
		letter-spacing: -0.04em;
	}
	.rateBox01 .st .facultyDetail .rank dd .txt01, .rateBox01 .cw .facultyDetail .rank dd .txt01, .rateBox01.tsushin .psw .facultyDetail:nth-child(3) .rank dd .txt01 {
		font-size: 170%;
	}
	.rateBox01 .facultyDetail .data {
		margin: 0 0 3.5rem;
	}
	.rateBox01 .facultyDetail .number .rateIcon01 {
		width: 10vw;
	}
	.rateBox01 .cw .facultyDetail .number .rateIcon01 {
		right: 0;
	}

	/* 2021 06 29 add
	---------------------------*/
	/*---------------------------
	.past
	---------------------------*/
	.past dl dt {
		margin-right: 1em;
	}
	.past dl dd .percent span {
	    font-size: 159.5%;
	}

	/*---------------------------
	.countermeasures
	---------------------------*/
	.countermeasures .roadmap ul li {
		width: 48%;
		height: 50vw;
	}
	.countermeasures .roadmap ul li .title {
		font-size: 100%;
	}
	.countermeasures .roadmap ul li .txt {
		font-size: 93.3%;
	}
	.countermeasures .flow .imgBox {
		width: 1000px;
	}
	/*---------------------------
	.linkWrap
	---------------------------*/
    .linkWrap {
        width: 95%;
        margin: 0 2.5%;
    }
    .linkWrap ul li {
        width: 48.5%;
    }
	.linkWrap ul li a {
		font-size: 153.5%;
	}



}

@media screen and (max-width: 599px) {
	.rate #contents {
		padding: 4vw 0;
	}
	.rateBox01 {
		margin-top: 0;
	}
	.rateBox01 section h3 {
		padding: 0.35em 0 0.5em;
		font-size: 190%;
		letter-spacing: 0;
		line-height: 1.3;
		margin-bottom: 1em;
	}
	.rateBox01 section h3 span {
		font-size: 46%;
		margin-top: 0.5em;
	}
	.rateBox01 section section h4 {
		font-size: 150%;
		margin-bottom: 0.75em;
	}
	.rateBox01 .facultyDetail .facultyName h5 {
		font-size: 90%;
		padding: 1em 0 1em 3%;
		letter-spacing: -0.05em;
	}
	.rateBox01.tsushin .facultyDetail .facultyName h5 {
		width: 40%;
		padding: 1em 0 1em 3%;
		letter-spacing: 0;
	}
	.rateBox01 .facultyDetail .facultyName div {
		background: #CCD6E1 url(/common/images/arrow_10.svg) 97% center no-repeat;
		background-size: 0.65em auto;
		font-size: 85%;
	}
	.rateBox01 .facultyDetail .facultyName div a {
		height: 12vw;
	}
	.rateBox01 .facultyDetail .facultyName div.ls01 b {
		margin-top: -1em;
		padding-right: 3%;
	}
	.rateBox01.tsushin .facultyDetail .facultyName div {
		padding-right: 4%;
	}
	.rateBox01.tsushin .facultyDetail .facultyName div a {
		line-height: 1.3;
	}
	.rateBox01.tsushin .facultyDetail .facultyName div a b {
		width: 100%;
		margin-top: -0.25em;
	}
	.rateBox01 .facultyDetail .data {
		margin: 0.75em 0 1.25em;
	}
	.rateBox01 .facultyDetail .rank {
		width: 38%;
		height: auto;
		margin-right: 2%;
		padding: 2em 0;
	}
	.rateBox01 .facultyDetail .data.international .rank {
		margin-right: 2%;
	}
	.rateBox01.tsushin .facultyDetail .rank {
		padding: 2em 0;
	}
	.rateBox01 .facultyDetail .rank dt {
		color: #00336A;
		font-size: 85%;
		text-decoration: underline;
		font-weight: 500;
        margin: 0;
	}
    .rateBox01.tsushin .psw .facultyDetail:nth-child(3) .rank dt {
        margin-top: -1em;
    }
	.rateBox01 .facultyDetail .rank dd {
		margin-top: -3.5vw;
	}
	.rateBox01 .facultyDetail .rank dd .txt01 {
		font-size: 170%;
	}
    .rateBox01 .cw .facultyDetail .rank dd .txt01, .rateBox01.tsushin .psw .facultyDetail:nth-child(3) .rank dd .txt01 {
		font-size: 130%;
		margin-top: 0.75em;
	}
	.rateBox01 .facultyDetail .rank dd .txt02 {
		font-size: 70%;
	}
	.rateBox01 .cw .facultyDetail .rank dd .txt02, .rateBox01 .w02 .facultyDetail .rank dd .txt02 {
		line-height: 1.2;
		margin-top: 0.3em;
	}
    .rateBox01 .facultyDetail .rank .txt03 {
        margin: 0 0 0.5em;
        font-size: 150%;
    }
	.rateBox01 .facultyDetail .number {
		width: 60%;
	}
	.rateBox01 .facultyDetail .number .number01 {
		font-size: 280%;
        white-space: nowrap;
	}
	.rateBox01 .facultyDetail .number .average {
		font-size: 93%;
	}
	.rateBox01 .facultyDetail .number .average span.all {
		font-size: 90%;
		padding: 0.45em 0.35em 0.65em;
	}
	.rateBox01 .facultyDetail .number .rateIcon01 {
		right: 16%;
		top: 0.75em;
		width: 30%;
	}
    .rateBox01 .psw02 .facultyDetail:nth-child(2) .number .rateIcon01 {
        right: 0;
    }

	/* 2021 06 29 add
	---------------------------*/
	/*---------------------------
	.past
	---------------------------*/
	.past {
	    margin: 0 0 1.5rem;
	}
	.past dl dt {
		font-size: 66.6%;
		margin-right: 0.5em;
		border: 1px solid #00336a;
	}
    .past dl dd {
        flex-wrap: wrap;
    }
	.past dl dd .percent {
		font-size: 60%;
		font-feature-settings: "palt";
        margin-bottom: 0.35em;
	}
	.past dl dd .percent:not(:last-child)  {
		margin-right: 0.5em;
	}
	.past dl dd .all {
		font-size: 66.6%;
		margin-right: 0;
	}

	/*---------------------------
	.countermeasures
	---------------------------*/
	.countermeasures {
		width: 93.3%;
	}
	.countermeasures .roadmap h4 {
		font-size: 113.3%;
		margin: 0 1em 1em 1em;
	}
	.countermeasures .roadmap .leadTxt {
		font-size: 80%;
		text-align: left;
		margin: 0 1.5em 3em 1.5em;
	}
	.countermeasures .roadmap ul li {
	    width: 100%;
	    height: auto;
        margin-bottom: 7.5em;
        padding-bottom: 8em;
	}
    .countermeasures.col02 .roadmap ul li {
        margin-bottom: 7.5em;
    }
    .countermeasures.col02 .roadmap ul li:nth-last-child(-n+2) {
        margin-bottom: 7.5em;
    }
	.countermeasures .roadmap ul li .num {
		font-size: 80%;
		width: 35px;
	    height: 35px;
	    line-height: 35px;
		top: -17px;
	}
	.countermeasures .roadmap ul li .title {
		font-size: 93.3%;
	}
	.countermeasures .roadmap ul li .txt {
	    font-size: 80%;
	}
	.countermeasures .roadmap {
		padding: 1.0em 0 0;
	}
	.countermeasures .roadmap ul li .imgBox {
		width: 71.4%;
		margin: 0 auto;
	}
	.countermeasures .roadmap ul li:nth-child(-n+2) .imgBox,
	.countermeasures .roadmap ul li:nth-child(3) .imgBox,
    .countermeasures .roadmap ul li:nth-last-child(-n+2) .imgBox,
	.countermeasures.col02 .roadmap ul li:nth-last-child(-n+2) .imgBox,
    .countermeasures.col02 .roadmap ul li:nth-child(-n+2) .imgBox,
    .countermeasures.col02 .roadmap ul li:last-child .imgBox {
		bottom: -66px;
	}
	.countermeasures .flow {
		margin-bottom: 1.5em;
		margin-top: 3.5em;
		padding-bottom: 2.25em;
	}
	.countermeasures .flow h4 {
		margin-top: 0;
		position: relative;
		margin-bottom: 1em;
		font-size: 126.6%;
	}
	.countermeasures .flow::before {
		padding-top: 0;
	}
	.countermeasures .flow .imgBox {
		width: 800px;
	}
	.scroll {
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}
	/*---------------------------
	.linkWrap
	---------------------------*/
	.linkWrap {
	    width: auto;
		padding: 0px 0 2.37em;
	}
	.linkWrap ul {
		display: block;
	}
	.linkWrap ul li {
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin-bottom: 1.3em;
	}
	.linkWrap ul li a {
		font-size: 113.3%;
	}
	.linkWrap ul li a::after {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}

	.rateBox01 section section {
		padding-bottom: 0;
	}
	.rateBox01 .facultyDetail .mean {
	    margin: 0 0 -1.8em -3em;
	}
	.rateBox01 .facultyDetail .mean p {
		font-size: 66.6%;
	}


}

@media screen and (max-width: 300px) {
	.rateBox01 .facultyDetail .facultyName div.ls01 a {
		letter-spacing: -0.18em;
	}
}