@charset "utf-8";
/* CSS Document */

/* ==========================
==========　メイン　===========
============================= */
/*ペ�`ジビジュアル*/
.page_visual {
    background: url(/sci/about/feature/img/paga_visual.png)no-repeat center center;
    background-size: cover;
}

/*僥親リスト*/
ul.gakka_list {
	max-width: 1000px;
	width: 90%;
  display: flex;
  justify-content: space-between;
  margin:0 auto 60px;
}
ul.gakka_list li {
  width: 18%;
  font-weight: bold;
  opacity: 1;
  min-height: 65px;
  background: rgba(0,0,0,0);
  transition-duration: 0.3s;
	text-align: center;
}
ul.gakka_list li a:hover {
    background: rgba(0,0,0,0.3);
    transition-duration: 0.3s;
}

ul.gakka_list li a {
	display: block;
	width: 100%;
  padding: 35% 0 22%;
  line-height: 1;
	color: #fff;
  text-align: center;
  font-size: 24px;
	background: rgba(0,0,0,0);
}
ul.gakka_list li span {
  font-size: 10px;
  line-height: 1.5; 
  display: inline-block;
  margin-top: 10px;
  font-weight: lighter;
}

ul.gakka_list li:nth-child(1) {background: url(/sci/img/gakka_bg01.png)no-repeat center center; background-size: cover;}
ul.gakka_list li:nth-child(2) {background: url(/sci/img/gakka_bg02.png)no-repeat center center; background-size: cover;}
ul.gakka_list li:nth-child(3) {background: url(/sci/img/gakka_bg03.png)no-repeat center center; background-size: cover;}
ul.gakka_list li:nth-child(4) {background: url(/sci/img/gakka_bg04.png)no-repeat center center; background-size: cover;}
ul.gakka_list li:nth-child(5) {background: url(/sci/img/gakka_bg05.png)no-repeat center center; background-size: cover;}

.activity.outer1000 ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}


.table_flow {
    margin-bottom: 50px;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto 40px;
}
.table_flow p {
    margin: 0 0 10px;
}
.table_flow {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.table_flow td {
    width: auto;
    padding: 20px 25px;
    border-bottom: 1px solid #ccc;
}
.table_flow th {
    background: #015a2a;
    color: #fff;
    width: 200px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}


/*和�咼螢鵐�ボックス*/
ul.under_linklist {
	max-width: 1000px;
	width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin: auto;
}
ul.under_linklist li {
  width: 48%;
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}
ul.under_linklist li a:hover {
  background: rgba(0, 0, 0, 0.6);
  transition-duration: 0.3s;
}

ul.under_linklist li a {
	display: block;
	width: 100%;
  padding: 9%;
  transition-duration: 0.3s;
	box-sizing: border-box;
}
ul.under_linklist li span {
  background: url(/sci/about/img/link_box_bg.png)no-repeat center;
  width: 295px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24px;
  margin: auto;
}

ul.under_linklist li:nth-child(1) {background: url(/sci/about/feature/img/about_img01.png)no-repeat center}
ul.under_linklist li:nth-child(2) {background: url(/sci/about/feature/img/about_img02.png)no-repeat center}

/* 耕嗤のスマホ��鮄�峰
========================== */

/* 700pxより弌さい��栽 */
@media screen and ( max-width: 700px ){

ul.gakka_list {flex-wrap: wrap;}
ul.gakka_list li {width: 50%;}
ul.gakka_list li:last-child {width: 100%;}
ul.gakka_list li a {padding: 25% 0 15%;}
ul.gakka_list li:last-child a {padding: 9% 0 4%;}
  
.table_flow th {
    width: 60px;
}
  
ul.under_linklist li {
    width: 100%;
    max-width: 480px;
    margin: 0 auto 15px;
}
ul.under_linklist li a {
    padding: 9% 0%;
}
  
  
}



@media print {


}