@media all and (max-width:1400px){

	.container {max-width:inherit; width:100%; padding:70px 10px}
	.sub_visual > div {width:100%; box-sizing:border-box}

}

@media all and (max-width:1200px){

	.sub_visual {margin-top:100px}
	
}

@media all and (max-width:1024px){
	
	nav.sub_menu {height:50px; margin-top:0}
	nav.sub_menu a.m1 {display:block; height:50px; line-height:50px; font-size:18px; border:none}
	nav.sub_menu ul {position:absolute; top:50px; left:0; z-index:999; display:none; width:100%}
	nav.sub_menu ul li {display:block !important; width:100% !important; background-color:#f3f1ed; line-height:50px; text-align:left; padding:0; height:50px; border:none; border-bottom:1px solid #e0dfdb; margin-left:0; box-sizing:border-box}
	nav.sub_menu ul li:hover {background:#009fab}
	nav.sub_menu ul li:hover a {color:#fff; background:#009fab}
	nav.sub_menu ul > li:after {display:none}
	nav.sub_menu ul > li > a {font-size:18px; transition:none; position:relative; display:table; width:100%; height:100%; color:#888; border-radius:0; padding-left:20px}
	nav.sub_menu ul li a > span {height:50px; line-height:inherit}
	nav.sub_menu ul > li.active {background:#2f9638; border-bottom:none}
	nav.sub_menu ul > li.active a {background:#2f9638; border:none}
	nav.sub_menu ul > li.active::after {display:none}
	nav.sub_menu ul > li.active a {color:#fff}
	nav.sub_menu ul > li > a:hover:before {display:none}
	nav.sub_menu ul > li > a:before {display:none}
	
	.container {padding:50px 10px}

}

@media all and (max-width:900px){
	
	.about4 .rough_map > div {width:100%}
	
	.business .info .img {width:100%; margin-right:0; margin-bottom:40px; text-align:center}
	.business .info .txt {width:100%}

}

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

	
	.about2 .organ .side {padding:0 30px}
	.about2 .organ .side:before {left:30px}
	.about2 .organ .bottom li {padding:0 30px}

}


@media all and (max-width:640px){

	.sub_page {font-size:16px}
	.sub_visual {height:150px; background-size:150px; background-position:top left}
	.sub_visual > div h2 {font-size:30px; font-weight:500; margin-bottom:10px}
	.sub_visual > div .page_navigation span {font-size:16px}
	
	h4.tit {font-size:25px; margin-bottom:30px}
	h5.tit {font-size:20px; margin-bottom:20px; padding-left:26px}
	h5.tit span {font-size:16px}
	h5.tit:after {top:7px}
	h6.tit {font-size:18px; margin-bottom:15px; padding-left:15px} 
	h6.tit:before {width:10px; height:10px; top:7px; left:0}
	
	.txt_wrap1 {margin-bottom:30px}
	.txt_wrap2 {margin-bottom:20px}
	.ml {margin-left:0} 
	
	.nav_tab1 {margin-bottom:40px}
	.nav_tab1 a {font-size:16px; height:40px}
	.nav_tab1 a.active:before {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #00b568; bottom: -6px}
	
	
	.nav_tab2 {margin-bottom:40px}
	.nav_tab2 a {font-size:16px; height:40px}
	
	.about1 .greeting .title {font-size:18px}
	.about1 .greeting .title img {display:block; margin-bottom:20px}
	.about1 .greeting .title p {margin-left:0; width:100%; text-align:center}
	.about1 .greeting .title p span {font-size:20px}
	.about1 .greeting .txt {padding:30px; border-radius:30px}

	
	.about2 .organ:before {height:calc(100% - 120px)}
	.about2 .organ .gr {font-size:16px; margin-bottom:30px}
	.about2 .organ .top {width:33.33%}
	.about2 .organ .md {width:33.33%}
	.about2 .organ .side {padding:0 10px}
	.about2 .organ .side:before {left:10px}
	.about2 .organ .sr {width:33.33%; font-size:16px; margin-bottom:30px}
	.about2 .organ .bottom {padding-top:30px}
	.about2 .organ .bottom li {padding:0 10px}
	.about2 .organ .bottom li:before {top:-30px}
	.about2 .organ .bottom li:after {top:-30px}
	.about2 .organ .bottom li div:before {top:-33px}
	
	
	.about3 .facilities h5 {font-size:18px}
	
	.about3 .photo_list {margin-left:-20px}
	.about3 .photo_list li {width:calc(33.33% - 20px); margin-left:20px}
	.about3 .photo_list li p {margin-top:10px; font-size:16px}
	.about3 .photo_list li:nth-child(n+4) {margin-top:20px}
	
	.about4 .addr li span {display:block}
	
	.about5 .color {margin-left:0}
	.about5 .color div {width:100%; margin-left:0}
	.about5 .color div:nth-child(2) {margin-top:30px}

	.business .info .txt {font-size:16px; padding:20px}
	.business .info .txt p {margin-bottom:10px}
	
	.business .photo_list {margin-left:-20px}
	.business .photo_list li {width:calc(33.33% - 20px); margin-left:20px}
	.business .photo_list li p {margin-top:10px; font-size:16px}
	.business .photo_list li:nth-child(n+4) {margin-top:20px}
	
	.business .photo_list.four li {width:calc(33.33% - 20px)}
	.business .photo_list.four li:nth-child(4) {margin-top:20px}
	
	.business .photo_list.two li {width:calc(50% - 20px)}
	.business .photo_list.two li:nth-child(n+3) {margin-top:20px}
	
	.business .box2 {font-size:16px; padding:20px}

}



@media all and (max-width:480px){

	.sub_visual {height:100px; background-size:100px; background-position:top left}
	.sub_visual > div {padding-top:30px}
	.sub_visual > div h2 {font-size:25px}
	
	h4.tit {font-size:22px; margin-bottom:20px}	
	
	.nav_tab1 {flex-wrap:wrap}
	.nav_tab1 a {width: calc(33.333% - 1px); flex-basis:unset; box-sizing:border-box}
	.nav_tab1 a:nth-child(n+4) {margin-top:10px}
	
	.about3 .facilities {padding:20px}
	
	.about3 .photo_list li {width:calc(50% - 20px)}
	.about3 .photo_list li:nth-child(n+3) {margin-top:20px}
	
	.about5 .color div ul {margin-left:0}
	.about5 .color div li {width:100%; margin-left:0; padding:20px 20px 70px 20p}
	.about5 .color div li:nth-child(n+2) {margin-top:10px}
	
	.about5 .color div li p {font-size:16px}

	
	.business .photo_list li {width:calc(50% - 20px)}
	.business .photo_list li:nth-child(n+3) {margin-top:20px}
	
	.business .photo_list.four li {width:calc(50% - 20px)}

}

@media all and (max-width:400px){


}