@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/school-images/page-bg.jpg") 70% 100% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.school {
  display: flex;
  margin-bottom: 30px;
}
.school:last-child {
  margin-bottom: 0;
}
.school__tit {
  width: 100px;
}
.school__txt {
  flex: 1;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.layout01__img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.school {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.school__tit {
  width: 70px;
}
.school__txt {
  flex: 1;
}

.layout01__img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
}