@media screen and (min-width: 1900px){
	body{max-width: 1900px;margin: 0 auto;}
	.sub .title-box .flex {
    margin-left: 10%;
}
}

@media screen and (max-width: 1330px) {
	.sub .title-box .flex{ margin-left: 0; padding-left: 25px; }

}


@media screen and (max-width: 991.98px) {
	/* .sub .title-box .flex{ margin-left: 0; padding-left: 15px; }
	.sub .title-box .left{ padding: 80px 20px 35px 0; width: 40%; }
	.sub .title-box .left .breadcrumbs { margin-top: 30px; }
	.sub .title-box .left h2 span{ font-size: 3.4rem; }
	.sub .title-box .left h2{ font-size: 1.8rem; } */

	.sub .title-box{ background: none; }
	.sub .title-box .flex{ padding-left: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.sub .title-box .right{ position: unset; order: 1; width: 100%; }
	.sub .title-box .left{ background: url(../images/title-bg.jpg) no-repeat; background-size: cover; background-position: center; order: 2; width: 100%; padding: 30px 30px; }
	.sub .title-box .left h2{ font-size: 1.6rem; }
	.sub .title-box .left h2 span { margin-bottom: 20px; padding-bottom: 20px; font-size: 3rem; }
	.sub .title-box .left .breadcrumbs a, .sub .title-box .left .breadcrumbs span{ font-size: 1.1rem; }

	.sub section { padding-bottom: 70px; }
	.sub section .sec-intitle{ font-size: 2.2rem; margin-bottom: 40px; }
	.archive-wrapper,.post-container{flex-direction: column;}
	.archive-wrapper .post-wrapper,.post-container .post-wrapper{width: 100%;margin-bottom: 40px;}
	.archive-wrapper .side,.post-container .side{width: 100%; margin-top: 70px;}
}


@media screen and (max-width: 991.98px) {
	section#sec01.news{padding: 60px 0;}
	#top #sec01 .right .box .item .category{margin: 0 12px;}
	#top #sec01 .right .box .item:not(:last-child){margin-bottom: 15px;}
	#top #sec02 .box1 .right .btn-box{flex-direction: column;}
	#top #sec02 .box1 .right .btn-box .btn{width: 80%;}

#top #sec04{padding: 60px 0 80px;}

header { padding-left: 15px; }
	header .box { height: 50px; }
	header .box .right .btn-box ul{ display: none; }
	header .box .right .modalbtn{ width: 50px; height: 50px; padding: 0 12px; }
	header .box .right .modalbtn span{ left: 12px; height: 2.5px; }
	header .box .right .modalbtn span:nth-of-type(1) { top: 12px; }
	header .box .right .modalbtn span:nth-of-type(2) { top: 19px; }
	header .box .right .modalbtn span:nth-of-type(3) { top: 26px; }
	header .box .right .modalbtn.active span:nth-of-type(1) { top: 13px; left: 17px; }
	header .box .right .modalbtn.active span:nth-of-type(3) { top: 25px; left: 17px; }
	header .box .right .modalbtn p{ margin-top: 25px; }
	header .box .right .nav-box .inbox{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	header .box .right .nav-box .inbox ul{ width: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	header .box .right .nav-box .inbox ul:not(:last-child){ margin-bottom: 0; }
	header .box .right .nav-box .inbox ul li{ width: 49.5%; }
	header .box .right .nav-box .inbox ul li:nth-child(odd){ margin-right: 1%; }
	header .box .right .nav-box .inbox ul .big-item{ margin-bottom: 30px; }
	header .box .right .nav-box .inbox ul .item{ padding-left: 20px; }
	header .box .right .nav-box .inbox ul .box-title{ margin-bottom: 30px; width: 100%; margin-right: 0; padding-left: 0; }
	header .box .right .nav-box .inbox:not(:last-child){ margin-bottom: 45px; }
	header .box .right .nav-box .inbox:nth-child(1){ margin-bottom: 15px; }
	header .box .right .nav-box .inbox:nth-child(2) ul:not(:last-child) { margin-bottom: 30px; }
	header .box .right .nav-box .inbox:nth-child(2) ul li:nth-child(odd){ margin-left: 1%; margin-right: 0; }
	header .box .right .nav-box .btn-box{ display: block; }
	header .box .right .nav-box .btn-box .min-banner{ width: 100%; }
	header .box .right .nav-box .btn-box .min-banner:nth-child(1){ margin-bottom: 15px; }


	footer { margin-top: 100px; padding-bottom: 0; padding-top: 70px; }

	footer .container{ padding: 0 15px; }
	footer .box1{ margin-bottom: 0; display: block; text-align: center; }
	footer .box1 .left{ margin-bottom: 40px; text-align: center; width: 100%; }
	footer .box1 .left .logo{ margin: 0 auto 20px; }
	footer .box1 .left .text1{ margin-bottom: 10px; text-align: center; }
	footer .box1 .left .text2{ margin-top: 0; width: 100%; text-align: center; }
	footer .box1 .left .text2 a{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	footer .box1 .left .text2 .big{ margin-bottom: 8px; }
	footer .box1 .right nav{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .box1 .right nav ul{ width: calc( 100% + 30px ); text-align: left; margin-left: -15px; margin-right: -15px!important; }
	footer .box1 .right nav ul li{ margin-bottom: 0; padding-left: 0; }
	footer .box1 .right nav ul li a{ display: block; width: 100%; padding: 18px 32px 18px 20px; background: #fff; border-bottom: 1px solid #f8f8f8; }
	footer .box1 .right nav ul li:before{ right: 20px; left: auto; z-index: 1; }
	footer .box2 .inbox{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	footer .box2 .inbox ul{ width: calc( 100% + 30px )!important; text-align: left; margin-left: -15px; margin-right: -15px!important; padding: 0!important; }
	footer .box2 .inbox ul:not(:last-child) { border-right: none; }
	footer .box2 .inbox ul li{ margin-bottom: 0!important; padding-left: 0!important; padding-bottom: 0!important; }
	footer .box2 .inbox ul li a{ background: #F8F8F8; display: block; width: 100%; padding: 18px 32px 18px 20px; border-bottom: 1px solid #f8f8f8; }
	footer .box2 .inbox ul li.box-title{ }
	footer .box2 .inbox ul li.box-title a{ background: #fff; padding-left: 33px; }
	footer .box2 .inbox ul li:nth-child(2),
	footer .box2 .inbox ul li:nth-child(3){ border-right: 1px solid #fff; }
	footer .box2 .inbox ul li:nth-child(2),
	footer .box2 .inbox ul li:nth-child(4){ border-bottom: 1px solid #fff; }
	footer .box2 .inbox ul li.box-title:after{ height: calc( 100% - 36px ); width: 2px; top: 0; bottom: 0; left: 15px; margin: auto; }
	footer .box2 .inbox ul li:before{ right: 20px; left: auto;margin: auto; }
	footer .box2 .inbox:nth-child(1){ margin-bottom: 0; }
	footer .box2{ margin-bottom: 0; }
	footer small{ padding: 15px; background: #fff; width: calc( 100% + 30px ); margin-left:  -15px;}

	footer .page-top{ display: none!important; }

	.post-container{padding-top: 70px;}
}


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

	.slick-next:before{ height: 35px; width: 25px; }
	.slick-prev:before{ height: 35px; width: 25px; }
	.slick-prev { left: 5px; }
	.slick-next { right: 8px; }
	.slick-dots{  left: 0; right: 0; margin: auto; bottom: 5px; }

	section .top-sectitle{ margin-bottom: 25px; }

	#top #sec02 .box1{ margin-bottom: 80px; }
	#top #sec02 .box2 ul li a h3{ font-size: 1.8rem; }
	#top #sec02 .box1 .right{ margin-left: 40px; padding: 0; }
	#top #sec02 .box1 .right p { margin-bottom: 35px; }

	#top #sec03{ padding-bottom: 0; }
	#top #sec03 .box p{ margin-bottom: 35px; }
	#top #sec03 .box{ margin-bottom: 80px; }
	#top #sec04 .left{ padding: 0; }
	#top #sec04 .left p{ margin-bottom: 35px; }

	.banner-box a { padding: 60px 20px; }
	.banner-box a .icon-box { margin-bottom: 30px; }
		header .box .right .nav-box .inbox:nth-child(3) ul:not(:last-child){ margin-bottom: 30px; }
		header .box .right .nav-box .inbox ul .item{margin-bottom: 15px;}
		header .box .right .nav-box .inbox ul .big-item{margin-bottom: 35px;}
		header .box .right .nav-box .inbox ul .big-item {margin-bottom: 35px;}
	.meta-box .meta{flex-direction: column;}
	#top #sec02 .box2 ul li{ width: 49%; }
	#top #sec02 .box2 ul li:nth-child(-n+2){ margin-bottom: 2%; }
	#top #sec02 .box2 ul li a .img-box{ position: relative; width: 100%; padding-top: 90%; }
	#top #sec02 .box2 ul li a .img-box img{ position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
	#top #sec02 .box2 ul li a h3{ padding: 20px 5px 40px; font-size: 1.6rem; }
	#top #sec02 .box2 ul li a h3 span { font-size: 1rem; margin-bottom: 10px; }
	#top #sec02 .box2 ul li a h3:before { bottom: 17px; height: 7px; width: 13px; }

#recruit1 #sec03 .column-1{width: 70px;}
#recruit1 #sec03 .column-2{width: 50px;}
#about2 #sec01 li{width: 100%;}

#jobfair2 #sec01 .table{width: 100%;}
#jobfair2 #sec01 .column-1{width: 100px;}
#jobfair2 #sec02 .column-1{width: 120px;}

}


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

	section{ padding: 70px 0; }
	.news{padding: 50px 0;}
	.archive-wrapper{ padding-top: 70px; }

	.btn-box{ width: 100%; }
	.btn{ font-size: 1.3rem; min-width: auto; width: 100%; max-width: 220px; display: block; margin: auto; }
	.btn3 { padding: 15px 50px 15px 40px; margin-left: 0;}

	.pc{ display: none; }
	.sp{ display: block; }
	.ipad { display: none; }

	section .top-sectitle{ margin-bottom: 25px; font-size: 2.4rem; }
	section .top-sectitle span{ font-size: 2rem; margin-bottom: 20px; padding-bottom: 20px; }

	#top .information-box{ padding: 20px 0; }
	#top .information-box .item{ text-align: center; display: block; }
	#top .information-box .item .text{ font-size: 1.3rem; margin-bottom: 15px; display: block; line-height: 1.5em; }
	#top .information-box .item .btn{ margin-left: 0; margin-right: 0;margin: 0 auto;}

	#top #sec01 .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #sec01 .left{ width: 100%; }
	#top #sec01 .right{ width: 100%; padding-left: 0; margin-bottom: 30px; }
	#top #sec01 .right .box{ max-height: 290px; overflow-y: scroll; }
	#top #sec01 .right .box .item .category { margin: 0 10px; }
	#top #sec01 .right .box .item .category li{ font-size: 1rem; width: 135px; }
	#top #sec01 .right .box .item .text{ margin-top:  10px; width: 100%; }

	#top #sec02{ padding: 70px 0 0; }
	#top #sec02 .box1{ margin-bottom: 10px; }
	#top #sec02 .box1 .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #sec02 .box1 .left{ position: relative; width: 100%; padding-top: 75%;margin-bottom: 30px; }
	#top #sec02 .box1 .left img{ top: 0; left: -15px; width: calc( 100% + 15px ); height: 100%; object-fit: cover; }
	#top #sec02 .box1 .right{ width: 100%; margin-left: 0; }
	#top #sec02 .box1 .right .btn-box .btn{ margin-left: 0; margin-right: 0; }
	#top #sec02 .box1 .right p{ font-size: 1.4rem; margin-bottom: 30px; }
	#top #sec02 .box2 ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; }

	#top #sec03{ padding: 70px 0 0; overflow: hidden; }
	#top #sec03:before{ top: -2%; width: 95%; background-size: 50%; right: -25px; }
	#top #sec03 .box{ width: 100%; margin: 0 0 45px; }
	#top #sec03 .box p{ font-size: 1.4rem; margin-bottom: 30px; }
	#top #sec03 ul li:nth-child(-n+4) { margin-bottom: 2%; }
	#top #sec03 ul li{ width: 49%; }
	#top #sec03 ul li a h3 { text-align: center; font-size: 1.2rem; line-height: 1.3em; padding: 15px; }
	#top #sec03 ul li a h3:before{ content: none; }

	#top #sec04 .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#top #sec04 .left{ width: 100%; padding: 0; margin-bottom: 45px; }
	#top #sec04 .left p{ font-size: 1.4rem; margin-bottom: 30px; }
	#top #sec04 .left .btn-box .btn{ margin-left: 0; margin-right: 0; }
	#top #sec04 .right{ width: 100%; text-align: center; }
	#top #sec04 .right img { width: 75%; }

	.banner-box{ display: block; }
	.banner-box a{ display: block; width: 100%; padding: 45px 20px; }
	.banner-box a:after{ background-size: 18px 18px; bottom: -1px; right: -1px; }
	.banner-box a h3{ font-size: 2rem; }
	.banner-box a h3 span{ font-size: 1.2rem; margin-top: 8px; }
	.banner-box a .icon-box{ margin-bottom: 20px; }
	.banner-box a .icon-box img { max-width: 52px; max-height: 40px; }

	footer .btn-box{ margin: 0 auto; width: calc( 100% - 30px); left: 0px; }
	footer .btn-box .min-banner p{ text-align: center; }
	footer .btn-box .min-banner{ padding: 13px 10px; }
	footer .btn-box .min-banner img{ margin-right: 4px; margin-bottom: 0px;width: 20px; }
	footer .btn-box .min-banner span{ margin-top: -3px; }

	#about #sec01 .box{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#about #sec01 .box .left{ width: 100%; padding-right: 0; margin-bottom: 30px; }
	#about #sec01 .box .left h4{ font-size: 1.8rem; margin-bottom: 20px; }
	#about #sec01 .box .right{ width: 100%; }
	#about #sec02 .box{ padding: 30px; }
	#about #sec02 .box .flex{ margin-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#about #sec02 .box .flex .left{ width: 100%; margin-bottom: 20px; }
	#about #sec02 .box .flex .right{ width: 100%; }
	#about #sec02 .box h4{ margin-bottom: 20px; }
	#about #sec03{ padding: 70px 0; }
	#about #sec03 .box ol li{ font-size: 1.5rem; }
	#about #sec03 .box p{ text-align: left; }
	#about #sec03 .box:before{ width: 40%; height: 100%; top: 10%; right: 0; top: -8%; background-position: top right; }

	.post-container .post-wrapper .posts-link_wrap .posts-link {width: 113px;border-radius: 100px;border: 1px solid var(--main-color);font-size: 1.3rem;padding: 	4px 0 3px;text-align: center;}
	.post-container .post-wrapper .posts-link_wrap a {font-size: 1.2rem;font-weight: 800;color: var(--main-color);}
	.content-list .content-box{width: calc(50% - 9px);}
	/* .content-list .content-box .post-tag li.hosp{margin-bottom: 5px;} */
	.content-list .content-box .post-title{font-size: 1.5rem;line-height: 1.2;}
	.content-list .content-box .post-tag {display: flex;flex-wrap: wrap;margin-top: 10px;margin-bottom: 10px;}
	.content-list .content-box .thumn .new{top:-17px;font-size: 1rem;padding: 6px 10px 6px 10px;}
	.bgleft:before{content: none;}
	#top #sec04 .left .btn-box .btn:hover span {color: var(--main-color);transition: ease .1s;}
	#top #sec02 .box1 .right .btn-box .btn:hover span {color: var(--main-color);transition: ease .1s;}
	.post-container .post-wrapper .posts-link_wrap a:first-child:before{margin-right: 5px;}
	.post-container .post-wrapper .posts-link_wrap a:last-child:after{margin-left: 5px;}

	.content-list .content-box .thumn img { height: 120px; }
	footer .btn-box .min-banner::before{bottom: 5px;}
	header .box .right .nav-box .inbox ul .box-title{min-height: 0;}
	#top #sec02 .box1 .right .btn-box{
	flex-direction: row;
	/* justify-content: flex-start;  */
	}
	#top #sec02 .box1 .right .btn-box .btn{width: 50%;}
	#top #sec02 .box1 .right .btn-box .btn:nth-child(2){ width: 49%; }
	#top #sec02 .box1 .right .btn-box .btn:last-child{ width: 49%; }
	#top #sec04 .left .btn-box{
		/* justify-content: flex-start;  */
		}

section .titlebluebox{ padding-top:15px; padding-bottom:15px; }
.sub section .sec-subtutle{ font-size:2rem; }

#about1 #sec03{ padding-bottom:0; }
#about1 #sec03 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#about1 #sec03 .table{ width:780px; }
#about1 #sec04 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#about1 #sec04 .table{ width:780px; }
#about2 #sec01 .titlebluebox{ font-size:3.7vw; }

#meducation #sec01 .navlist{ flex-wrap:wrap; }
#meducation #sec01 li{ margin-left:5%; margin-right:5%; width:90%; margin-bottom:5px; }
#meducation #sec01 .btnlist{ width:100%; display:block; }
#meducation #sec02 .box{ flex-wrap:wrap; }
#meducation #sec02 .left{ width:100%; padding-bottom:10px; }
#meducation #sec02 .right{ width:100%; }
#meducation #sec03 .box{ flex-wrap:wrap; }
#meducation #sec03 .left{ width:100%; padding-bottom:10px; }
#meducation #sec03 .right{ width:100%; }
#meducation #sec04 .box{ flex-wrap:wrap; }
#meducation #sec04 .left{ width:100%; padding-bottom:10px; }
#meducation #sec04 .right{ width:100%; }
#meducation #sec04 .btn, #meducation #sec04 .btn{ max-width:320px; }
#meducation #sec03{ padding-top:60px; }
#meducation #sec04, #meducation #sec04 h3{ padding-top:60px; }
#meducation #sec05{ padding-top:60px; }

#recruit #sec02 .navlist{ flex-wrap:wrap; }
#recruit #sec02 li{ width:100%; margin-bottom:10px; }

#about #sec04 .navlist{ flex-wrap:wrap;  }
#about #sec04 li{ width:100%; margin-bottom:10px; }

#recruit1 #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#recruit1 #sec02 .table{ width:780px; }
#recruit1 #sec03 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#recruit1 #sec03 .table{ width:780px; }
#recruit1 #sec01 .subtitle br, #recruit1 #sec03 .subtitle br{ display:none; }
#recruit1 #sec01 .navlist{ padding-top:50px; }
#recruit1 #sec01 .navlist{ flex-wrap:wrap; }
#recruit1 #sec01 li{ width:100%; margin-bottom:5px; }
#recruit1 #sec02 .box{ flex-wrap:wrap; }
#recruit1 #sec02 .left{ width:100%; }
#recruit1 #sec02 .right{ width:100%; }
#recruit1 #sec02 .bnt1{ max-width:400px; }
#recruit1 #sec02{ padding-top:50px; padding-bottom:60px; }
#recruit1 #sec03 .sec3, #recruit1 #sec03 .sec4, #recruit1 #sec03 .sec5, #recruit1 #sec03 .sec6, #recruit1 #sec03 .sec7{ padding-top:60px; }
#recruit1 #sec03 .stepsubtitle{ top:25px; line-height:1.3em;}
#recruit1 #sec03 .textbox1{ padding-top:20px; }
#recruit1 #sec03 .bnt3{ font-size:2rem; }
#recruit1 #sec03 .bnt1{ line-height:1.3em; }
#recruit1 #sec03 .step2, #recruit1 #sec03 .step3{ padding-top:50px; }

#recruit2 #sec01 .sec2{ padding-top:60px; }
#recruit2 #sec01{ padding-bottom:60px; }
#recruit2 #sec01 .bnt1{ max-width:400px; }
#recruit2 #sec01 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#recruit2 #sec01 .table{ width:780px; }
#recruit2 #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#recruit2 #sec02 .table{ width:780px; }
#recruit2 #sec02 .sec3, #recruit2 #sec02 .sec4, #recruit2 #sec02 .sec5, #recruit2 #sec02 .sec6, #recruit2 #sec02 .sec7{ padding-top:60px; }
#recruit2 #sec02 .stepsubtitle{ top:25px; line-height:1.3em;}
#recruit2 #sec02 .textbox1{ padding-top:20px; }
#recruit2 #sec02 .bnt3{ font-size:2rem; }
#recruit2 #sec02 .bnt1{ line-height:1.3em; }
#recruit2 #sec02 .step2, #recruit2 #sec02 .step3{ padding-top:50px; }


#recruit3 #sec01 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#recruit3 #sec01 .table{ width:780px; }
#recruit3 #sec01 .subtitle br{ display:none; }
#recruit3 #sec01 .img-box{ margin:30px 0px; }
#recruit3 #sec01 .sec2, #recruit3 #sec01 .sec3, #recruit3 #sec01 .sec4, #recruit3 #sec01 .sec5, #recruit3 #sec01 .sec6{ padding-top:50px; }

#flow #sec01 .inbox{ padding:40px 30px 40px; }
#flow #sec01 .listbox{ padding:20px 20px; flex-wrap:Wrap; }
#flow #sec01 .left{ width:100%; }
#flow #sec01 .left{ width:75%; }
#flow #sec01 .right{ width:100%; padding-left:0; }
#flow #sec01 .stepfloat{ position:relative; text-align:right; padding-top:20px; }
#flow #sec01 .button a{ padding-right:5px; }
#flow #sec01 .btn{ padding:5px 15px; }
#flow #sec01 ul{ margin-top:80px; }
#flow #sec02{ padding-top:40px; }
#flow #sec02 .btn1{ max-width:400px; }
#flow #sec02 .list{ flex-wrap:wrap; }
#flow #sec02 li{ width:100%; margin-bottom:10px; }

#flow1 #sec01 .inbox{ padding:40px 30px 40px; }
#flow1 #sec01 .listbox{ padding:20px 20px; flex-wrap:Wrap; }
#flow1 #sec01 .left{ width:100%; }
#flow1 #sec01 .left{ width:75%; }
#flow1 #sec01 .right{ width:100%; padding-left:0; }
#flow1 #sec01 .stepfloat{ position:relative; text-align:right; padding-top:20px; }
#flow1 #sec01 .button a{ padding-right:5px; }
#flow1 #sec01 .btn{ padding:5px 15px; }
#flow1 #sec01 ul{ margin-top:80px; }
#flow1 #sec02{ padding-top:40px; }
#flow1 #sec02 .btn1{ max-width:400px; }
#flow1 #sec02 .list{ flex-wrap:wrap; }
#flow1 #sec02 li{ width:100%; margin-bottom:10px; }

#flow2 #sec01 .inbox{ padding:40px 30px 40px; }
#flow2 #sec01 .listbox{ padding:20px 20px; flex-wrap:Wrap; }
#flow2 #sec01 .left{ width:100%; }
#flow2 #sec01 .left{ width:75%; }
#flow2 #sec01 .right{ width:100%; padding-left:0; }
#flow2 #sec01 .stepfloat{ position:relative; text-align:right; padding-top:20px; }
#flow2 #sec01 .button a{ padding-right:5px; }
#flow2 #sec01 .btn{ padding:5px 15px; }
#flow2 #sec01 ul{ margin-top:80px; }
#flow2 #sec02{ padding-top:40px; }
#flow2 #sec02 .btn1{ max-width:400px; }
#flow2 #sec02 .list{ flex-wrap:wrap; }
#flow2 #sec02 li{ width:100%; margin-bottom:10px; }

#mprivacy #sec01 .sec1{ padding-top:60px; }

#mhistory #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#mhistory #sec02 .table{ width:780px; }
#mhistory #sec01 .box{ padding-top:60px; flex-wrap:wrap; flex-direction:column-reverse; }
#mhistory #sec01 .left{ width:100%; padding-right:0; padding-top:30px; }
#mhistory #sec01 .right{ width:100%; }
#mhistory #sec01 .box1{ flex-wrap:wrap; }
#mhistory #sec01 .left1{ width:100%; }
#mhistory #sec01 .left1 img{ width:75%; margin: 0 auto; display:block; text-align:center; }
#mhistory #sec01 .right1{ width:100%; padding-left:0; padding-top:20px; }

#mhospital #sec01 ul{ padding-top:60px; }
#mhospital #sec01 li:nth-child(3n){ margin-right:2%; }
#mhospital #sec01 li{ width:49%; margin-right:2%; margin-bottom:25px; }
#mhospital #sec01 li:nth-child(2n){ margin-right:0; }
#mhospital #sec01 .textbox{ line-height:1.3em; }

#jobfair1 #sec01 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#jobfair1 #sec01 .table{ width:780px; }
#jobfair2 #sec01 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
/* #jobfair2 #sec01 .table{ width:780px; } */
#jobfair4 #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#jobfair4 #sec02 .table{ width:780px; }
#jobfair4 #sec03 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#jobfair4 #sec03 .table{ width:780px; }
#jobfair4 #sec01 .sec2{ padding-top:60px; }
#jobfair4 #sec03 .button{ padding-top:60px; }
#jobfair4 #sec03{ padding-top:30px; }
#jobfair5 #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#jobfair5 #sec02 .table{ width:780px; }
#jobfair5 #sec02, #jobfair5 #sec02 .sec1, #jobfair5 #sec01 .sec2{ padding-top:70px; }
#jobfair5 #sec02 .sec-subtutle{ margin-bottom:50px; }

#intership #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#intership #sec02 .table{ width:780px; }
#intership #sec02 .button{ flex-wrap:wrap; }
#intership #sec02 .button a{ width:100%; text-align:center; }
#intership #sec02 .btn{ width:100%; margin:10px auto 0; }
#intership #sec02{ padding-top:0;}
#intership #sec02 .sec2, #intership #sec01 .sec2, #intership #sec02 .sec3{ padding-top:60px; }
#intership #sec02 .button{ padding-top:50px; }

#intership1 #sec02 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }
#intership1 #sec02 .table{ width:780px; }
#intership1 #sec01 .sec2, #intership1 #sec02 .sec2, #intership1 #sec02 .button{ padding-top:60px; }
#intership2 #sec02 .box{ flex-wrap:wrap; }
#intership2 #sec02 .left{ width:100%; padding-right:0; }
#intership2 #sec02 .right{ width:100%; }
#intership2 #sec02 .daylineright{ width: calc( 100% - 52px ); padding-left:20px; }
#intership2 #sec02 .daylineleft{ width:52px; }
#intership2 #sec02 .dayline{ background: url(../images/intership_linebg.png) 25px top no-repeat; background-size: 2px 96%; }
#intership2 #sec02 .left{ padding-top:10px; }
#intership2 #sec02 .bluebox{ padding:20px 20px; }
#intership2 #sec02 .bluebox1{ padding:0; flex-wrap:wrap; }
#intership2 #sec02 .blueboxleft{ width:100%; }
#intership2 #sec02 .blueboxright{ width:100%; padding:30px; }
#intership2 #sec02 li{ width:100%; margin-right:0; }
#intership2 #sec02 .daylineright h4{ font-size:1.5rem;}
#intership2 #sec02 .blueboxtitle{ text-align:center; }
#intership2 #sec02 .imagebox{ flex-wrap:wrap; }
#intership2 #sec02 .imageboxleft{ width:100%; padding-bottom:30px; }
#intership2 #sec02 .daylinebox6 .daylineright{ padding-top:10px; }
#intership2 #sec02 .redbox{ display:block; position:relative; }
#intership2 #sec02 .redboxleft{ position:absolute; top:-30px; left:-30px; }
#intership2 #sec02 .redboxright{ width:100%; }
#intership2 #sec02 .daylinebox7 .daylineright{ padding-top:10px; }
#intership2 #sec02 .whiteboxtext{ text-align:center; padding-left:10%; padding-right:10%; }
#intership2 #sec02{ padding-bottom:30px; }
#intership2 #sec02 .daylinebox4{ padding-bottom:60px; }
#intership2 #sec03 .sec{ padding-top:50px; }
#intership2 #sec03 .sec-subtutle{ font-size:1.8rem; }
#intership2 #sec03{ padding-top:0; }
#intership2 #sec03 .button{ flex-wrap:wrap; }
#intership2 #sec03 .button a{ width:100%; margin-bottom:10px; }

#access #sec02 .table-responsive,
#access #sec03 .table-responsive,
#access #sec04 .table-responsive,
#access #sec05 .table-responsive,
#access #sec06 .table-responsive,
#access #sec07 .table-responsive,
#access #sec08 .table-responsive,
#access #sec09 .table-responsive{ width:100%; overflow:hidden; overflow-x:scroll; }

#access #sec02 .table,
#access #sec03 .table,
#access #sec04 .table,
#access #sec05 .table,
#access #sec06 .table,
#access #sec07 .table,
#access #sec08 .table,
#access #sec09 .table{ width:780px; }

#jobfair1 .table-responsive,#jobfair2 .table-responsive {
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
}
#jobfair1 #sec02 .table,#jobfair2 #sec02 .table {
	width: 780px;
}
#jobfair1 #sec02 .sec2,#jobfair2 #sec02 .sec2 {
	margin-top: 60px;
}
#jobfair2 #sec02 .buttontext{
	width: auto;
}
#recruit #sec01 .meta{ padding-left:10px; padding-right:10px; font-size:1.2rem; line-height:1.3em; text-align:center; display: block;}
#recruit #sec01 .metalist{display: block;margin-bottom: 0;}
#recruit #sec01 .metalist a{margin-bottom: 10px;display: block;}
#recruit1 #sec01 .btnlist{text-align: center;}
#recruit1 #sec01 .subtitle {text-align: left;}
th.column-1 {
    width: 150px;
    max-width: 150px;
}
th.column-2 {
    width: 120px;
}
#voice-page .box1 ul li {
    width: calc(52% - 12px);
    margin-bottom: 40px;
}
#voice-page .box1 ul li a h3{
    font-size: 1.7rem;
    line-height: 1.3;
}

#access .tablepress .column-1{display: block;width: 100%;background-color: #F4F7F8;}
#access .tablepress .column-2{display: block;width: 100%;background-color: #fff;}
#access #sec02 .table, #access #sec03 .table, #access #sec04 .table, #access #sec05 .table, #access #sec06 .table, #access #sec07 .table, #access #sec08 .table, #access #sec09 .table{width: 100%;}

#dormitory #sec02 .dmt-box .btn{max-width: 300px;}
#dormitory #sec02 .dmt-box .flex {
    flex-direction: column;
    align-items: center;
}
#dormitory #sec02 .dmt-box .flex .left{
	width: 100%;
}
#dormitory #sec02 .dmt-box .flex2{
    flex-direction: column;
}
#dormitory #sec02 .dmt-box .flex2 .left{
	width: 100%;
	margin-bottom: 20px;
}
#dormitory #sec02 .dmt-box .flex .right{
	width: 70%;
}
#dormitory #sec02 .dmt-box .flex .left .ttl{
	font-size: 24px;
}

#school #sec02 .meta{
padding: 17px 37px;
}
#mhospital #sec01 .img-box1{
	margin-top: 10px;
}

#voice-page .box1 ul li a h3 span {
    font-size: 1.2rem;
    margin-bottom: 2px;
}
#voice-page .box1 ul li a h3:before{bottom: 15px;}
#voice-page .box1 ul li a h3 {
    padding: 10px 10px 35px;
}

.search-box form label{display: block;margin-bottom: 5px;}
.search-box form .select-wrap{ display: block; margin-bottom: 18px; }
.search-box form #select-years,
.search-box form #select-from,
.intr-archive .search-box form #select-hosp,
.search-box form #select-pro_nurse,
.search-box form #select-cert,
.search-box form .pro_nurse-wrap,
.search-box form .cert-wrap{ width: 100%; }

.search-box form #select-from,.search-box form #select-years{width: 305px;}
.intr-archive .search-box{padding: 30px 25px;}

.int-prof .left .name{font-size: 25px;}
.a-img-box img{width: 100%;}
.a-img-box img:first-child{margin-bottom: 5px;}
.a-img-box {flex-direction: column;}
#voice-page .box1 ul{margin-top: 50px;}
.sub .title-box .left .breadcrumbs{margin-top: 17px;}
.sub .title-box .left h2 span{margin-bottom: 15px;padding-bottom: 14px;}
.archive-meta{margin-bottom: 44px;}
.faq-archive .content-list .content-box .post-answer{padding: 19px 27px 28px 69px;}
#about3 #sec01 .button{padding-top: 35px;}
#about3 #sec01 .subtitle{font-size: 15px;}

}


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

.sub section .sec-subtutle{ font-size:1.8rem;}
#meducation #sec04 h3{ font-size:2.2rem; }

#recruit1 #sec02 .btnlist1{ font-size:1.5rem; padding:25px 15px; background-size:15px; }
#recruit2 #sec01 .btnlist, #recruit3 #sec01 .btnlist{ font-size:1.5rem; padding:25px 15px; background-size:15px; }
#recruit1 #sec03 .textbox{ font-size:1.5rem; }
#recruit2 #sec02 .textbox{ font-size:1.5rem; }
#flow #sec01 .button a{width: 100%;}
#flow1 #sec01 .button a{width: 100%;}
#flow2 #sec01 .button a{width: 100%;}
#flow #sec01 .btn{ font-size: 1.3rem; padding: 10px 45px; }
#flow #sec02 li{ padding:30px 20px; }
#flow1 #sec01 .btn{ font-size: 1.3rem; padding: 10px 45px; }
#flow1 #sec02 li{ padding:30px 20px; }
#flow2 #sec01 .btn{ font-size: 1.3rem; padding: 10px 45px; }
#flow2 #sec02 li{ padding:30px 20px; }
#jobfair #sec01 .btn{  padding:10px 5px;font-size:1.2rem; padding:20px 10px; }
#jobfair3 #sec01 .btn{ padding:10px 5px; font-size:1.2rem; padding:20px 10px; }
#jobfair4 #sec01 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#jobfair4 #sec03 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#jobfair4 #sec02 .text-right{ font-size:1.2rem; }
#jobfair4 #sec01 .buttontext{ font-size:1.2rem; line-height:1.3em; }
#jobfair5 #sec01 .btn, #jobfair5 #sec02 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#jobfair5 #sec01 .btn br, #jobfair5 #sec02 .btn br{ display:block; }
#jobfair5 #sec02 .buttontext, #jobfair5 #sec01 .buttontext{ font-size:1.2rem; line-height:1.3em; }
#intership #sec01 .btn { padding:10px 5px; font-size:1.3rem; line-height:1,3rem; }
#intership #sec01 .btn, #intership #sec02 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#intership1 #sec01 .buttontext, #intership1 #sec02 .button{ font-size:1.2rem; line-height:1.3em; }
#intership1 #sec01 .btn, #intership1 #sec02 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#intership1 #sec01 .btn br, #intership1 #sec02 .btn br{ display:block; }
#intership #sec02 .btn br, #intership #sec01 .btn br, #jobfair4 #sec01 .btn br{ display:block; }
#intership2 #sec01 .btn br{ display:block; }
#intership2 #sec01 .subtitle br{ display:none; }
#intership2 #sec01 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }
#intership2 #sec01 .subtitle{  text-align:left; }
#intership2 #sec02 .blueboxbtn{ font-size:1.3rem; line-height:1.3em; }
#intership2 #sec03 .btn{ padding:10px 5px; font-size:1.3rem; line-height:1.3em; }

#access #sec03 .img-box,
#access #sec05 .img-box,
#access #sec06 .img-box,
#access #sec07 .img-box,
#access #sec07 .img-box,
#access #sec08 .img-box{ flex-wrap:wrap; }

#access #sec03 .img-box img,
#access #sec05 .img-box img,
#access #sec06 .img-box img,
#access #sec07 .img-box img,
#access #sec07 .img-box img,
#access #sec08 .img-box img{ width:100%; padding-bottom:10px; }
#access .btn{ font-size:1.3rem; }
#access #sec01 .navlist{ display:block; }
#access #sec01 .btnlist{ margin:0 5px 10px; }

#access #sec01 ul{ padding-bottom:60px; }
#access #sec03{ padding-top:60px; padding-bottom:0; }
#access #sec03 .sec-subtutle1{ padding-top:60px; }
#access #sec04{ padding-top:60px; padding-bottom:0; }
#access #sec04 .sec-intitle{ margin-bottom:50px; }
#access #sec06{ padding-top:60px; padding-bottom:0; }
#access #sec06 .sec-intitle{ margin-bottom:50px; }
#access #sec07{ padding-top:60px; padding-bottom:0; }
#access #sec07 .sec-intitle{ margin-bottom:50px; }
#access #sec08{ padding-top:60px; padding-bottom:0; }
#access #sec08 .sec-intitle{ margin-bottom:50px; }
#access #sec09{ padding-top:60px; }
#access #sec09 .sec-intitle{ margin-bottom:50px; }


#jobfair1 .btn, #jobfair2 .btn {
	padding: 10px 5px;
	font-size: 1.3rem;
	line-height: 1.3em;
}
}