@charset "UTF-8";
/* CSS Document */
/*ヘッダー*/
.header {
  display: flex;
  width: 100%;
  max-width: 1160px;
  left: 0;
  right: 0;
  margin: 0 auto;
  justify-content: space-between;
}
.header__logo {
  width: 430px;
  margin: 0;
}
.header__tel-wrap {
  width: 250px;
  height: 74px;
  background-color: #bf8138;
  border-radius: 0 0 20px 20px;
  text-align: center;
}
.header__tel {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.header__tel-inner {
  display: inline-block;
  padding-top: 10px;
  font-size: 2.4rem;
  font-weight: bold;
}
.material-icons.tel {
  font-size: 27px;
  vertical-align: bottom;
}
/*ナビゲーション*/
.nav__list li:first-child,.nav__list li:last-child {
	display:flex;
}
/*top*/
.about__title {
  display: block;
  width: 40%;
  margin-bottom: 100px;
  padding: 66px 0;
  border-radius: 0 90px 90px 0;
  background-color: #f7de6b;
}
.about__title-img {
  width: 48px;
  vertical-align: bottom;
  padding-right: 10px;
}
.about__top-img img {
  width: 55.556%;
}
.about__lead {
  margin: 60px 0;
  font-family: "myfont", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  ;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2.2;
}
/*施設紹介*/
.about__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
  list-style: none;
}
.about__list li {
  width: 25.694%;
  margin: 0 1.736% 6.944% 0;
  text-align: left;
}
.about__list-img img {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.about__list-txt {
  font-size: 1.8rem;
  font-weight: bold;
}
/*その他*/
.about__other {
  max-width: 1160px;
  margin: 0 auto;
  text-align: left;
}
.about__other-title {
  width: 8%;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 1px #51331d;
}
.about__other-txt {
  padding-top: 20px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
}
.sp {
  display: none;
}
.ipad {
  display: block;
}
	@media (max-width: 1024px) {
	  /*  top*/
	  .about__title {
		width: 50%;
		margin-bottom: 60px;
		padding: 40px 0;
		font-size: 4.0rem;
	  }
	  .about__title-img {
		width: 44px;
	  }
	  .about__top-img img {
		width: 70%;
	  }
	  .about__lead {
		margin: 60px auto;
		font-size: 1.8rem;
	  }
	  /*施設紹介*/
	  .about__list {
		max-width: 700px;
		margin: 0 auto;
	  }
	  .about__list li {
		width: 40%;
		margin: 0 1.736% 6.944% 0;
	  }
	  .about__list-img {
		padding-bottom: 10px;
	  }
	  /*その他*/
	  .about__other {
		max-width: 700px;
	  }
	  .about__other-title {
		width: 15%;
	  }
	  .about__other-txt {
		padding-top: 20px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 2;
	  }
	  .ipad {
		display: none;
	  }
	}
	@media (max-width: 767px) {
	  /*ヘッダー*/
	 .header {
    	  position: fixed;
    	  top: 0;
    	  height: 70px;
    	  background-color: #fff;
    	  z-index: 100;
  		}
	  .header__logo {
		width: 171px;
		margin: 20px 10px;
	  }
	  .header__tel-wrap {
		display: none;
	  }
	 /*ナビゲーション*/
	  .nav__others {
		display: block;
	  }
	  /*top*/
	  .about__title {
		width: 70%;
		margin: 110px 0 40px;
		padding: 16px 0;
		border-radius: 0 35px 35px 0;
		font-size: 2.8rem;
	  }
	  .about__title-img {
		width: 30px;
	  }
	  .about__top-img img {
		width: 91.467%;
	  }
	  .about__lead {
		margin: 60px 25px 60px 30px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 2.2;
		text-align: left;
	  }
	  .sp {
		display: block;
	  }
	  .pc {
		display: none;
	  }
	  /*施設紹介*/
	  .about__list {
		display: block;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto;
		list-style: none;
	  }
	  .about__list li {
		width: 343px;
		margin: 0 auto;
		text-align: left;
	  }
	  .about__list-img {
		width: 100%;
		padding-bottom: 10px;
	  }
	  .about__list-txt {
		padding-bottom: 40px;
		font-size: 1.8rem;
	  }
	  /*その他*/
	  .about__other {
		width: 343px;
		margin-top: 50px;
	  }
	  .about__other-title {
		width: 30%;
		font-size: 2.0rem;
	  }
	  .about__other-txt {
		padding-top: 10px;
		font-size: 1.6rem;
	  }
	}
	@media (max-width: 320px) {
		/*top*/
	  .about__title {
		width: 80%;
	  }
	  .about__lead {
		width: 305px;
		margin: 60px auto;
		font-feature-settings: "palt";
	  }
		/*施設紹介*/
	  .about__list li {
		width: 280px;
		margin: 0 auto;
		}
	  /*その他*/
	  .about__other {
		width: 290px;
	  }
	  .about__other-title {
		width: 40%;
	  }
	  .about__other-txt {
		font-size: 1.4rem;
	  }
	　 .sp {
		display: none;
		}
     }