.container {
	display: flex;
	flex-wrap: wrap;
}
.item{
	width: 40%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}
.cont{
	width: 100%;
}
.kuwashiku {
	border: 0.5px solid #276397;
	padding: 10px;
	margin: 10px;
	width: 50%;
	background-color: #D7E7F4;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 10px;
	font-family: メイリオ;
	color: #276397;
	font-size: 1em;
	font-weight: bold;
}
.kuwashiku:hover{
	background-color: #FFCCCC;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.container1{
	display: flex;
	flex-wrap: wrap;
	background-color: #E2F5FE;
}
.item2{
	width: 28%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}
.item3{
	width: 33.3%;
}
.item4{
	width: 16.6%;
}
.hover{
	padding: 3%;
	font-family: メイリオ;
	color: #FFFFFF;
	font-size: 1.3em;
	text-align: center;
	background-color: #FF9999;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 20px;
	width: 38%;
	margin-left: 31%;
	height: auto;
}
.hover:hover{
	background-color: #FFCCCC;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.hover a{
	color:white
}

.uni-info{
	padding: 5%;
	background-color: #276397;
	margin-top: 6%;
	font-family: メイリオ;
	font-size: 1.2em;
	color: #FFFFFF;
	margin-bottom: 5%;
}
.item5{
	padding: 10px;
	width: 30%;
	margin-left: auto;
	box-shadow: 0 0 8px gray;
	margin-right: auto;
}
.container2 iframe{
  width: 100%;
}
.container2 {
	display: flex;
	flex-wrap: wrap;
}
.item6{
	width: 46.5%;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 959px) {
.item{
	width: 80%;
}
.item2{
	width: 80%;
}

.info{
	width: 100%;
}
.hover-ef{
	margin: 0px;
	width: 100%;
}
.item3{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 2%;
}
.item4{
	display:none
}
.hover{
	width: 80%;
	margin-left: 10%;
}
.uni-info{
	font-size: 1em;
}
.item5{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 2%;
}
.item6{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 2%;
}

}