@media(max-width:1100px) { /*980*/
    .wrap{ width: 98%;}
	.list1 ul{ margin: 0;}
	.cbox4{ width: 96%;}
	.prizebox{ width: 96%;}
	.prizebox .title{ margin: 0 20px 12px; line-height: normal;}
}


@media(max-width:650px) { /*600*/
	body{ font-size: 1.05em;}
	.topbar{ padding: 12px 0 7px;}
	.logo{ position: relative; top: 0; margin: 0 auto -6px;}
	.top-navi{ float: none;}
	.top-navi ul{ text-align: center;}
	.top-navi ul li a{ padding: 0 7px;}
	.trainingTimes{ width: 94%; padding: 115px 0 10px;}
	#header h2.sub{ font-size: .85em; font-weight: 600; margin: 0 0 12px;}
	#header h1{ font-size: 2em;}
	#header h1 .t1{ font-size: .6em;}
	#header h1 .arr:before, #header h1 .arr:after{ display: none;}
	.video-box{ width: 95%; padding: 2px;}
	.dis1{ width: 94%; font-size: .7em;}
	#header{ padding: 0 0 25px;}
	
	#middle .wrap{ width: 94%;}
	#middle h1{ font-size: 1.7em; margin: 0 0 18px;}
	.HLB{ font-size: 1.1em; width: 94%; margin: 0 auto 20px; padding: 20px 20px;}
	.HLB.list ul li:before{ width: 25px; height: 25px;}
	.HLB.list ul li{ padding: 0 0 12px 35px;}
	.HLB.list ul li:last-child{ padding-bottom: 0;}
	.midbg1{ padding: 30px 0;}
	.midbg1 .Ibg{ margin-top: 70px; padding: 1px 0 30px; background: rgb(255 255 255 / 50%);} 
	.midbg3{ padding: 30px 0;}
	.opbox1{ width: 94%;}
	.opbox1 .tital{ font-size: 1.5em;}
	.opbox1 .dis{ font-size: .8em;}
	.sendlane-form form button:before, .sendlane-form form button:after{ display: none;}
	
	.sendlane-form form button{ font-size: 1.5em !important; max-width: 250pt !important;}
	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"]{ margin: 5px auto !important;}
	
	.midbg2{ padding: 30px 0;}
	.cal-box{ padding-top: 10px; margin-bottom: -20px;}
	.cal-box ul li.arrow{ display: none;}
	.cal-box ul li{ margin: 0 auto 26px; display: block;}
	.cal-box ul li .dv2{ padding-top: 8px;}
	
	.midbg4{ padding: 30px 0 40px;}
	.conimg,.conimg.right{ float: none; margin: 0 auto 10px;}
	.cbox1{ margin: -6px auto 30px;}
	.cbox1 ul li{ margin: 10px 0; padding: 0 25px 20px;}
	.cbox1 .title{ margin: 0 -25px 20px;}
	.cbox1 ul li.mh1,.cbox1 ul li.mh2{ min-height: inherit;}
	
	#middle h2{font-size: 1.4em;}
	.cbox2 ul li.arr{ display: none;}
	.cbox2 ul li{ margin: 8px 0;}
	.cbox2{ margin: -10px auto 0;}
	.list ul{ margin: 0 0 20px 15px;}
	
	.cbox3{ width: 92%;}
	.cbox3 .host-con{ padding: 0 6px 15px; max-width: 170px;}
	.cbox3 .host-con img{ max-width: 150px; border: solid 12px rgb(0 0 0 / 4%);}
	
	.valuebox{ max-width: 260px; padding: 10px 15px; margin: 0 auto 25px; box-shadow: 0 0 0 6px rgb(0 0 0 / 7%); border-radius: 12px;}
	.valuebox .title{ font-size: 1em;}
	.separator2{ margin: 50px auto -40px;}
	.valuebox.mw{ max-width: 350px;}
	.separator2.mr{ margin: 50px auto -40px;}
	.pcimg{ display: none; }
    .mobimg{ display: block; }
	
	.prizebox .place{ font-size: 1.2em; margin: 0 0 20px;}
	.prizebox .place span:before, .prizebox .place span:after{ width: 110px; top: 17px;}
	.prizebox .place span:before{ left: -115px;}
	.prizebox .place span:after{ right: -115px;}
	.prizebox .title{ font-size: 1.6em;}
}

@media(max-width:500px) { /*480*/
	.top-navi ul li a{ padding: 0 3px; font-size: .65em; font-weight: 700;}
	#header h2.sub{ font-size: .75em;}
	#header h1{ font-size: 1.7em;}
	#header h1 .t1{ font-size: .55em;}
	#header h1 .t2{ padding-top: 10px;}
	.video-box{ margin: 0 auto 15px;}
	.list1 ul{ padding: 0 0 20px;}
	.list1 ul li{ max-width: 180px; margin: 4px 2px;}
	
	.opbox1{ padding: 16px 20px 20px;}
	.opbox1 .tital{ font-size: 1.35em;}
	.opbox1 .tital .sub{ margin-top: 3px;}
	
	.cbox1{ width: 92%; margin: -6px auto 20px;}
	.cbox1 .iconb{ float: none; margin: 0 auto 10px;}
	.cbox1 .des{ float: none; max-width: none; text-align: center;} 
	.cbox1 ul li{ width: 92%;  max-width: 350px;}
	#middle h1 .fs1{ font-size: 1em;}
	#middle h2{ font-size: 1.3em;}
	.cbox3 .host-con{ max-width: 160px;}
	.cbox3 .host-con .title{ font-size: 1.1em;}
	.cbox3 .host-con img{ max-width: 130px;}
	
	
	.prizehead{ margin: 25px auto 20px;}
	.prizehead.mw{ margin: -50px auto 5px;}
	.prizebox{ margin: 0 auto 30px;}
	.prizebox .place{ font-size: 1em; margin: 0 0 15px;}
	.prizebox .place span { padding: 6px 16px 4px;}
	.prizebox .place span:before, .prizebox .place span:after{ width: 100px; top: 15px;}
	.prizebox .place span:before{ left: -105px;}
	.prizebox .place span:after{ right: -105px;}
	.prizebox .title{ font-size: 1.3em;}
	.prizebox .Value{ font-size: 1.1em;}
	.prizebox .Value span{ padding: 6px 15px;}
	.prizebox .Value span:before, .prizebox .Value span:after{ top: 2px; width: 30px; height: 35px;}
	.prizebox .Value span:before{ left: -30px;}
	.prizebox .Value span:after{ right: -30px;}
	.prizebox .des{ width: 94%; font-size: .9em; margin: 0 auto 15px;}
	.prizebox .des br{ display: none;}
	.prizebox .Pimg{ width: 92%;}
}

@media(max-width:390px) { /*360*/
	.top-navi ul li a{ padding: 0 1px;}
	#middle h1{ font-size: 1.5em;}
	#middle h2{ font-size: 1.2em;}
	.opbox1 .tital{ font-size: 1.15em;}
	.opbox1 .tital .sub{ font-size: .64em;}
	.list1 ul li{ max-width: 160px; font-size: .8em; margin: 3px 1px;}
	
	.prizebox .des{ font-size: .8em;}
}