@charset "utf-8";

/*=====================================
common
=====================================*/
html {font-size: 62.5%;}
body {font-size: 1.4em;}
#mainContent {width: 1062px;background: white;}
.compare {
	width: 1062px;
	color: #333333;
  margin: 0 auto;
}
.compare * {box-sizing: border-box;}
.compare a {transition: .2s;}
.compare a:hover {opacity: .7;text-decoration: none;}
.compare figure {padding: 0;margin: 0;}
.compare_mv {margin: 45px 0 60px;text-align: center;}
.compare_mv img{box-shadow: 0px 3px 6px #00000016;}
.mt53 {margin-top: 53px !important;}
.mt100{margin-top: 100px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb24 {margin-bottom: 24px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb70 {margin-bottom: 70px !important;}
.pc_inner {padding: 0 41px;}
.bold {font-weight: bold;}
/*=====================================
search box
=====================================*/

#hikaku{padding: 30px 42px 18px;background: #EFFFE9;}
.compare .searchArea .inner {position: relative;}
.searchTbl_hikaku {
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
  border: 1px solid #C7C7C7;
  border-radius: 3px;
  background: white;
}
.searchTbl_hikaku td {padding: 5px 0;}
.searchTbl_hikaku td:first-child {border-radius: 3px 0 0 3px;}
.searchTbl_hikaku td:last-child {
  border-radius: 0 3px 3px 0;
  width: 89px !important;
  background: #32BBA9 url(https://school.js88.com/img/common/icon-search.png) no-repeat right 10px center;
}
.searchTbl_hikaku td:last-child a {
  display: block;
  color: white;
  font-size: 16px;
  padding: 5px 10px 5px 24px;
  text-decoration: none;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
}
.searchTbl_hikaku td > div {position: relative;}
.searchTbl_hikaku td .area_hikakuBox {
	background: url(https://school.js88.com/oc2024/oc_icon02.png) no-repeat left center; background-size: 29px;
  margin-left: 78px;
}
.searchTbl_hikaku td p {
  position: absolute;
  top: -22px;
  left: -10px;
}
.searchTbl_hikaku td .system_hikakuBox p {left: 2px;}
.searchTbl_hikaku td p span {
	color: white;
  display: block;
  text-align: center;
  width: 49px;
  line-height: 15px;
  padding-top: 1px;
  background: #32BBA9;
  font-size: 11px;
  position: relative;
}
.searchTbl_hikaku td p span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #32BBA9;
  position: absolute;
  bottom: -8px;
  left: calc(50% - 4px);
}
.searchTbl_hikaku td div div  {
  font-size: 14px;
  color: #100F0F;
  cursor: pointer;
  height: 35px;
  display: flex;
  align-items: center;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
}
.searchTbl_hikaku td div .pref_hikakuvalue {position: relative;margin-left: 45px;}
.compare .pulldownArea {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
}
.compare .pulldownArea .areaInner {position: relative;}
.compare .pulldownArea .areaInner .listwrap_hikaku {
  position: absolute;
  border: 1px solid #C7C7C7;
  border-top: none;
  top: 0;
  background: white;
  display: flex;
  box-shadow: 2px 2px 2px #C7C7C7;
  left: 116px;
}
/*------ プルダウン　セル設定 ------*/
.compare .pulldownArea .areaInner .listwrap_hikaku ul.cate li,
.compare .pulldownArea .areaInner .listwrap_hikaku .detail ul li {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  min-width: 120px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  color: #100F0F;
}
.compare .pulldownArea .areaInner .listwrap_hikaku ul.cate li:hover,
.compare .pulldownArea .areaInner .listwrap_hikaku .detail ul li:hover {background: #32BBA9;color: white;}
.compare .pulldownArea .areaInner .listwrap_hikaku .detail {border-left: 1px solid #C7C7C7;}
/*=====================================
Search from location
=====================================*/
.compare_h3 {
	text-align: center;
	color: #32BBA9;
	font-size: 40px;
  font-family: "Zen Maru Gothic", serif;
	font-weight: bold;
	margin-bottom: 40px;
}
.mapArea {
	background: url(https://school.js88.com/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:nth-child(2) ul li:nth-child(4n),
.mapArea > ul:nth-child(3) ul li:nth-child(4n),
.mapArea > ul:nth-child(4) ul li:nth-child(3n),
.mapArea > ul:nth-child(5) ul li:nth-child(3n),
.mapArea > ul:nth-child(6) ul li:nth-child(3n),
.mapArea > ul:nth-child(7) ul li:nth-child(6),
.mapArea > ul:nth-child(8) ul li:nth-child(4n) {margin-right: 0;}
.mapArea ul li ul li a {
	font-size: 15px;
  color: #333;
  font-family: "Zen Maru Gothic", serif;
}
/*========== pref position ==========*/
.mapArea > ul:nth-child(1) {top: 0;right: 220px;width: 110px;}
.mapArea > ul:nth-child(2) {top: 130px;right: 230px;}
.mapArea > ul:nth-child(3) {top: 230px;right: 210px;}
.mapArea > ul:nth-child(4) {top: 70px;left: 424px;width: 120px;}
.mapArea > ul:nth-child(5) {top: 180px;left: 400px;width: 120px;}
.mapArea > ul:nth-child(6) {bottom: 120px;left: 545px;width: 120px;}
.mapArea > ul:nth-child(7) {bottom: 25px;left: 410px;width: 140px;}
.mapArea > ul:nth-child(8) {top: 120px;left: 182px;}
.mapArea > ul:nth-child(9) {bottom: 140px;left: 168px;width: 130px;}
/*========== pref colour ==========*/
.mapArea > ul p {
	margin-bottom: 10px;
	width: 100%;
	font-size: 14px;
	position: relative;
	font-family: "Zen Maru Gothic", serif;
	font-weight: bold;
}
.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;}
.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;}
/*==============================
検索結果
==============================*/
.compare_h2 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 12px 0 31px;
}
.hit_area {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
  margin-bottom: 8px;
  border-bottom: 2px solid #32BBA9;
  padding-bottom: 3px;
  margin-bottom: 36px;
}
.hit_area .check_notice {
	color: #32BBA9;
	font-size: 20px;
	font-weight: bold;
  font-family: "Zen Maru Gothic", serif;
}
.hit_area span.font_red {color: #E23E3E}
.hit_area span.font_red span {font-size: 29px;}
.hit_area .ttlNum {font-size: 15px;color: #3E3E3E;}
.block_list_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.block_list_box .list_box {
  width: 480px;
  border-radius: 10px;
  border: 2px solid #E5E5E5;
  padding: 15px 17px 47px 20px;
  margin-bottom: 20px;
  position: relative;
}
.compare input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}
.chk_area {margin-bottom: 12px;}
.chk_area label {overflow: hidden;position: relative;}
.chk_area label input[type="checkbox"] {appearance: none;display: none;}
.chk_area label span {
  padding-left: 35px;
  font-size: 20px;
  font-weight: bold;
}
.chk_area label span::before {
	content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: -2px;
  left: 0;
  z-index: 1;
  border: 1px solid #707070;
  border-radius: 2px;
}
.chk_area label input[type="checkbox"]:checked + span::before {background: #3AABD2;border: 1px solid #3AABD2;}
.chk_area label input[type="checkbox"]:checked + span::after {
	content: "";
  position: absolute;
  top: -1px;
  left: 5px;
  display: block;
  width: 7px;
  height: 12px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(45deg);
  z-index: 3;
}
.list_box .catch_c {font-size: 12px;color: #000;}
.img_area {margin-top: 12px;display: flex;}
.img_area figure {width: 108px;margin-right: 5px;}
main.scl_h .img_area figure {
  width: 200px;
  height: 116px;
  margin-right: 20px;
}
.img_area figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.link_btn_area {
  margin-top: 14px;
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.link_btn_area a {
  color: #04C2FF;
  margin-left: 10px;
  font-weight: bold;
}
/* pagenation */
ul.pagenation {display: table;margin: 0 auto;}
ul.pagenation li:not(.prev):not(.next):not(.mid) {width: 32px;}
ul.pagenation li:not(.mid) {border-top: 1px solid #C7C7C7;border-bottom: 1px solid #C7C7C7;}
ul.pagenation li {
  text-align: center;
  float: left;
  line-height: 15px;
}
ul.pagenation li.on {
  border-bottom: 4px solid #32BBA9;
  box-sizing: border-box;
  height: 30px;
  width: 31px;
  padding: 7px 0 6px;
  font-size: 16px;
}
ul.pagenation li a {
  display: block;
  color: #333;
  font-size: 16px;
  padding: 7px 0 6px;
}
ul.pagenation li.page{border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;}
ul.pagenation li.page + li.page{border-left:0;border-right:1px solid #C7C7C7;}
ul.pagenation li.prev {margin-right: 10px;}
ul.pagenation li.next {margin-left: 10px;}
ul.pagenation li.prev a,
ul.pagenation li.next a{padding: 7px 8px 6px 9px;}
ul.pagenation li.mid{padding: 7px 10px 6px;}
ul.pagenation li.prev,
ul.pagenation li.lastpage,
ul.pagenation li.next{border: 1px solid #C7C7C7;}
p.show_num {font-size: 12px;text-align: center;}
/* floating button */
.compare_check_btn {
  position: fixed;
  left: 50%;
  bottom: 10px;
  width:477px;
  height:67px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #FFB300;
  border-radius: 7px;
  box-shadow: 0 2px 3px #00000029;
  background: #FFFFFF;
  transform: translateX(-50%);
}
.compare_check_btn p {
  font-size: 24px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: bold;
  color: #FFB300;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding-right: 20px;
}
.compare_check_btn p::after {
  content: "▶";
  color: white;
  position: absolute;
  right: -34px;
  top: 5px;
  font-size: 17px;
}
.compare_check_btn.full {background: #FFB300;}
.compare_check_btn.full p {border-right-color: white;color: white;}
.compare_check_btn p > span:first-child {position: relative;}
.compare_check_btn > p:first-child::after {
  content: "";
  width: 0;
  height: 38px;
  border-left: 2px solid #FFB300;
  position: absolute;
  top: 0;
  right: 0;
}
.compare_check_btn.full > p:first-child::after {border-left-color: white;}
.compare_check_btn.full p > span:first-child::after {border-left-color: white;}
.compare_check_btn.more {border: 1px solid #FFFFFF;background: #000000;}
/*========== 高校検索 ==========*/
main.scl_h .block_list_box .list_box {padding-bottom: 22px;}
main.scl_h .img_area figure {width: 200px;}
main.scl_h .two_area {
  min-height: 32px;
  display: flex;
  align-items: flex-end;
}
main.scl_h .link_btn_area {position: inherit;}
main.scl_h .link_btn_area a {display: block;margin-left: 0;}
main.scl_h .link_btn_area a:nth-child(2) {margin-top: 10px;}
main.scl_h .search_result_not_found {
  padding-top: 30px;
  color: red;
  height: 630px;
}
/*==============================
比較 common
==============================*/
.slide_wrap {
  overflow-y: auto;
  position: relative;
  padding: 0 28px;
  height: 900px;
}
.tx_ctr {text-align: center;}
ul.compare_vert {display: flex;}
ul.compare_vert a {transition: .2s;}
ul.compare_vert a:hover {text-decoration: none;opacity: .7;}
ul.compare_vert > li {
  width: 187px;
  color: #333;
  font-size: 12px;
  line-height: 19px;
  margin-right: 13px;
  padding-left: 13px;
}
ul.compare_vert > li.gym {margin-top: -20px;}
ul.compare_vert > li:nth-of-type(5) {margin-right: 0;}
ul.compare_vert > li + li {border-left: 1px solid #707070;}
main.h_club ul.compare_vert > li + li {border-left: none;}
main.research ul.compare_vert > li + li,
main.gakuhi ul.compare_vert > li + li {border-left: none;}
ul.compare_vert figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.compare_vert .movieWrap figure {position: relative;}
ul.compare_vert .movieWrap figure:before {
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: white;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
}
ul.compare_vert .movieWrap figure:after {
  transform: translateY(-50%) translateX(-25%);
  -webkit-transform: translateY(-50%) translateX(-25%);
  width: 0px;
  height: 0px;
  border: 7px solid transparent;
  border-left: 12px solid #DFDFDF;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
}
ul.compare_vert figure img {object-fit: cover;width: 100%;height: 100%;}
ul.compare_vert .bdr_btm {border-bottom: 1px solid #707070 !important;}
ul.compare_vert .hikaku_head {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  margin-bottom: 20px;
  background: #fff;
}
ul.compare_vert .hikaku_head a {display: block;border-radius: 5px;border: 1px solid #32BBA9;}
ul.compare_vert .hikaku_head figure {border-radius: 5px 5px 0 0;height: 172px;}
ul.compare_vert .hikaku_head figure.noImage {
  height: 172px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E5E5E5;
}
ul.compare_vert .hikaku_head figure.noImage img {width: 60px;object-fit: contain;}
ul.compare_vert .hikaku_head .scl_txt {
  padding: 8px 5px;
  background: white;
  border-radius: 0 0 5px 5px;
  min-height: 73px;
}
ul.compare_vert .hikaku_head .scl_name {font-size: 15px;font-weight: bold;color:#333;}
.detail_cell .catch_c {min-height: 77px;font-weight: bold;margin-bottom: 5px;}
.detail_cell figure {width: 172px;height: 129px;}
.detail_cell figure + .description {margin-top: 10px;}
.detail_cell .description {min-height: 88px;}
.detail_cell .description p {height: 53px;overflow: hidden;}
.bukatsu .detail_cell .exArea .description {
  min-height: 50px;
	display: flex;
	align-items: flex-end;
	padding-top: 10px;
	padding-bottom: 5px;
}
.bukatsu .detail_cell .exArea .description p {height: auto;font-weight: bold;}
.movie .detail_cell figure {width: 172px;height: 92px;border-radius: 5px;}
.movie .detail_cell .description {min-height: 40px;}
.movie .detail_cell .description p {height: 40px;}
.detail_cell .description p .bold {display: block;margin-bottom: 10px;}
.detail_cell a.more_buttom {width: 50px;display: block;margin: 10px auto;}
.detail_cell .img_cap {font-weight: bold;margin-bottom: 10px;min-height: 38px !important;}
ul.compare_vert .campus_info {
  background: url(/images/oc_compare/addr01.png) no-repeat center top 10px;
  margin: 10px 0;
  padding-top: 60px;
  border-top: 1px solid #707070;
  margin-bottom: 40px;
}
.canteen ul.compare_vert .campus_info {border-top: none;}
ul.compare_vert a.more_info {
  color: #333;
  display: block;
  width: fit-content;
  margin: 10px auto;
  font-weight: bold;
}
ul.compare_vert a.more_info img {margin-left: 8px;}
.bukatsu ul.compare_vert .more_info,
.kankyou ul.compare_vert .more_info,
.movie ul.compare_vert .more_info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
}
.bukatsu ul.compare_vert .more_info img,
.kankyou ul.compare_vert .more_info img,
.movie ul.compare_vert .more_info img {padding-left: 5px;}
ul.compare_vert .addr {
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 18px;
}
ul.compare_vert .to_info_page {
  color: #00C2FF;
  line-height: 18px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}
ul.compare_vert .pamph_btn {display: block;margin-bottom: 20px;}
ul.compare_vert .pamph_btn img {width: 100%;}
/*========== 学食 ==========*/
.canteen_top {min-height: 150px;}
.canteen_imgs {margin-bottom: 10px;}
.canteen_imgs figure + figure {margin-top: 5px;}
.detail_cell dl.canteen_dl dt {
  background: #C0E9E4;
  text-align: center;
  padding: 3px 5px 2px;
  margin-bottom: 10px;
}
.detail_cell dl.canteen_dl dd {min-height: 190px;}
.campus_info .g_map {margin-bottom: 20px;height: 172px;}
.campus_info .g_map iframe {width: 100%;height: 100%;}
.canteen section {border-bottom: 1px solid #707070;margin-bottom: 20px;}
.canteen section:last-of-type {border-bottom: none;}
/*========== 施設・環境 ==========*/
.facility .detail_cell .description {min-height: 120px;}
/*========== スポーツ施設 ==========*/
.gym_photos {display: flex;justify-content: space-between;flex-wrap: wrap;}
.gym_photos figure:nth-child(1) {width: 100%;border-radius: 5px;}
.gym_photos figure:nth-child(n+2) {
  width: calc(50% - 2px);
  height: 63px;
  margin-top: 4px;
  border-radius: 5px;
}
/*========== 研究・授業内容 ==========*/
main.compare.research ul.compare_vert .hikaku_head .research_nm {
  margin-top: 10px;
  font-size: 15px;
  color: #32BBA9;
  font-weight: bold;
  min-height: 73px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 24px;
}
main.compare.research ul.compare_vert .hikaku_head .scl_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
main.compare.research ul.compare_vert figure.research_img {height: 172px;border-radius: 5px;}
main.compare.research .detail_cell .catch_c {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
main.compare.research .detail_cell .description {min-height: 226px;}
main.compare.research .detail_cell .description p {height: 192px;}
main.compare.research .research_photos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main.compare.research .research_photos figure:nth-child(1) {
  width: 100%;
  border-radius: 5px;
  height: 172px;
}
main.compare.research .research_photos figure:nth-child(n+2) {
  width: calc(50% - 2px);
  height: 83px;
  margin-top: 4px;
  border-radius: 5px;
}
/*========== 動画比較 ==========*/
main.movie .gym_photos figure:nth-child(n+2) {height: 83px;}
/*========== 写真ポータルサイト比較 ==========*/
main.photo ul.compare_vert figure{width: unset;text-align: center;}
main.photo ul.compare_vert figure img{width: unset;}
main.photo ul.compare_vert a.more_info {margin: 14px 0 9px;}
main.photo ul.compare_vert .campus_info {margin: 0px;}
/*========== 高校の大学合格実績 ==========*/
main.compare.h_shingaku ul.compare_vert .hikaku_head figure {height: 100px;}
main.compare.h_shingaku ul.compare_vert .hikaku_head .scl_txt {min-height: 105px;padding: 15px 5px;}
main.compare.h_shingaku tr.jqplot-table-legend {line-height: 1;}
main.compare.h_shingaku table.jqplot-table-legend {margin-left: 0;margin-bottom: 0;left: 0 !important;}
main.compare.h_shingaku .graph {height: 281px;}
main.compare.h_shingaku .goukaku_tb {width: 100%;}
main.compare.h_shingaku .goukaku_tb th {font-weight: normal;}
main.compare.h_shingaku .goukaku_tb thead {border-bottom: 1px solid #333;}
main.compare.h_shingaku .goukaku_tb tbody:before {
  content: "";
  height: 1px;
  width: 100%;
  margin: 5px 0;
  display: block;
}
main.compare.h_shingaku table.junior td:nth-child(2),
main.compare.h_shingaku table.junior td:nth-child(3) {text-align: right;padding: 0 7px;}
main.compare.h_shingaku .omitted {overflow: hidden;}
main.compare.h_shingaku #modal .goukaku_tb{width: 334px;font-size: 16px;}
main.compare.h_shingaku .modal_cnt_inner .event_content .goukaku_tb *{width: auto;}
.modal_cnt_inner .event_content .goukaku_tb th:not(:first-child),
.modal_cnt_inner .event_content .goukaku_tb td:not(:first-child) {text-align: right;}
td.jqplot-table-legend.jqplot-table-legend-label {padding-left: 2px;}
div.jqplot-table-legend-swatch {border-left-width: 5px !important;border-right-width: 5px !important;}
/*========== 高校の学費 ==========*/
.gakuhi ul.compare_vert .hikaku_head figure {height: 100px;}
.gakuhi ul.compare_vert .hikaku_head .scl_txt {padding: 18px 5px;min-height: 105px;}
.detail_cell .gcatch_c {margin-bottom: 20px;}
.detail_cell dl.gakuhi_dl dt {
  background: #C0E9E4;
  text-align: center;
  padding: 3px 5px 2px;
  margin-bottom: 10px;
}
.detail_cell dl.gakuhi_dl dd {min-height: 53px;margin-bottom: 20px;}
.detail_cell table.gakuhi_tb {width: 100%;}
.detail_cell table.gakuhi_tb td:nth-child(1) {width: 96px;}
.detail_cell table.gakuhi_tb td:nth-child(2) {text-align: right;}
.gakuhi .detail_cell .description {
  min-height: 156px;
  padding-top: 10px;
  margin-top: 37px;
  border-top: 1px solid #707070;
}
.gakuhi .detail_cell .description p {height: 110px;overflow: hidden;}

/*========== 高校の部活 ==========*/
main.compare.h_club ul.compare_vert .hikaku_head figure {height: 100px;}
main.compare.h_club .club_tb {width: 100%;}
main.compare.h_club .club_cmt {
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #707070;
}
main.compare.h_club .omitted {overflow: hidden;}
main.compare.h_club .club_mem dl {display:flex}
main.compare.h_club .detail_cell dl.canteen_dl dd .club_mem dt {
  background: none;
  text-align: left;
  padding: 0;
  margin-bottom: 0;
  width:140px
}
main.compare.h_club .detail_cell dl.canteen_dl dd .club_mem dd {min-height:0;text-align: right;flex: 1;}
/*----- modal -----*/
#modal {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(170,170,170,.19);
  width: 100vw;
  height: 100vh;
  z-index: 999;
}
#modal * {box-sizing: border-box;text-decoration: none;}
#modal p {color: #333;}
#modal p.event_content .bold {display: block;margin-bottom: 10px;}
.modal_cnt {
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 670px;
}
.modal_cnt_inner {
  font-size: 16px;
  line-height: 24px;
  background: white;
  padding: 94px 74px 117px;
  position: relative;
  overflow: auto;
  max-height: 676px;
  border-radius: 18px;
}
.modal_cnt_inner .event_content * {width: 100%;}
.modal_cnt_inner video {margin-top: 30px;}
#modal .close_btn {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}