@charset "UTF-8";

/* -------------------------- PC/TAB/SP ------------------- */

.guidance-item {
		margin-left: auto;
		margin-right: auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
}

.guidance-item ul {
		margin-left: auto;
		margin-right: auto;
}


.guidance-item img {
	width: 100%;
}

.guidance-item .item-header {
	margin-top: 5px;
	margin-bottom: 5px;
}
.guidance-item .item-denwa {
	margin-left: 30px;
	letter-spacing: 1px;	/* 文字間隔 広く */
}

/* -------------------------- PC -------------------------- */
@media (min-width: 1300px) {
  #hero .head {
    position: fixed;
    z-index: 100;
    height: 140px;
    width: 100%;
    background: url(../img/fix-img-bg.jpg) no-repeat;
    background-size: cover;
  }

	#contents {
    padding-top: 140px;
	}
.guidance-item .item-header {
	font-size: 24px;
}
.guidance-item .item-denwa {
		font-size: 24px;
		margin-bottom: 17px;
	}
.guidance-item ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
}

.guidance-item li{
		width: 40%;
		float: left;
		margin-left: 15px;
		margin-right: 15px;
}

.access-map li{
		width: 90%;
		margin-bottom: 40px;
}

.teacherinfo li {
		width: 50%;
}

	.guidance-item .mousikomi {		/* ボタン */
			width: 420px;
			font-size: 30px;
			margin-top: 30px;
			vertical-align: middle;
			height: 4.2vw;
    	line-height: 4.2vw;
	}
}


/* -------------------------- TAB --------------------------*/
@media screen and (min-width: 576px) and (max-width: 1299px) {
 #hero .head {
    position: fixed;
    z-index: 100;
    height: 6vw;
    width: 100%;
    background: url(../img/fix-img-bg.jpg) no-repeat;
    background-size: cover;
  }
	#contents {
    margin-top: 6vw;
	}

	.guidance-item .item-header {
		font-size: 1.2rem;
	}
	.guidance-item .item-denwa{
		font-size: 1.2rem;
		margin-bottom: 2.0vw;	
	}
	

	.guidance-item li{
		float: left;
		margin: 0.5vw;
	}

	.guidance-item ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.guidance-item .mousikomi {		/* ボタン */
		 margin-top: 2.0vw;
	}

}


/* -------------------------- SP -------------------------- */
@media (max-width: 575px) {
  #hero .head {
    position: fixed;
    z-index: 100;
    height: 16vw;
    width: 100%;
    background: url(../img/fix-img-bg@2x.jpg) no-repeat;
    background-size: cover;
  }

	.guidance-item {
	   width:95%;
	}
	
	.guidance-item li{
		margin-bottom: 5vw;
	
	}
	
	.guidance-item .item-header {
		font-size: 1.6rem;
	}
	.guidance-item .item-denwa{
		font-size: 1.2rem;
		margin-bottom: 2.0vw;	
	}

	.guidance-item .mousikomi {		/* ボタン */
		 margin-top: 4.0vw;
	}
}