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

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

.intoro_big .first {
  font-size: 50px;
}
.intoro_big .second {
  font-size: 32px;
}
.intoro_big .third {
   font-size: 22px;
}

.introduction {
	max-width: 1000px;
	width: 90%;
  line-height: 2;
  font-size: 16px;
  margin: 40px auto 60px;
}

/*僥親リスト*/
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;}

/*ここまで*/

/*和�咼螢鵐�ボックス*/
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/img/about_img01.png)no-repeat center}
ul.under_linklist li:nth-child(2) {background: url(/sci/about/img/about_img02.png)no-repeat center}
ul.under_linklist li:nth-child(3) {background: url(/sci/about/img/about_img03.png)no-repeat center}
ul.under_linklist li:nth-child(4) {background: url(/sci/about/img/about_img04.png)no-repeat center}
ul.under_linklist li:nth-child(5) {background: url(/sci/about/img/about_img05.png)no-repeat center}


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

/* 700pxより弌さい��栽 */
@media screen and ( max-width: 700px ){
	
ul.under_linklist li {
    width: 100%;
    max-width: 480px;
    margin: 0 auto 15px;
}
ul.under_linklist li a {
    padding: 9% 0%;
}
  
  
  
.intoro_big .first {
  font-size: 25px;
  padding: 0 0 15px;
}
.intoro_big .second {
  font-size: 19px;
}
.intoro_big .third {
  font-size: 14px;
  margin-top: 5px;
}
  
  
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%;}
  
}


@media print {


}