@charset "UTF-8";

.img-js-disable{
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
}

/* --------------------「school」トップ左下ニュース */
#newsHead1 {
  padding:  8px 15px 0px 15px;
  margin: 0px 0px 3px 0px;
  background-color: #e5e3db;
}
#newsHead2 {
  padding:  8px 15px 0px 15px;
  margin: 0px 0px 3px 0px;
  background-color: #fef6e3;
}
#newsHead3 {
  padding:  8px 15px 0px 15px;
  margin: 0px 0px 3px 0px;
  background-color: #d9eeee;
}
.newslist {
  padding: 0px;
  margin: 5px 10px 2px 15px;
}

.text-center{
  text-align: center;
}

#toTopBtn{
  position: fixed;
  bottom:10px;
  right:10px;
  z-index: 10;
  display: none;
}
#toTopBtn div{
  /*width:1200px;
  min-width: 967px;
  margin: 0 auto;
  text-align: right;*/
}

body {
  background: url(../images/page_bg1.gif) repeat-y center top;
  background-color: #e6e3dc;
}

#wrapper {
  width: 100%;
  min-width: 950px;
  padding: 0px 0px 25px;
  background: url(../images/page_bg2.gif) repeat-x center top;
}
    
/*eb共通*/
*{
  text-align: left;
  box-sizing: border-box;
}

.center{
  text-align: center;
}
p{
  margin-bottom: 0px;
}

p.for-sp, div.for-sp, ul.for-sp, li.for-sp, span.for-sp{
  display: none;
}



@media screen and (max-width: 780px) {
  img{
    max-width: 100%;
    height: auto;
  /*vertical-align: top;*/
  }
  /*.for-pc{
    display: none;
  }*/

  p.for-pc, div.for-pc, ul.for-pc, span.for-pc, br.for-pc{ display: none; }
  p.for-sp, div.for-sp, ul.for-sp, li.for-sp{ display: block; }
  span.for-sp { display: inline; }
}


/*ヘッダー*/
#eb-header{
  width: 100%;
  background-color: #0A2D64;
}
#eb-header .inner{
	position: relative;
	max-width: 950px;
	height: 86px;
  margin: 0 auto;
}
#eb-header ul li{
  display: inline;
  list-style: none;
}
#eb-header ul.up{
  position: absolute;
  top: 8px;
  right: 0px;
}
#eb-header ul.low{
  position: absolute;
  bottom: 7px;
  right: 0px;
}
#eb-header .logo{
  float: left;
  width: 182px;
  height: 60px;
  margin-top: 13px;
}


/*************************************
  ナビバー
*************************************/
span.tite{
  letter-spacing: -0.2em;
}
#eb-navi{
	width: 100%;
	/*height: 48px;*/
	height: 51px;
	background-color: #FFFFFF;
	border-bottom: 6px solid #8C877C;
}
@media screen and (min-width: 769px){
	#eb-navi ul{
		overflow: hidden;
		margin-top: 4px;
	}
}

  #eb-navi .inner{
  	position: relative;
    max-width: 950px;
    margin: 0 auto;
  	/*padding: 5px 0 0 0;*/
  	padding: 4px 0 0 0;
  }

  #eb-navi .inner h1{
    /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    font-size: 20px;
    /*font-size: 2.0rem;*/
    font-weight: normal;
    color: #021D5C;
    float: left;
  }
  
  
@media screen and (min-width: 769px){
	#eb-navi span.for-pc{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		color: #021D5C;
		/*font-weight: 600;*/
		font-size: 18px!important;
	}
	#eb-navi .inner h1 {
		margin-top: 8px;
    	padding-top: 1px!important;
    	min-width: 145px;
	}
}

@media all and (-ms-high-contrast: none) and (min-width: 769px){
	#eb-navi .inner h1 {
		margin-top: 11px;
	}
}


#eb-navi .inner h1.ttl-greennout{
	margin-top: -4px;
	min-width: 1px;
}

@media screen and (max-width: 950px){
	#eb-navi .inner{
		padding: 4px 2.1% 0 1.1%;
	}
}
@media screen and (max-width: 768px){
	#eb-navi{
		height: 42px;
	}
	#eb-navi .inner{
		padding: 5px 10px 8px 10px;
	}
	#eb-navi .inner h1 {
    	padding-top: 1px!important;
	}
	#eb-navi span.for-sp{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		color: #021D5C;
		/*font-weight: 600;*/
		font-size: 14.5px!important;
	}
	#eb-navi .inner h1.ttl-greennout{
		margin-top: -6px;
	}
	#eb-navi .inner h1.ttl-greennout img{
		max-height: 36px;
		width: auto;
	}
}

  
  
  #eb-navi .inner > ul li{
    float: left;
  }
  
  #eb-navi .eb-brandmenu{
    position: relative;
    float: right;
    width: 141px;
  }

  #eb-navi .eb-brandmenu .eb-brandmenu-btn{
    cursor: pointer;
  }
  #eb-navi .eb-brandmenu ul{
    display: none;        /* 初回非表示 */
    position: absolute;
    left:0px;
    top:43px;
    z-index: 10;
  }
  #eb-navi .eb-brandmenu ul li{
    margin-bottom: 1px;
  }
  #eb-navi .eb-brandmenu ul li a{
    display: block;
  }
  
  

/*************************************
スマホトグルメニュー
*************************************/
.eb-navi-toggle-btn{
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
}

  .eb-navi-toggle-btn img{
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px;
  }

  .eb-navi-toggle{
    display: none;        /* 初回非表示 */
    position: absolute;
    width: 100%;
    left: 0px;
    z-index: 1000;
  }
 
  .eb-navi-toggle ul li a{
    display: block;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #999999;
    border-bottom: 1px solid #dddddd;
  }
  .eb-navi-toggle > ul > li:first-child > a{
    border-top: 1px solid #dddddd;
  }

  .eb-navi-toggle .toggle-eb > a:after,
  .eb-navi-toggle .toggle-co > a:after,
  .eb-navi-toggle .toggle-gr > a:after{
    content:"";
    float:right;
    height:14px;
    width:9px;
    margin-right: 8px;
    background:url(../images/navi_arrow@2x.png) no-repeat;
    background-size:9px 5px;
    background-position:center;
  }

  .eb-navi-toggle .toggle-eb ul,
  .eb-navi-toggle .toggle-co ul,
  .eb-navi-toggle .toggle-gr ul{
    display: none;        /* 初回非表示 */
  }
  .eb-navi-toggle .toggle-eb a{background-color: #0A2D64;}/*#021D5C*/
  .eb-navi-toggle .toggle-co a{background-color: #002E24;}
  .eb-navi-toggle .toggle-gr a{background-color: #383B26;}/*#393C26/#373a25*/

  .eb-navi-toggle .toggle-eb ul li a{ background-color: #415685; }
  .eb-navi-toggle .toggle-co ul li a{ background-color: #41625B; }
  .eb-navi-toggle .toggle-gr ul li a{ background-color: #6A6C5E; }


/********************
スマホサブメニュー
********************/

#eb-navi-sub{
  position: relative;
  z-index: 10;
  background-color: #00FF00;
}
  #eb-navi-sub .btn{
    position: absolute;
    /*top: 5px;*/
    top: 2px;
    right: 0px;
    width: 44px;
    height: 22px;
    cursor: pointer;
    background: url(../images/navi_sub.png) no-repeat top left;
    background-size: 44px 22px;
  }

  #eb-navi-sub > ul{
    display: none;
    position: absolute;
    width: 98%;
    top:43px;
    right: 1%;
    background-color: #FFFFFF;
    /*opacity: 0.95;*/
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
  }
  #eb-navi-sub li{
  }
  #eb-navi-sub a{
    display: block;
    margin-left: 10px;
    padding: 5px 10px 5px 20px;
    font-size: 13px;
    /*text-decoration: none;*/
  }
  #eb-navi-sub > ul > li > a{
    background: url(../images/pret01.gif) no-repeat 0 50%;
  }

/* */
.eb-blue{ color: #002f71; }
.eb-color-eb{ color: #00205c;}
.eb-color-co{ color: #00205c}
.eb-color-gr{ color: #3b2c27;}

.eb-h-deco{
  padding-left: 10px;
  border-left: 5px solid #021D5C;
}
.eb-box{
  padding: 10px 15px;
  background: #E8E4DE;
}
/*.eb-small-box{
  padding: 20px 40px 0px 40px;
}*/
.eb-line-box{
  /*width: 650px;*/
  /*text-align: left;*/
  border: 1px solid #0a2d65;
  /*margin: 10px 0 20px 15px;*/
  padding: 10px 15px;
  /*font-size: 12px;*/
  /*font-size: 1.2rem;*/
  line-height: 1.6em;
}
.eb-headline-eb{
  background-color: #021D5C;
  border-left: 10px solid #3A5E9D;
  padding-left: 10px;
  color: #FFFFFF;
  margin-bottom: 22px;
}
.eb-headline-co{
  background-color: #002E24;
  border-left: 10px solid #44786C;
  padding-left: 10px;
  color: #FFFFFF;
  margin-bottom: 22px;
}
.eb-headline-gr{
  background-color: #393C26;
  border-left: 10px solid #747667;
  padding-left: 10px;
  color: #FFFFFF;
  margin-bottom: 22px;
}
.eb-attention{
  /*font-size: 12px;*/
  /*font-size: 1.2rem;*/
  line-height: 2em;
  margin-bottom: 12px;
  border-bottom: 1px solid #002f71;
  font-weight: normal;
}


.bold{
  font-weight: bold;
  margin-bottom: 0px;
}
.eb-conents-wrapper{  /*boxCorporate*/
  width: 950px;
  padding: 0px;
  margin: 15px auto 0;
}
.eb-contents-left{
  width: 327px;
  float: left;
}
.eb-contents-right{
  width: 342px;
  float: left;
}

.eb-page-left{  /*corpLeft*/
  width: 780px;
  float: left;
  background: #ffffff;
}

.eb-page-right{  /*corpLeft*/
  width: 150px;
  float: right;
  /*text-align: right;*/
}
  .eb-page-right ul{
    margin-bottom: 7px;
    padding: 7px 0 7px 0;
  }


.eb-section .eb-section-inner{
  padding: 25px 25px 25px 25px;
}

.eb-headline{
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;*/
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 17px;
  /*font-size: 1.7rem;*/
  color: #FFFFFF;
  padding: 12px 25px 17px 25px;
  background: url(../images/h2_bg.gif) no-repeat;
}
.eb-headline.co{
 background: url(../images/h2_co.gif) no-repeat;
}
.eb-headline.gr{
  background: url(../images/h2_gr.gif) no-repeat;
}


#eb-footer{
	max-width: 950px;
	padding: 15px 0 15px;
	margin: 0 auto;
  font-size: 10px;
	/*font-size: 1.0rem;*/
	color: #00205C;
	line-height: 10px;
}

	#eb-footer ul{
		float: left;
	}

	#eb-footer ul li{
		margin-right: 2em;
		display: inline-block;
	}

	#eb-footer .copyright{
		float: right;
	}

  /*サイドメニューがある場合のフッター*/
  #eb-footer.eb-footer-ex{
  	padding-right: 170px;
  }

/*サブメニュー*/
.eb-submenu{
  position: relative;
  font-weight: bold;
  /*background-color: #FF0000;*/
}

.eb-submenu a:link,
.eb-submenu a:visited{
  padding-left: 10px;
  color: #FFFFFF;
  text-decoration: none;
  background: url(../images/sankaku.gif) no-repeat left 3px;
}
.eb-submenu a:hover{
  padding-left: 10px;
  color: #ff9900;
  text-decoration: underline;
  background: url(../images/sankaku_a.gif) no-repeat left 3px;
}
.eb-submenu ul{
  position: absolute;
  top: -34px;
  right: 0px;
}
.eb-submenu ul li{
  display: inline-block;
  margin-right: 2em;
}


/*角ブランドトップの帯背景*/
.eb-brand-eb{

}
.eb-brand-co{

}
.eb-brand-gr{

}
.eb-bg-eb{ clear:both; background-color: #021d5c; }
.eb-bg-co{ clear:both; background-color: #002e24; }
.eb-bg-gr{ clear:both; background-color: #373a25; }

/*SP対策*/
@media screen and (max-width: 780px) {

	body{
		/*background-color: #FFFFFF;*/
		background-image: none;
	}
	#wrapper{
    min-width: 100%;
		background-image: none;
	}

  #eb-header{
    height: 60px;
  }
    #eb-header .inner{
      padding: 0 0 0 10px;
    }
    #eb-header .eb-navi-toggle-btn{
      display: block;
    }
	 
	  #eb-header ul{
	    display: none;
	  }
	 
    #eb-header .logo{
      width: 91px !important;
      height: auto !important;
    }

	#eb-navi .inner{
    padding: 5px 10px 0 10px;
  }
    #eb-navi .inner h1{
      padding-top: 5px;
    }
    #eb-navi .inner h1.ex{
      padding-top: 0px;
    }

  .eb-section .eb-section-inner{
    padding: 10px !important;
  }


  /*.for-pc{ display: none; }*/

  .eb-conents-wrapper{
    width: 100%;
  }
  .eb-page-left{
    width: 100%;
  }
  .eb-page-right{
    display: none;
  }
  .eb-contents-left{
    width: 100%;
  }
  .eb-contents-right{
    width: 100%;
  }

  .eb-submenu{
    display: none;
  }


	  #eb-footer ul{
	  	float: none;
	  	display: none;
	  }
	  #eb-footer .copyright{
	  	float: none;
	  	text-align: center;
	  }
	  #eb-footer.eb-footer-ex{
	  	padding-right: 0px;
	  }

  .eb-headline{
    padding: 12px 10px 17px 10px;
  }
}


/*=============================================
 * <header>
 *=============================================*/

#eb-header {
  width: 100%;
  background-color: #0A2D64;
}
#eb-header .wrap {
  position: relative;
  max-width: 950px;
  height: 86px;
  margin: 0 auto;
}
#eb-header .logo {
  float: left;
  width: 182px;
  height: 60px;
  margin-top: 13px;
}
#eb-header ul.up {
  position: absolute;
  top: 8px;
  right: 0px;
}
#eb-header ul li {
  display: inline;
  list-style: none;
}
#eb-header ul.low {
  position: absolute;
  bottom: 7px;
  right: 0px;
}
.eb-navi-toggle-btn {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
}
.eb-navi-toggle-btn img {
  position: absolute;
  width: 22px !important;
  height: 22px !important;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
}
.eb-navi-toggle {
  display: none;
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 1000;
  height: 100%;
}
.eb-navi-toggle ul li a {
  display: block;
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #999999;
  border-bottom: 1px solid #dddddd;
}
.eb-navi-toggle > ul > li:first-child > a {
  border-top: 1px solid #dddddd;
}
.eb-navi-toggle .toggle-eb a {
  background-color: #0A2D64;
}
.eb-navi-toggle .toggle-eb ul li a {
  background-color: #415685;
}
.eb-navi-toggle .toggle-co a {
  background-color: #002E24;
}
.eb-navi-toggle .toggle-co ul li a {
  background-color: #41625B;
}
.eb-navi-toggle .toggle-gr a {
  background-color: #383B26;
}
.eb-navi-toggle .toggle-gr ul li a {
  background-color: #6A6C5E;
}
.eb-navi-toggle .toggle-eb ul,
.eb-navi-toggle .toggle-co ul,
.eb-navi-toggle .toggle-gr ul {
  display: none;
}
#eb-navi {
  width: 100%;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
#eb-navi * {
  box-sizing: border-box;
}
#eb-navi .wrap {
  position: relative;
  max-width: 950px;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #eb-navi .wrap {
    padding: 15px 2.1% 12px 1.1%;
  }
}
#eb-navi p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 18px;
  font-weight: normal;
  color: #021D5C;
  float: left;
}
@media screen and (max-width: 768px) {
  #eb-navi p {
    font-size: 14.5px !important;
  }
}

/*news style header*/
#eb-header.header {
  background: #000A4B;
  font-size: 12px;
  line-height: 18px;
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
}
#eb-header.header * {
  box-sizing: border-box;
}
#eb-header.header img {
  vertical-align: middle;
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
@media screen and (min-width: 769px) {
  #eb-header.header .wrap {
    height: 90px;
    padding: 0 2.1% 0 1.1%;
  }
  #eb-header.header .logo {
    margin-top: 18px;
  }
}
#eb-header.header .header-up {
  position: absolute;
  right: 1px;
  top: 6px;
}
#eb-header.header .header-up {
  display: flex;
}
#eb-header.header .header-up li a {
  display: block;
  padding: 0 15px;
  position: relative;
}
#eb-header.header .header-up li a:before {
  position: absolute;
  content: '';
  width: 1px;
  top: 3px;
  left: 0;
  bottom: 0;
  background: white;
}
#eb-header.header .header-up li:first-child a:before {
  display: none;
}

#eb-header.header .header-low {
  position: absolute;
  right: 15px;
  bottom: 13px;
}
#eb-header.header .header-low li {
  margin-left: 13px;
}
@media screen and (max-width: 768px) {
  #eb-header.header .header-up, #eb-header.header .header-low {
    display: none;
  }
  #eb-header.header .wrap {
    padding: 0 0 0 10px;
  }
}