/*保護者の方へページ*/
@media screen and ( min-width : 769px ) {
#forpar_hed {
  background: #fff;
}
#forpar_hed img{
  width: 100%;
}
#forpar_hed section.content_top {
	width: 100%;
	min-width: 320px;
	margin: 0 auto ;
}
#forpar_cont {
  background: #fff;
}
#forpar_cont section.content_top {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 10px 50px 10px;
}
.forpar_ttl01{
	text-align: left;
	color: #101010;
	font-size: 35px;
	margin: 10px;
}
.forpar_ttl02{
	text-align: left;
	border-bottom: solid 1px #101010;
	color: #101010;
	font-size: 25px;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.forpar_ttl03{
	text-align: left;
	color: #F90101;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 10px 10px 10px;
}
.forpar_txt{
	text-align: left;
	font-size: 16px;
	color: #101010;
	line-height: 1.5;
	margin: 5px 10px;
}
.forpar_btn{
	text-align: center;
	margin: 15px 0 30px 0; 
}
}
@media screen and (max-width:768px) {
#forpar_hed {
  background: #fff;
}
#forpar_hed img{
  width: 100%;
}
#forpar_hed section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	overflow: hidden;
}
#forpar_cont {
  background: #fff;
}
#forpar_cont section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 5px 30px 5px;
}
.forpar_ttl01{
	text-align: left;
	color: #101010;
	font-size: 25px;
	margin: 10px;
}
.forpar_ttl02{
	text-align: left;
	border-bottom: solid 1px #101010;
	color: #101010;
	font-size: 20px;
	padding: 0 0 5px 0;
	margin: 5px;
}
.forpar_ttl03{
	text-align: left;
	color: #F90101;
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
}
.forpar_txt{
	text-align: left;
	font-size: 14px;
	color: #101010;
	line-height: 1.5;
	margin: 5px ;
}
.forpar_btn{
	text-align: center;
	margin: 10px 0 20px 0;
}
}
/* 保護者の方へページここまで */

/*卒業生の方へページ*/
@media screen and ( min-width : 769px ) {
#forgra_hed {
  background: #fff;
}
#forgra_hed img{
  width: 100%;
}
#forgra_hed section.content_top {
	width: 100%;
	min-width: 320px;
	margin: 0 auto ;
}
#forgra_cont {
  background: #fff;
}
#forgra_cont section.content_top {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 10px 10px 50px 10px;
}
.forgra_ttl01{
	text-align: left;
	color: #101010;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 10px 15px;
}
.forgra_ttl02{
	text-align: left;
	color: #fff;
	background-color: #101010;
	font-size: 20px;
	font-weight: bold;
	padding: 10px ;
}
.forgra_ttl03{
	text-align: left;
	border-bottom: solid 1px #101010;
	color: #101010;
	font-size: 25px;
	padding: 10px 0 5px 10px;
	margin: 10px;
}
.forgra_txt{
	text-align: left;
	font-size: 16px;
	color: #101010;
	line-height: 1.5;
	margin: 5px 10px ;
}
.forgra_add{
	text-align: left;
	font-size: 16px;
	color: #101010;
	font-weight: bold;
	line-height: 1.5;
	margin: 5px 10px ;
}
.forgra_boshu{
	text-align: center;
	color: #101010;
	font-size: 20px;
	margin: 10px;
}
}
@media screen and (max-width:768px) {
#forgra_hed {
  background: #fff;
}
#forgra_hed img{
  width: 100%;
}
#forgra_hed section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	overflow: hidden;
}
#forgra_cont {
  background: #fff;
}
#forgra_cont section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 5px 30px 5px;
}
.forgra_ttl01{
	text-align: left;
	color: #101010;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
}
.forgra_ttl02{
	text-align: left;
	color: #fff;
	background-color: #101010;
	font-size: 18px;
	font-weight: bold;
	padding: 10px ;
}
.forgra_ttl03{
	text-align: left;
	border-bottom: solid 1px #17184b;
	color: #101010;
	font-size: 20px;
	padding: 10px 0 5px 10px;
	margin: 10px;
}
.forgra_txt{
	text-align: left;
	font-size: 14px;
	color: #101010;
	line-height: 1.5;
	margin: 5px ;
}
.forgra_add{
	text-align: left;
	font-size: 14px;
	color: #101010;
	font-weight: bold;
	line-height: 1.5;
	margin: 5px ;
}
.forgra_boshu{
	text-align: center;
	color: #101010;
	font-size: 18px;
	margin: 5px;
}
}
/* 卒業生の方へページここまで */

/*求人をお考えのサロン様へページ*/
@media screen and ( min-width : 769px ) {
#forsalon_hed {
  background: #fff;
}
#forsalon_hed img{
  width: 100%;
}
#forsalon_hed section.content_top {
	width: 100%;
	min-width: 320px;
	margin: 0 auto ;
}
#forsalon_cont01 {
  background: #fff;
}
#forsalon_cont01 section.content_top {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 10px 10px 20px 10px;
}
#forsalon_cont02 {
  background: #fff;
}
#forsalon_cont02 section.content_top {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 10px 10px 20px 10px;
}
#forsalon_cont03 {
  background: #fff;
}
#forsalon_cont03 section.content_top {
	max-width: 800px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 10px 10px 20px 10px;
}
.forsalon_ttl01{
	text-align: left;
	color: #101010;
	font-size: 35px;
	margin: 0 0 20px 0;
}
.forsalon_ttl02{
	text-align: center;
	border-bottom: solid 1px #101010;
	color: #101010;
	font-size: 25px;
	padding: 0 0 5px 5px;
	margin: 30px 0 10px 0;
}
.forsalon_ttl03{
	text-align: left;
	color: #fff;
	background-color: #101010;
	font-size: 18px;
	padding: 5px 5px 5px 10px;
	margin: 20px 0 10px 0;
}
.forsalon_txt{
	text-align: left;
	font-size: 16px;
	color: #101010;
	line-height: 1.5;
	margin: 0 10px 0 10px;
}
.forsalon_txt span{
	font-weight: bold;
}
.forsalon_txt2{
	background-color: rgba(245,245,245,1.0);
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	margin: 10px;
	padding: 20px;
}
.forsalon_txt2 span{
	font-size: 150%;
}
	.forsalon_btn {
		text-align: center;
		margin: 20px 0 20px 0;
}
.forsalon_sec {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
}
.forsalon_sec img{
	width: 100%;
	margin: 0 auto;
}
.forsalon_sec .forsalon {
  width: calc(50% - 50px);
  margin: 5px 20px;
}
}
@media screen and (max-width:768px) {
#forsalon_hed {
  background: #fff;
}
#forsalon_hed img{
  width: 100%;
}
#forsalon_hed section.content_top {
	max-width: 768px;
	min-width: 320px;
	padding-bottom: 20px;
	margin: 0 auto ;
	overflow: hidden;
}
#forsalon_cont01 {
  background: #fff;
}
#forsalon_cont01 section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 5px 10px 5px;
}
#forsalon_cont02 {
  background: #fff;
}
#forsalon_cont02 section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 5px 10px 5px;
}
#forsalon_cont03 {
  background: #fff;
}
#forsalon_cont03 section.content_top {
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto ;
	padding: 5px 5px 10px 5px;
}
.forsalon_ttl01{
	text-align: left;
	color: #101010;
	font-size: 25px;
	margin: 0 0 10px 0;
}
.forsalon_ttl02{
	text-align: center;
	border-bottom: solid 1px #101010;
	color: #101010;
	font-size: 20px;
	padding: 0 0 5px 0;
	margin: 20px 0 10px 0;
}
.forsalon_ttl03{
	text-align: left;
	color: #fff;
	background-color: #101010;
	font-size: 16px;
	padding: 5px 5px 5px 10px;
	margin: 10px 0 10px 0;
}
	.forsalon_btn {
		text-align: center;
		margin: 20px 0 20px 0;
}
.forsalon_txt{
	text-align: left;
	font-size: 14px;
	color: #101010;
	line-height: 1.5;
	margin: 0 10px 0 10px;
}
.forsalon_txt span{
	font-weight: bold;
}
.forsalon_txt2{
	background-color: rgba(245,245,245,1.0);
	text-align: center;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	margin: 10px;
	padding: 20px;
}
.forsalon_txt2 span{
	font-size: 150%;
}
.forsalon_sec {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
}
.forsalon_sec img{
	width: 100%;
	margin: 0 auto;
}
.forsalon_sec .forsalon {
  width: calc(100% - 30px);
  margin: 5px 15px;
}
}
/* 求人をお考えのサロン様へページここまで */