@media(max-width:1100px) { /*980*/
.wrap{ width: 98%;}
.logo1{ max-width: 200px;}
.trainingTimes{ max-width: 940px;}
.trainingTimes .boxR{ }
.trainingTimes .boxL{ max-width: 500px; }
.opbox1{ padding: 9px 15px 15px;}
#header h1{ font-size: 2.2em;}
#header h2.sub{ font-size: 1.3em;}
#middle h1{ font-size: 2em;}
.cbox1 ul li{ max-width: 234px; margin: 0 3px 30px; padding: 1px 15px 20px;}
.cbox1 ul li+li+li+li+li{ min-height: 626px;}
.disclaimer{ width: 94%;}
}

@media(max-width:900px) { /*768*/
.logo1{ margin: 0 auto 20px;}
.ptb-100{ padding: 0px 0 80px;}
.pre-head{ font-size: .95em;}
#header h1 br{ display:none;}
#header h1{ font-size: 1.7em; margin: 30px 30px 20px;}
#header h1 span{ font-size: .65em;}
#header h1 .sub{ font-size: .8em; max-width: 400px;}
.pp{ padding: 10px 10px 0px;}

.boxR{ float: none; margin-right: 0;}
.boxL1{ float: none; }
.trainingTimes{ width: 97%;}
.trainingTimes .boxL{ float: none; margin: 0 auto 20px; max-width: none;}
.trainingTimes .boxL.arrow:after{ display:none;}
.trainingTimes .boxR{ float: none; width: 100%; max-width: none; margin: 0 auto; padding:10px 0;}
.trainingTimes h3 br{ display:none;}
.trainingTimes h3{ font-size: 1em;}
.trainingTimes h3 span{ font-size: 1.1em;}

.button a, .button button{ font-size: .95em;}
.button a.arrow::before{ display:none;}
.button a.arrow::before, .button a.arrow::after{ top: 13px; }

.opbox{ width: 95%; }
.opbox .dis br{ display: none;}
.opbox h2{ padding: 14px 20px; margin: 0 -28px 20px; font-size: 1.2em;}
.opbox .text1{ font-size: .9em;}
.opbox .info{ max-width: 270px;}
.opbox .right{ max-width: 388px;}
select, textarea, input[type="text"], input[type="date"], input[type="number"], input[type="email"], input[type="name"], input[type="url"], input[type="tel"], input[type="password"]{ line-height: 1.5em; font-size: .9em;}
.opbox1{     padding: 10px 0 15px;}
.inputbox .input1{ max-width: 260px;}
.cbox1 ul li{ max-width: none; margin: 0 0 30px; width: 90%;}
.cbox1 ul li+li+li+li+li{ min-height: inherit;}
#middle h1{ font-size: 1.8em;}
#middle h2{ font-size: 1.5em;}
#middle .wrap{ width: 96%; padding: 25px 28px 40px;}
.pre-head{ text-align:center;}
.button-top {
    position: inherit;
    right: 0;
    top:0;
	margin:5px 0;
}

}

@media(max-width:650px) { /*600*/
.list{ width:100%;}
.pre-head{ font-size: .8em;}
.ptb-100{ padding: 0px 0 60px;}

.button a.arrow::before, .button a.arrow::after{ display:none; }
#header h1{ padding: 0 ;}
#header h2.sub{ width: 90%; font-size: 1.2em;}
#header h2.sub br{ display: none;}

.trainingTimes{ padding: 10px; width: 94%; background: rgb(0 0 0 / 78%);}
.trainingTimes .boxL img{ max-width: 250px;}
.trainingTimes .boxL p{ padding: 11px 20px 0;}
.trainingTimes h3{ font-size: 1em;}
.trainingTimes h3 span{ font-size: 1.1em; line-height: normal; display: block;}

	
.opbox{ box-shadow: 0 5px 10px -5px rgb(0 0 0 / 25%); }
.opbox h2{ font-size: 1em; margin: 0 -28px 16px;}
.opbox .text1{ font-size: .8em; padding: 0 20px 16px;}
.opbox .info{ float: none; margin: 0 auto 20px;}
.opbox .right{ float: none; margin: 0 auto;}
.opbox .dis{ font-size: .85em;}
.midbg{ padding: 20px 0 20px!important;}
.box-height{ min-height: inherit;}
.opbox1 .tital{ margin: 0 0 10px;}
.disclaimer{ width: 92%; padding: 0 20px;}
.disclaimer br{ display:none; }
#middle h1{ font-size: 1.4em; margin: 0 30px 22px;}
#middle h1 br{ display:none; }
#middle h1 span.sub br{ display:none; }
#middle .wrap{ padding: 20px;}
.disclaimer{ padding: 0;}
#middle h2 br{ display:none;}
#middle h2{ font-size: 1.4em;}
#middle h3{ font-size: 1.15em;}

}

@media(max-width:500px) { /*480*/
body{ font-size: 1em;}
.pre-head{ font-size: .85em; font-weight: 500; padding: 0 10px;}
#header h1{ font-size: 1.6em; line-height: normal; margin: 18px 30px 20px;}
#header h1 br{ display:none;}
#header h1 span{ font-size: .8em; line-height: normal;}
#header h1 .sub{ font-size: .45em;
    max-width: 380px;
    padding: 5px 0;
}
#header h2.sub{ font-size: 1.1em; font-weight: 600;}
#header h2.sub br{ display: none; }
	
.ptb-100{ padding: 0px 0 50px;}
.button a, .button button{ padding:12px 18px; font-size: 1.05em;}
.button.t1 a{ font-size: 1.2em;}
.button a span{ font-size: .7em;}
.conimg{ float: none; max-width: 200px; margin: 0 auto 10px;}
.conimg.right{ float:none; margin: 0 auto 20px;}
.HLB{ padding: 6px 14px 4px; margin: 0 auto 26px;}
.trainingTimes{ width: 96%;}
.ptb1{ padding: 40px 0;}
.opbox{ margin-bottom: 12px; padding: 22px 20px 30px; width: 100%;}
.opbox h2{ font-size: .9em; }
.opbox .tital {font-size: 1.1em;}
.opbox .tital br{ display: none;}
.opbox1 .tital{ font-size: 1.4em; font-weight: 600;} 
.opbox1 .dis br{ display: none; }
.opbox1 .dis strong{ margin-bottom: 10px;}
#middle h1{ font-size: 1.3em; margin: 0 21px 25px;}
#middle h1 span.sub{ font-size: .65em; padding: 5px 16px 0;}
#middle h1 font{ font-size: .7em; font-weight: 600; display: block; width: 280px; margin: 0 auto 5px;}
.cbox1{ font-size: .85em;}
.list1 ul{ margin-bottom:30px;}
.list1 ul li{ margin: 0 0 40px; max-width: none; min-height: inherit;}
.opbox1{ padding: 18px 10px 18px;}
#middle h2{ font-size:1.3em;}
#middle h3{ width: 90%; margin: 0 auto 20px;}
	
}

@media(max-width:390px) { /*360*/
.pre-head{ font-size: .75em;}
#header h2{ font-size:18px;}
#header h1{ font-size: 1.45em; margin: 18px 20px 20px;}
#header h1 span{ font-size: .75em;}
	#header h2.sub{ font-size: 1em;}
.right .button a, .button input[type="submit"]{ font-size:20px;}
.list ul li br{ display:none;}
.trainingTimes h3{ font-size:1em;}
.button.t1 a{ font-size: 1.1em;}
.button a, .button button{ font-size: 1em; padding: 10px 13px;}
.opbox h2{ font-size: 1.1em; padding: 14px 20px;}
.opbox .text1{ padding: 0 0 10px;}
.opbox1{ padding: 18px 10px;}
.opbox1 .tital{ font-size: 1.3em;}
.opbox1 .dis{ font-size: .85em;}
.trainingTimes .boxR{ width: 100%;}
.pp{ padding: 18px 20px 25px;}
#middle h2{ font-size: 1.25em;}
#middle h3{ width: 98%;}
.opbox{ padding: 20px 20px 26px;}
.opbox .tital{font-size: 1em;}
}