@charset "utf-8";

/*研究室ボタン用*/
.courses{
    display:flex;
    margin:30px;
    padding-top:0;
}

ul.course{
	width:70%;
	padding: 0.5em 1em;
    	margin-top:5px;
}

ul.ics{
	width:70%;
	padding: 0.5em 1em;
	margin-top:0;
    	margin-bottom:0;
}
ul.course li,ul.ics li{
    line-height: 1.5;
    padding: 0.5em 0;
    list-style-type: none!important;
}


ul.course li:hover,ul.ics li:hover{
	opacity:0.5;
}

/*研究室用レスポンシブ設定*/

@media screen and (max-width: 1200px) {
    .courses{
	display:block;
	margin:50px;
    }
    .courses .hpb-photomotion{
	width : 80%;
	max-width:100%;
	height : auto;	 
    }
    
    .courses .hpb-photomotion .photo{
	width: 100%;
	height: auto;
    }
    ul.course{
	width:70%;
	padding: 0.5em 1em;
    	margin-top:5px;
    }
    
    ul.ics{
	width:70%;
	padding: 0em 1em;
    	margin: 0em 0;
    }
    
}