@media screen and (max-width:768px){

	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
	}

	::before , ::after {
		box-sizing: inherit;
	}

	input,textarea {
		-webkit-appearance: none;
	}

	.scroll-prevent {
		position: fixed;
		z-index: -1;
		width: 100%;
		height: 100%;
	}

	#header{
		position:relative;
		width:100%;
	}

	header:after {
		content: '';
		display: block;
		clear: both;
	}

	#header .address{
		display:none;
	}

	.btns {
		display:block;
		position: absolute;
		cursor:pointer;
		top: 6px;
		right: 10px;
		width: 36px;
		height: 36px;
		z-index: 10;
		border:0;
		background:none;
	}

	.btns.open {
		top: 0;
		right: 80%;
		width: 42px;
		height: 42px;
		background-color: rgba(255,167, 37, 0.8);
		transition: .3s;
	}

	.btns-line {
		display: block;
		position: relative;
		width: 100%;
		height: 4px;
		background: #fff;
		transition: .2s;
	}

	.btns-line::before,
	.btns-line::after {
		content: "";
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: .5s;
	}

	.btns-line::before {
		transform: translateY(-14px);
	}

	.btns-line::after {
		transform: translateY(14px);
	}

	.btns-line.open {
		background-color: transparent;
	}

	.btns-line.open::before ,
	.btns-line.open::after {
		content: "";
		background-color: #fff;
		transition: .2s;
	}

	.btns-line.open::before {
		transform: rotate(45deg);
	}

	.btns-line.open::after {
		transform: rotate(-45deg);
	}

	#smart_menu{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}

	#smart_menu:after {
		content: '';
		display: block;
		clear: both;
	}

	.logo{
	}

	nav {
		position: fixed;
		z-index:1000;
		top: 0;
		right: -80%;
		margin:;
		width: 80%;
		height: 100vh;
		color: #fff;
		transition: .3s;
		overflow:scroll;
		background-color: rgba(255,167, 37, 0.8);
	}

	nav::-webkit-scrollbar {
		display: none;
	}

	nav {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	nav.open {
		right: 0;
	}

	nav:after {
		content: '';
		display: block;
		clear: both;
	}

	.menu ul {
		width:98%;
		display: block;
		margin:0 auto;
		padding: 0;
	}

	.menu li {
		position: relative;
		padding: 5px 0;
		width:100%;
		text-align: center;
	}

	.menu a {
		color:#ffffff;
		text-decoration: none;
		display: block;
		padding: 5px 20px;
		font-family: "Anton SC", serif;
		font-weight: 400;
		font-size:30px;
		font-style: normal;
	}

	.menu li:first-child::before {
		display:none;
	}

	.menu li::after {
		display:none;
	}

	footer{
		height:140px;
	}

	#footer{
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}

	.footer_menu {
		display:none;
		width:100%;
		margin:0 auto 20px auto;
		padding: 0;
	}

	.footer_address{
		margin:0 0 20px 0;
		text-align:center;
		color:#fff;
	}

	#access .text{
		top:0%;
		left:10%;
	}

	#access .title{
		margin:0 0 0px 0;
		font-size:40px;
	}

	#access .msg{
		margin:0 0 6px 0;
		font-size:12px;
	}

	#access .go_access a{
		font-size:18px;
	}

	#main_contents{
		width:99%;
		margin:0 auto;
		padding:56px 0 0 0 ;
	}

	#access{
		margin:0 auto;
		width:100%;
		height:100%;
	}

	#image{
		padding:20px 0 0 0 ;
	}

	.main_image{
		width:100%;
		margin:0 auto;
		height:100%;
		overflow:hidden;
	}

	.top_middle{
		width:100%;
		margin:0 auto;
	}

	.left{
		float:left;
		width:100%;
		text-align:center;
	}

	.news{
		width:94%;
		margin:0 auto 30px auto;
		padding:10px 0;
	}

	.news_top .title{
		width:100%;
	}

	.news_top .more{
		float:left;
		width:98%;
		text-align:right;
		font-family: "Anton SC", serif;
		font-weight: 400;
		font-size:18px;
		font-style: normal;
	}

	.right{
		float:right;
		width:100%;
		text-align:center;
	}

	.left2{
		width:100%;
	}

	.left2 .text{
		top:8%;
		left:10%;
	}

	.left2 .title{
		font-size:48px;
	}

	.right2{
		width:100%;
	}

	.right2 .text{
		top:8%;
		left:10%;
	}

	.right2 .title{
		font-size:48px;
	}

	.movie{
		width:94%;
		margin:0 auto 30px auto;
		padding:10px 0;
	}

	#news_page{
		width:100% ;
	}

	.page_top{
		width:100% ;
		margin: 0 auto;
	}

	.news_list{
		width:96% ;
		margin: 0 auto;
	}

	#staff_page{
		width:100% ;
	}

	.coach{
		width:94%;
		margin:0 auto 50px auto;
	}

	.name{
		width:94%;
		margin:0 auto 20px auto;
	}

	.staff_main li.staff_left{
		width:100%;
		margin: 0 0 30px 0;
	}

	.staff_main li.staff_right{
		width:100%;
		text-align:left;
	}

	.staff_main li.staff_right .top_title{
		width:94%;
		margin:0 auto;
	}

	.staff_main li.staff_right .record_text{
		width:94%;
		margin:0 auto;
		line-height:1.8;
	}

	.staff_main li.staff_right .staff_comment{
		width:94%;
		margin:0 auto;
		line-height:1.8;
	}

	.recruit_image{
		margin:0 auto 30px auto;
		width:94%;
	}

	#recruit_page{
		width:98%;
	}

	.target{
		width:100%;
	}

	.target_msg{
		width:100%;
		padding:0 0 10px 0;
	}

	.goal{
		width:100%;
		word-wrap: break-word;
		word-break: break-word;
		overflow-wrap: break-word;
		white-space: normal;
	}

	#contact_page{
		width:100%;
	}

	.contact-form {
		width:96%;
		margin: 0 auto;
	}

	.form-row {
		grid-template-columns: 1fr;
	}

	label {
		margin: 0 0 10px 0;
	}

	#access_page{
		width:100%;
	}

	.map {
		width:100%;
	}

	.map_left{
		width:100%;
		margin:0 auto 40px auto;
		text-align:center;
	}

	.map_left img{
		width:90%;
		margin:0 auto;
	}

	.map_right{
		width:90%;
		margin:0 auto;
	}

}