@media all and (max-width:1310px){
	
	.sub_visual {margin-top:80px}
	
}

@media all and (max-width:1300px){
	
	.navi .inner div {width:50%}
	.navi .inner div.home {display:none}
	
	.container {max-width:inherit; width:100%; padding:70px 10px 0 10px}
	
	.community5 .volunteer {flex-wrap:wrap}
	.community5 .volunteer h4 {width:100%; margin-right:0; margin-bottom:30px}
	.community5 .volunteer > div {width:100%}
	
	
	.about3 .floor {width:100%}
	.about3 .floor .left {width:80%}
	.about3 .floor .right {width:20%}
	.about3 .floor .left > div {padding:0 50px 0 30px}
	
	.about3 .nav_tab1 a {min-width:auto; width:calc(16.66% - 5px)}
	
	.about3 .facilities a .img {background:#f7f7f7; min-height:auto}
	
	.service6 .step {flex-wrap:wrap}
	.service6 .step > li {width:100%}
	.service6 .step > li+li {margin-left:0; margin-top:30px}
	
	
}

@media all and (max-width:1200px){
	
	.service1 .part li {width:45%}
	.service1 .part li+li {margin-left:30px}
	.service1 .part li:nth-child(3),
	.service1 .part li:nth-child(5) {margin-left:0}
	.service1 .part li:nth-child(n+3) {margin-top:20px}
	
	.info1 .feature > div {width:50%}
	
	.info2 .system {flex-wrap:wrap}
	.info2 .system h4 {width:100%; margin-bottom:30px}
	.info2 .system .txt {width:100%; padding:0; margin-bottom:30px}
	.info2 .system a {margin:0 auto}
	
	.about1 .info_box .img {width:100%; padding-right:0; text-align:center}
	.about1 .info_box .txt {width:100%; text-align:center; margin-top:30px}
	
	.about5 .info_box {padding:30px; text-align:center}
	.about5 .info_box .img {width:100%; margin-bottom:30px}
	.about5 .info_box .txt {width:100%; padding-left:0; margin-bottom:0}


}

@media all and (max-width:1024px){
	
	.service1 .treat li {width:calc(33.33% - 30px)}
	.service1 .treat li:nth-child(n+4) {margin-top:30px}
	
	.about2 .greeting .title {margin-top:30px; padding:0; display:block; width:100%}
	
	.about3 .floor .left {width:75%}
	.about3 .floor .right {width:25%}
	.about3 .floor .left > div {padding:0 50px 0 30px}
	
	.about7 .map_txt div {width:100%}
	.about7 .map_txt div+div {margin-top:20px}
	
	.about7 .route a {margin-right:0}
	.about7 .route span {display:block; margin-top:10px}
	
	.foundation1 .activity {flex-wrap:wrap}
	.foundation1 .activity > div {width:calc(50% - 30px)}
	.foundation1 .activity > div:nth-child(n+3) {margin-top:30px}
	
}


@media all and (max-width:768px){
	
	.service2 .doctor .photo {width:100%; text-align:center; margin-bottom:20px}
	.service2 .doctor .photo img {max-width:300px}
	.service2 .doctor .info {width:100%; padding-left:0}
	.service2 .doctor .name {text-align:center}
	.service2 .doctor .btn_box {margin-bottom:20px; text-align:right}
	
	.service5 .info_box {flex-wrap:wrap}
	.service5 .info_box .img {width:100%; text-align:center; margin-bottom:20px}
	.service5 .info_box .txt {width:100%; margin-left:0}
	
	.service5 .rehab {margin-left:0}
	.service5 .rehab li {padding:30px; width:100%; margin-left:0}
	.service5 .rehab li:nth-child(n+2) {margin-top:30px}
	
	.guide .step_box {justify-content:flex-start}
	.guide .step_box > li {width:calc(33.33% - 30px)}
	.guide .step_box > li:nth-child(n+4) {margin-top:30px}
	
	.guide .service_list > div {width:calc(50% - 30px)}
	.guide .service_list > div:nth-child(n+3) {margin-top:30px}
	
	.about1 .mission h4 {width:100%}
	.about1 .mission div {width:100%}
	
	.about3 .floor .left .txt {margin-bottom:25px; padding:20px; border-radius:10px}
	.about3 .floor .left > div {padding-left:0; padding-right:20px}
	.about3 .floor .left > div > p {display:inline-block; margin-bottom:5px; padding:3px 13px; border-radius:5px; top:-15px; left:0; transform:translateY(0)}
	.about3 .floor .left > div > p br {display:none}
	
	.about3 .nav_tab1 {flex-wrap:wrap}
	.about3 .nav_tab1 a {font-size:15px; height:40px; flex-basis:unset; width:calc(33.33% - 5px); box-sizing:border-box; min-width:auto}
	.about3 .nav_tab1 a:nth-child(n+4) {margin-top:5px}
	.about3 .nav_tab1 a.active:before {display:none}
	
	.about5 .info_box .txt {word-break:keep-all}
	
	.about6 .cooperate {margin-left:-20px}
	.about6 .cooperate a {width:calc(33.33% - 20px); margin-left:20px}
	
	.about8 .info_tel li {width:100%}
	.about8 .info_tel li+li {margin-top:20px}
	
	.foundation1 .back {flex-wrap:wrap}
	.foundation1 .back .photo {width:100%; margin-bottom:30px; text-align:center}
	.foundation1 .back .txt {width:100%; padding-left:0}
	
	.foundation3 .support .img {width:100%; text-align:center; margin-bottom:30px}
	.foundation3 .support .img img {max-width:400px}
	.foundation3 .support .txt {width:100%; padding-left:0; text-align:center}
	
}


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

	.sub_page {font-size:15px; padding-bottom:30px}
	.container #content {padding-top:30px}
	
	.sub_visual > div {height:120px}
	.sub_visual > div h2 {font-size:30px}
	
	.navi {height:40px}
	.navi .inner {height:40px}
	.navi .inner div {height:40px; font-size:16px; line-height:40px; padding-left:20px}
	.navi .inner div a.mm {width:100%; height:100%; display:block; background:url('/images/comm/allow_d.png') 92% center no-repeat}
	.navi .inner div a.mm.on {background:url('/images/comm/allow_u.png') 92% center no-repeat}
	.navi .inner div > ul {top:40px}
	.navi .inner div > ul li {line-height:40px}
	.navi .inner div > ul li a {font-size:15px; padding-left:20px}
	
	.container {padding-top:50px}
	
	.page_navigation {margin-bottom:30px}
	.page_navigation span {font-size:15px}
	
	h3.tit {font-size:27px; margin-bottom:30px; letter-spacing:-1px}
	h4.tit {font-size:20px; margin-bottom:30px}
	h5.tit {font-size:18px; margin-bottom:20px; padding-left:20px}
	h5.tit span {font-size:16px; font-weight:100}
	h5.tit:after {width:14px; height:14px; top:5px}
	h6.tit {font-size:16px; padding-left:18px}
	h6.tit:before {width:11px; height:11px; top:4px}
	
	.nav_tab1 {margin-bottom:40px; flex-wrap:wrap}
	.nav_tab1 a {font-size:15px; height:40px; flex-basis:unset; width:calc(33.33% - 5px); box-sizing:border-box; min-width:auto}
	.nav_tab1 a:nth-child(n+4) {margin-top:5px}
	.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}
	
	.txt_wrap1 {margin-bottom:40px}
	.txt_wrap2 {margin-bottom:20px}
	.ml {margin-left:0}
	
	.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}
	
	.service1 .part li {width:100%; padding:30px 10px}
	.service1 .part li+li {margin-left:0; margin-top:10px}
	.service1 .part li br {display:none}
	
	.service1 .treat {margin-left:-20px}	
	.service1 .treat li {width:calc(50% - 20px); margin-left:20px; padding:30px 20px}
	.service1 .treat li:nth-child(n+3) {margin-top:20px}
	.service1 .treat li img {width:60px}
	.service1 .treat li p {margin:20px 0 10px 0; font-size:17px}
	
	.layerPop {padding:40px !important}
	.layerPop .title {font-size:25px; margin-bottom:30px; padding-left:20px}
	.layerPop .title span {font-size:19px; padding-left:10px; margin-left:10px}
	.layerPop h5 {font-size:22px; margin-bottom:30px}
	.layerPop h6 {font-size:18px; margin-bottom:10px}
	.layerPop ul {padding-bottom:20px; margin-bottom:30px}
	.layerPop ul li {line-height:1.2}
	
	.service5 .info_box .txt {padding:30px}
	.service5 .txt1 {padding:20px; font-size:16px}
	
	.service5 .care {margin-left:0}
	.service5 .care li {padding:30px; width:100%; margin-left:0}
	.service5 .care li:nth-child(n+2) {margin-top:20px}
	.service5 .care li p {font-size:17px; margin-bottom:10px}
	
	.service5 .promise {padding:20px; font-size:16px; word-break:keep-all}
	.service5 .promise br {display:none}
	
	.guide .s_tit {font-size:16px; margin-bottom:10px}
	
	.guide .ment {padding:20px; font-size:19px; word-break:keep-all}
	
	.guide .title_box {font-size:16px; padding:20px}
	.guide .title_box br {display:none}
	
	.guide .service_list {margin-left:0}
	.guide .service_list > div {width:100%; margin-left:0}
	.guide .service_list > div:nth-child(n+2) {margin-top:20px}
	
	.community5 .volunteer {display:flex; padding:30px 0; border-bottom:none}
	.community5 .volunteer > div .part {flex-wrap:wrap; margin-left:0}
	.community5 .volunteer > div .part li {width:100%; margin-left:0}
	.community5 .volunteer > div .part li+li {margin-top:10px}
	.community5 .volunteer > div .part li p {font-size:17px}
	.community5 .volunteer > div .txt {font-size:16px}
	.community5 .volunteer > div .time {font-size:17px}
	.community5 .volunteer > div .time i {font-size:1.2em}
	
	.info1 .info_box {padding:20px; font-size:16px}

	.info1 .feature > div {width:100%; padding:20px; margin-left:0}
	.info1 .feature > div p {font-size:17px; margin-bottom:10px}
	
	.info1 .disease .tit {font-size:18px; line-height:30px; color:#333; padding-right:40px; background-size:30px}
	.info1 .disease .tit.on {background-size:30px}
	
	.info2 .system {padding:30px 20px}
	.info2 .system .txt p {font-size:16px}
	
	.about1 .info_box {margin-bottom:50px}
	.about1 .info_box .txt {font-size:16px; word-break:keep-all}
	.about1 .info_box p {font-size:22px; margin-bottom:10px}
	
	.about1 .movie {margin-bottom:50px}
	
	.about1 .mission h4 {font-size:25px}
	.about1 .mission p {font-size:19px}
	.about1 .mission span {font-size:16px}
	
	.about1 .mission ul > li+li {margin-top:15px}
	.about1 .mission ul > li label {padding-left:30px; font-size:16px}
	.about1 .mission ul > li label em {width:22px; height:22px}
	.about1 .mission ul > li ul {margin-left:30px}
	.about1 .mission ul > li ul li {padding-left:12px}
	
	.about2 .greeting .title {font-size:19px; word-break:keep-all}
	
	.about2 .greeting .sign {font-size:18px; margin-top:30px}
	.about2 .greeting .sign img {max-width:120px}
	
	.about3 .facilities a {width:calc(33.33% - 30px)}
	
	.about3 .floor .left .txt {font-size:0.8em; word-break:keep-all; margin-bottom:20px}
	.about3 .floor .left .txt br {display:none}
	.about3 .floor .left p {font-size:0.8em; top:-10px}
	
	.about5 .info_box .txt {font-size:17px; line-height:1.8}
	.about5 .info_box span {font-size:18px}
	.about5 .info_box strong {font-size:19px; text-decoration-line:underline; text-decoration-thickness:10px; text-decoration-color:#fadfd4}
	.about5 .info_box strong:before {display:none}
	
	.about5 .txt {font-size:17px}
	
	.about5 .ethics {padding:30px}
	.about5 .ethics > ul > li {font-size:16px}
	.about5 .ethics > ul > li ul li {font-size:15px}
	
	.about5 .promise {padding:20px}
	
	.about7 .transit li {padding:30px 0}
	.about7 .transit li:first-child {padding-top:0}
	.about7 .transit li label {position:relative; display:block; margin-bottom:10px}	
	
	.foundation1 .introduce {border-radius:50px 0 30px 0; padding:30px; font-size:16px}
	.foundation1 .introduce p {font-size:20px}
	
	.foundation1 .mission {padding:30px; background:#fbf5eb; border-radius:50px; font-size:17px}
	
	.foundation1 .back .point {font-size:18px}
	.foundation1 .back strong {font-size:18px}
	
	.foundation1 .activity {margin-left:0}
	.foundation1 .activity > div {width:100%; margin-left:0}
	.foundation1 .activity > div:nth-child(n+2) {margin-top:20px}
	.foundation1 .activity > div p {font-size:18px; margin:20px 0 10px 0}
	
	.foundation1 .txt1 {font-size:16px}
	
	.foundation3 .info_box {font-size:16px; word-break:keep-all}
	.foundation3 .info_box p {font-size:25px; margin-bottom:10px}
	
	.foundation3 .support .img img {width:300px}
	.foundation3 .support .txt p {margin-bottom:20px; word-break:keep-all}
	.foundation3 .support .txt .title {font-size:20px}
	
	.service1 .treat li span {display:inline}
	
	.service6 .step > li > ul {padding:15px; border-radius:10px}
	.service6 .step > li > ul > li {padding-left:15px}
	
	.sub_page .download {margin-bottom:40px}
	.sub_page .download a {display:block}
	.sub_page .download a+a {margin-left:0; margin-top:5px}
}



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

	.sub_visual > div {background-size:100px}
	
	.navi .inner div {width:100%}
	.navi .inner div.m1 {display:none}
	.navi .inner div a.mm {background:url('/images/comm/allow_d.png') 96% center no-repeat}
	.navi .inner div a.mm.on {background:url('/images/comm/allow_u.png') 96% center no-repeat}
	
	.layerPop {padding:20px !important}
	.layerPop .title span {margin-left:0; display:block; margin-top:10px; font-size:17px; font-weight:400}
	
	.service3 .step_box li {width:100%; margin-right:0; padding-right:0; padding-bottom:20px}
	.service3 .step_box li:after {transform:rotate(135deg) translateX(-50%); top:auto; bottom:0; right:auto; left:50%}
	.service3 .step_box li:last-child {padding-bottom:0}
	.service3 .step_box li span {width:50px; height:50px; line-height:50px}
	
	.service5 .rehab li {padding:20px}
	.service5 .rehab li span {margin-right:20px; width:80px; height:80px; padding:10px; box-sizing:border-box}
	.service5 .rehab li div {width:calc(100% - 100px)}
	.service5 .rehab li p {font-size:16px; margin-bottom:5px}
	
	.guide .step_box > li {width:calc(50% - 30px)}
	.guide .step_box > li:nth-child(n+3) {margin-top:30px}
	.guide .step_box > li span {padding:5px 10px; font-size:12px}
	
	.guide .step_text li {width:100%; margin-right:0; padding-right:0; padding-bottom:20px}
	.guide .step_text li:after {transform:rotate(135deg) translateX(-50%); top:auto; bottom:0; right:auto; left:50%}
	.service3 .step_box li:last-child {padding-bottom:0}
	.guide .step_text li span {width:50px; height:50px; line-height:50px}
	
	.about3 .facilities a {width:calc(50% - 30px)}
	
	.about3 .floor .left {width:65%}
	.about3 .floor .right {width:35%}
	
	.about5 .ethics {padding:20px}
	
	.about7 .map_txt {margin-top:30px}
	.about7 .map_txt i {margin-right:20px}
	
	.service10 .info_box3 {display:block; margin-bottom:15px}
	
}

@media all and (max-width:420px){
	
	.service1 .treat {margin-left:0}	
	.service1 .treat li {width:100%; margin-left:0}
	.service1 .treat li:nth-child(n+2) {margin-top:20px}

}

@media all and (max-width:380px){
	
	.service5 .rehab li {flex-wrap:wrap}
	.service5 .rehab li span {margin-right:0; width:100%; text-align:center; margin-bottom:10px}
	.service5 .rehab li span img {height:60px}
	.service5 .rehab li div {width:100%}
	
	.about3 .floor .left .txt br {display:none}

}