@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px
 max-width:767px

====================== */


/* -------------------------------------------------------------------
 INDEX
------------------------------------------------------------------ */
#indexMainArea {
	width: 100%;
}
#indexMainAreaInner{
  margin: 0 auto;
}
.mainTtlH2 {
	width: 100%;
	background: #f4f4f4;
	position: relative;
}
.mainTtlH2:before {
	content: '';
	display: block;
	width: 20px;
	height: 5px;
	background-color: #222;
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.indexBnr {
	text-align: center;
	border-radius: 10px;
	border: #991d32 2px solid; 
	background-color: #f9f0f3;
	overflow: hidden;
}
.indexBnr img {
	max-width: 100%;
	vertical-align: bottom;
}

.indexBnr.afk {
	background-color: #af1c3b;
}

.indexBnr.koubosei-henkou {
	background-color: #005200;
	border-color: #005200;
}

.indexBnr.ippan-henkou {
	background-color: #012877;
	border-color: #012877;
}

.indexBnr.chance {
	background-color: #ffec50;
	background-image: url("/admissions/img/examination/index/bnr_chance_back.jpg");
	background-repeat: repeat;
	background-position: center center;
	border-color: #004ea2;
}



/* Pc Style----------------------------------------------- */
@media print, screen and (min-width: 768px) {
#indexMainArea {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}
#indexMainAreaInner {
	width: calc(100% - 200px);
	background-color: #fff;
	margin-right: 0;
	margin-left: auto;
	padding: 50px 90px 90px;
}
.mainTtlH2 {
	height: 80px;
	line-height: 80px;
	padding: 0 30px;
	font-size: 2.6rem;
	margin-bottom: 30px;
}
.indexBnr {
	margin-bottom: 20px;
}
.indexBnr a {
	display: block;
	transition: 0.3s;
}
.indexBnr a:hover {
	opacity: 0.8;
}

}

/* Re Style----------------------------------------------- */
@media screen and (max-width: 767px) {
#indexMainArea {
	padding: 15px;
	background-color: #fff;
}
.ttlArea {
	margin-bottom: 15px;
}
.mainTtlH2 {
	padding: 5px 5px 5px 15px;
}
.indexBnr {
	margin-bottom: 10px;
}

}

/* -------------------------------------------------------------------
 ¤³¤À¤ï¤êÌõ¼þ¤Ç×îßm¤ÊÈëÔ‡·½·¨¤òÌ½¤½¤¦£¡
------------------------------------------------------------------ */
#indexSearchArea{
  width: 100%;
}
#indexSearchAreaInner{
  margin: 0 auto;
  position: relative;
  line-height: 0;
}
#btIndexSearch{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
#btIndexSearch p{
  margin: 0 auto;
}
#indexSearchAreaList{
  font-size: 0;
  line-height: 0;
  display: block;
}
#indexSearchAreaList li{
  display: inline-block;
  vertical-align: top;
}
#indexSearchAreaList li a{
  display: block;
  border: solid 2px #e1e1e1;
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
}
#indexSearchAreaList li a img{
  width: 100%;
  height: auto;
}
#indexSearchAreaList li a:hover img{
  opacity:.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#indexSearchArea{
  margin: 50px 0;
  min-width: 960px;
}
#indexSearchAreaInner{
  min-width: 960px;
  min-height: 507px;
  padding-top: 36.21%;
  background: url(/admissions/img/examination/pc_bg_search.jpg) center center no-repeat;
  background-size: cover;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#btIndexSearch{
  min-width: 960px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#btIndexSearch:before{
  content: "";
  min-height: 283px;
  display: block;
  padding-top: 20.21%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#btIndexSearch p{
  min-width: 258px;
  width: 18.42%;
  padding-right: 70px;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
#btIndexSearch a{
line-height: 0;
margin-top: -46.12% !important;
display: block;
position: relative;
width: 100%;
  background: url(/admissions/img/examination/bnr_search.png) center center no-repeat;
  background-size: cover;
  min-height: 238px;
  padding-bottom: 92.24%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#indexSearchAreaList{
  margin: 0 auto;
  text-align: center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding-right: 40px;
}
#indexSearchAreaList li{
  padding: 0 8px;
  width: 234px;
  margin-top: -15px;
  position: relative;
}
}
/* Re Style----------------------------------------------- */
@media screen and (max-width: 767px) {
#indexSearchArea{;
}
#indexSearchAreaInner{
  padding-top: 102.65%;
  background: url(/admissions/img/examination/sp_bg_search.jpg) center center no-repeat;
  background-size: cover;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#btIndexSearch{
  padding-top: 36.56%;
}
#btIndexSearch p{
  margin: 0 23.12%;
}
#btIndexSearch a{
  line-height: 0;
  width: 100%;
  background: url(/admissions/img/examination/bnr_search.png) center center no-repeat;
  background-size: cover;
  padding-bottom: 92.24%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
#indexSearchAreaList{
  margin: 0 12px 20px;
}
#indexSearchAreaList li{
  padding: 0 3px;
  width: 50%;
}
}
