
/* ---------------------------------------------------------------
	start 851px～1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 851px ) and ( max-width: 1033px ) {

	.tab_none2 {
		display: none;
	}



}

/* ---------------------------------------------------------------
	end 851px～1033px
--------------------------------------------------------------- */



/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 1033px ) {



	/* --------------- header --------------- */





	/* --------------- footer --------------- */


	/* --------------- top Mainimg --------------- */

	.inner_topMainimg {
		padding-top: calc(9.4vw + 18px);
	}

	.lead_topMain,
	.hide-txt1,
	.hide-txt2 {
		margin-bottom: 0.7vw;
	}

	.txt_topMain {
		line-height: 1.9;
	}


	/* --------------- top News --------------- */

	.inner_topNews {
		width: 68%;
		margin: 0 5vw 0 auto;
		padding: 0;
	}





	/* --------------- top Advantage --------------- */


	.col_topAdvantage {
		margin-bottom: 5vw;
	}

	.inner_topAdvantage .leftcol {
		padding-top: 13vw;
	}

	.col_topAdvantage .mds_top1 {
		margin-bottom: 45px;
	}

	.graph_topAdvantage {
		margin-top: 12vw;
	}

	.btn_top1 {
		width: 216px;
		padding-right: 25px;
	}

	.btn_top1:before {
		right: 20px;
	}
	.btn_top1:after {
		right: 20px;
	}


	/* --------------- top Works --------------- */

	.col_topWorks {
		margin-bottom: 5vw;
	}

	.inner_topWorks .leftcol {
		padding-top: 13vw;
	}

	.col_topWorks .mds_top1 {
		margin-bottom: 45px;
	}



	/* --------------- top Service --------------- */

	.col_topService {
		margin-bottom: 5vw;
	}

	.col_nav_service {
		display: none;
	}
	
	.fixnav.service{
		display: block;
	    width: auto;
	}
	
	.fixnav a.service1 .icon,
	.fixnav a.service2 .icon,
	.fixnav a.service3 .icon,
	.fixnav a.service4 .icon,
	.fixnav a.service5 .icon,
	.fixnav a.service6 .icon,
	.fixnav a.service7 .icon{
		position: static;
   		margin: 0 auto 3px;
	}
	
	.fixnav.service a:after{
		content: "";
    width: 8px;
    height: 8px;
    margin: 0 auto;
    padding: 0;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
	}


	/* --------------- top Quality --------------- */

	.col_topQuality {
		height: 460px;
	}

	.box_topQuality {
		width: 390px;
	}

	.box_topQuality:before {
		width: 100%;
	}


	/* --------------- top Quality --------------- */

	.col_topAbout {
		margin-bottom: 85px;
	}




	/* --------------- top Recruit --------------- */


	.col_topRecruit .txt1{
		margin-top: 2vw;

	}

	/* --------------- top Movie --------------- */

	.col_topMovie {
		margin-bottom: 50px;
	}





	/* --------------- Works --------------- */

	.col2_works {
		padding: 8% 8%;
	}

	.col_works_video {
		height: 48vw;
	}



	/* --------------- Advantage --------------- */

	.cont_advantage_support {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
	}

	.advantage2 .col_left,
	.advantage2 .col_right {
		width: 440px;
		margin: 0 auto;
	}

	.advantage2 .col_left {
		margin-bottom: 60px;
	}

	.wrap_col.advantage9 {
		padding: 45px 30px 50px;
	}

	.cont_advantage_scale .tbl {
		width: 46%;
	}

	.cont_advantage_scale .graph {
		width: 54%;
	}



	/* --------------- Quality -------------- */

	.wrap_col.quality1 {
		padding: 6vw 6vw 6vw;
	}

	.wrap_col.quality1 .mds1 {
		margin-bottom: 30px;
	}

	.col_quality {
		margin: 4vw 3vw 0;
	}
	.col_quality_line {
		margin: 4vw 3vw 0;
		padding: 0 0 5vw;
	}

	.col_quality_line .txt1 {
		font-size: 15px;
		margin-left: 4vw;
	}

	.tbl_quality {
		font-size:17px;
	}

	.tbl_quality .td1 {
		width: 35%;
	}

	.col_quality .img2 {
		margin: 5px 0 0 3vw;
	}

	.col_quality .img3 {
		margin: 26px 0 0 3vw;
	}

	.col_quality .img4 {
		margin: 40px 0 0 3vw;
	}

	.col_quality.wlb {
		margin: 30px 1vw 0;
	}

	.col_quality .img5 {
		margin: 35px 0 0 3vw;
	}

	.col_quality .img6 {
		margin: 0 0 0 3vw;
	}

	.col_quality .inner_txt1{
		width: 300px;
		margin-right: 2vw;
	}

	.col_quality .inner_txt2{
		width: 390px;
		margin-right: 2vw;
	}

	.btn_quality1 {
		padding: 0 10px 0 0;
		letter-spacing: 0.01em;
		line-height: 1.4;
	}

	.btn_quality1:before {
		width: 15px;
		right: 12px;
	}

	.btn_quality1:after {
		width: 6px;
		height: 6px;
		right: 13px;
	}

	.btn_quality1.quality1_1 {
		font-size: 14px;
	}

	.wrap_col.quality2 {
		padding: 6vw 8vw 6vw;
	}

	.wrap_col.quality2 .mds1 {
		margin-bottom: 55px;
	}

	.quality2 .txt .sp_none {
		display: none;
	}

	.quality2 .img7 {
		margin: 0 auto 65px;
	}

	.quality2 .box1 {
		padding: 2vw 0;
	}

	.quality2 .box1 .ttl {
		line-height: 1.4;
	}

	.quality2 .box1 .ttl .red4 {
	margin-bottom: 10px;
}



/* --------------- news --------------- */


	.cat_news_d {
		padding-left: 50px;
		background-position: left 12px top 0px;
	}

	.cont_news_d {
		padding: 0 10px;

	}


/* --------------- recruit --------------- */

	.fixnav {
		width: 94%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto 25px;
		background-color: transparent;
		position: static;
		box-shadow: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	nav.fixnav.recruit{
		width: 94%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto 25px;
		background-color: transparent;
		position: static;
		box-shadow: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		position: static;
	}
	
	.fixnav.recruit{display: none;}
	
	.fixnav.recruit a {
		width: 32%;
		height: 54px;
		margin: 0 2% 12px 0;
		padding: 0 0 0 30px;
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		box-shadow: 2px 2px 7px -3px #151515;
		position: relative;
		z-index: 0;
	}

	.fixnav.recruit a:nth-child(3n) {
		margin-right: 0;
	}
	
	.fixnav a.recruit2,
	.fixnav a.recruit3,
	.fixnav a.recruit4,
	.fixnav a.recruit5,
	.fixnav a.recruit6{
		top: auto;
	}
	
	.fixed_topbnr_toggle.recruit{
		display: none;
	}
	.fixnav a:after {
		content: none;
	}

	.fixnav a .icon {
		width: 34px;
		margin: 0;
		position: absolute;
		top: calc(50% - 15px);
		left: 5px;
	}

	.fixnav a.recruit3 .icon {
		width: 36px;
		left: 9px;
		top: calc(50% - 12px);
	}

	.fixnav a.recruit6 .icon {
		width: 34px;
		left: 0;
	}

	.fixnav.recruit a br {
		display: none;
	}

	dl.block_recruit1 {
		padding: 2.5vw 1vw 2vw;
	}

	dl.block_recruit1 dt {
		margin-bottom: 2vw;
		font-size: 21px;
	}

	.icon_recruit1 {
		width: 18vw;
	}

	#recruit_num12 .icon_recruit1 {
		width: 22vw;
	}

	.icon_recruit1 img {
		height: 11vw;
	}

	#recruit_num3 .icon_recruit1 img {
		height: 11.2vw;
	}

	#recruit_num4 .icon_recruit1 {
		margin-bottom: 3.2vw;
	}

	#recruit_num4 .icon_recruit1 img {
		height: 11.9vw;
	}

	#recruit_num5 .icon_recruit1 {
		margin-bottom: 4vw;
		padding-top: 2.8vw;
	}

	#recruit_num5 .icon_recruit1 img {
		height: 9.2vw;
	}

	#recruit_num6 .icon_recruit1 {
		margin-bottom: 2vw;
		padding-top: 1.6vw;
	}

	#recruit_num6 .icon_recruit1 img {
		height: 10.7vw;
	}

	#recruit_num7 .icon_recruit1 {
		margin-bottom: 2vw;
		padding-top: 1.2vw;
	}

	#recruit_num7 .icon_recruit1 img {
		height: 10.1vw;
	}

	#recruit_num8 .icon_recruit1 {
		margin-bottom: 1.5vw;
	}

	#recruit_num8 .icon_recruit1 img {
		height: 11.5vw;
	}

	#recruit_num9 .icon_recruit1 {
		margin-bottom: 2vw;
	}

	#recruit_num9 .icon_recruit1 img {
		height: 12.3vw;
	}

	#recruit_num11 .icon_recruit1 {
		margin-bottom: 2vw;
	}

	#recruit_num12 .icon_recruit1 {
		margin-bottom: 2.7vw;
		padding-top: 2.4vw;
	}

	#recruit_num12 .icon_recruit1 img {
		height: 11.6vw;
	}

	#recruit_num13 .icon_recruit1 {
		margin-bottom: 2.7vw;
		padding-top: 1.3vw;
	}

	#recruit_num13 .icon_recruit1 img {
		height: 11.6vw;
	}

	dl.block_recruit1 dd .countUp .countUp1,
	dl.block_recruit1 dd .countUp .countUp2,
	dl.block_recruit1 dd .countUp .countUp3 {
		width: 3.7vw;
	}

	dl.block_recruit1 dd .countUp .countUp1 img,
	dl.block_recruit1 dd .countUp .countUp2 img,
	dl.block_recruit1 dd .countUp .countUp3 img {
		height: 5.2vw;
	}

	dl.block_recruit1 dd .countUp .bunno1 {
		height: 5.4vw;
	}

	dl.block_recruit1 dd .countUp .gyokai {
		height: 3.1vw;
	}

	dl.block_recruit1 dd .countUp .pct {
		height: 2.8vw;
		margin-left: 0.3vw;
	}

	dl.block_recruit1 dd .countUp .niti,
	dl.block_recruit1 dd .countUp .nen,
	dl.block_recruit1 dd .countUp .sai,
	dl.block_recruit1 dd .countUp .nin {
		height: 3.2vw;
	}

	dl.block_recruit1 dd .countUp .rate {
		height: 4.8vw;
		margin: 0 1.5vw;
	}

	dl.block_recruit1 dd .countUp .rate img {
		width: 2.8vw;
	}

	dl.block_recruit1 dd .countUp .kaisuu {
		height: 6vw;
	}

	dl.img_recruit_work {
		margin-bottom: 75px;
		padding-bottom: 3vw;
	}

	dl.flow_recruit1 {
		margin-bottom: 45px;
	}

	.cont_recruit_staff dl.txt {
		padding-left: 50px;
	}

	.cont_recruit_staff:nth-of-type(even) dl.txt {
		padding-right: 50px;
	}

	.cont_recruit_summary1 dl {
		width: 32%;
		margin-right: 2%;
	}

	.cont_recruit_summary1 dl dd a {
		width: 100%;
		max-width: 214px;
	}

	.cont_recruit_summary1 dl dt {
		font-size: 17px;
	}

	.post_recruit_training dl {
		width: 47.5%;
	}

	.post_recruit_training dl dt {
		padding: 10px 0;
		font-size: 19px;
	}

	.post_recruit_training dl dd {
		padding: 10px 0;
		font-size: 19px;
	}

	.box_training_seminar ul.tab li {
		font-size: 16px;
	}

	.archive_seminar {
		padding: 35px 15px 35px 15px;
	}

	.archive_seminar .info {
		min-width: 130px;
	}

	.archive_seminar .img {
		width: 185px;
		min-width: 185px;
	}



/* --------------- Privacy --------------- */

	.wrap_col.privacy1 {
		padding: 6vw 7vw 6vw;
	}

	.wrap_col.privacy1 .mds1 {
		margin-bottom: 30px;
	}


/* --------------- Service --------------- */

	.wrap_col.service1 {
		padding: 5vw 7vw 5vw;
	}

	.wrap_col.service1 .mds1 {
		margin-bottom: 4.2vw;
		}

	.wrap_col.service1 .mds1.blue ,
	.wrap_col.service1 .mds1.green ,
	.wrap_col.service1 .mds1.pink ,
	.wrap_col.service1 .mds1.orange ,
	.wrap_col.service1 .mds1.aqua ,
	.wrap_col.service1 .mds1.purple ,
	.wrap_col.service1 .mds1.sky{
		padding-top: 0;
	}

	.box_btn_service1 {
		width: 95%;
	}

	.btn_service1 a{
		width: 250px;
		margin: 0 5px;
	}

	.btn_service1 span {
		width: 205px;
	}


	/* --------------- about --------------- */

	.box_address_himeji , 
	.box_address_saitama {
		width: 49%;
	}

	.box_address_himeji .address, .box_address_himeji_bottom .address , 
	.box_address_saitama .address, .box_address_saitama_bottom .address {
		padding: 17px 21px 24px;
	}

	.box_address_himeji .address div.tel {
    margin-top: 30px;
	}



	ul.list_history_about li.y2015 dl dd {
		padding-right: 21vw;
	}
	
	.fixnav.about{
		position: fixed;
	    top: 98px;
	    right: 0;
	    z-index: 1;
	    transform: translateY(0);
	    opacity: 1;
	    transition: transform .4s ease, opacity .4s ease;
	    width: auto;
	    display: block;
	}
	
	.fixnav a.about1 .icon,
	.fixnav a.about2 .icon,
	.fixnav a.about3 .icon,
	.fixnav a.about4 .icon,
	.fixnav a.about5 .icon,
	.fixnav a.about6 .icon,
	.fixnav a.about7 .icon{
		position: static;
	    margin: 0 auto 3px;
		
	}
	
	.fixnav.about a:after {
	    content: "";
	    width: 8px;
	    height: 8px;
	    margin: 0 auto;
	    padding: 0;
	    border-left: solid 1px #fff;
	    border-top: solid 1px #fff;
	    transform: rotate(225deg);
	    -moz-transform: rotate(225deg);
	    -webkit-transform: rotate(225deg);
	    position: absolute;
	    bottom: 10px;
	    right: 0;
	    left: 0;
	}
	/* --------------- movie --------------- */

	.btnarea_movie1 {
		max-width: 510px;
		width: 94%;
		flex-wrap: wrap;
	}

	.btnarea_movie1 a {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.btnarea_movie1 a:first-child {
	  margin-right: 28px;
	}

	.btnarea_movie1 a:nth-of-type(3) {
	  margin-right: 28px;
	}

	.wrap_col.movie {
		margin: 0 auto 80px;
	}


	dl.cont_movie {
		padding: 45px 20px 35px;
	}

	.cont_movie_single {
		padding: 0 20px 5px;
	}





































}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */
