@charset "utf-8";
@media screen and (max-width: 1880px) {
	.i-nav-div-box-hide{
	  	width: 96%
	}
}
@media screen and (max-width: 1440px) {
	nav{
	  	background-color: #746398;
	  	background-image: none;
	  	height: 110px;
	  	margin-bottom: 25px;
	}
	.logo {
	    width: 35%;
	}
  	.menu {
	    width: 65%;
	    float: left;
	    position: relative;
	    z-index: 9;
	}
	.menu-ul li{
		text-align: left;
	}
	.menu-ul-down{
		right: 14px;
	}
	.menu-ul-ul{
		left: -20px;
	}
	footer {
	    background-position: center;
	}	
	.about-img-2 {
	    margin-right: -14%;
	    margin-top: 5%;
	}
	.check-body-txt-bg-img {
	    right: -170px;
	    width: 90%;
	}
	.obj-txt-bg{
		display: none;
	}
	.obj-body-txt {
	    padding-bottom: 50px;
	}
	.fee-body-txt-bg,.guardian-bg-txt {
	    display: none;
	}
	.guardian-content {
	    padding-bottom: 240px;
	}
}
@media screen and (max-width: 1280px) {
	nav {
	    padding: 18px 15px;
	}
	.content-box{
		width: 100%;
	}
	.new-txt-bg img{
		width: 80%;
	}
	.new-txt-bg {
	    margin-left: -628px;
	    bottom: -25%;
	    text-align: center;
	}
	.new {
	    padding-bottom: 280px;
	}
}
@media screen and (max-width: 1170px) {	
	.container{
	    width: 100%;
	}
	.condition{
		padding:36px 15px;
	}
	.i-map,.i-setting{
		padding: 15px;
	}
	.menu-ul-down {
	    right: 0px;
	}
	.i-propaganda {
	    width: 96%;
	}
	.i-nav-div {
	    line-height: 60px;
	    font-size: 20px;
	}
	.i-nav-div-box-content-div {
	    font-size: 16px;
	    text-align: center;
	}
	.i-nav-div-box-hide {
	    height: initial;
	}
	.i-slogin-box {
	    margin-top: 60px;
	}
	.about-img-2 {
	    margin-right: -90px;
	}
	.about-img-1 {
	    margin-left: -90px;
	}
	.services-head-bg-txt img{
		width: 75%
	}
	.services-head-bg-txt {
	    right: -100px;
	    text-align: right;
	}
	/*process icon*/
	.check-body-img { 
	    width: 10%;
	    text-align: left; 
	    padding-right: 10px;
	}
}
@media screen and (max-width: 1024px) {
	.logo {
	    width: 100%;
	    text-align: center;
	}
	nav{
		height: initial;
	}
	.menu{
		width: 100%;
	}
	.menu-ul li {
	    text-align:center;
	}
	.menu-ul-ul {
	    left:5px;
	    min-width: 153px;
	}
	.i-propaganda{
		margin-bottom: 18px;
		 width: 90%;
	}
	.footer-link {
	    padding-left: 12.5%;
	}
	.footer-data{
		padding-left: 3%;
	}
	.footer-link p {
	    padding-right: 12%;
	}
	.fb {
	    padding-left: 7%;
	}
	.condition-content {
	    padding: 50px 36px;
	}
	.i-setting {
	    margin-bottom: 0px; 
	}
	.i-setting h2:before,.i-setting h2:after{
		width: 40%;
	}
	.i-slogin-box {
	    padding: 0 3%;
	}
	.i-slogin {
	    height: 657px;
	}
	.banner {
	    height: 425px;
	    padding-top: 100px;
	    background-position: center;
	}
	.menu-style{
		height: initial;
	}
	.services-title {
	    margin-bottom: 60px;
	}
	.services-head-bg-txt {
	    display: none!important;
	}
	.services-body-div-img {
	    float: left;
	    width: 40%;
	    text-align: center;
	}
	.services-body-div-img-img{
		margin-bottom: 15px;
	}
	.services-body-div-article {
	    padding-top: 100px;
	}
	.fee-body {
	    padding-bottom: 200px;
	}
	.new-txt-bg {
	    margin-left: 0;
	    text-align: center;
	    left: 0;
	}
	.web-banner, .services-banner {
	    height: 480px;	    
	    padding-top: 110px;
	}
}

@media screen and (max-width: 500px){
	header {
		height: 20px;
	}
	.logo{
	    text-align: left;
	}
	.logo img {
	     width: 320px;
	}
	.menu-ul-down {
	    left: 62%;
	}
	.banner {
	    height: 320px;
	    padding-top: 80px;
	}
	.swiper-slide-p {
	    font-size: 26px;
	}
	.i-nav-div-box-hide-img{
		display: none;
	}
	.i-nav-div-box-hide-icon-4{
	    top: -35px;
	}
	.i-nav-div-box-hide-icon-1 {
	    left: -1px;
	}
	.i-nav-div-box-hide-icon-2 {
	    left: 29%;
	}
	.i-nav-div-box-hide-icon-3 {
	    left: 54.5%;
	}
	.i-slogin-box {
	    width: 100%;
	    max-width: 320px;
	    margin: 0 auto;
	    float: initial;
	    margin-bottom: 30px;
	}
	.i-slogin{
		height: initial;
		padding-bottom: 30px;
	}
	.i-title-box {
	    text-align: center;
	    margin-bottom: 30px;
	}
	.condition{
		height: initial;
	}
	footer{
		margin-top:-20px;
	}
	.footer-data {
	    padding-top: 58px;
	    text-align: left;
	}
	.footer-data p {
	    font-size: 14px;
	}
	.fb {
	    padding-left: 0;
	    margin-left: 13px;
	}
	.footer-link {
	    border-top: solid 1px #fff;
	    margin-top: 10px;
	    padding-top: 10px;
	}
	.copyright {
	    letter-spacing: 0;
	}
	.i-propaganda{
		letter-spacing: 1px;
	}
	.content {
	    padding: 30px;
	    margin-bottom: 60px;
	}
	.title-h2 {
	    margin-bottom: 20px;
	}
	.title-h3 {
	    padding-left: 0px; 
	    background: none;
	}
	.content-p, .content-div-about-txt p{
		padding-left: 0;
	}
	.about-img-1 {
	    margin-left: 0;
	}
	.about-img-2 {
	    margin-right:0px;
	}
	.content {
	    padding: 30px;
	    margin-bottom: 12px;
	    box-shadow: 0px 3px 3px 3px #dadada;
	}
	.web-banner,.services-banner {
	    height: 198px;
	    margin-top: 0;
	    padding-top: 7px;
	}
	nav{
		margin-bottom: 0;
		padding: 18px 10px;
	}
	.content {
	    margin-top: 0;
	    margin-bottom: 30px;
	}
	.content-box {
	    background:none;
	}
	.title {
	    width: 90%;
	}
	.services-title div {
	    padding: 5px;
	    width: 50%;
	}
	.services-head-img {
	    margin-left: -50px;
	}
	.services-title {
	    margin-bottom: 0px;
	}
	.services-head-img{
		display: none!important;
	}
	.services-btn{
		display: none;
	}
	.services-head-span {
	    width: 100%;
	    margin-top: 36px;
	}
	.services-head-img-2 {
	    margin-left:0px; 
	    position: initial; 
	    width: 100%;
	}
	.check-head-img {
	    width: 50%;	    
	    padding: 10px;
	}
	.check-head-icon {
	    display: none;
	}
	.check-body-img{
		display: none;
	}
	.check-body-txt {
	    width: 100%;
	}
	.check-body-p-first {
	    padding-bottom: 10px;
	}
	.check-mobile-p{
		color: #63b52f;
    	font-size: 24px;
	}
	.obj-body-txt, .fee-body-txt {
	    padding-bottom: 50px;
	    padding-top: 15px;
	    padding-left: 0;
	    font-size: 16px;
	}
	.new-page-txt {
	    position: initial; 	    
	    width: 100%;
	    padding-top: 15px;
	    letter-spacing: 2px;
	}
	.new-txt-bg {
	    display: none;
	}
	.new {
	    padding-bottom: 10px;
	}
	.new-body-date-span{
		display: inline-block;
	}
	.new-head{
		display: none;
	}
	.new-body-date,.new-body-content  {
	    width: 100%;
	}
	.new-body-content p {
	     overflow: initial; 
	     white-space: initial; 
	     text-overflow: initial;
	     color: #fff; 
	}
	.new-viedo, .new-txt, .new-img{
	    cursor: pointer;
	    color: #4d4d4d;
	    border: solid 1px #ccc;
	    text-align: left;
	    margin-bottom: 30px;
	}
	.new-body-date{
		color: #0071bb;
		padding-top: 8%;
		font-size: 14px;
		width: 20%;
	}
	.new-body-content{
		text-align: left;
    	padding: 15px;
    	background: #0071bb;
    	width: 80%; 
	}
	.new-body-date-2{
		float: left;
		width: 100%;
		background: #fff;
		border-top: solid 1px #e6e6e6;
	    color: #a4a4a4;
	    font-size: 14px;
	    line-height: 28px;
	    text-align: center;
	    padding-top: 0;
	}
	.news-return a{
		width: 100%
	}
	.news-return {
	    text-align: right;
	    margin-top: 0px;
	    margin-bottom: 20px;
	}
	.title-style {
	    font-size: 18px;
	    margin-bottom: 20px;
	    padding-left: 10px;
	}
	.new-item-p {
	    font-size: 16px;
	}
	.title-style:before {
	    content: '';
	    position: absolute;
	    width: 4px;
	    height: 16px;
	    background-color: #006837;
	    top: 5px;
	    left: 0px;
	}
	.title h1 {
	    font-size: 30px;
	}
	.guardian-title {
		display: none;
	}
	.guardian-body-div-date,.guardian-body-div-txt {
	    width: 100%;
	}
	.guardian-body-div-date{
	    width: 90%;
	    margin-left: 5%;
		border-top: solid 1px #e6e6e6;
		border-bottom: solid 2px #e6e6e6;
		font-size: 14px;
		color: #a4a4a4;
		line-height: 32px;
	}
	.guardian-body-div-txt{
		color: #006837;
	}
	.guardian-body-div {
	    padding: 0;
	    width: 90%;
    	margin-left: 5%;
	    margin-bottom: 36px;
	}
	.setting-box:nth-child(1) {
	    margin-right:0%;
	}
	.setting-box:nth-child(2) {
	    margin-left:0%;
	}
	.setting-box {
	    width: 100%;
	    margin-bottom: 6px;
	    border: solid 1px #ccc;
	    padding: 15px;
	}
	#baguetteBox-overlay .full-image {
	    padding: 15px;
	}
	.highlights-box-div-1 {
	    margin-right: 0;
	}
	.highlights-box-div-2 {
	    margin-left: 0%;
	}
	.highlights-box-div {
	    width: 100%;
	    margin-bottom: 36px;
	    border: solid 1px #ccc;
	    padding: 15px 15px 30px;
	}
	video{
		width: 96%!important;
	}
	.lightbox iframe {
	    padding: 3% 3%;
	}
	.menu {
	    overflow-y: auto;
	    height: fit-content;
	}
	.i-nav-div-box-content-div-3{
		width: 100%;
	}
	header {
	    z-index: 9999;
	    position: relative;
	}
	.recruiting-more {	  
	    justify-content: center;
	}
	.recruiting-banner {
	    height: 240px;
	    background-position-x: center;
	}
	.recruiting-h1 a {
	    position: initial;
	    text-align: right;
	    display: block;
	}
	.recruiting-bg{
		background: none;
	}
}
@media screen and (max-width: 414px){
	.i-nav-div {
	    line-height: 60px;
	    font-size: 16px;
	}
	.condition-content {
	    padding: 25px 25px;
	    font-size: 18px;
	}
	.logo img {
	    width: 280px;
	}
	.i-propaganda {
	    width: 94%;
	    margin-top: 20px;
	}
	.i-slogin-a {
	    padding-top: 0;
	}
	.i-setting h2:before, .i-setting h2:after {
	    width: 22%;
	}
	.services-body-div-img {
	    text-align: center;
	}
	.services-body-div-img-txt {
	    width: 100%;
	}
	.check-body-p {
	    font-size: 16px;
	}
	.check-body-txt {
	    font-size: 16px;
	}
	.obj-body-txt p, .fee-body-txt p {
	    letter-spacing: 1px;
	    line-height: 28px;
	}
	.title h1{
		 padding-bottom: 4px;
	}
	.title h1:after{
		display: none;
	}
	.title{
		padding: 15px ;
		/*min-height: 155px;*/
	}
	.recruiting--img a {
	    font-size: 16px;
	}
	.recruiting-content h2 {
	    font-size: 18px;
	    padding-bottom: 7px;
	}
	.recruiting-content h2 br{
		display: block
	}
}
@media screen and (max-width: 375px){
	.menu-ul-down {
	    left: 68%;
	}
	.copyright a{
		display: block;
		text-align: center;
	}
	.copyright{
		text-align: center;
		line-height: 20px;
		padding: 10px 5px;
	}
	.about-img-1,.about-img-2 {
	    display: none
	}
	.content {
	    padding: 30px 15px;
	}
	.title-h3{
		font-size: 17px;
	}
	.content-p, .content-div-about-txt p {
	    font-size: 16px;	   
	}
	.title-h2{
		margin-top: 36px;
	}
	.title-h2-mobile{
		margin-top: 0px;
	}
	.services-body-div-article {
	    font-size: 16px;
	}
	.services-body-div {
	    padding-bottom:0px;
	    margin-bottom: 30px;
	}	
	.web-banner, .services-banner {
	    height: 198px;
	}
	.obj-body-txt, .fee-body-txt{
		padding-bottom: 0;
		padding-left: 10px;
    	padding-right: 10px;
	}
	.check-body-div {
	    padding-bottom: 0;
	}
	
}
@media screen and (max-width: 360px){
	.logo img {
	    width: 85%;
	}
	.i-propaganda {
	    padding: 0 8px;
	}
	.condition-content {
	    font-size: 16px;
	}
}
@media screen and (max-width: 320px){
	.new-page span, .new-page a {	    
	    width: 25px;
	    height: 25px;
	    line-height: 22px;
	}
	.web-banner, .services-banner {
	    height: 168px;
	}
}