@charset "utf-8";

/*=====================================
common
=====================================*/
html {font-size: 62.5%;}
body {font-size: 1.4em;background: white;}
.ocWrap2021 {color: #333;}
.ocWrap2021 * {box-sizing: border-box;}
.searchMainArea {padding: 0 20px;}
.searchMainArea section + section {margin-top: 70px;}
.searchMainArea a {color: #333;text-decoration: none;}
.searchMainArea a:hover {color: #d71070;text-decoration: none;}
.searchMainArea figure {margin: 0;}
.inner_oc {padding: 10px;}
.inner_oc2 {padding: 20px;}
:target::before {
	content: "";
	display: block;
	height: 60px;
	margin-top: -60px;
}
/*========== section title ==========*/
.searchMainArea p.secttl {
	font-size: 10px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #8C8C8C;
	text-align: center;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 25px;
  padding-bottom: 15px;
	line-height: 1;
}
.searchMainArea p.secttl span {
	color: #d71070;
	font-size: 23px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-bottom: 15px;
	display: block;
	font-weight: bold;
	line-height: 28px;
}
/*========== link box ==========*/
ul.list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6px;
}
ul.list li {
	margin-right: 10px;
	margin-bottom: 10px;
	width: calc(33.33% - 7px);
	border: 1px solid #707070;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.list li:nth-child(3n) {margin-right: 0;}
ul.list li a {
	font-size: 11px;
	display: block;
	padding: 6px 0;
	text-align: center;
}
p.andmore {
	width: 130px;
  border: 1px solid #333;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  margin: 20px auto 0;
  position: relative;
}
p.andmore::after {
	content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 13px;
  right: 20px;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: rotate(-45deg);
}
p.andmore.open::after {transform: rotate(135deg);top: 16px;}
/*=====================================
search box
=====================================*/
.mv {position: relative;margin-bottom: 40px;}
.srcWrap {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  padding: 10px;
}
p.mvTtl {
	color: white;
  font-size: 21px;
  font-weight: bold;
  text-shadow: 3px 3px 3px #00000029;
  text-align: center;
  margin-bottom: 10px;
}
.searchArea {background: rgba(255,255,255,0.95);padding: 10px;}
.searchArea .sortList {display: flex;flex-wrap: wrap;}
.mv img {width: 100%;}
.sortList .sclType {width: 35%;	border-bottom: 1px solid #ccc;background: url(/oc2021/search_icon1.gif) no-repeat left 10px center/20px auto;}
.sortList .areaItem {width: 65%;	border-bottom: 1px solid #ccc;background: url(/oc2021/search_icon2.gif) no-repeat left 20px center/20px auto;}
.sortList .date {width: 60%;background: url(/oc2021/search_icon5.gif) no-repeat left 10px center/20px auto;}
.sortList .othersItem {width: 40%;background: url(/oc2021/search_icon3.gif) no-repeat left 20px center/20px auto;}
.sortList li > div {
  padding: 7px 7px 7px 40px;
  margin: 5px;
  font-size: 13px;
}
.sortList .areaItem > div,
.sortList .othersItem > div {border-left: 1px solid #ccc;}
a.searchBtn {
	background: #00a4d4 url(/img/common/icon-search.png) no-repeat right 36px center / 12px auto;
  width: 150px;
  color: white;
  font-size: 13px;
  padding: 10px;
  text-decoration: none;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin: 6px auto 0;
}
.calenderdiv > span {position: relative;}
.calenderdiv > span::after {
	position: absolute;
	right: 10px;
	top: 10px;
	content: "▼";
	font-size: 14px;
}
.calenderdiv > span:first-of-type::before {
	position: absolute;
  left: -6px;
	top: 10px;
  content: "～";
  z-index: 10;
	font-size: 14px;
}
.ocWrap2021 .searchArea .inner {position: relative;}
/*------ プルダウン　カレンダー周り設定 ------*/
.ui-datepicker {
	background: white;
	text-align: center;
	color: #333;
	border: 1px solid #C7C7C7;
  box-shadow: 2px 2px 2px #c7c7c7;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding-top: 5px;
	margin-bottom: 10px;
}
.ui-datepicker-title {
	font-size: 15px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 2px dotted #1981E8;
	display: inline-block;
}
.ui-datepicker-title span.ui-datepicker-month {font-size: 24px;}
.ui-datepicker .ui-datepicker-header a {
	color: #C7C7C7;
	position: absolute;
	top: 14px;
	border: 1px solid #C7C7C7;
	padding: 4px 15px;
  font-size: 10px;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {left: 10px;}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {right: 10px;}
table.ui-datepicker-calendar {width: 300px;text-align: center;color: #333;box-sizing: border-box;}
table.ui-datepicker-calendar th span {font-size: 12px;}
table.ui-datepicker-calendar th:nth-of-type(6) span {color: #1981E8;}
table.ui-datepicker-calendar th:nth-of-type(7) span {color: #FF0000;}
table.ui-datepicker-calendar {font-size: 15px;}
table.ui-datepicker-calendar .past {color: #C7C7C7;}
table.ui-datepicker-calendar th {text-align: center;font-weight: normal;}
table.ui-datepicker-calendar td {padding: 9px 0;line-height: 1.2;}
table.ui-datepicker-calendar td span {font-size: 12px;}
table.ui-datepicker-calendar td span span {font-size: 10px;}
table.ui-datepicker-calendar td a {color: #333;}
/*------ keyword検索窓 ------*/
.bloc-search.ocsearch {
	width: 100%;
	border: 1px solid #c7c7c7;
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	border-radius: 2px
}
.bloc-search.mgTopBtm.ocsearch {margin: 35px 0 24px;}
.bloc-search.ocsearch input[type="text"],
#searchForm1 .bloc-search.ocsearch input[type="text"],
#searchForm2 .bloc-search.ocsearch input[type="text"] {
  outline: none;
  font-size: 14px;
  width: calc(100% - 60px);
  border: none;
  padding: 5px 0 5px 10px;
  height: auto;
}
.bloc-search.ocsearch input::placeholder {
  color: #C7C7C7;
  font-size: 12px;
}
.search-button{
	background: #00a4d4 url(/img/common/icon-search.png) no-repeat right 8px center/12px auto;
  width: 60px;
  color: white;
  font-size: 13px;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  height: 100%;
  text-decoration: none;
  border-radius: 0 2px 2px 0;
}
#searchForm1 .ocsearch .search-button,
#searchForm2 .ocsearch .search-button {
	background: #00a4d4 url(/img/common/icon-search.png) no-repeat right 8px center/12px auto;
  width: 60px;
  color: white;
  font-size: 13px;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
  height: 100%;
  text-decoration: none;
  border-radius: 0 2px 2px 0;
  position: static;
}
/*=====================================
Search by deviation value
=====================================*/
section.dai ul.list li a {font-size: 14px;}
/*=====================================
Search by certification
=====================================*/
section.sen ul.list li a {padding: 10px 5px;}
section.sen ul.list li:nth-child(10) a {letter-spacing: 1px;}
/*=====================================
Search from photos・videos
=====================================*/
section.photo p.secttl {
	border-bottom: none;
	margin-bottom: 18px;
	padding-bottom: 0px;
}
ul.tab {
	display: flex;
	justify-content: space-around;
}
ul.tab li {
	font-size: 14px;
	font-weight: bold;
  width: 50%;
  text-align: center;
  padding-bottom: 15px;
  line-height: 1;
  border-bottom: 1px solid #C7C7C7;
	cursor: pointer;
}
ul.tab li.on {border-bottom: 2px solid #3C58A2;}
.tabCnt .cell {display: none;overflow: hidden;padding: 20px 0 0;}
.tabCnt .cell.show {display: block;}
.tabCnt .cell .video2 {display: flex;justify-content: space-between;margin-bottom: 10px;}
.tabCnt .cell .video2 div {width: calc(50% - 5px);}
.tabCnt .cell .video2 img {width: 100%;}
ul.photoList {margin-top: 10px;}
ul.photoList li p {margin-top: 8px;font-size: 11px;}
/*------ bxslider ------*/
.bx-wrapper {margin-bottom: 0;}
.bx-viewport {height: auto !important;}
/*=====================================
Search from seniors' voice
=====================================*/
.seniorWrap {font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.seniorWrap > div {margin-bottom: 20px;display: flex;justify-content: space-between;}
.seniorWrap figure {width: 120px;margin: 0 15px 0 0;}
.seniorWrap figure img {width: 100%;}
.seniorWrap .type {
	border: 1px solid #C7C7C7;
  padding: 5px;
  width: 100px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 12px;
}
.seniorWrap .catch {font-size: 14px;font-weight: bold;}
.seniorWrap div div {flex: 1;}
/*=====================================
Search from location
=====================================*/
.searchMainArea section.area p.secttl {margin-bottom: 10px;}
.mapArea {
	background: url(/oc2021/map.gif) no-repeat center top;
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 0;
  background-size: contain;
}
.searchMainArea section.area .mapArea {border: none;}
.searchMainArea section.area .mapArea p {padding-bottom: 0;margin-bottom: 0;}
.mapArea ul {width: calc(33.33% - 5px);margin-bottom: 10px;}
.mapArea ul li p {border: 1px solid #c7c7c7;text-align: center;background: rgba(255,255,255,.8);}
.mapArea ul li p a {padding: 10px;display: block;}
.mapArea ul li ul {display: none;}
.mapArea ul li ul li {float: left;margin-right: 12px;}
.mapArea ul li ul li a {font-size: 14px;}
/*=====================================
Search by date
=====================================*/
.caleArea {padding-left: 10px;}
.caleArea .css_schoolapi {overflow: hidden;}
.caleArea .css_schoolapi .calender_wrap {float: left;width: 100%;}
.caleArea .calender_head {text-align: center;margin-bottom: 32px;}
.caleArea .calender_head .this_month {
	font-size: 15px;
	font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-bottom: 2px dotted #1981E8;
	display: inline-block;
	background: none;
	width: auto;
	height: auto;
}
.caleArea .calender_head .this_month a,
.caleArea .calender_head .this_month a:hover {color: #333;}
.caleArea .calender_head .this_month span {font-size: 24px;}
.caleArea .calender_content table {
	width: 300px;
	text-align: center;
	color: #333;
	border: none;
	background: #F8F8F8;
	width: 100%;
}
.caleArea .calender_content table .saturday {color: #1981E8;}
.caleArea .calender_content table .sunday {color: #FF0000;}
.caleArea .calender_content table .week {font-size: 15px;}
.caleArea .calender_content table .week .past {color: #C7C7C7;font-size: 15px;background: #F8F8F8;}
.caleArea .calender_content table td {
	padding: 9px 0 !important;
	line-height: 1.2;
	border: none;
	position: relative;
	cursor: pointer;
}
.caleArea .calender_content table td.day {background: #F8F8F8;}
.caleArea .calender_content table td.future {color: #333;font-size: 15px;background: #F8F8F8;}
.caleArea .calender_content table td.future:hover::after {
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
  transform: translateX(-50%);
	top: 3px;
	background: #F9DBE8;
	border-radius: 50%;
	mix-blend-mode: multiply;
}
.searchMainArea .caleArea .calender_content table td.future a:hover {color: #333;}
.caleArea .calender_content table .week td span {font-size: 12px;}
.caleArea .calender_content table .week td span span {font-size: 10px;}
/*---------- bx-slider ----------*/
.bx-wrapper {border: 0;}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 38.5%;
	width: 25px;
	height: 25px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper {box-shadow: none;}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {background: #98A8C4CC;border-radius: 50%;position: relative;}
.bx-wrapper .bx-prev {left: -25px;}
.bx-wrapper .bx-next {right: -5px;}
.bx-wrapper .bx-prev::after,
.bx-wrapper .bx-next::after {
	position: absolute;
	content: "";
	width: 7px;
	height: 7px;
	border: 2px solid transparent;
}
.bx-wrapper .bx-prev::after {
	border-left-color: white;
	border-bottom-color: white;
	top: 7px;
	left: 10px;
	transform: rotate(45deg);
}
.bx-wrapper .bx-next::after {
	border-right-color: white;
	border-bottom-color: white;
	top: 7px;
	right: 10px;
	transform: rotate(-45deg);
}
section.photo .bx-wrapper .bx-prev,
section.photo .bx-wrapper .bx-next {display: none;}
ul.month_links {display: none;}
.caleArea .calender_content table td a {text-decoration: none;color: #333;}
.searchInner .caleArea .calender_content table td a {pointer-events : none;}
/*---------------- カレンダーから探すセクション　カレンダー用 ----------------*/
section.date .caleArea {position: relative;padding-left: 0;}
section.date .bx-wrapper .bx-controls-direction a {top: 50%;}
section.date .bx-wrapper .bx-prev {left: -5px;}
section.date .caleArea .calender_content table td {width: calc(100% / 7);}
section.date .bx-viewport .bxslider .css_schoolapi {width: calc(100vw - 80px) !important;}
section.date .bx-viewport .bxslider .this_month {margin-left: 50px;}
/*=====================================
Search by type
=====================================*/
section.type ul {
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section.type ul li {
	width: 140px;
	text-align: center;
	margin-bottom: 20px;
}
section.type ul li:nth-child(1) a {background: url(/oc2021/fig1.jpg) no-repeat center top / 120px;}
section.type ul li:nth-child(2) a {background: url(/oc2021/fig2.jpg) no-repeat center top / 120px;}
section.type ul li:nth-child(3) a {background: url(/oc2021/fig3.jpg) no-repeat center top / 120px;}
section.type ul li:nth-child(4) a {background: url(/oc2021/fig4.jpg) no-repeat center top / 120px;}
section.type ul li a {
	display: block;
	width: 100%;
  height: 100%;
  position:relative;
}
section.type ul li p {
	width: 100%;
	font-size: 14px;
	font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: -1px;
	padding-top: 140px;
}
/*=====================================
Search for open campus
=====================================*/
section.others ul.tab li {font-size: 14px;}
/*=====================================
modal
=====================================*/
#modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: none;
}
#modal .modalWrap {
	background: white;
	padding: 30px 20px;
	border-radius: 10px 10px 0 0;
	position: absolute;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
}
/*=====================================
form parts
=====================================*/
.selectWrap {position: relative;}
.selectWrap::after {
	content: "";
	display: block;
	border: 1px solid transparent;
	border-left-color: #333;
	border-bottom-color: #333;
	transform: rotate(-45deg);
	position: absolute;
	right: 10px;
	top: 12px;
	width: 7px;
	height: 7px;
}
select {
	outline: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding: 8px 10px;
  border: 1px solid #ddd;
  color: #828c9a;
  width: 100%;
  border-radius: 2px;
}
select option{background-color: #fff;}
.searchTypeBox {
	border-bottom: 1px solid #00a4d4;
  padding: 10px 0;
  display: flex;
  margin-bottom: 30px;
}
.searchTypeBox .searchType {
	background: #00a4d4;
  text-align: center;
  color: white;
  font-size: 11px;
  position: relative;
  height: 14px;
  padding: 2px 7px 4px;
  display: flex;
  align-items: flex-end;
}
.searchTypeBox .searchType::after {
	content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #00a4d4;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 4px);
}
.searchTypeBox img {
	display: block;
  margin: 0 10px 0 5px;
  height: 26px;
}
.searchTypeBox .value {display: flex;align-items: flex-end;}
.submitBtn {
	display: block;
	background: #00a4d4;
	color: white;
	text-align: center;
	width: 315px;
	margin: 50px auto 30px;
	text-decoration: none;
	padding: 9px;
	border-radius: 3px;
}
.arrowParent {position: relative;}
.arrow_d {position: absolute;left: calc(50% - 17px);top: -90px;}
.arrow_d span {display: block;position: relative;width: 34px;}
.arrow_d span::before,
.arrow_d span::after {
	content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 30px;
}
.arrow_d span::before {
  left: 0;
  border: 2px solid transparent;
  border-right-color: white;
  transform: rotate(-70deg);
}
.arrow_d span::after {
  right: 0;
  border: 2px solid transparent;
  border-left-color: white;
  transform: rotate(70deg);
}
/*==========================================================================
検索結果一覧ページ
==========================================================================*/
.page_title {
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	padding: 15px 20px;
	font-weight: bold;
}
.srcWrap2 {padding: 10px;background: #F6F6F6;}
article.ocResult {padding: 0 42px 100px;}
article.ocResult * {font-size: 14px;}
article.ocResult img {width: 100%;}
h2.topTtl {
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 26px;
	margin-bottom: 20px;
}
/*=====================================
PICK UP
=====================================*/
.fontRed {
	color: #D91617;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}
.bdrBox {border: 1px solid #3C58A2;padding: 10px 10px 20px 10px;}
.bdrBox figure {width: 240px;margin: 0 auto 20px;}
.bdrBox figure img {width: 100%;}
#scl_sp2020_content .bdrBox .ttl {
	font-size: 16px;
	margin-bottom: 20px;
	color: #3C58A2;
	background: white;
	padding: 0;
}
.bdrBox .txtArea {line-height: 23px;}
.andmore2 {
	display: block;
  margin: 10px auto;
  width: 80px;
  text-align: center;
  position: relative;
}
.andmore2::before,
.andmore2::after {
	content: "";
	display: block;
	position: absolute;
}
.andmore2::before {
	top: 0;
	right: -25px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 1px solid #00C2FF;
}
.andmore2::after {
  top: 5px;
  right: -19px;
  width: 6px;
  height: 6px;
  border-left: 1px solid #00C2FF;
  border-bottom: 1px solid #00C2FF;
  transform: rotate(-45deg);
}
.andmore2.open::after {transform: rotate(135deg);top: 8px;}
.bdrBox .scl {font-size: 14px;margin-bottom: 5px;}
.bdrBox .scl span {font-size: 12px;}
.inlineLink {text-align: right;margin-bottom: 8px;}
.inlineLink a.blueLink {display: inline-block;text-decoration: none;padding-bottom: 8px;}
a.blueLink {color: #00c2ff;}
.arrow {position: relative;padding-left: 12px;}
.arrow::before {
	content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: #00c2ff;
  position: absolute;
  left: 0;
  top: 3px;
  border-top-width: 6px;
  border-bottom-width: 6px;
}
.twobtnArea {display: flex;justify-content: space-between;}
a.btn1 {
  color: #333;
  background: white;
  border: 1px solid #999;
  padding: 8px 0;
  font-size: 14px;
  border-bottom: 4px solid #D91617;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  width: 49.5%;
}
.bdrBox .linkArea a.btn1{font-size: 14px;}
/*=====================================
検索結果表示エリア
=====================================*/
ul.tab2 {
  display: flex;
  margin-top: 30px;
  padding: 0 20px;
}
ul.tab2 li {
  width: 33.3%;
  text-align: center;
  padding: 8px;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
ul.tab2 li.on {
  border-bottom: 3px solid #3C58A2;
  position: relative;
}
ul.tab2 li.on::after {
	content: "";
  display: block;
  position: absolute;
  left: calc(50% - 5px);
  bottom: -19px;
  border: 8px solid transparent;
  border-top-color: #3C58A2;
  border-left-width: 5px;
  border-right-width: 5px;
}
ul.tab2 li a {
	color: #333;
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
ul.tab2 li.on a {color: #3C58A2;
}
.tabCnt2 {margin-bottom: 50px;}
.cell2 {display: none;} 
.cell2.show {display: block;}
.ttlNum {font-size: 12px;margin-bottom: 10px;padding: 0 20px;}
.ttlNum span {font-size: 14px;font-weight: bold;}
.ttlNum span span {font-size: 12px;}
.searchResultArea {border-top: 1px solid #C7C7C7;margin-bottom: 30px;}
.searchResultArea * {color: #333;}
.searchResultArea .cell {padding: 20px;border-bottom: 1px solid #C7C7C7;}
.searchResultArea .name1 {font-size: 14px;margin-bottom: 12px;}
.searchResultArea .name1 span {font-size: 12px;}
.searchResultArea .name1 span.update {color: #D91617;text-decoration: underline;margin-left: 5px;font-size: 10px;}
.searchResultArea .photoArea {display: flex;margin-bottom: 10px;}
.searchResultArea .photoArea figure {margin: 0;width: 125px;}
.searchResultArea .photoArea figure.mainphoto {margin-right: 5px;}
.searchResultArea .photoArea figure.mainphoto img {width: 125px;}
.searchResultArea .photoArea figure.subphotos {display: flex;flex-wrap: wrap;justify-content: space-between;}
.searchResultArea .photoArea figure.subphotos img {width: 60px;margin-bottom: 5px;}
.searchResultArea .txtArea a {color: #3C58A2;text-decoration: none;}
.searchResultArea .txtArea .eventName .left {font-size: 16px;font-weight: bold;}
.searchResultArea .txtArea .eventName .right {font-size: 12px;text-align: right;}
.searchResultArea .txtArea ul.mark {margin: 10px 0;}
.searchResultArea .txtArea ul.mark li {
	font-size: 10px;
  background: #F8D2E3CC;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 10px;
}
.searchResultArea .txtArea .dateList {
	background: #7DC3E21A;
	margin: 10px 0;
	padding: 15px 7px;
	font-size: 15px;
        padding-right:0px;
}
.searchResultArea .txtArea .dateList span {
	font-size: 12px;
  margin-left: 5px;
  margin-right: 13px;
}
span.sat {color: #00c2ff;}
span.sun {color: #D91617;}
.searchResultArea .txtArea dl {font-size: 12px;margin: 15px 0 26px;}
.searchResultArea .txtArea dl dt {
	float: left;
	clear: left;
	width: 5em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 18px;
}
.searchResultArea .txtArea dl dd {
	padding-left: 5em;
	line-height: 18px;
	margin-bottom: 10px;
}
.searchResultArea a.btn1 {
  width: 170px;
  font-size: 14px;
  color: #333;
  margin: 0 auto;
  display: block;
}
ul.pagenation {
	display: table;
	margin: 0 auto;
}
ul.pagenation li {
	float: left;
	text-align: center;
	height: 26px;
	padding-top: 2px;
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
}
ul.pagenation li a {
	display: block;
	color: #333;
	font-size: 13px;
	text-decoration: none;
}
ul.pagenation li:not(.mid) {border-top: 1px solid #C7C7C7;border-bottom: 1px solid #C7C7C7;}
ul.pagenation li.on {border-bottom: 3px solid #3e5299;}
ul.pagenation li:not(.prev):not(.next) {width: 26px;}
ul.pagenation li:not(.prev):not(.next) + li.page_num:not(.prev, .next) {border-right: 1px solid #C7C7C7;border-left: 0;}
ul.pagenation li.mid + li {border-right: 1px solid #C7C7C7;}
ul.pagenation li.prev {
	margin-right: 10px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	padding: 2px 10px 0 5px;
}
ul.pagenation li.next {
	margin-left: 10px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	padding: 2px 5px 0 10px;
}
ul.pagenation li + li {border-left: 1px solid #C7C7C7;}
/*==========================================================================
偏差値から探す
==========================================================================*/
.henNoteArea {
	font-size: 10px;
	padding: 20px 20px 30px;
	line-height: 15px;
  position: relative;
}
.henNote {display: flex;justify-content: space-between;margin-bottom: 5px;}
.henNote .left {color: #FF0000;}
.henNote .right {color: #00C2FF;}
.bubbleNote {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  padding: 15px 20px;
  border: 1px solid #C7C7C7;
  width: 100%;
  z-index: 2;
}
.bubbleNote .closeBtn {position: absolute;top: 15px;right: 10px;}
.bubbleNote dt {color: #1981E8;margin-bottom: 5px;}
.bubbleNote dd {text-indent: -1em;margin-left: 1em;line-height: 1.7;}
.present a {color: #333;text-decoration: none;}
.present input {
	width: 10px;
	height: 10px;
  position: relative;
  bottom: -1px;
  margin: 0 2px;
}
.aboutData a {color: #00C2FF;}
/* table */
.sclTable {
	color: #333;
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
}
.sclTable td {
	padding: 8px 5px;
	border: 1px solid #C7C7C7;
	vertical-align: top;
}
.sclTable td.titleuniv {border-top: none;border-left: none;}
.sclTable td.gakubu,
.sclTable td.gakka,
.sclTable td.devi {text-align: center;}
.sclTable td.check {border-left: none;background: #F4F4F4;text-align: center;}
.sclTable td.univ {width: 21%;}
.sclTable td.gakka_data {width: 40%;}
.sclTable td.devi_data {width: 15%;}
.sclTable td.check input {width: 15px;height: 15px;}
.sclTable td:last-child {border-right: none;}
.ken {
	font-size: 16px;
  font-weight: bold;
  color: #1C1C1C;
  line-height: 1;
}
.sclname {
	color: #1981E8;
	text-decoration: none;
	font-weight: bold;
}
.bunbetu {display: block;font-size: 11px;}
.henPhotoArea {text-align: center;}
.henPhotoArea img {
	width: 60px;
	height: auto;
	margin-bottom: 5px;
} 
.btmLinkArea {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}
.btmLinkArea a {
	font-size: 14px;
	color: #00C2FF;
	text-decoration: none;
	margin-right: 10px;
}
/*==========================================================================
資格からオープンキャンパスを探す
==========================================================================*/
.pamphNote {line-height: 20px;font-size: 12px;color: #1C1C1C;}
.pamphNote .ttlNum {padding: 0 10px;margin-bottom: 25px;}
.pamphSeikyuBtn {display: block;margin: 15px 0;}
.pamphNote .btn_checked_all {font-size: 12px;margin: 0;}
.btn_checked_all a {color: #1C1C1C;}
.block_list_box {margin: 0;}
.block_list_box p {color: #464646;}
.block_list_box a {text-decoration: none;}
.list_box .check_area {background: #F4F4F4;}
.list_box .check_area input[type="checkbox"] {width: 15px;height: 15px;}
.list_box .data_area .scl_name h3 a {color: #1981E8;}
.scl_copy {margin-bottom: 10px;}
.scl_photo img {width: 60px;}
.pagenation + .inner_oc2 {padding-top: 0;}
/*==========================================================================
動画からオープンキャンパスを探す
==========================================================================*/
.byMovie .list_box .check_area {vertical-align: top;padding-top: 15px;}
.school_nm {font-size: 16px}
.prefType {font-size: 12px;}
.list_box .pamph_btn {
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #ff6300;
  text-align: center;
  color: #ff6300;
  font-weight: bold;
  width: 125px;
}
.list_box .images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px;
}
.list_box .images a {
  margin-top: 10px;
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
.list_box .thumbnail p {
	font-size: 12px;
	margin-top: 5px;
}
/*=====================================
Search by school name
=====================================*/
.searchMainArea section.sclName p.secttl,
.searchMainArea section.news p.secttl {border-bottom: none;margin-bottom: 0;}
/*=====================================
Search from the entrance exam
=====================================*/
section.exam .figLeft {display: flex;align-items: flex-start}
section.exam .figLeft figure {padding-right: 40px;}
section.exam ul.list li {margin-right: 30px}
section.exam ul.list li a {width: 335px;}
section.exam ul.list li:nth-of-type(2n) {margin-right: 0px;}
/*=====================================
Search by occupation
=====================================*/
section.occ ul.jobList {
  border-collapse: collapse;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
section.occ ul.jobList a {
  display: block;
  padding: 14px 0;
  text-align: center;
  border: 1px solid #707070;
  border-bottom: none;
  border-right: none;
	width: 25%;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 110px auto;
	background-position: left top 10px;
}
section.occ ul.jobList a:nth-child(1) {background-image: url(/scl_sen/img/joblist/genre01.png);}
section.occ ul.jobList a:nth-child(2) {background-image: url(/scl_sen/img/joblist/genre02.png);}
section.occ ul.jobList a:nth-child(3) {background-image: url(/scl_sen/img/joblist/genre03.png);}
section.occ ul.jobList a:nth-child(4) {background-image: url(/scl_sen/img/joblist/genre04.png);}
section.occ ul.jobList a:nth-child(5) {background-image: url(/scl_sen/img/joblist/genre06.png);}
section.occ ul.jobList a:nth-child(6) {background-image: url(/scl_sen/img/joblist/genre07.png);}
section.occ ul.jobList a:nth-child(7) {background-image: url(/scl_sen/img/joblist/genre08.png);}
section.occ ul.jobList a:nth-child(8) {background-image: url(/scl_sen/img/joblist/genre09.png);}
section.occ ul.jobList a:nth-child(9) {background-image: url(/scl_sen/img/joblist/genre11.png);}
section.occ ul.jobList a:nth-child(10) {background-image: url(/scl_sen/img/joblist/genre12.png);}
section.occ ul.jobList a:nth-child(11) {background-image: url(/scl_sen/img/joblist/genre13.png);}
section.occ ul.jobList a:nth-child(12) {background-image: url(/scl_sen/img/joblist/genre14.png);}
section.occ ul.jobList a:nth-child(13) {background-image: url(/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(14) {background-image: url(/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(15) {background-image: url(/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(16) {background-image: url(/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList li {position: relative;}
section.occ ul.jobList li span {
	position: absolute;
  right: 10px;
  top: 20px;
  width: 50%;
  background: white;
  font-size: 18px;
}
section.occ ul.jobList a:nth-child(7) li span,
section.occ ul.jobList a:nth-child(13) li span {top: 10px;}
/*=====================================
Search by occupation
=====================================*/
section.senphoto .cell {overflow: hidden;}
section.senphoto .cell div,
section.senphoto .cell ul {float: left;}
section.senphoto .cell div:first-child {width: 250px;margin-right: 6px;}
section.senphoto .cell div:last-child {width: 286px;margin-left: 6px;float: right;}
section.senphoto .cell ul.list2 {display: flex;flex-wrap: wrap;width: 430px;}
section.senphoto .cell ul.list2 li {width: 135px;text-align: center;margin: 0 10px 10px 0;}
section.senphoto .cell ul.list2 li:nth-child(3n) {margin-right: 0;}
section.senphoto .cell ul.list2 li a {display: block;padding: 8px 0;font-size: 16px;border: 1px solid #707070;}
/*=====================================
Search from seniors
=====================================*/
section.seniors ul {
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
}
section.seniors ul li {
	height: 280px;
	width: 33%;
	text-align: center;
	position: relative;
}
section.seniors ul li a {
	display: block;
	width: 100%;
  height: 100%;
  font-weight: bold;
}
section.seniors ul li:nth-child(1) a {background: url(ob1.jpg) no-repeat center top;}
section.seniors ul li:nth-child(2) a {background: url(ob2.jpg) no-repeat center top;}
section.seniors ul li:nth-child(3) a {background: url(ob3.jpg) no-repeat center top;}
section.seniors ul li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 18px;
}
/*=====================================
Search from seniors
=====================================*/
section.news ul.arrowList {margin-bottom: 40px;}
section.news ul.arrowList li {margin-bottom: 10px;}
section.news ul.arrowList li::before {content: "＞";margin-right: 15px;font-size: 15px;}
section.news ul.arrowList li a {font-size: 16px;}
section.news a.moreBtn {
	display: block;
	width: 200px;
	text-align: center;
	border: 1px solid #707070;
	font-size: 20px;
	padding: 10px 0;
	margin: 0 auto;
}
section.news a.moreBtn:hover {border: 1px solid #FF9600;}
/*=====================================
Checkpoint
=====================================*/
.searchMainArea section.checkpoint p.secttl span {font-size: 19px;}
.checkpoint .qaWrap + .qaWrap {margin-top: 20px;}
.checkpoint .qWrap {display: flex;margin-bottom: 30px;}
.checkpoint .qWrap figure {width: 100px;}
.checkpoint .qWrap > div {padding-left: 10px;position: relative;flex: 1;}
.checkpoint .q {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  text-indent: -18px;
  padding-left: 22px;
}
.checkpoint .q::before {content: "Q. ";font-size: 14px;}
.checkpoint .more {position: absolute;left: 50%;bottom: 30px;}
.checkpoint .more::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 15px;
  height: 15px;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
  transform: rotate(-45deg);
}
.checkpoint .more.open::after {top: 9px;transform: rotate(135deg);}
.checkpoint .a p {line-height: 23px;}
.checkpoint .hideArea {display: none;}
/*=====================================
Participant's voice
=====================================*/
.searchMainArea section.voices p.secttl span {font-size: 19px;}
.searchMainArea .voices p.secttl {margin-bottom: 20px;}
.voices p.sub {font-size: 14px;padding-bottom: 14px;margin-bottom: 20px;font-weight: bold;border-bottom: 1px solid #C7C7C7;}
.voices .survey > p {font-size: 14px;margin-bottom: 30px;line-height: 23px;}
.voices .survey .graphArea p {font-size: 12px;text-align: center;margin-bottom: 10px;}
.voices .survey .graphArea img + p {margin-top: 30px;}
.voices .survey .flex {display: flex;justify-content: space-between;width: 650px;margin: 0 auto 40px;text-align: center;}
.voices .survey .flex p {margin-bottom: 20px;font-size: 12px;}
.voices .survey + .sub {margin-top: 63px;}
/*==========================================================================
デバイス別
==========================================================================*/
@media screen and (max-width: 320px) {
	a.btn1 {font-size: 12px;}
	ul.pagenation li a {font-size: 12px;}
	.sortList li > div {font-size: 12px;}
	.henNoteArea {padding: 10px;}
	.btmLinkArea a {font-size: 13px;}
	.list_box .data_area .oc_link,
	.list_box .data_area .scl_link {font-size: 12px;}
	.list_box .data_area .oc_link {right: 115px;}
}