@charset "utf-8";

/*------------------------------
common
------------------------------*/
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.pb20 {padding-bottom: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr54 {padding-right: 54px !important;}
.bold {font-weight: bold;}
.fs14 {font-size: 14px !important;}
.fs16 {font-size: 16px !important;}
.fs26 {font-size: 26px !important;}
.ao_search {
	margin: 60px 0;
	color: #333;
}
.ao_search * {box-sizing: border-box;}
.ao_search a {transition: .2s;}
.ao_search a:hover {
	text-decoration: none;
	opacity: .8;
}
.ao_inner {
	width: 770px;
	margin: 0 auto;
}

/*------------------------------
top
------------------------------*/
.ao_h2 {
	font-size: 24px;
	font-weight: bold;
}
.search_bg {
	background: #EEFAFA;
	padding: 25px 105px 21px;
	position: relative;
}
.search_panel {
	background: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
}
.search_panel ul.sort_condition {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
ul.sort_condition li {
	width: 214px;
  padding: 10px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	font-size: 16px;
}
ul.sort_condition li:nth-child(-n+3) {
	border-bottom: 1px solid #C1C1C1;
}
ul.sort_condition li p {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 50px;
}
ul.sort_condition li p input {
	font-size: 16px;
}
ul.sort_condition li input {
	border: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
}
ul.sort_condition li input::placeholder {
	color: #333;
	font-size: 16px;
}
ul.sort_condition li input:focus-visible {outline: none;}
ul.sort_condition li:nth-child(1) p,ul.sort_condition li:nth-child(2) p,ul.sort_condition li:nth-child(4) p {border-right: 1px solid #C1C1C1;}
ul.sort_condition li:nth-child(1),ul.sort_condition li:nth-child(4) {background-position: left 35px center;}
ul.sort_condition li:nth-child(1) p,ul.sort_condition li:nth-child(4) p {padding-left: 70px;}
ul.sort_condition li:nth-child(3) {width: 200px;}
ul.sort_condition li.kubun_value {background-image: url(/images/sougou_navi/search_icon01.png);}
ul.sort_condition li.area_value {background-image: url(/images/sougou_navi/search_icon02.png);}
ul.sort_condition li.senkou_value {background-image: url(/images/sougou_navi/search_icon03.png);}
ul.sort_condition li.syutu_value {background-image: url(/images/sougou_navi/search_icon04.png);}
ul.sort_condition li.nyushi_value {background-image: url(/images/sougou_navi/search_icon05.png);}
.search_panel .btn_area {
	width: 140px;
	padding: 0 20px;
}
.search_panel .btn_area a {
	display: block;
  background: url(/images/sougou_navi/search_btn_bg.png) no-repeat #5DCECE right 10px center;
  color: white;
  font-size: 16px;
  width: 100px;
  height: 40px;
  border-radius: 3px;
  padding: 8px 15px;
}
.ao_free_search {
	width: 670px;
  height: 50px;
  display: flex;
  margin: 0 auto;
}
.ao_free_search input[type="text"] {
	flex: 1;
	padding: 15px 40px;
	border: 1px solid #C1C1C1;
	border-right: none;
	font-size: 16px;
}
.ao_free_search input[type="text"]:focus {
	outline: none;
}
.ao_free_search a {
	display: block;
	width: 98px;
  background: url(/images/sougou_navi/search_btn_bg.png) no-repeat #5DCECE right 10px center;
  font-size: 18px;
  color: white;
  padding: 12px;
}
.ao_h3 {
	font-size: 26px;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
ul.ao_info{
	display: flex;
	justify-content:center;
	padding: 0 50px;
}
ul.ao_info li{
  width: 370px;
  height: 95px;
  padding: 37px 23px;
  font-size: 18px;
  color: #5DCECE;
  border: 2px solid #5DCECE;
  border-radius: 11px;
}
ul.select_way {
	display: flex;
	justify-content: space-between;
	padding: 0 50px;
}
ul.select_way li {
  width: 104px;
  height: 95px;
  border: 2px solid #5DCECE;
  border-radius: 11px;
}
ul.select_way li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #5DCECE;
  padding: 17px 11px 0px;
}
ul.select_way li a:hover {color: #5DCECE;}
ul.select_way li a p {font-size: 14px;}
ul.select_way li:nth-of-type(4) a   { padding-top: 13px; line-height: 18px;}
ul.select_way li:nth-of-type(1) img { margin-top: 3px; }
ul.select_way li:nth-of-type(2) img { margin-top: 0px; }
ul.select_way li:nth-of-type(3) img { margin-top: 12px; }
ul.select_way li:nth-of-type(4) img { margin-top: 3px; }
ul.select_way li:nth-of-type(5) img { margin-top: 4px; }
ul.select_way li:nth-of-type(6) img { margin-top: 8px; }
ul.period_list {
	display: flex;
	justify-content: space-between;
	padding: 0;
}
ul.period_list li {
  display: block;
  width: 80px;
  height: 80px;
  border: 2px solid #5DCECE;
  border-radius: 11px;
}
ul.period_list li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #5DCECE;
}
ul.period_list li a:hover {color: #5DCECE;}
ul.period_list li p {
	position: relative;
	top: 21px;
	left: 3px;
	font-size: 16px;
}
ul.period_list li p span {
	font-size: 26px;
	font-weight: bold;
}
.ao_search_map {
	background: url(/images/sougou_navi/map_bg.png) no-repeat center top 26px;
	position: relative;
	width: 707px;
	height: 370px;
	margin: 0 auto 70px;
}
ul.ao_area_list > li {position: absolute;}
ul.ao_area_list > li.area01 {top: 0; left: 580px; width: 110px;}
ul.ao_area_list > li.area02 {top: 90px; left: 525px; width: 170px;}
ul.ao_area_list > li.area03 {top: 210px; left: 525px; width: 170px;}
ul.ao_area_list > li.area04 {top: 24px; left: 260px; width: 122px;}
ul.ao_area_list > li.area05 {top: 0; left: 0; width: 122px;}
ul.ao_area_list > li.area06 {top: 250px; left: 370px; width: 122px;}
ul.ao_area_list > li.area07 {top: 290px; left: 190px; width: 140px;}
ul.ao_area_list > li.area08 {top: 90px; left: 0; width: 170px;}
ul.ao_area_list > li.area09 {top: 230px; left: 0; width: 122px;}
ul.ao_area_list li a {
	font-size: 15px;
	color: #333;
}
ul.ao_area_list li p a {
	display: block;
	color: #5DCECE;
	border-bottom: 1px solid #5DCECE;
	margin-bottom: 10px;
}
ul.ao_area_list ul {
	display: flex;
	flex-wrap: wrap;
}
ul.ao_area_list ul li {
	margin-right: 15px;
	margin-bottom: 5px;
}
li.area04 ul li:nth-child(3n), li.area05 ul li:nth-child(3n), li.area06 ul li:nth-child(3n), li.area07 ul li:nth-child(3n), li.area09 ul li:nth-child(3n){margin-right: 0;}
li.area02 ul li:nth-child(4n), li.area03 ul li:nth-child(4n), li.area08 ul li:nth-child(4n){margin-right: 0;}
.ao_notice {
	font-size: 12px;
	line-height: 19px;
}
div.past_2023,div.past_2022{
 padding:20px 0 13.5px;
 border-bottom: 1px solid #cccccc;
}
.fs16{position: relative;}
.yazirushi::after{
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid #5DCECE;
  border-bottom: 1px solid #5DCECE;
  transform: rotate(-45deg);
  position: absolute;
  top: 0px;
}
.yazirushi.open::after{
  content: "";
  width: 10px;
  height: 10px;
  border-left: 1px solid #5DCECE;
  border-bottom: 1px solid #5DCECE;
  transform: rotate(135deg);
  position: absolute;
  top: 0px;
}
/*------------------------------
result
------------------------------*/
.result_num_box {
	text-align: center;
	font-size: 16px;
	line-height: 39px;
}
.result_cell + .result_cell {margin-top: 90px;}
.ao_search_result .scl_name a {
	font-size: 26px;
	color: #0061B1;
	font-weight: bold;
}
.ao_search_result .attr {
	font-size: 12px;
	color: #1C1C1C;
	margin-bottom: 10px;
}
.photo_btn {position: relative;}
ul.scl_photos {
	display: flex;
	margin-bottom: 20px;
}
ul.scl_photos li {
	width: 100px;
	height: 100px;
	margin-right: 8px;
}
ul.scl_photos li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.scl_seikyu_btn {
	width: 190px;
	height: 46px;
	border: 1px solid #707070;
	border-bottom: 6px solid #E70009;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	color: #333;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
}
.btm_btn_area {
	position: relative;
	top: -10px;
}
.btm_btn_area a {
	color: #04C2FF;
  font-size: 14px;
  margin-right: 10px;
  font-weight: bold;
}
.ao_search_result .major {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ao_result_tbl {width: 100%;}
.ao_result_tbl th, .ao_result_tbl td {
	border: 1px solid #C7C7C7;
	color: #333;
	font-size: 14px;
	text-align: center;
}
.ao_result_tbl th {
	background: #DEF5F5;
	text-align: center;
	font-weight: normal;
}
.ao_result_tbl th.exam_name {width: 202px;}
.ao_result_tbl th.period {width: 114px;}
.ao_result_tbl .select_tr th {
	width: 63px;
	line-height: 17px;
	padding: 3px;
}
.ao_result_tbl td {padding: 20px 8px;}
.ao_result_tbl td.exam_td {
  font-size: 15px;
  text-align: left;
  vertical-align: top;
  position: relative;
  padding-bottom: 7px;
}
.ao_result_tbl td.exam_td .nyusihNm {margin-bottom: 30px;}
.ao_result_tbl td.exam_td .show_detail {
	width: 95px;
	height: 23px;
	margin-top: 7px;
	font-size: 12px;
	color: #01B2A9;
	border: 1px solid #01B2A9;
	padding: 1px 17px 1px 8px;
	border-radius: 12px;
	cursor: pointer;
	position: absolute;
	bottom: 5px;
}
.ao_result_tbl td.exam_td .show_detail span {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.ao_result_tbl td.exam_td .show_detail span::after {
	content: "";
	width: 5px;
	height: 5px;
	border-left: 1px solid #01B2A9;
	border-bottom: 1px solid #01B2A9;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	right: -10px;
}
.ao_result_tbl td.exam_td .show_detail.open span::after {
	transform: rotate(135deg);
	top: 7px;
}
.toggle_tr td {
	text-align: left;
	padding: 0;
}
.detail_dl {
	display: flex;
	flex-wrap: wrap;
}
.detail_dl dt, .detail_dl dd {
	padding: 10px;
	border-bottom: 1px solid #C7C7C7;
}
.detail_dl dt:last-of-type, .detail_dl dd:last-of-type {border-bottom: none;}
.detail_dl dt {
	width: 30%;
	background: #F5F5F5;
	border-right: 1px solid #C7C7C7;
}
.detail_dl dd {width: 70%;}
.ao_result_tbl + .major {margin-top: 36px;}
.scl_area2{width:645px;}
.scl_area2 td{
 font-size:16px;
 width:115px;
}
.scl_area2 td a{color:#5DCECE;}

/* pagenation */
ul.pagenation {
  display: table;
  margin: 0 auto;
}
ul.pagenation li:not(.prev):not(.next) {width: 30px;}
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 #5DCECE;
  box-sizing: border-box;
  height: 30px;
  width: 31px;
  padding: 7px 0 6px;
}
ul.pagenation li a {
  display: block;
  color: #333;
  font-size: 12px;
  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 0 6px;}
ul.pagenation li.prev,
ul.pagenation li.lastpage,
ul.pagenation li.next{border: 1px solid #C7C7C7;}

/*------------------------------
maruti search area
------------------------------*/
.pulldownArea {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
.pulldownArea .areaInner {position: relative;}
.pulldownArea .areaInner .listwrap {
  position: absolute;
  border: 1px solid #C7C7C7;
  border-top: none;
  top: 0;
  background: white;
  display: flex;
  box-shadow: 2px 2px 2px #C7C7C7;
}
/*------ プルダウン位置 ------*/
.searchMaruti .pulldownArea .areaInner .listwrap:nth-child(1) {top: 85px; left: 175px;}
.searchMaruti .pulldownArea .areaInner .listwrap:nth-child(2) {top: 85px; left: 365px;}
.searchMaruti .pulldownArea .areaInner .listwrap:nth-child(3) {top: 85px; left: 590px;}
.searchMaruti .pulldownArea .areaInner .listwrap:nth-child(4) {top: 145px; left: 175px;}
.searchMaruti .pulldownArea .areaInner .listwrap:nth-child(5) {top: 145px; left: 365px;}
/*------ すべてプルダウン位置 ------*/
.searchMaruti.all_box .pulldownArea .areaInner .listwrap:nth-child(2) {left: 239px;}
.searchMaruti.all_box .pulldownArea .areaInner .listwrap:nth-child(3) {left: 717px;}
/*------ プルダウン　セル設定 ------*/
.pulldownArea .areaInner .listwrap ul.cate li,
.pulldownArea .areaInner .listwrap .detail ul li,
.pulldownArea .areaInner .listwrap .detail2 ul li {
  padding: 10px;
  font-size: 14px;
  cursor: pointer;
  min-width: 130px;
}
.pulldownArea .areaInner .listwrap ul.cate li:hover,
.pulldownArea .areaInner .listwrap .detail ul li:hover,
.pulldownArea .areaInner .listwrap .detail2 ul li:hover {
  background: #5DCECE;
  color: white;
}
.pulldownArea .areaInner .listwrap .detail,
.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;}
.ui-datepicker-buttonpane {
	text-align: right;
	padding-bottom: 10px;
	padding-right: 10px;
}
.ui-datepicker-buttonpane .ui-datepicker-current,
.ui-datepicker-buttonpane .ui-datepicker-close {display: none;}
.ui-datepicker-buttonpane .ui-datepicker-clean {
	background: #fff;
	border: 1px solid #C7C7C7;
}