@charset "utf-8";

/*=====================================
common
=====================================*/
html {font-size: 62.5%;}
body {font-size: 1.4em;}
body#octop {background: #f9dbe8;}
#mainContent {width: 1062px;background: white;}
.ocWrap2021 {width: 1062px;color: #333333;margin: 0 auto;}
.ocWrap2021 * {box-sizing: border-box;}
.searchMainArea {padding: 0 42px 200px;}
.searchMainArea section + section {margin-top: 120px;}
.searchMainArea a {color: #333;transition: 0.2s linear;}
.searchMainArea a:hover {color: #d71070;text-decoration: none;}
.searchMainArea figure {margin: 0;}
.inner_oc {padding: 0 40px;}
/*=====================================
header
=====================================*/
header.globalheader {margin: 0 auto !important;}
#headerinner.newHeader {background: white;}
.header2021 {width: 1062px;margin: 0 auto;}
.header2021 a {color: #333;}
.header2021 .abv {position: relative;height: 90px;}
.header2021 .abv > p,
.header2021 .abv > div {position: absolute;}
.header2021 .abv .logo {width: auto;top: 30px;left: 20px;}
.header2021 .abv .topLink {top: 0;right: 0;}
.header2021 .abv .topLink a {font-size: 12px;}
.header2021 .abv .bloc-search {width: 300px;top: 30px;left: 370px;}
.header2021 .abv .bloc-search input {width: 240px;outline: none;}
.header2021 .abv .bloc-search a.search-button {
	background: #C7C7C7 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 10px center;
  width: 16px;
  height: 12px;
  color: white;
  font-size: 16px;
  padding: 12px 0 10px 22px !important;
  text-align: left;
}
.header2021 .abv .link {top: 30px;right: 0;}
.header2021 .abv .link a:nth-child(1) {background: url(icon1.gif) no-repeat center top;}
.header2021 .abv .link a:nth-child(2) {background: url(icon2.gif) no-repeat center top;}
.header2021 .abv .link a:nth-child(3) {background: url(icon3.gif) no-repeat center top;}
.header2021 .abv .link a  {
	display: inline-block;
  width: 120px;
  font-size: 11px;
  text-align: center;
  height: 50px;
  padding-top: 26px;
  position: relative;
}
.header2021 .abv .link a .num {
	position: absolute;
	top: -10px;
  right: 20px;
	background: #ff0000;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  width: 25px;
  height: 25px;
  display: block;
  line-height: 1;
  padding-top: 8px;
  box-sizing: border-box;
}
.header2021 .btm {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  padding: 10px 20px;
  text-align: center;
  margin-bottom: 20px;
}
.header2021 .btm a {font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.header2021 .btm ul {width: 40%;display: flex;}
.header2021 .btm ul:first-child li a {
	font-size: 17px;
	padding: 5px 16px 0;
	display: flex;
  flex-direction: column;
  justify-content: center;
}
.header2021 .btm ul:first-child li:first-child {border-left: 1px solid #C7C7C7;}
.header2021 .btm ul:first-child li {border-right: 1px solid #C7C7C7;display: block;}
.header2021 .btm ul:last-child {flex-wrap: wrap;width: 60%}
.header2021 .btm ul:last-child li {margin-left: 40px;}
/*========== section title ==========*/
.searchMainArea p.secttl {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #8C8C8C;
	text-align: center;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 50px;
  padding-bottom: 30px;
	line-height: 1;
}
.searchMainArea p.secttl span {
	color: #d71070;
	font-size: 40px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-bottom: 20px;
	display: block;
	font-weight: bold;
}
/*========== link box ==========*/
ul.list {display: flex;flex-wrap: wrap;}
ul.list li {font-size: 18px;margin-bottom: 20px;}
ul.list.row4 li {margin-right: 19px;}
ul.list.row4 li:nth-of-type(4n) {margin-right: 0px;}
ul.list li a {
	display: block;
	padding: 14px 0;
	text-align: center;
	border: 1px solid #707070;
	width: 230px;
	transition: 0.2s linear
}
ul.list li a:hover {border-color: #d71070;}
ul.list li.short a {line-height: 1.2;padding: 7px 0;}
/*=====================================
search box
=====================================*/
.mv {
	background: url(/oc2021/mv.png) no-repeat left top;
	width: 100%;
	height: 440px;
	position: relative;
	margin-bottom: 40px;
	background-size: contain;
}
.mv p.mvTtl {
	color: white;
  position: absolute;
  bottom: 100px;
  left: 125px;
  font-size: 51px;
  font-weight: bold;
  text-shadow: 3px 3px 3px #00000029;
}
.mv .searchArea {
	background:rgba(255,255,255,0.88);
	padding: 26px 41px 19px;
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
}
.searchTbl {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  border: 1px solid #C7C7C7;
  border-radius: 3px;
  background: white;
}
.searchTbl td {border-right: none;padding: 5px 0;}
.searchTbl td:first-child {border-radius: 3px 0 0 3px;}
.searchTbl td:last-child {border-radius: 0 3px 3px 0;width: 80px !important;background: #00a4d4 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 10px center;}
.searchTbl td:last-child a {
  display: block;
  color: white;
  font-size: 16px;
  padding: 5px 10px 5px 14px;
  text-decoration: none;
}
/*------ マルチ検索ボックス　共通幅 ------*/
.searchArea .searchTbl td:nth-child(1) {width: 150px;}
.searchArea .searchTbl td:nth-child(2) {width: 130px;}
.searchArea .searchTbl td:nth-child(3) {width: 140px;}
.searchArea .searchTbl td:nth-child(4) {width: 200px;}
.searchArea .searchTbl td:nth-child(5) {width: 280px;}
/*------ マルチ検索ボックス　すべて表示の幅 ------*/
.searchArea.all_box .searchTbl td:nth-child(1),
.searchArea.all_box .searchTbl td:nth-child(2) {width: 300px;}
.searchArea.all_box .searchTbl td:nth-child(3) {width: auto;}
/*------ マルチ検索ボックス　その他の教育機関表示の幅 ------*/
.searchArea.other_box .searchTbl td:nth-child(1),
.searchArea.other_box .searchTbl td:nth-child(2) {width: 300px;}
.searchArea.other_box .searchTbl td:nth-child(3) {width: auto;}
/*------ マルチ検索ボックス　留学機関表示の幅 ------*/
.searchArea.abroad_box .searchTbl td:nth-child(1),
.searchArea.abroad_box .searchTbl td:nth-child(2) {width: 300px;}
.searchArea.abroad_box .searchTbl td:nth-child(3) {width: auto;}
/*------ マルチ検索ボックス　先輩・写真から探す表示の幅 ------*/
.searchArea.condition .searchTbl td:nth-child(4) {width: 140px !important;}
.searchArea.condition .searchTbl td:nth-child(5) {width: 240px !important;}
.searchArea.condition .searchTbl td:nth-child(6) {width: 120px !important;}
.searchTbl td p {
  position: absolute;
  top: -22px;
  left: 5px;
}
.searchTbl td p span {
	color: white;
  padding: 2px 4px;
  background: #00a4d4;
  font-size: 11px;
  position: relative;
}
.searchTbl td p span::after {
	content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #00a4d4;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 4px);
}
.searchTbl td > div  {display: flex;position: relative;}
.searchTbl td:not(:first-child) > div  {border-left: 1px solid #00a4d4;}
.searchTbl td .typeBox {background: url(/oc2021/search_icon1.gif) no-repeat left 16px center;}
.searchTbl td .areaBox {background: url(/oc2021/search_icon2.gif) no-repeat left 16px center;}
.searchTbl td .percentileBox {background: url(/oc2021/search_icon3.gif) no-repeat left 16px center;}
.searchTbl td .systemBox {background: url(/oc2021/search_icon4.gif) no-repeat left 16px center;}
.searchTbl td .dateBox {background: url(/oc2021/search_icon5.gif) no-repeat left 16px center;}
.searchTbl td .certificationBox {background: url(/oc2021/search_icon9.gif) no-repeat left 16px center;}
.searchTbl td .studentBox {background: url(/oc2021/search_icon7.gif) no-repeat left 16px center;}
.searchTbl td .genreBox {background: url(/oc2021/search_icon8.gif) no-repeat left 16px center;}
.searchTbl td .photoBox {background: url(/oc2021/search_icon6.gif) no-repeat left 16px center;}
.searchTbl td div div,
.searchTbl td div .calenderCell  {
	font-size: 14px;
  color: #333;
  width: 100%;
  margin-left: 50px;
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
}
.searchTbl td div .calenderCell {
	position: relative;
	border: none;
	outline: none;
	padding-top: 0;
}
.searchTbl td div .calenderCell.day2 {margin-left: 30px;}
.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;}
.ocWrap2021 .pulldownArea {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
}
.ocWrap2021 .pulldownArea .areaInner {position: relative;}
.ocWrap2021 .pulldownArea .areaInner .listwrap {
  position: absolute;
  border: 1px solid #C7C7C7;
  border-top: none;
  top: 0;
  background: white;
  display: flex;
  box-shadow: 2px 2px 2px #C7C7C7;
}
/*------ プルダウン位置 ------*/
.ocWrap2021 .searchArea .pulldownArea .areaInner .listwrap:nth-child(1) {left: 0;}
.ocWrap2021 .searchArea .pulldownArea .areaInner .listwrap:nth-child(2) {left: 152px;}
.ocWrap2021 .searchArea .pulldownArea .areaInner .listwrap:nth-child(3) {left: 280px;}
.ocWrap2021 .searchArea .pulldownArea .areaInner .listwrap:nth-child(4) {left: 421px;}
.ocWrap2021 .searchArea .pulldownArea .areaInner .listwrap:nth-child(5) {left: 660px;}
/*------ すべてプルダウン位置 ------*/
.ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap:nth-child(2) {left: 300px;}
.ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap:nth-child(3) {left: 606px;}
/*------ その他の教育機関プルダウン位置 ------*/
.ocWrap2021 .searchArea.other_box .pulldownArea .areaInner .listwrap:nth-child(2) {left: 300px;}
.ocWrap2021 .searchArea.other_box .pulldownArea .areaInner .listwrap:nth-child(3) {left: 606px;}
/*------ 留学機関プルダウン位置 ------*/
.ocWrap2021 .searchArea.abroad_box .pulldownArea .areaInner .listwrap:nth-child(2) {left: 300px;}
.ocWrap2021 .searchArea.abroad_box .pulldownArea .areaInner .listwrap:nth-child(3) {left: 606px;}
/*------ 先輩の声から探す、写真から探すプルダウン位置 ------*/
.ocWrap2021 .searchArea.condition .pulldownArea .areaInner .listwrap:nth-child(2) {left: 145px;}
.ocWrap2021 .searchArea.condition .pulldownArea .areaInner .listwrap:nth-child(3) {left: 289px;}
.ocWrap2021 .searchArea.condition .pulldownArea .areaInner .listwrap:nth-child(4) {left: 433px;}
.ocWrap2021 .searchArea.condition .pulldownArea .areaInner .listwrap:nth-child(5) {left: 573px;}
.ocWrap2021 .searchArea.condition .pulldownArea .areaInner .listwrap:nth-child(6) {left: 813px;}
/*------ プルダウン　セル設定 ------*/
.ocWrap2021 .pulldownArea .areaInner .listwrap ul.cate li,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail ul li,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail2 ul li {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  min-width: 120px;
}
.ocWrap2021 .pulldownArea .areaInner .listwrap ul.cate li:hover,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail ul li:hover,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail2 ul li:hover {background: #3C58A2;color: white;}
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail2 {border-left: 1px solid #C7C7C7;}
/*------ プルダウン　カレンダー周り設定 ------*/
.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: 840px;margin: 0 auto 40px;}
.bloc-search.mgTopBtm.ocsearch {margin: 35px 0 24px;}
.bloc-search.ocsearch input[type="text"] {
	width: 780px;
  height: 38px;
  outline: none;
  font-size: 18px;
}
.bloc-search.ocsearch input::placeholder {color: #C7C7C7;font-size: 18px;}
.bloc-search.ocsearch a.search-button {
	background: #00a4d4 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 15px center;
	width: 102px;
	color: white;
	font-size: 16px;
	padding: 12px 0 10px 22px !important;
  text-align: left;
  box-sizing: border-box;
  height: 100%;
}
/*=====================================
anchor link
=====================================*/
.searchMainArea ul.anchor {
	display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
  padding-right: 41px;
}
.searchMainArea ul.anchor li {font-size: 15px;position: relative;}
.searchMainArea ul.anchor li a {font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.searchMainArea ul.anchor li span {font-size: 18px;}
.searchMainArea ul.anchor li::after {
	position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 1px solid #8C8C8C;
  border-bottom: 1px solid #8C8C8C;
  transform: rotate(45deg);
  right: -30px;
  top: calc(50% - 8px);
}
/*=====================================
Search by deviation value(dai)
=====================================*/
section.dai .figLeft {display: flex;}
section.dai .figLeft figure {padding-right: 40px;}
section.dai ul.list li {margin-right: 19px}
section.dai ul.list li a {width: 220px;}
section.dai ul.list li:nth-of-type(3n) {margin-right: 0px;}
/*=====================================
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: 30px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
  width: 50%;
  text-align: center;
  padding-bottom: 25px;
  line-height: 1;
  border-bottom: 1px solid #C7C7C7;
	cursor: pointer;
}
ul.tab li.on {border-bottom: 3px solid #3C58A2;}
.tabCnt .cell {display: none;overflow: hidden;padding: 50px 0 0;}
.tabCnt .cell.show {display: block;}
.tabCnt .cell ul.list li {font-size: 16px;}
.tabCnt .cell ul.list li a {width: 135px;padding: 10px;}
.tabCnt .flexBox {display: flex;margin-bottom: 14px;}
.tabCnt .flexBox div {width: 290px;margin-right: 14px;}
.tabCnt .flexBox ul.list2 {display: flex;flex-wrap: wrap;flex: 1;}
.tabCnt .flexBox ul.list2 li {width: 216px;text-align: center;margin: 0 13px 14px 0;}
.tabCnt .sen .flexBox ul.list2 li {width: 214px;margin: 0 15px 17px 0;}
.tabCnt .sen .flexBox ul.list2 li a {height: 84px;}
.tabCnt .flexBox ul.list2 li:nth-child(3n) {margin-right: 0;}
.tabCnt .flexBox ul.list2 li a {
	display: block;
	padding: 5px 0;
	font-size: 16px;
	transition: 0.2s linear;
	border: 1px solid #707070;
	display: flex;
  align-items: center;
  justify-content: center;
	height: 60px;
}
.tabCnt .flexBox ul.list2 li a:hover {border-color: #d71070;}
/*=====================================
Search from location
=====================================*/
.mapArea {background: url(/oc2021/map.gif) no-repeat center top;position: relative;height: 500px;}
.mapArea > ul {position: absolute;width: 160px;overflow: hidden;}
.mapArea ul li ul li {float: left;margin-right: 12px;}
.mapArea ul li ul li a {font-size: 14px;}
/*========== pref position ==========*/
.mapArea > ul:nth-child(1) {top: 10px;right: 120px;}
.mapArea > ul:nth-child(2) {top: 120px;right: 180px;}
.mapArea > ul:nth-child(3) {top: 230px;right: 150px;}
.mapArea > ul:nth-child(4) {top: 70px;left: 390px;width: 120px;}
.mapArea > ul:nth-child(5) {top: 180px;left: 350px;width: 120px;}
.mapArea > ul:nth-child(6) {bottom: 120px;left: 510px;width: 120px;}
.mapArea > ul:nth-child(7) {bottom: 20px;left: 370px;width: 140px;}
.mapArea > ul:nth-child(8) {top: 120px;left: 140px;}
.mapArea > ul:nth-child(9) {bottom: 140px;left: 140px;width: 130px;}
/*========== pref colour ==========*/
.mapArea > ul p {
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	position: relative;
}
.mapArea > ul p::before,
.mapArea > ul p::after {
	content: "";
	position: absolute;
	border-bottom: 1px solid transparent;
  right: 0;
}
.mapArea > ul p::before {width: 20px;bottom: 10px;}
.mapArea > ul p::after {width: 6px;bottom: 12px;transform: rotate(45deg);}
.mapArea > ul:nth-child(1) p {border-bottom: 3px solid #F59795;width: 100px;}
.mapArea > ul:nth-child(1) p a {color: #F59795;}
.mapArea > ul:nth-child(2) p {border-bottom: 3px solid #F9A75D;}
.mapArea > ul:nth-child(2) p a {color: #F9A75D;}
.mapArea > ul:nth-child(3) p {border-bottom: 3px solid #D4E05A;}
.mapArea > ul:nth-child(3) p a {color: #D4E05A;}
.mapArea > ul:nth-child(4) p {border-bottom: 3px solid #FFDE4E;}
.mapArea > ul:nth-child(4) p a {color: #FFDE4E;}
.mapArea > ul:nth-child(5) p {border-bottom: 3px solid #A9DBF7;}
.mapArea > ul:nth-child(5) p a {color: #A9DBF7;}
.mapArea > ul:nth-child(6) p {border-bottom: 3px solid #9CD19C;}
.mapArea > ul:nth-child(6) p a {color: #9CD19C;}
.mapArea > ul:nth-child(7) p {border-bottom: 3px solid #61A9C9;}
.mapArea > ul:nth-child(7) p a {color: #61A9C9;}
.mapArea > ul:nth-child(8) p {border-bottom: 3px solid #F9B9F7;}
.mapArea > ul:nth-child(8) p a {color: #F9B9F7;}
.mapArea > ul:nth-child(9) p {border-bottom: 3px solid #C797C4;}
.mapArea > ul:nth-child(9) p a {color: #C797C4;}
/* arrow colour */
.mapArea > ul:nth-child(1) p::before, .mapArea > ul:nth-child(1) p::after {border-color: #F59795;}
.mapArea > ul:nth-child(2) p::before, .mapArea > ul:nth-child(2) p::after {border-color: #F9A75D;}
.mapArea > ul:nth-child(3) p::before, .mapArea > ul:nth-child(3) p::after {border-color: #D4E05A;}
.mapArea > ul:nth-child(4) p::before, .mapArea > ul:nth-child(4) p::after {border-color: #FFDE4E;}
.mapArea > ul:nth-child(5) p::before, .mapArea > ul:nth-child(5) p::after {border-color: #A9DBF7;}
.mapArea > ul:nth-child(6) p::before, .mapArea > ul:nth-child(6) p::after {border-color: #9CD19C;}
.mapArea > ul:nth-child(7) p::before, .mapArea > ul:nth-child(7) p::after {border-color: #61A9C9;}
.mapArea > ul:nth-child(8) p::before, .mapArea > ul:nth-child(8) p::after {border-color: #F9B9F7;}
.mapArea > ul:nth-child(9) p::before, .mapArea > ul:nth-child(9) p::after {border-color: #C797C4;}
/*=====================================
Search by date
=====================================*/
.caleArea {padding-left: 20px;}
.caleArea .css_schoolapi {overflow: hidden;}
.caleArea .css_schoolapi .calender_wrap {float: left;}
.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;
}
.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;
}
.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: 1px;
	top: 3px;
	background: #F9DBE8;
	border-radius: 50%;
	mix-blend-mode: multiply;
	pointer-events : none;
}
.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: 60%;
	width: 50px;
	height: 50px;
  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: -55px;}
.bx-wrapper .bx-next {right: -55px;}
.bx-wrapper .bx-prev::after,
.bx-wrapper .bx-next::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border: 3px solid transparent;
}
.bx-wrapper .bx-prev::after {
	border-left-color: white;
	border-bottom-color: white;
	top: 16px;
	left: 20px;
	transform: rotate(45deg);
}
.bx-wrapper .bx-next::after {
	border-right-color: white;
	border-bottom-color: white;
	top: 16px;
	right: 20px;
	transform: rotate(-45deg);
}
ul.month_links {display: none;}
/*=====================================
Search by type
=====================================*/
section.type ul {
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
}
section.type ul li {width: 160px;text-align: center;}
section.type ul li:nth-child(1) a {background: url(/oc2021/fig1.jpg) no-repeat center top;background-size: contain;}
section.type ul li:nth-child(2) a {background: url(/oc2021/fig2.jpg) no-repeat center top;background-size: contain;}
section.type ul li:nth-child(3) a {background: url(/oc2021/fig3.jpg) no-repeat center top;background-size: contain;}
section.type ul li:nth-child(4) a {background: url(/oc2021/fig4.jpg) no-repeat center top;background-size: contain;}
section.type ul li a {display: block;width: 100%;height: 100%;}
section.type ul li p {
	width: 100%;
	font-size: 18px;
	font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: -1px;
	padding-top: 168px;
}
/*=====================================
Search for open campus
=====================================*/
section.others .subttl {
	font-size: 30px;
	font-family: "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 20px;
}
section.others ul.list +p.subttl {margin-top: 40px;}
/*==========================================================================
#53056　高校を探す
==========================================================================*/
/*=====================================
bxslider
=====================================*/
.slideArea {padding: 0 42px;margin-bottom: 150px;}
.bx-wrapper .bx-controls-direction a {top: calc(50% - 10px);}
.slideArea .bx-wrapper .bx-prev {left: 0;}
.slideArea .bx-wrapper .bx-next {right: 0;}
.slideArea .bx-wrapper .bx-pager.bx-default-pager a {background: #CCCCCC;}
.slideArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slideArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.slideArea .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #FF0000}
.slideArea .bx-pager-item + .bx-pager-item {margin-left: 6px;}
/*=====================================
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;
  transition: 0.2s linear;
	width: 25%;
	height: 120px;
	background-repeat: no-repeat;
	background-size: 110px auto;
	background-position: left top 10px;
}
section.occ ul.jobList a:hover {
  border: 1px solid #FF9600;
  border-bottom: none;
  border-right: none;
}
section.occ ul.jobList a:nth-child(1) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre01.png);}
section.occ ul.jobList a:nth-child(2) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre02.png);}
section.occ ul.jobList a:nth-child(3) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre03.png);}
section.occ ul.jobList a:nth-child(4) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre04.png);}
section.occ ul.jobList a:nth-child(5) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre06.png);}
section.occ ul.jobList a:nth-child(6) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre07.png);}
section.occ ul.jobList a:nth-child(7) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre08.png);}
section.occ ul.jobList a:nth-child(8) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre09.png);}
section.occ ul.jobList a:nth-child(9) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre11.png);}
section.occ ul.jobList a:nth-child(10) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre12.png);}
section.occ ul.jobList a:nth-child(11) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre13.png);}
section.occ ul.jobList a:nth-child(12) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre14.png);}
section.occ ul.jobList a:nth-child(13) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(14) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(15) {background-image: url(https://school.js88.com/scl_sen/img/joblist/genre16.png);}
section.occ ul.jobList a:nth-child(16) {background-image: url(https://school.js88.com/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;
	transition: 0.2s linear
}
section.senphoto .cell ul.list2 li a:hover {border-color: #FF9600;opacity: .7;}
/*=====================================
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;
  transition: 0.2s linear;
}
section.seniors ul li a:hover {opacity: .7;}
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;}
/*==========================================================================
#53061　偏差値からオープンキャンパスを探す
==========================================================================*/
.ken {
	font-size: 24px;
  font-weight: bold;
  float: left;
  margin-bottom: 15px;
}
.aboutData {
	text-align:right;
	position:relative;
	top:10px;
	font-size: 12px;
}
.aboutData a {color: #00C2FF;}
.block_list_box {
  display: flex;
  flex-wrap: wrap;
  margin: 20px auto 30px;
  justify-content: space-between;
  width: 100%;
}
.block_list_box .list_box {width: 483px;margin-bottom: initial;}
.block_list_box .list_box table {width: 100%;height: 100%;}
.block_list_box .list_box tr {border: 1px solid #E5E5E5;}
.block_list_box .list_box .check_area {
  width: 50px;
  text-align: center;
  background-color: #f6f6f6;
}
.block_list_box .list_box .check_area input[type="checkbox"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.block_list_box .list_box .data_area {
  padding: 10px 15px 35px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.block_list_box .list_box .data_area .scl_name h3 a {
  font-weight: bold;
  font-size: 18px;
  color: #1072b8;
}
.block_list_box .list_box .data_area .scl_name h3 span {
	display: block;
	font-size: 12px;
	color: #333;
  margin-bottom: 8px;
}
.block_list_box .scl_photo a img {
	width: 70px;
	height: 70px;
}
.block_list_box .list_box .data_area .scl_link { 
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 14px;
}
.block_list_box .data_area .scl_link a {color: #00c2ff;}
.block_list_box .data_area .scl_link a:hover {text-decoration: none;}
.block_list_box .data_area .scl_link a:before {content: "\25b6";color: #00c2ff;padding-right: 5px;}
.block_list_box + .ken {margin-top: 20px;}
.block_list_box + .ken + .aboutData {top: 30px;}
/*==========================================================================
#53218　オープンキャンパス検索結果一覧画面
==========================================================================*/
article.ocResult {padding: 0 42px 100px;}
article.ocResult * {font-size: 14px;}
article.ocResult img {width: 100%;}
article.ocResult a {transition: .2s;}
article.ocResult a:hover {text-decoration: none;opacity: .7;}
h2.topTtl {font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 26px;margin-bottom: 20px;}
.fontRed {color: #D91617;margin-bottom: 5px;font-size: 15px;font-weight: bold;}
.bdrBox {color: #333;border: 1px solid #3e5299;padding: 30px;margin-bottom: 80px;}
.flexWrap {display: flex;justify-content: space-between;flex-wrap: wrap;}
.bdrBox figure {width: 180px;margin: 0;}
.bdrBox figure img {width: 100%;}
.bdrBox .txtArea {flex: 1;padding-left: 25px;margin-bottom: 20px;}
.bdrBox .txtArea .ttl {font-size: 20px;margin-bottom: 25px;color: #3C58A2;font-weight: bold;}
.bdrBox .txtArea .cnt + .cnt {margin-top: 20px;}
.bdrBox .linkArea {position: relative;overflow: hidden;}
.bdrBox .linkArea p.scl {margin-bottom: 10px;}
.bdrBox .linkArea p.scl span {font-size: 11px;padding-left: 10px;}
.inlineLink {float: left;}
.inlineLink p {margin-bottom: 10px;font-size: 16px;}
.inlineLink p span {font-size: 12px;margin-left: 5px;}
a.blueLink {color: #00c2ff;}
a.blueLink + a.blueLink {margin-left: 20px;}
.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;
}
a.btn1 {
  color: #333;
  background: white;
  border: 1px solid #999;
  padding: 4px 20px;
  font-size: 16px;
  border-bottom: 4px solid #D91617;
  box-shadow: 2px 2px 2px #aaa;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: inline-block;
  text-align: center;
  font-weight: bold;
}
.bdrBox .linkArea a.btn1{font-size: 20px;width: 280px;box-sizing: border-box;}
.bdrBox .linkArea a.btn1 + a.btn1 {margin-left: 10px;}
.searchResultArea * {color: #333;}
.searchResultArea .txtArea a.btn1 {width: 400px;font-size: 20px;color: #333;box-sizing: border-box;}
.searchResultArea .txtArea a.btn1:hover {text-decoration: none;}
.twobtnArea {float:right;}
ul.tab2 {display: flex;}
ul.tab2 li {
  width: 33.3%;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 30px;
  font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  height: 80px;
}
ul.tab2 li.on {
  border-bottom: 4px solid #3C58A2;
  position: relative;
}
ul.tab2 li.on::after {
	content: "";
  display: block;
  position: absolute;
  left: calc(50% - 6px);
  bottom: -27px;
  border: 12px solid transparent;
  border-top-color: #3C58A2;
  border-left-width: 8px;
  border-right-width: 8px;
}
ul.tab2 li p {
  margin: 10px 0 0 50px;
  color: #333;
  font-size: 20px;
  margin-bottom: 15px;
  display: inline-block;
  font-weight: bold;
}
ul.tab2 li:hover p {text-decoration: underline;}
ul.tab2 li:nth-child(1) {background: url(/oc2021/tab2_bg1.png) no-repeat left 20px center; background-size: contain;}
ul.tab2 li:nth-child(2) {background: url(/oc2021/tab2_bg2.png) no-repeat left 20px center; background-size: contain;}
ul.tab2 li:nth-child(3) {background: url(/oc2021/tab2_bg3.png) no-repeat left 20px center; background-size: contain;}
.cell2 {display: none;} 
.cell2.show {display: block;}
.ttlNum {font-size: 12px;color: #333;}
.ttlNum span {font-size: 15px;font-weight: bold;margin: 0 5px;}
.searchResultArea {border: 1px solid #C7C7C7;margin-bottom: 30px;}
.searchResultArea .cell {padding: 25px;display: flex;}
.searchResultArea .cell + .cell {border-top: 1px solid #C7C7C7;}
.searchResultArea .photoArea {width: 160px;}
.searchResultArea .photoArea figure {margin: 0;}
.searchResultArea .photoArea figure.mainphoto {margin-bottom: 5px;}
.searchResultArea .photoArea figure.subphotos {display: flex;flex-wrap: wrap;justify-content: space-between;}
.searchResultArea .photoArea figure img {width: 100%;}
.searchResultArea .photoArea figure.subphotos img {width: 78px;margin-bottom: 5px;}
.searchResultArea .txtArea {flex: 1;padding-left: 30px;position: relative;}
.searchResultArea .txtArea a {color: #3C58A2;}
.searchResultArea .txtArea .name1 {font-size: 16px}
.searchResultArea .txtArea .name1 span {font-size: 12px;margin-left: 5px;}
.searchResultArea .txtArea .name1 span.update {color: #D91617;text-decoration: underline;;}
.searchResultArea .txtArea .name2 {
	color: #3e5299;
	margin: 10px 0 5px;
	position: relative;
	font-size: 18px;
}
.searchResultArea .txtArea .name2 a {position: absolute;top: 0;right: 0;}
.searchResultArea .txtArea .eventName {margin: 10px 0 5px;overflow: hidden;}
.searchResultArea .txtArea .eventName .left {
	width: calc(100% - 190px);
	color: #3e5299;
	font-size: 20px;
	float: left;
	font-weight: bold;
}
.searchResultArea .txtArea .eventName .right {
	float: right;
	margin-top: 5px;
	width: 190px;
  text-align: right;
}
.searchResultArea .txtArea ul.mark li {
	font-size: 10px;
  background: #F8D2E3CC;
  display: inline-block;
  padding: 2px 12px;
  border-radius: 10px;
}
.searchResultArea .txtArea ul.dateList {
	background: #7DC3E21A;
	margin: 10px 0;
	padding: 10px 10px 10px 20px;
}
.searchResultArea .txtArea ul.dateList li {font-size: 20px;}
.searchResultArea .txtArea ul.dateList li span {font-size: 15px;margin-left: 6px;margin-right: 24px;}
span.sat {color: #00c2ff;}
span.sun {color: #D91617;}
.searchResultArea .txtArea dl {font-size: 15px;margin: 17px 0;}
.searchResultArea .txtArea dl dt {
	float: left;
	clear: left;
	width: 80px;
	font-weight: bold;
	margin-bottom: 5px;
}
.searchResultArea .txtArea dl dd {
	padding-left: 80px;
	line-height: 1.7em;
	margin-bottom: 5px;
}
ul.pagenation {display: table;margin: 0 auto;}
ul.pagenation li {float: left;text-align: center;height: 26px;padding-top: 2px;}
ul.pagenation li a {display: block;color: #333;font-size: 13px;}
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.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;}
/*==========================================================================
#53236　最終デザイン追加
==========================================================================*/
/*=====================================
Search from photos
=====================================*/
ul.photoList {display: flex;flex-wrap: wrap;}
ul.photoList li {width: 236px;margin-right: 11px;}
ul.photoList li:nth-child(4n) {margin-right: 0;}
ul.photoList li p {padding: 10px 0 20px;font-size: 14px;}
/*=====================================
Search from seniors' voice
=====================================*/
.seniorWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.seniorWrap > div {width: 50%;display: flex;padding-right: 30px;}
.seniorWrap > div:nth-child(-n+2) {margin-bottom: 20px;}
.seniorWrap figure  {margin: 0 22px 0 0;}
.seniorWrap .type {
	border: 1px solid #C7C7C7;
  padding: 6px;
  width: 140px;
  text-align: center;
  margin-bottom: 30px;
  font-size: 16px;
}
.seniorWrap .catch {font-size: 18px;font-weight: bold;}
#footer {background: white;width: 1062px;margin: 0 auto;}
.ftLogo {width: 1062px;margin: 0 auto 20px;background: white;}
#headerinner {width: 1062px !important;}
#headerinner #cmmSearch .column-L {left: 388px !important;}
/*==========================================================================
#53335 フッター記事追加
==========================================================================*/
/*=====================================
Checkpoint
=====================================*/
.checkpoint .qa {display: flex;margin-bottom: 20px;}
.checkpoint .qa figure {width: 200px;}
.checkpoint .qa > div {padding-left: 20px;position: relative;flex: 1;}
.checkpoint .qa .hideArea *{font-size: 16px;line-height: 28px;}
.checkpoint .q {font-weight: bold;font-size: 18px;margin-bottom: 26px;position: relative;}
.checkpoint .q::before {content: "Q. ";font-size: 24px;}
.checkpoint .a::before {
  content: "A. ";
  font-size: 24px;
  font-weight: bold;
}
.checkpoint .q,
.checkpoint .a {
  text-indent: -32px;
  padding-left: 32px;
}
.checkpoint .a {
  line-height: 28px;
  overflow: hidden;
  font-size: 16px;
}
.checkpoint .qa .more {
  font-size: 15px;
  color: #3C58A2;
  cursor: pointer;
  text-align: center;
  margin-top: 40px;
}
.checkpoint .more span {position: relative;}
.checkpoint .more span::before,
.checkpoint .more span::after {
  content: "";
  position: absolute;
}
.checkpoint .more span::before {
  top: -3px;
  left: -35px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #3C58A2;
}
.checkpoint .more span::after {
  top: 4px;
  left: -26px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #3C58A2;
  border-bottom: 1px solid #3C58A2;
  transform: rotate(-45deg);
}
.checkpoint .more.open span::after {top: 9px;transform: rotate(135deg);}
.checkpoint .hideArea {display: none;}
.checkpoint table td {padding: 0 15px;}
/*=====================================
Participant's voice
=====================================*/
.searchMainArea .voices p.secttl {margin-bottom: 40px;}
.voices p.sub {
	font-size: 24px;
	padding-bottom: 22px;
	margin-bottom: 50px;
	font-weight: bold;
	border-bottom: 1px solid #C7C7C7;
}
.voices .survey p {font-size: 16px;margin-bottom: 30px;}
.voices .survey .flex {display: flex;justify-content: space-between;margin: 0 auto 40px;text-align: center;}
.voices .survey .flex p {margin-bottom: 20px;}
.voices .survey .flex img {width: 100%;}
.voices .survey + .sub {margin-top: 63px;}
/*---------- 最終調整 ----------*/
.title_blue_recta:before {display: none;}
.page_title {
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 28px;
	font-weight: bold;
	margin: 26px 0 36px;
}
.page_title span {color: #333;}