@media all and (max-width:1300px){
	
	.sub_visual {margin-top:80px}
	.container {max-width:inherit; width:100%; padding:70px 10px 0 10px}

}

@media all and (max-width:1084px){
	
	.business_boxes {grid-template-columns: 1fr 1fr}
	
}

@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; border:none}
	nav.sub_menu ul {position:absolute; top:50px; left:0; z-index:999; display:none; width:100%; margin-left:0}
	nav.sub_menu ul li {display:block !important; width:100% !important; background-color:#f3f1ed; line-height:50px; text-align:left; padding:0; padding-left:20px; height:50px; border:none; border-bottom:1px solid #e0dfdb; margin-left:0; box-sizing:border-box}
	nav.sub_menu ul li a {font-size:16px; transition:none; position:relative; display:table; width:100%; height:100%; color:#888; background:none; border:none}
	nav.sub_menu ul li a > span {height:50px}
	nav.sub_menu ul li:hover {background:#5d9722}
	nav.sub_menu ul li a:hover:before {display:none}
	nav.sub_menu ul li:hover a {color:#fff}
	nav.sub_menu ul li.active {background:#88bf4f; border-bottom:none}
	nav.sub_menu ul li.active a {background:none; border:none; color:#fff}
	nav.sub_menu ul li.active a:before {display:none}

}

@media all and (max-width:900px){
		
	.step5 ul, .step6 ul, .step7 ul {margin:0 0 20px}
	
	.step5 ul li {width:49%; margin-top:30px; padding:50px 0 30px}
	.step6 ul li {width:49%; margin-top:30px; padding:50px 0 30px}
	.step7 ul li {width:49%; margin-top:30px; padding:50px 0 30px}
	
	.mission {padding:0}
	.mission img {position:relative; bottom:0; right:auto}
	
	.sponsorship > div {width:100%}
	.sponsorship > div+div {margin-top:80px}

	.v_part > div {width:calc(33.33% - 20px)}
	.v_part > div:nth-child(n+4) {margin-top:20px}

}

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

	.calendar > ul {display:table; width:100%; font-size:0px; margin-bottom:15px}
	.calendar > ul > li {display:table-row; width:100%}
	.calendar > ul > li > div {padding:5px; display:table-cell; width:14%; min-height:140px; height:140px;border-right:1px solid #ececf1; border-bottom:1px solid #ececf1; background:#fff}
	.calendar > ul > li > div:last-child {border-right:0px;}
	.calendar > ul > li.cal_header > div {height:30px; line-height:30px; min-height:0px; border-top:1px solid #dfd8c6; border-right:1px solid #dfd8c6; border-bottom:1px solid #dfd8c6; background:#fbfaf7; color:#777777; font-weight:bold; text-align:center; font-size:16px}
	.calendar > ul > li.cal_header > div:last-child {border-right:0px}
	.calendar > ul > li.cal_header > div.Sun {color:#cc2220}
	.calendar > ul > li.cal_header > div.Sat {color:#2453a5}
	.calendar > ul > li > div > time {display:block; padding:3px; min-height:15px;  font-size:14px}
	.calendar > ul > li > div > time span {display:none;}
	.calendar > ul > li > div > time p {font-weight:normal; margin-top:5px; color:#333; text-align:center; font-size:16px; padding-bottom:10px}
	.calendar > ul > li > div > time p div {background:#F00}
	.calendar > ul > li > div.today{background:#f4f4f4;}

}

@media only screen and (max-width : 760px){
	
	.sub_visual > div {background:#f5f5e3}

	.calendar {margin-bottom:30px;}
	.calendar > p span {font-size:20px}
	.calendar > p a img {width:25px}
	.calendar > ul {width:100%; display:block; border-top:2px solid #dfd8c6; margin-bottom:15px}
	.calendar > ul > li {display:block}
	.calendar > ul > li > div {width:50%; background:#fff; border-bottom:1px solid #ececf1; padding:5px 0 5px 10px; box-sizing:border-box; float:left}
	.calendar > ul > li.cal_header {display:none}
	.calendar > ul > li > div.empty {display:none}
	.calendar > ul > li > div > time {display:block; vertical-align:middle; width:100%; padding:10px 5px 10px 0; font-weight:bold; color:#000; font-size:14px}
	.calendar > ul > li > div > time span.Ym {font-size:10px; display:none; margin-bottom:5px}
	.calendar > ul > li > div > time span.W {margin-left:5px;}
	.calendar > ul > li > div > time p {font-weight:normal; line-height:20px; margin-top:5px; font-size:16px; text-align:center; line-height:1.5}
	.calendar > ul > li > div.today {background:#f4f4f4}

	.business_boxes {grid-template-columns: 1fr}
	.business_box {padding:30px}
	
}

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

	

}


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

	.sub_page {font-size:16px}
	.sub_page .section {margin-bottom:40px}
	
	.sub_visual > div {height:180px; padding-top:50px; padding-left:20px}
	.sub_visual > div h2 {font-size:30px}
		
	.container {padding-top:50px}
	
	h3.tit {font-size:30px; margin-bottom:50px}
	h4.tit {font-size:22px; margin-bottom:30px}
	h4.tit:before {top:5px}
	h5.tit {font-size:20px; margin-bottom:20px; padding-left:20px}
	h5.tit span {font-size:18px}
	h5.tit:after {width:14px; height:14px; top:10px}
	h6.tit {font-size:18px; padding-left:18px}
	h6.tit:before {width:11px; height:11px; top:8px}
	
	.nav_tab1 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab1 a {font-size:16px; height:40px; flex-basis:unset; width:calc(50% - 1px); box-sizing:border-box}
	.nav_tab1 a:nth-child(n+3) {margin-top:1px}
	.nav_tab1 a.active:before {display:none}
	
	.nav_tab2 {margin-bottom:30px}
	.nav_tab2 a {font-size:16px; padding:0 20px; padding-bottom:10px; margin-bottom:10px}
	.nav_tab2 a:after {height:4px}
	
	.inquiry {display:block}
	.inquiry div {display:inline-block; font-size:16px; height:auto}
	.inquiry div i {font-size:24px}
	.inquiry div label {display:block}
	.inquiry div span {margin-right:0; display:block}
	.inquiry div span strong {display:block; margin-left:0; font-size:18px}
	
	.sub_page .btn_area {margin-left:-5px}
	.sub_page .btn_area a,
	.sub_page .btn_area input,
	.sub_page .btn_area button {margin-left:5px}
	
	.sub_page .txt_tit {padding:30px}
	.sub_page .txt_tit .tit {font-size:1.1em}

	.txt1 p span {font-size:1.5em; line-height:1.2; display:block; margin-bottom:10px}
	.txt1 p strong {font-size:1em}
	
	.logo {justify-content:center}
	.logo .img {width:auto}
	.logo p {width:100%; padding-left:0; margin-top:20px}

	.color li {width:calc(50% - 30px)}
	.color li:nth-child(n+3) {margin-top:30px}
	.color li label {font-size:1.1em}
	
	.greeting .tit {font-size:1.2em}
	.greeting p+p {margin-top:20px}
	.greeting .num {padding-left:40px; font-size:18px; margin-top:40px}
	.greeting .sign {font-size:1.5em}
	
	.mission {font-size:1.8em; padding:30px 0}
	.mission img {width:300px}
	.vision {font-size:1.8em; padding:30px 0; justify-content:space-between}
	.vision p {padding:0}
	.vision br {display:block}
	.values .img {padding:0}
	
	.history {padding:20px}
	.history span {width:100%; text-align:left; font-size:30px}
	.history ul {width:100%; padding-left:0; padding-top:10px}
	
	.about3 .sponsor > li {padding-left:0; padding-top:40px}
	
	.business_box h3 {font-size:1.2em}
	.business_box ul li {font-size:1em}
	.business_box img {bottom:20px; right:20px}
	
	.v_part > div {width:calc(50% - 20px)}
	.v_part > div:nth-child(n+3) {margin-top:20px}
	
	.practice > div span:after {display:none}
	.practice > div > div {width:100%; padding-left:0; margin-top:20px}

	
}

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

	nav.sub_menu .inner div {width:100%; padding-left:20px}
	nav.sub_menu .inner div.m1 {display:none}
	nav.sub_menu .inner div a.mm i {width:15px; height:7px; background-size:15px; right:20px}
	nav.sub_menu .inner div > ul li a {padding-left:20px}
	
	.sub_page .tab1 a {width:calc(50% - 10px); height:40px}
	.sub_page .tab1 a:nth-child(n+3) {margin-top:10px}
	
	.step5 ul li {width:100%}
	.step6 ul li {width:100%}
	.step7 ul li {width:100%}
	
	.sponsorship label {font-size:18px; margin-bottom:15px}
	.sponsorship p+p {margin-top:10px}
	.sponsorship p strong {display:block; margin-bottom:5px}
	
	.circle_box .circle {width:170px; height:170px; line-height:170px}
	.circle_arrow {margin:30px 0}
	.circle_txt div {font-size:1.1em}

}

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

	.sponsor .circle_box {justify-content:center}

}

@media all and (max-width:420px){
	
	.nav_tab1 a {width:calc(100% - 1px)}
	.nav_tab1 a:nth-child(n+2) {margin-top:1px}
	
	.mission img {width:250px}
	
	.v_part {margin-left:0}
	.v_part > div {width:100%; margin-left:0}
	.v_part > div:nth-child(n+2) {margin-top:20px}

}