@charset "utf-8";
header .h_left{
  flex: 0 1 349px;
}
.h_link_wrap ul li.access a{
  background-image: url('../images/hs-img/h-access.png');
}
.h_link_wrap ul li.contact a{
  background-image: url('../images/hs-img/h-contact.png');
}
.h_link_wrap ul li.graduates a{
  background-image: url('../images/hs-img/h-ob.png');
}
/* Nav */
.h_menu_wrap{
  background-image: url('../images/hs-img/navi-bg.png');
  background-size: 128px;
}

.h_menu_wrap nav.top_nav ul.g_menu li a:hover, a:focus {
	color: #9ace6e;
}

.h_link_wrap ul li a:hover, a:focus {
	color: #9ace6e;
}




/* Main Image
================================================== */
#main_img_wrap{
  position: relative;
}
#main_img_wrap .waku{
  position: absolute;
  bottom: 0;
  left: 0;
}


/* Content
================================================== */

/* News */
#news .news_header h2{
  flex: 0 1 30%;
}
#news .news_header ul{
  flex: 0 1 55%;
}
#news .news_header ul li{
  flex: 0 1 16%;
}
#news .list ul li span.all,
#news .news_header ul li.all a{ background-color: #3f9b16; }
#news .list ul li span.news,
#news .news_header ul li.news a{ background-color: #c69c3f; }

#news .list ul li span.shinro,
#news .news_header ul li.shinro a{ background-color: #b1494c; }

#news .list ul li span.event,
#news .news_header ul li.event a{ background-color: #316b91; }

#news .list ul li span.etc,
#news .news_header ul li.etc a{ background-color: #644e91; }

#news .news_header ul li.to_list a{
  color: #3f9b16;
  border: 1px solid #3f9b16;
}

#news .list ul li span.date{
  color: #8c6239;
}

/* Club */
#club .list ul li span.date{
  color: #a67c52;
}
#club .list ul li span.cate{
  color: #3f9b16;
}


/* Course */

#course{}
#course h2{
  text-align: center;
  max-width: 530px;
  margin: 0 auto;
}
#course h2 img{
}
#course ul{
  display: flex;
}
#course ul li{
  flex: 0 1 25%;
}

#course ul li img{
  -webkit-border-top-right-radius: 180px;
  -webkit-border-top-left-radius: 180px;
  -moz-border-radius-topright: 180px;
  -moz-border-radius-topleft: 180px;
}

/* Footer
================================================== */

footer .f_top{
	background: none;
    background-image: url(../images/hs-img/bnr-bg.gif);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 100px 0;
}

footer#top .f_top #f_bnr_link,
footer .f_top #f_bnr_link{
  /*flex: 0 1 auto;*/
  /*width: auto;*/
  width: 100%;
}
footer#top .f_top #f_bnr_link ul,
footer .f_top #f_bnr_link ul{
  flex-wrap: wrap;
}
footer#top .f_top #f_bnr_link ul li,
footer .f_top #f_bnr_link ul li{
  /*flex: 0 1 33%;*/
  width: 33%;
}

/* Info */
#f_info{
  background-image: url('../images/hs-img/f-bg.jpg');
}

#f_info .f_link ul li a:hover, a:focus {
	color: #9ace6e;
}



#f_info .f_bottom{
  display: flex;
  justify-content: space-between;
}
#f_info .f_bottom .left{
  flex: 0 1 75%;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}
#f_info .f_bottom .right {
  flex: 0 1 25%;
  padding: 30px 10px 10px 10px;
}

#f_info .f_bottom .left .top {
  display: flex;
}
#f_info .f_bottom .left .top h2{
  flex: 0 1 52%;
  padding: 5px;
}
#f_info .f_bottom .left .top p{
  display: block;
  padding: 10px 0 5px 10px;
  flex: 0 1 48%;
}
#f_info .f_bottom .left .top p span{
  display: block;
  padding: 5px;
  text-align: center;
}
#f_info .f_bottom .left .top p span.address{
}
#f_info .f_bottom .left .top p span.access{
    padding-right: 35px;
    padding-left: 35px;
    padding-top: 10px;
}


#f_info .f_bottom .left .bottom{
  display: flex;
  box-sizing: border-box;
  padding: 10px 10px 10px 10px;
}
#f_info .f_bottom .left dl{
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}
#f_info .f_bottom .left dl.col1{
  flex: 0 1 40%;
}
#f_info .f_bottom .left dl.col2{
  flex: 0 1 60%;
}
#f_info .f_bottom .left dl dt{
  border: 1px solid #fff;
  flex: 0 1 80px;
  text-align: center;
  padding: 3px;
  margin-right: 10px;
}
#f_info .f_bottom .left dl dd{
  padding: 3px;
  flex: 0 1 auto;
}
#f_info .f_bottom .left dl dd span{
  padding-right: 20px;
}

@media screen and (max-width: 768px) {
	
	
	
header .h_left {
    flex: 0 1 270px;
    padding: 2%;
}
	
header .h_right {
    padding-right: 10px;
}

#news .news_header ul {
    flex: 0 1 70%;
    padding-right: 10px;
    justify-content: flex-end;
}
	

	
footer .f_top {
    padding: 50px 0;
}
	
#f_info .f_bottom {
    display: block;
    justify-content: center;
}
	
#f_info .f_bottom .left {
    width: 100%;
    flex: 0 1 75%;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
}
	
#f_info .f_bottom .left .bottom {
    flex-direction: column;
    font-size: 80%;
    padding: 10px 10px 0px 10px;
}
	
#f_info .f_bottom .right {
    text-align: center;
}
	
#f_info .f_bottom .right img{
    width: 40%;
	}
	
}

/* SP
================================================== */

@media screen and (max-width: 767px) {


  /* Nav */
  .h_menu_wrap{
    display: none;
    background: none;
  }
  .h_menu_wrap{
    background: none;
    background-color: #569f32;
    background-image: url(../images/hs-img/f-bg.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 150px;
  }

  #news .news_header h2{
    flex: 0 1 40%;
  }
  #news .news_header ul{
    flex: 0 1 30%;
  }
  #news .news_header ul li:not(.to_list){
    display: none;
  }
  
  #f_info .f_bottom .left {
    width: 100%;
    flex: 0 1 75%;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
}
  
  #f_info .f_bottom .right {
    text-align: center;
    padding-bottom: 25px;
    padding-top: 15px;
}


  /* bnr */
  
  

}
@media screen and (max-width: 480px) {
	
#content {
    padding-bottom: 0px;
}

  #news .news_header h2{
    flex: 0 1 50%;
  }
  #news .news_header ul{
    flex: 0 1 30%;
	padding-top: 5px;
  }
  #course ul{
    display: flex;
    flex-wrap: wrap;
	padding: 0px;
  }
  #course ul li{
    flex: 0 1 50%;
  }
  #course ul li img{
    border-radius: inherit;
  }
	
footer .f_top {
    background-position: center top;
    background-size: cover;
}
	
.photogallery_bnr {
	padding: 20px;
	}
  
  footer#top .f_top #f_bnr_link ul li{
    flex: 0 1 50%;
	 margin: 0%;
  }
  
  footer .f_top #f_bnr_link ul li a img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

  /* footer info */
  #f_info .f_bottom{
    flex-direction: column;
  }
  #f_info .f_bottom .left .top{
    flex-direction: column;
    text-align: center;
  }
  #f_info .f_bottom .left .bottom{
    flex-direction: column;
	font-size: 80%;
	padding: 10px 10px 0px 10px;
  }
  
	#f_info .f_link ul {
    flex-direction: column;
    padding: 20px 20px 0px 20px;
	}
  
  #f_info .f_bottom .left {
    flex: 0 1 75%;
    box-sizing: border-box;
    padding: 10px 30px 10px 30px;
	}
	
	#f_info .f_bottom .left .top h2 {
    padding: 0px 20px 0px 20px;
	}
	
	#f_info .f_bottom .left .top p span.address {
		margin-bottom:0px;
	}
	  
  #f_info .f_bottom .left dl{
    flex-direction: column;
    flex: auto;
  }
  #f_info .f_bottom .left dl.col1,
  #f_info .f_bottom .left dl.col2{
    display: block;
  }
  #f_info .f_bottom .left dl dt{
    flex: auto;
	margin-right: 0px;
  }
  #f_info .f_bottom .left dl dd{
    text-align: center;
    padding: 10px;
  }
  
  #f_info .f_bottom .left dl {
    display: flex;
    margin-top: 3px;
    margin-bottom: 3px;
}
  
  #f_info .f_bottom .right p {
    text-align: center;
  }
  
  #f_info .f_bottom .left .top p span.access {
    display: none;
}

#f_info .f_bottom .right {
    padding: 0px 40px 10px 40px;
}

}