@charset "utf-8";
/* CSS Document */

/* ==========================
==========　メイン　===========
============================= */
/*ペ`ジビジュアル*/
.page_visual {
    background: url(/sci/graduate/img/paga_visual.png)no-repeat center center;
    background-size: cover;
}


p.introduction {
    line-height: 2;
    margin: 20px auto 60px;
}




/*和咼螢鵐ボックス*/
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/graduate/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/graduate/img/about_img01.png)no-repeat center}
ul.under_linklist li:nth-child(2) {background: url(/sci/graduate/img/about_img02.png)no-repeat center}
ul.under_linklist li:nth-child(3) {background: url(/sci/graduate/img/about_img03.png)no-repeat center}
ul.under_linklist li:nth-child(4) {background: url(/sci/graduate/img/about_img04.png)no-repeat center}
ul.under_linklist li:nth-child(5) {background: url(/sci/graduate/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%;
}
  
  
}


@media print {


}