@charset "utf-8";
/*----------------------------------------------------*/
.indexTop{
	/*margin-bottom:40px;*/
	font-size:0;
}

.indexTop img{
 width:100%;
}

.categoryTop{
	font-size:0;
}
.categoryTop img{
 width:100%;
	height: 80px;
	object-fit: cover;
	object-position: center top;
}

@media screen and (max-width: 736px) {
.indexTop{
	/*margin-bottom:20px;*/
}
}

p.indexLink a{
	text-align: center;
	margin-bottom: 40px;
	font-size: 32px;
	display: block;
}
p.indexLink a:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f059';
	color: #DAE000;
	padding-right: 5px;
	font-size: 40px;
    font-weight: 900;
}
/*p.indexLink a:after{
	font-family: 'FontAwesome';
	content: '\f105';
	color: #03A6EB;
	padding-left: 5px;
	font-size: 36px;
}*/

@media screen and (max-width: 736px) {
p.indexLink a{
	margin-bottom:20px;
	font-size: 16px;
}
p.indexLink a:before,p.indexLink a:after{
	font-size: 20px;
}
}


/*----------------------------------------------------*/


@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

/*インデックス　エリア選択*/
.indexArea{
	background: #6fba2c;
	padding: 20px;
	color: #fff;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

.indexArea p{
	font-size:36px;
	color:#FFF;
}
.indexArea p:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f041';
	color: #FFF;
	padding-right: 10px;
	font-size:24px;
    font-weight: 900;
}
.indexArea .select-wrap {
	position: relative;
	margin:10px auto 0;
	width:80%;
}
.indexArea .select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 0;
	content: "\f123";
	font-family: "IonIcons";
	line-height: 43px;
	color: #7F878C;
	pointer-events: none;
}
.indexArea select{
	outline:none;
	-moz-appearance: none;
	/*text-indent: 0.01px;*/
	text-indent: 20px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	/*font-size: inherit;*/
	font-size:14px;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 40px;
	/*padding: 10px 12px;*/
	border:1px solid #ddd;
	color:#828c9a;
	width:100%;
	border-radius:5px;
}
.indexArea select option{
  background-color: #fff;
  color: #232f3e;
}
.indexArea select::-ms-expand {
  display: none;
}
.indexArea select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.indexArea .select-wrap.select-primary:before{
  color:#fff;
}
.indexArea .select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
.indexArea .select-wrap.select-inverse:before{
  color:#fff;
}
.indexArea .select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}
.indexArea .select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
/*コンテンツ　エリア選択*/
.contentsArea{
	/*background: #6fba2c;*/
	padding: 10px 70px 0;
	color: #232f3e;
	text-align: center;
	/*margin-top: 40px;
	margin-bottom: 40px;*/
}
.contentsArea p{
	font-size:36px;
	color:#FFF;
}
.contentsArea p:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f041';
	color: #FFF;
	padding-right: 10px;
	font-size:24px;
    font-weight: 900;
}
.contentsArea .select-wrap {
	position: relative;
	margin-top:10px;
}
.contentsArea .select-wrap:before {
	z-index: 1;
	position: absolute;
	right: 20px;
	top: 0;
	content: "\f123";
	font-family: "IonIcons";
	line-height: 43px;
	/*color: #7F878C;*/
	color:#232f3e;
	pointer-events: none;
}
.contentsArea select{
	outline:none;
	-moz-appearance: none;
	/*text-indent: 0.01px;*/
	text-indent: 20px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	/*font-size: inherit;*/
	font-size:14px;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 40px;
	/*padding: 10px 12px;*/
	border:1px solid #232f3e;
	color:#232f3e;
	width:100%;
	border-radius:5px;
}
.contentsArea select option{
  background-color: #fff;
  color: #232f3e;
}
.contentsArea select::-ms-expand {
  display: none;
}
.contentsArea select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.contentsArea .select-wrap.select-primary:before{
  color:#fff;
}
.contentsArea .select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
.contentsArea .select-wrap.select-inverse:before{
  color:#232f3e;
}
.contentsArea .select-wrap.select-inverse > select{
	color: #232f3e;
	border-color: #232f3e;
}
.contentsArea .select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}


@media screen and (max-width: 736px) {
.indexArea{
	margin-bottom:20px;
	margin-top:20px;
}
.indexArea p{
	font-size:18px;
}
/*.indexArea li a{
	font-size: 16px;
}
.indexArea li i{
	font-size: 24px;
}*/
}

/*----------------------------------------------------*/
.indexEvent{
	margin-bottom:40px;
	/*overflow: hidden;
	zoom: 1;*/
	background-color:#FFF;
}
/*.indexEvent h3{
	text-align:center;
	font-size:36px;
	color:#232f3e;
	margin-bottom:40px;
}*/
.indexEvent ul{
	border-top: 2px solid #232f3e;
}
.indexEvent li{
	/*overflow: hidden;
	zoom: 1;
	clear:both;
	height:100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;*/
	border-bottom: 2px solid #232f3e;
}
.indexEvent li a{
	/*display: block;*/
	display: flex;
    align-items: center;
	color: #232f3e;
	position:relative;
}
.indexEvent li a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    color: #03A6EB;
    font-weight: 800;
    font-size: 40px;
    margin-top: -20px;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 20px;
}
.indexEvent li img{
	/*float:left;*/
}
.indexEvent li div.txt{
	text-align:center;
	padding:0 30px 0 10px;
}

.indexEvent li h2{
	color: #232f3e;
	font-size:24px;
	margin-bottom:5px;
}

.indexEvent li p{
	color: #03A6EB;
	font-size: 32px;
	line-height: 1.2em;
}

@media screen and (max-width: 736px) {
.indexEvent li a::before {
    font-size: 20px;
    margin-top: -10px;
    right: 10px;
}
.indexEvent li div h2{
	font-size:12px;
	}
.indexEvent li div p{
	font-size:16px;
}
}

@media screen and (max-width: 736px) {
.indexEvent{
	margin-bottom:20px;
}
}


/*----------------------------------------------------*/
.indexTopics{
	margin-bottom: 40px;
	overflow: hidden;
	zoom: 1;
	/* border: 5px solid #dae000; */
	/* padding: 20px 0 0; */
	/*padding:0 10px 10px;*/
	/*background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #dae000 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #dae000 100%);*/
  
}
.indexTopics h3{
	text-align:center;
	font-size: 40px;
	font-weight:bold;
	color:#232f3e;
	margin-bottom:60px;
	position: relative;
	padding: 20px 20px 30px;
}

.indexTopics h3:before {
  position: absolute;
  bottom: -3px;
  left: calc(50% - 30px);
  width: 60px;
  height: 3px;
  content: '';
  background: #dae000;
  /*background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#dae000));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #dae000 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #dae000 100%);*/
}
.indexTopics h3 span{
	font-size:28px;
	display:block;
	/* font-weight:bold; */
	padding-top: 10px;
}
.indexTopics ul{
/*border: 2px solid #dae000;*/
padding:0 10px;
}
.indexTopics li{
	border: 2px solid #dae000;
	border-bottom: none;
	background: #FFF;
	font-size: 28px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* padding:10px; */
	
}
.indexTopics li:last-child{
	border-bottom: 2px solid #dae000;
}
.indexTopics li:first-child{
	/*padding-top:10px;*/
border-top: 2px solid #dae000;
}



.indexTopics li a{	
	display: flex;
    align-items: center;
	position:relative;
	padding:10px;
}
.indexTopics li a::before {
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    /*content: '\f054';*/
    color: #dae000;
    font-weight: 800;
    font-size: 40px;
    margin-top: -20px;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 10px;
}
.indexTopics li img{
	margin-right: 10px;
	/*float:left;*/
}
.indexTopics li div.txt {
	/*overflow: hidden;
	vertical-align: top;*/
	padding-right:50px;
}

.indexTopics li div.txt .category{
	display: block;
	font-size: 24px;
	padding: 5px;
	line-height: 100%;
	float: left;
	background: #DAE000;
	color:#232f3e;
}
.indexTopics li div.txt p{
	clear: both;
	font-size: 28px;
	padding-top: 10px;
}


@media screen and (max-width: 736px) {
.indexTopics{
	margin-bottom:20px;
}
.indexTopics h3{
	font-size:20px;
	margin-bottom: 30px;
	padding: 10px 10px 15px;
}
.indexTopics h3 span{
	font-size:14px;
	padding-top: 5px;
}
.indexTopics li a::before {
 font-size: 20px;
    margin-top: -10px;
}
.indexTopics li div.txt {
padding-right:30px;
}
.indexTopics li div.txt .category{
font-size:12px;
}
.indexTopics li div.txt p{
	font-size:14px;
}
}

/*----------------------------------------------------*/
.indexRecommend,
.recommendBox{
	margin-bottom:40px;
}
.indexRecommend h3{
	text-align:center;
	font-size: 40px;
	font-weight:bold;
	color:#232f3e;
	margin-bottom:60px;
	position: relative;
	padding: 20px 20px 30px;
}
.indexRecommend h3:before {
  position: absolute;
  bottom: -3px;
  left: calc(50% - 30px);
  width: 60px;
  height: 3px;
  content: '';
  background: #009efd;
  /*background-image: -webkit-gradient(linear, right top, left top, from(#51d295), to(#009efd));
  background-image: -webkit-linear-gradient(right, #51d295 0%, #009efd 100%);
  background-image: linear-gradient(to left, #51d295 0%, #009efd 100%);*/
}
/*.indexRecommend h3:before {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 35px);
  width: 60px;
  height: 3px;
  content: '';
  background: #232f3e;
}*/
.indexRecommend h3 span{
	font-size:28px;
	display:block;
	padding-top:10px;
}
.indexRecommend ul,
.recommendBox ul{
	border-top: 2px solid #232f3e;
}
.indexRecommend li,
.recommendBox li{
	border-bottom: 2px solid #232f3e;
	font-size: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #FFF;
}
.indexRecommend li a,
.recommendBox li a{
	padding: 10px;
	display: block;
	overflow: hidden;
	zoom: 1;
	/*position: relative;*/
}

/*.indexRecommend li a.tagSoudan:before {
	content: "進学相談会";
	display: block;
	width: 50px;
	padding: 19px 0;
	border-radius: 50px;
	background: #3498cc;
	color: #fff;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 10px;
	left: -20px;
	z-index: 10;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-decoration: none;
}*/

.indexRecommend li img,
.recommendBox li img{
	float: left;
	box-sizing: border-box;
	margin-right: 10px;
	display: block;
	width: 110px;
	/*height: 140px;*/
	object-fit: cover;
	object-position: center top;
}
.indexRecommend li div.txt,
.recommendBox li div.txt{
	overflow: hidden;
	vertical-align: top;
}
.indexRecommend li div.txt span,
.recommendBox li div.txt span{
	display: block;
	font-size: 12px;
	line-height: 100%;
	float: left;
}
.indexRecommend li div.txt .category,
.recommendBox li div.txt .category{
	color: #fff;
	padding:4px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.indexRecommend li div.txt .taiken,
.recommendBox li div.txt .taiken{
	background: #a7ce52;
}
.indexRecommend li div.txt .oc,
.recommendBox li div.txt .oc{
	background: #51D295;
}
.indexRecommend li div.txt .soudan,
.recommendBox li div.txt .soudan{
	background: #3498cc;
}
.indexRecommend li div.txt .contest,
.recommendBox li div.txt .contest{
	background: #FF9999;
}
.indexRecommend li div.txt .area,
.recommendBox li div.txt .area{
	color: #fff;
	background: #c9c9c9;
	padding:4px 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	/*border-radius: 15px;*/
}

.indexRecommend li div.txt .area:before,
.recommendBox li div.txt .area:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f207';
	color: #fff;
	padding-right: 5px;
	font-size: 12px;
    font-weight: 900;
}





.indexRecommend li div.txt .date,
.recommendBox li div.txt .date{
	color: #999;
	clear: both;
	padding-top: 10px;
	line-height:1.3em;
}
.indexRecommend li div.txt p,
.recommendBox li div.txt p{
	font-size: 28px;
	display: block;
	line-height: 1.2em;
	clear: both;
	padding-top: 5px;
}
@media screen and (max-width: 736px) {
.indexRecommend,
.recommendBox{
	margin-bottom:20px;
}
.indexRecommend h3{
	font-size:20px;
	margin-bottom:30px;
	padding: 10px 10px 15px;
}
.indexRecommend h3 span{
	font-size:14px;
	padding-top:5px;
}
.indexRecommend li div.txt p,
.recommendBox li div.txt p{
	font-size: 14px;
}
}

/*----------------------------------------------------*/
.indexContents{
	margin-bottom: 40px;
	background-color: #fff;
	border:5px solid #232f3e;
}
.indexContents .menu{
	/*clear: left;*/
	overflow: hidden;
	zoom: 1;
	margin-bottom:20px;
}
.indexContents .menu ul{
	border-top:#232f3e solid 1px;
}
.indexContents .menu li{
	width:50%;
	border-right:#232f3e solid 1px;
	border-bottom:#232f3e solid 1px;
	font-size:14px;
	color:#c8151d;
	float:left;
	line-height: 2.5em;
 padding: 5px 0 5px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	text-align:center;
}
.indexContents .menu li a{
	color:#232f3e;
}
.indexContents div.inBox{
	padding: 20px;
	/*margin-bottom: 40px;*/
}
.indexContents div.inBox h4{
	text-align:center;
	font-size:36px;
	color:#232f3e;
	margin-bottom:40px;
}


/*.indexContents div.soudan{
	border: 5px solid #3399FF;
	padding: 10px;
	margin-bottom:20px;
}
.indexContents div.soudan .inner{
	margin: -23px 0 0;
	text-align: center;
}
.indexContents .soudan .inner h5{
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
	font-size:18px;
	color:#3399FF;
}
.indexContents .soudan .inner p{
	text-align:left;
}
.indexContents div.tour{
	border: 5px solid #51D295;
	padding: 10px;
}
.indexContents div.tour .inner{
	margin: -23px 0 0;
	text-align: center;
}
.indexContents .tour .inner h5{
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
	font-size:18px;
	color:#51D295;
}
.indexContents .tour .inner p{
	text-align:left;
}*/


.indexContents h5.soudan {
	overflow: hidden;
	text-align: center;
}
.indexContents h5.soudan span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.indexContents h5.soudan span::before,
.indexContents h5.soudan span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.indexContents h5.soudan span::before {
	right: 100%;
}
.indexContents h5.soudan span::after {
	left: 100%;
}
.indexContents h5.tour {
	overflow: hidden;
	text-align: center;
}
.indexContents h5.tour span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.indexContents h5.tour span::before,
.indexContents h5.tour span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.indexContents h5.tour span::before {
	right: 100%;
}
.indexContents h5.tour span::after {
	left: 100%;
}


/*.indexContents div.inBox h5.soudan{
	position: relative;
	padding: 10px 20px;
	background-color: #51D295;
	color: #FFF;
	text-align: center;
	font-size:32px;
	margin:0 auto 40px;
	width:40%;
}
.indexContents div.inBox h5.soudan::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top: 12px solid #51D295;
}*/


/*.indexContents div.inBox h5.soudan {
	position: relative;
	padding: 10px 20px;
	background-color: #fff;
	border: 2px solid #51D295;
	color: #232f3e;
	text-align: center;
	font-size:32px;
	margin:0 auto 40px;
	width:50%;
}
.indexContents div.inBox h5.soudan::before,
.indexContents div.inBox h5.soudan::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.indexContents div.inBox h5.soudan::before {
	border-top: 12px solid #51D295;
}
.indexContents div.inBox h5.soudan::after {
	margin-top: -3px;
	border-top: 12px solid #fff;
}

.indexContents div.inBox h5.tour {
	position: relative;
	padding: 10px 20px;
	background-color: #fff;
	border: 2px solid #51D295;
	color: #232f3e;
	text-align: center;
	font-size:32px;
	margin:0 auto 40px;
	width:70%;
}
.indexContents div.inBox h5.tour::before,
.indexContents div.inBox h5.tour::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.indexContents div.inBox h5.tour::before {
	border-top: 12px solid #51D295;
}
.indexContents div.inBox h5.tour::after {
	margin-top: -3px;
	border-top: 12px solid #fff;
}*/






.indexContents div.inBox p{
	font-size:28px;
}

@media screen and (max-width: 736px) {
.indexContents{
	margin-bottom:20px;
}
.indexContents div.inBox h4{
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
}
.indexContents div.inBox{
	/*margin-bottom:20px;*/
}
.indexContents div.inBox h5.soudan,
.indexContents div.inBox h5.tour{
	font-size:16px;
	margin-bottom:20px;
}
.indexContents div.inBox p{
	font-size:14px;
}
}

/*----------------------------------------------------*/
.eventArea h2{
	text-align: center;
	color: #FFF;
	padding: 20px;
	font-size: 32px;
	/*margin-bottom: 40px;*/
}
.eventArea h2.east{
	background-color:#6fba2c;
}
.eventArea h2.west{
	background-color:#03a6eb;
}
.checkboxList{
	margin: 40px auto;
	overflow: hidden;
	zoom: 1;
	text-align:center;
}
#check{
	border-style:none;
}
#check li{
	display:inline;
	list-style: none;
	cursor: pointer;
	text-align:center;
	margin:0 4px;
	color: #232f3e;
	font-size:32px;
	border-style:none;
	background-color:inherit;
	white-space: nowrap;
}

#check li:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f0c8';
	color: #232f3e;
	padding-right: 5px;
	font-size:36px;
    font-weight: 400;
}

#check li.select:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f14a';
	color: #232f3e;
	padding-right: 5px;
	font-size:36px;
    font-weight: 400;
}
/*#check li{
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  background: #eee;
}
#check li.select {
  background: yellow;
}*/
.disnon {
  display: none;
}


@media screen and (max-width: 736px) {
.eventArea h2{
	font-size: 16px;
	/*margin-bottom: 20px;*/
}
.checkboxList{
	margin: 20px 0;
}
#check li{
	font-size:16px;
}
#check li:before,#check li.select:before{
	font-size:18px;
}
}

/*----------------------------------------------------*/
.eventCategory h2{
	text-align: center;
	color: #FFF;
	padding: 20px;
	font-size: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	/*margin-bottom: 40px;*/
}
.eventCategory h2.soudan{
	background-color: #3399FF;
}
.eventCategory h2.taiken{
	background-color: #a7ce52;
}
.eventCategory h2.oc{
	background-color: #51D295;
}
.eventCategory h2.contest{
	background-color: #FF9999;
}


@media screen and (max-width: 736px) {
.eventCategory h2{
	font-size: 16px;
	/*margin-bottom: 20px;*/
}
}

.eventCategory h2.eventDesign{
	background-color: #7a63c3;
}
.eventCategory h2.eventMedical{
	background-color: #EB6E72;
}
.eventCategory h2.eventSports{
	background-color: #008fd5;
}
/*大学フェア*/
.eventCategory h2.eventFair{
	background-color: #0168B7;
}
.fairInner{
	margin-bottom:10px;
	/*background-color: #FFF;*/
}

.fieldSelect ul {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	border-top: 1px solid #ccc;

}
.fieldSelect ul a {
	display: flex;
	align-items: center;
	flex-basis: 50%;	
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color:#FFF;
	padding:0 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position: relative;
	color: #FFF;
	min-height:50px;
}
.fieldSelect ul li{
	color: #232f3e;
	font-size: 12px;
	margin-right:10px;
}
.fieldSelect ul li::after {
	font-family: 'Font Awesome 5 Free';
	content: '\f107';
	color: #232f3e;
	font-size: 16px;
    font-weight: 900;
	position: absolute;
	top: 50%;
	right:5px;
	margin-top: -10px;
}

/*.fairInner .fieldSelect ul {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: #CCCCCC solid 1px;
	font-size:0;
}
.fairInner .fieldSelect li {
	width:50%;
	border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
	font-size:11px;
	line-height: 1.2em;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
}
.fairInner .fieldSelect li a{
 padding: 10px 15px 10px 10px;
	display:block;
	position:relative;
}
.fairInner .fieldSelect li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 5px;
	height: 5px;
	margin-top: -6px;
	border-top: 2px solid #232f3e;
	border-right: 2px solid #232f3e;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}*/


/*進路フェスタ*/
.eventCategory h2.eventFesta{
	background-color: #CCCC00;
}
/*留学*/
.eventCategory h2.eventRyugaku{
	background-color: #336699;
}
/*バス見*/
.eventCategory h2.eventBus{
	background-color: #99CC33;
}
/*総合ガイダンス*/
.allInner{
	/*background-color: #FFF;*/
}
.eventCategory h2.eventAll{
	background-color: #669933;
}
/*配布会*/
.haihuInner{
	background-color: #FFF;
}
.eventCategory h2.event_haihu{
	background-color: #CC9900;
}




@media screen and (max-width:736px) {
.fairInner .fieldSelect li {
	background-size:9px 8px;
	-moz-background-size:9px 8px;
	-webkit-background-size:9px 8px;
}
}

.contentsMenu{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 40px;

}
.contentsMenu ul{
	border-top:#232f3e solid 1px;
	margin-top:-1px;
	
}
.contentsMenu li a{
	width:50%;
	border:#232f3e solid 1px;
	margin: -1px -1px 0 0;
	background-color:#FFF;
	font-size:24px;
	color:#232f3e;
	float:left;
	line-height: 2.5em;
	text-align:center;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	box-sizing:border-box;
}
.contentsMenu li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border-top: 2px solid #232f3e;
	border-right: 2px solid #232f3e;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}

.scheduleBox{
	width:100%;
	height:auto;
	overflow:hidden;
	zoom: 1;
	margin-bottom:40px;
	/*padding-top:20px;
	background-color: #FFF;*/
}

.scheduleBox h3,
.recommendBox h3{
	text-align:center;
	font-size: 36px;
	color:#232f3e;
	
	/*position: relative;
	padding-bottom: .5em;	*/
}

/*.scheduleBox h3:after{
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #232f3e;
	text-align:center;
}*/

.scheduleBox h3:before,
.recommendBox h3:before{
	font-family: 'Font Awesome 5 Free';
	content: '\f073';
	color: #232f3e;
	padding-right: 10px;
	font-size:36px;
    font-weight: 400;
}

.scheduleBox table{
	border-collapse: collapse;
	background-color: #FFF;
	color:#232f3e;
	font-size: 14px;
	width: 100%;
	table-layout: fixed;
}
/*.designInner,medicalInner{
	background-color:#FFF;
}*/
.scheduleBox p.month {
	font-size: 28px;
	color: #14a83b;
	font-weight: bold;
	margin: 20px 0 10px;
	padding: 5px 10px;
	border-left: 7px solid #14a83b;
}
p.end{
	font-size:24px;
	text-align:center;
	margin:40px 0;
}
@media screen and (max-width: 736px) {
p.end{
	font-size:12px;
	margin:20px 0;
}
}

.scheduleBox table th {
	white-space: nowrap;
	background-color: #14a83b;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 13px;
	padding: 10px;
	font-weight: normal;
}

.scheduleBox table th.ptn1 {
}

.scheduleBox table th.ptn2 {
}

.scheduleBox table th.ptn3 {

}

.scheduleBox table th.ptn4 {

}

.scheduleBox table th.ptn5 {
	width: 50px;
}

.scheduleBox table th.ptn6 {
	/*width: 50px;*/
}

.scheduleBox table tr:nth-child(odd) {
 background-color: #FFF;
}

.scheduleBox table tr:nth-child(even) {
	background-color: #EEE;
}

.scheduleBox table td {
	padding: 10px 15px;
	line-height: 1.5em;
	text-align: center;
	font-size:13px;
	color:#232f3e;
}
.scheduleBox table td.note {
	color:#F00;
	text-align:left;

}

.scheduleBox table td li {
	margin-bottom: 7px;
}

.scheduleBox table td li.form:last-child {
	margin-bottom: 0;
}

.scheduleBox table td li.pdf a{
	position: relative;				
	padding: 7px 5px;
	color: #FFF;
	background-color: #48ca6a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
@media screen and (max-width: 736px) {
.contentsMenu{
	margin-bottom: 20px;
}
.contentsMenu li a{
	font-size:12px;
}
.scheduleBox p.month {
	font-size: 16px;
}
.scheduleBox h3,.recommendBox h3{
	font-size: 18px;
}
.scheduleBox h3:before,.recommendBox h3:before{
	font-size:18px;
}
}



/*----------------------------------------------------
.categoryContents{
	margin-bottom:40px;
	background-color:#fff;
}
.categoryContents h4{
	text-align:center;
	font-size:32px;
	color:#232f3e;
	margin-bottom:10px;
}
.categoryContents div.inBox{
	padding:10px;
	margin-bottom:40px;
}
.categoryContents div.design{
	border:5px solid #f29c9f;
}
.categoryContents div.medical{
	border:5px solid #f29c9f;
}
.categoryContents div.sports{
	border:5px solid #f29c9f;
}
.categoryContents div.fair{
	border:5px solid #f29c9f;
}
.categoryContents div.festa{
	border:5px solid #f29c9f;
}
.categoryContents div.ryugaku{
	border:5px solid #f29c9f;
}
.categoryContents div.bus{
	border:5px solid #f29c9f;
}
.categoryContents div.haihu{
	border:5px solid #f29c9f;
}
.categoryContents div.all{
	border:5px solid #f29c9f;
}

.categoryContents div.design .entry	{
	background-color: #EB6E72;
	padding: 0;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	box-sizing: border-box;
}
.categoryContents div.design .entry h4	{
	background-color: #EB6E72;
	position: relative;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-size: 32px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.categoryContents div.design .entry h4:after	{
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	border: 10px solid transparent;
	border-top-color: #EB6E72;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}
.categoryContents div.inBox p{
	font-size:28px;
}


@media screen and (max-width: 736px) {
.categoryContents h4{
	font-size:16px;
}
.categoryContents div.inBox{
	margin-bottom:20px;
}
.categoryContents div.inBox p{
	font-size:14px;
}

}*/