@media screen and (min-width: 280px) {
 .text-eb{
	  font-size: 0.7em !important;
	}

 .hf3{
	font-size: 1.2em !important;
 }

 .notice_h{
	  height: 10em !important;
	}

 .notice_pt{
   padding-top: .25rem !important;
 }
}

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

	.text-eb{
	  font-size: 0.75em !important;
	}

	.hf3{
	font-size: 1.5em !important;
 }

	.notice_h{
	  height: 11.5em !important;
	}
}

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

  .hf3{
	 font-size: 1.6em !important;
	}

  .text-eb{
    font-size: 0.9em !important;
    }

}

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


 .notice_h{
   height: 12em !important;
  }

 .notice_pt{
   padding-top: .4rem !important;
 }
 
}

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

  .hf3 {
	font-size: 1.8em !important;
  } 

  .text-eb{
    font-size: 1em !important;
    }

	.notice_h{
	  height: 13.5em !important;
    }

	.n_padding {
		padding-left: 6% !important;
	}

	.notice_pt{
	   padding-top: .6rem !important;
	 }

}

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

	.hf3{
	 font-size: 2.4em !important;
	}

	.text-eb{
	  font-size: 1.2em !important;
	}

	.notice_h{
	  height: 17.5em !important;1
	}

	.notice_pt{
	   padding-top: .9rem !important;
	 }

}

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

	.hf3{
	 font-size: 2.5em !important;
	}

	.text-eb{
	  font-size: 1.4em !important;
	}

	.notice_h{
	  height: 19.5em !important;1
	}

	.notice_pt{
	   padding-top: 1.2rem !important;
	 }

}

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

	.hf3{
	 font-size: 2.9em !important;
	}

	.text-eb{
	  font-size: 1.6em !important;
	}

	.notice_h{
	  height: 21.5em !important;
	}

	.notice_pt{
	   padding-top: 1.4rem !important;
	 }

}

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

	.notice_h{
	  height: 20em !important;
	}

	.notice_h{
	  height: 22.5em !important;
	}
}