@charset "UTF-8";

#searchNav dl dd ul li { padding: 0; }
#searchNav dl dd ul li a { color: #fff; padding: 8.5px 12.9px; display: block; }
.interview_box img { margin-bottom: 0 !important; margin-left: 0 !important; }
.interview_box img.mt-image-center { margin-left: auto !important; }
.pht_box .pht img { min-width: auto !important; }
.interview_box .txtC{ text-align: center; display: block !important; }
.interview_box .caption { text-align: center; padding-bottom: 20px; display: block !important; margin-top: 10px !important; }
.media_college { text-align: right; padding-top: 20px; }
.media_college a { position: relative; font-size: 12px; font-weight: bold; }
.media_college a::before { content: ""; position: absolute; left: -10px; width: 4px; height: 4px; border-top: 1px solid #274A78; border-right: 1px solid #274A78; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -3px; }

@media screen and (min-width: 801px) , print {
.mtTowColumn { width: 100%; clear: both; overflow: hidden; margin-bottom: 30px; }
.mtTowColumn div { width: 48%; float: left; text-align: center; }
.mtTowColumn div:first-child { margin-right: 4%; }
.mtTowColumn div p { font-size: 13px; margin-top: 5px; }
.mtTowColumn div img { max-width: 100%; }

.mtThreeColumn { width: 100%; clear: both; overflow: hidden; margin-bottom: 30px; }
.mtThreeColumn div { width: 30%; float: left; text-align: center; }
.mtThreeColumn div:first-child { margin-right: 5%; }
.mtThreeColumn div:nth-child(2) { margin-right: 5%; }
.mtThreeColumn div p { font-size: 13px; margin-top: 5px; }
.mtThreeColumn div img { max-width: 100%; }

#footerNav ul { height: 84px; }
#footerNav ul .portal { margin-top: 18px; }
#footerNav ul .portal a { line-height: 1.2em; }
#footerNav ul .portal a span { display: inline; }

.banner ul li:nth-child(n+5) { margin-top: 2%; }
}

@media only screen and (max-width: 800px) , print {
#searchNav dl dd ul li a { color: #fff; padding: 15px 0; display: block; }
#searchNav dl dd ul li.off { opacity: 0.5; pointer-events: none; }

.mtTowColumn { width: 100%; text-align: center; }
.mtTowColumn div { margin-bottom: 30px; }
.mtTowColumn div p { font-size: 13px; margin-top: 5px; }
.mtTowColumn div img { max-width: 100%; }

.mtThreeColumn { width: 100%; text-align: center; }
.mtThreeColumn div { margin-bottom: 30px; }
.mtThreeColumn div p { font-size: 13px; margin-top: 5px; }
.mtThreeColumn div img { max-width: 100%; }

.interview_box img { max-width: 100%; height: auto; }
}