@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;
}
/*スタッフ紹介*/
.staff__title {
  display: block;
  width: 40%;
  margin-bottom: 100px;
  padding: 66px 0;
  background-color: #f7de6b;
  border-radius: 0 90px 90px 0;
}
.staff__title-img {
  width: 52px;
  margin-right: 10px;
  vertical-align: bottom;
}
.staff__wrap {
  display: flex;
  max-width: 1020px;
  margin: 0 auto 120px;
  justify-content: space-between;
}
.staff__img img {
  width: 100%;
  height: auto;
}
.staff__subtitle-triangle {
  color: #f7de6b;
}
.staff__list {
  font-weight: bold;
  text-align: left;
}
.staff__list dt {
  font-size: 2.0rem;
}
.staff__list dd {
  padding-left: 80px;
  line-height: 2;
}
.staff__main {
  max-width: 445px;
}
.staff__name {
  width: 400px;
  height: 150px;
  margin: 30px auto 0;
  background-color: #f7de6b;
  border-radius: 75px;
}
.staff__name_01 {
  padding: 20px 0 30px;
  color: #bf8138;
  font-size: 2.4rem;
  font-weight: bold;
}
.staff__name_02 {
  padding-bottom: 10px;
  font-size: 3.0rem;
  font-weight: bold;
}
.staff__name_03 {
  font-weight: bold;
}
	@media (max-width: 1024px) {
  	/*スタッフ紹介*/
 		 .staff__title {
   		   width: 45%;
    	   margin-bottom: 60px;
   		   padding: 40px 0;
    	   font-size: 4.0rem;
         }
  		.staff__title-img {
    	  width: 45px;
  		}
 		 .staff__wrap {
    	   max-width: 700px;
  		}
  		.staff__img img {
    	  width: 100%;
  		}
  		.staff__main {
    	  max-width: 320px;
  		}
  		.staff__name {
    	  width: 250px;
    	  height: 130px;
    	  margin: 30px auto 0;
  		}
  		.staff__name_01 {
    	  padding: 20px 0 20px;
    	  font-size: 2.0rem;
  		}
  		.staff__name_02 {
    	  font-size: 2.4rem;
  		}
}
	@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;
  		}
  		/*スタッフ紹介*/
  		.staff__title {
    	  width: 60%;
    	  margin: 110px 0 40px;
    	  padding: 16px 0;
   		  border-radius: 0 30px 30px 0;
    	  font-size: 2.8rem;
  		}
  		.staff__title-img {
    	  width: 30px;
  		}
  		.staff__wrap {
    	  display: flex;
    	  flex-direction: column-reverse;
    	  max-width: 1020px;
    	  margin: 0 auto 70px;
    	  justify-content: space-between;
  		}
  		.staff__wrap.staff__wrap-item02 {
    	  display: block;
  		}
  		.staff__img img {
    	  width: 100%;
  		}
  		.staff__subtitle-triangle {
    	  color: #f7de6b;
  		}
  		.staff__list {
    	  margin: 40px auto 80px;
   		  max-width: 281px;
  		}
	  	.staff__list dt {
		  font-size: 1.8rem;
	  	}
	  	.staff__list dd {
		  padding-left: 80px;
		  line-height: 2;
	  	}
	  	.staff__main {
		  max-width: 281px;
		  margin: 0 auto;
	  	}
	  	.staff__name {
		  width: 220px;
		  height: 80px;
		  margin: 20px auto 0;
	  	}
	  	.staff__name_01 {
		  padding: 13px 0 9px;
		  font-size: 1.6rem;
	  	}
	  	.staff__name_02 {
		  padding-bottom: 3px;
		  font-size: 2.0rem;
	 	}
	  	.staff__name_03 {
		  font-size: 1.4rem;
	  	}
	}
	@media (max-width: 320px) {
		.staff__title {
			  width: 70%;
			}
	}