@charset "utf-8";

/*=====================================
common
=====================================*/
#page_title{display:none;}
html {font-size: 62.5%;}
body {font-size: 1.4em;}
a {text-decoration: none;}
body.jukenc {background: #C3DDF1;}
#mainContent {background: white;width: 1062px;padding: 14px 42px 40px;box-sizing: border-box;}
main *:not(#open01 .modal_window):not(.exam-schedule-body *) {box-sizing: border-box;}
main p {font-size: 14px;color: #333;}
figure, p {margin: 0;padding: 0;}
main a {color: #333;transition: linear .2s;}
main a:hover {text-decoration: none;opacity: .7;color: unset;}
main .bold {font-weight: bold;}
.tx-blue {color: #2771b5;}
.attention_txt p {
  font-size: 17px!important;
  font-weight: bold;
  color: red!important;
  line-height: 2!important;
}
/*=====================================
top
=====================================*/
.concierge2021 {margin: 0 20px;}
.topTtlArea {padding: 15px 0 40px;text-align: center;}
.topTtlArea p {font-size: 26px;font-weight: bold;}
.topTtlArea span.copy, .topTtlArea span.eng {display: block;font-size: 16px;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.topTtlArea span.eng {font-size: 11px;margin-bottom: 13px;}
.topTtlArea span.copy {font-weight: bold;line-height: 28px;margin-top: 18px;}
p.copy2 {
	margin: 0 0 9px;
	background: #FDF5F0;
	padding: 15px 30px;
	font-size: 10px;
	line-height: 15px;
}
p.copy3 {
	margin: 0 0 15px;
	padding: 15px 30px;
	font-size: 10px;
	line-height: 15px;
}
.topTtlArea .topArea {
	background-color: #FDF5F0;
	margin: 25px 0 0;
	height: auto;
}
.topTtlArea .topArea p {
	font-size: 12px;
	text-align: left;
	padding: 20px 27px;
	line-height: 18px;
	font-weight: normal;
}
#juken-menu {margin-bottom: 45px;}
#juken-menu li {border-bottom: 1px solid #C7C7C7;}
#juken-menu .menuCell {font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 18px 0;}
#juken-menu .menuCell a {display: flex;}
#juken-menu .menuCell .tx {padding: 0 15px 0 20px;width: 400px;}
#juken-menu  .menuCell .categ {
	font-size: 12px;
	border: 1px solid #707070;
	text-align: center;
	padding: 5px 12px;
	display: inline-block;
}
#juken-menu .menuCell .pagettl {
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	margin: 18px 0;
}
.concSerchTbl td, select, .btnClear, .btnKettei, input[type="checkbox"] {cursor:pointer;	}
/*=====================================
憧れの大学の一番偏差値の低い入試を見つける
=====================================*/
article {
	padding: 0 20px;
}
table.concSerchTbl {
	font-size: 12px;
	width: 100%;
	color: #333;
	margin-bottom: 25px;
}
table.concSerchTbl th {
	width: 78px;
	background: #c0d8f0;
	padding: 12px 5px;
}
table.concSerchTbl th,
table.concSerchTbl td {
	border: 1px solid #C1C1C1;
	height: 50px;
}
table.concSerchTbl td {
	position: relative;
	padding: 12px 10px;
    padding-right: 30px;
}
table.concSerchTbl td::before,
table.concSerchTbl td::after {
	content: "";
	display: block;
	position: absolute;
}
table.concSerchTbl td::before {
	top: calc(50% - 7px);
	right: 10px;
	width: 12px;
	height: 12px;
	background: #0060b0;
	border-radius: 50%;
}
table.concSerchTbl td::after {
	top: calc(50% - 4px);
	right: 14px;
	width: 4px;
	height: 4px;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	transform: rotate(-45deg);
}
a.searchMenubtn {
	border: 1px solid #333;
	padding: 8px 33px 8px 16px;
	display: block;
	margin: 0 auto 25px;
	position: relative;
	width: 135px;
  font-size: 12px;
}
a.searchMenubtn::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 13px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #707070;
	border-bottom: 1px solid #707070;
	transform: rotate(-45deg);
}
a.searchMenubtn.open {
	padding: 13px 27px 13px 10px;
}
a.searchMenubtn.open::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 2.5px);
	right: 13px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #707070;
	border-bottom: 1px solid #707070;
	transform: rotate(135deg);
}
.result_num {
	text-align: center;
	margin-bottom: 10px;
}
.result_num span {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.result_num span.fs12 {
	font-size: 12px;
}
.searchBtnArea {
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
.searchBtnArea a {
	display: inline-block;
	text-align: center;
	color: white;
	border-radius: 3px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
}
.searchBtnArea a + a {margin-left: 8px;}
.searchBtnArea .clrBtn {
	background: #C7C7C7;
	padding-top: 8px;
	width: 86px;
}
.searchBtnArea .searchBtn {
	background: #0061B1 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 18px center/12px;
	padding: 8px 30px 0 15px;
	width: 150px;
}
.btmNotice {
	background: #F1F1F1;
	padding: 10px;
	font-size: 10px;
	color: #333;
	line-height: 15px;
}
/*=====================================
憧れの大学の一番偏差値の低い入試を見つける　検索結果
=====================================*/
.concTopTtl {
	font-size: 14px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	padding: 15px 20px;
}
.topResultArea .anchor {
	background: #F1F1F1;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}
.topResultArea .anchor a {
	width: 33.333333%;
	margin-bottom: 10px;
	font-size: 12px;
	padding-left: 10px;
  text-indent: -8px;
}
.topResultArea .anchor a span {
	position: relative;
	padding-left: 8px;
}
.topResultArea .anchor a span::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	border: 4px solid transparent;
	border-left-color: #3C58A2;
}
.topResultArea .anchor a.on span {
	background: #3C58A280;
	padding: 3px 3px 3px 8px;
}
.nyushi_jouhou {margin-top: 20px;}
a.howto {
	position: relative;
	padding-left: 20px;
	color: #1C1C1C;
}
a.howto::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #0061B1;
}
a.howto::after {
	content: "？";
	display: block;
	position: absolute;
	top: 0;
	left: 2px;
	color: white;
	font-weight: bold;
	font-size: 10px;
}
.resultSclList {margin-top: 30px;}
.resultSclList ul {text-align: center;}
.resultSclList ul li a {color: #0061B1;}
.resultSclArea {margin-top: 30px;}
.sclBox + .sclBox {margin-top: 35px;}
.sclBox .sclNm {font-size: 28px;color: #0061B1;}
.sclBox .sclNm a {
	color: #0061B1;
	font-weight: bold;
	font-size: 19px;
	line-height: 23px;
}
.sclBox .sclNm span {
	font-size: 10px;
	color: #1C1C1C;
	display: block;
}
.brochure_btn {width: 160px;}
.rightFigBox {margin: 15px 0 10px;}
.rightFigBox img {width: 60px;vertical-align: bottom;}
.rightFigBox img + img {margin-left: 2px;}
h4.major {
	font-weight: bold;
	padding: 7px 5px;
	border: 1px solid #C1C1C1;
	font-size: 14px;
	color: #333;
}
.majorSub {
	background: #C3DDF1;
	padding: 8px;
	font-size: 12px;
}
table.concResultTbl {
	font-size: 11px;
	line-height: 18px;
	color: #333;
	width: 100%;
	table-layout: fixed;
}
table.concResultTbl p {font-size: 11px;}
table.concResultTbl th {
	font-weight: normal;
	text-align: center;
	background: #F1F1F1;
}
table.concResultTbl th.n-subject {
	width: 9%;
	vertical-align: top;
}
table.concResultTbl th,
table.concResultTbl td {
	padding: 8px;
	border: 1px solid #C1C1C1;
}
table.concResultTbl + h4.major {border-top: none;}
td.kamoku dl {line-height: 18px;}
td.kamoku dl dt {
	float: left;
	clear: both;
	margin-right: 20px;
}
span.kobetsu {color: #0061B1;}
table.concResultTbl.date th,
table.concResultTbl.date td {
	text-align: center;
	padding: 2px 0;
	font-size: 10px;
}
table.concResultTbl.date th {
	border-top: none;
	width: 19%;
}
table.concResultTbl.date th.wide {width: 24%;}
.pager_num {
	margin: 20px auto 30px;
	display: table;
}
.pager_num li {
	float: left;
	border: 1px solid #C7C7C7;
	border-left: none;
}
.pager_num li a {
  padding: 6px 8px;
	display: block;
	font-size: 13px;
}
.pager_num li.on {
  position: relative;
  padding: 6px 8px;
  font-size: 13px;
}
.pager_num li.prev {margin-right: 8px;}
.pager_num li.dots {
	border: none;
	padding: 7px 5px;
	font-size: 11px;
}
.pager_num li.next {margin-left: 8px;}
.pager_num li.first,
.pager_num li.last,
.pager_num li.prev,
.pager_num li.next {border-left: 1px solid #C7C7C7;}
.pager_num li.on {position: relative;}
.pager_num li.on::after {
	content: "";
	display: block;
	border-bottom: 4px solid #3C58A2;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.detailBtn.small span {
  font-size: 12px;
  width: 137px;
}
.detailBtn span {
  display: block;
  width: 200px;
  height: 27px;
  background: #F1F1F1;
  position: relative;
  padding: 2px 0 2px 35px;
  border-radius: 0 0 0 17px;
  cursor: pointer;
}
.detailBtn span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #707070;
  border-bottom: 2px solid #707070;
  position: absolute;
  left: 16px;
  top: 5px;
  transform: rotate(-45deg);
}
.detailBtn {
  display: flex;
  justify-content: flex-end;
}
/*=====================================
試験日が重ならないように出願提出大学を決定
=====================================*/
main.nyushi table.concSerchTbl {margin: 10px 0 35px;}
main.nyushiResult {
	background: white;
	text-align: left;
	font-size: 16px;
	color: #333;
}
.list-search-body {margin-bottom: 50px;}
.theme_blue {
	background: transparent;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}
.ex-icon li {
	font-size: 16px;
	color: #333;
	margin-bottom: 14px;
	position: relative;
	padding-left: 35px;
}
.ex-icon li:before {
	content: "";
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
}
.ex-icon li:first-of-type:before {background: #d2291b;}
.ex-icon li:nth-of-type(2):before {background: #c273ad;}
.ex-icon li:nth-of-type(3):before {background: #ee7c19;}
.ex-icon li:nth-of-type(4):before {background: #8dc323;}
.ex-icon li:nth-of-type(5):before {background: #6bc2ed;}
.btn-detail,
.btn-detail-close {
	background: white;
	color: #0061B1;
	font-size: 11px;
	position: absolute;
	top: -5px;
	right: 0;
}
.btn-detail:before,
.btn-detail-close:before {
	background: transparent;
	display: inline-block;
	margin-right: 8px;
	font-size: 17px;
}

.btn-detail:before {content: "<";transform: rotate(90deg);}
.btn-detail-close:before {content: ">";transform: rotate(90deg);}
.gantt-chart-month em {font-size: 19px;line-height: 1.6;}
.gantt-chart-month {margin-bottom: 15px;}
.gantt-chart-pager-next,
.gantt-chart-pager-prev {top: -2px;}
.fa-chevron-right {transform: rotate(-45deg);}
.fa-chevron-left {transform: rotate(45deg);}
.fa-chevron-right:before,
.fa-chevron-left:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
}
.fa-chevron-right:before {border-bottom: 4px solid #0061B1;border-right: 4px solid #0061B1;}
.fa-chevron-left:before {border-bottom: 4px solid #0061B1;border-left: 4px solid #0061B1;}
.sc-header {width: 100%;}
.sc-header li:first-of-type {line-height: 16.5px;}
.sc-header li:before {font-size: 15px;}
.concierge-footer {margin: 25px 0 10px;}
.info-icon p {font-size: 11px;}
.icon-list li {font-size: 11px;}
.select-tx {font-size: 12px;}
/*=====================================
デバイス別
=====================================*/
@media screen and (max-width: 320px) {
	.pager_num li a {font-size: 12px;padding: 5px;}
	.pager_num li.dots {padding: 5px;}
}
/*=====================================
共通テストで良い成績の科目を最大限に活用する検索
=====================================*/
.kyoka_area {padding: 20px 10px 0;}
.form-group.kyoka{display: flex;}
.form-group.kyoka .selectWrap:nth-child(1) {width: auto;margin-right: 20px;}
.form-group.kyoka .selectWrap:nth-child(3) {width: 138px;margin-left: 20px;}
.ttl {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
}
.kyoka_area .ttl {display: inline-block;}
.kyoka_area .ttl:first-child {margin-right: 130px;}
.form-group.kyoka select {margin: 2px 4px 6px;}
.selectWrap {position: relative;}
.selectWrap select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 30px;
  padding: 5px 22px 5px 10px;
  margin-left: 0px;
  border: 1px solid #C1C1C1;
  border-radius: 0px;
  width: 100%;
  cursor: pointer;
  font-size: 11px;
  background: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectWrap::after {
  content: "";
  display: block;
  border-left: 2px solid #0061B1;
  border-bottom: 2px solid #0061B1;
  transform: rotate(-45deg);
  position: absolute;
  right: 10px;
  top: 10px;
  width: 5px;
  height: 5px;
  pointer-events: none;
  border-top: none;
  border-right: none;
}
table.tokuten tr td {border: none;padding: 0;}
table.tokuten tr td:nth-child(2) {text-align: right;}
table.tokuten tr.tokuten_sum td {padding-bottom: 5px;}