@charset "utf-8";

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

	/* none */
	#logoEarth, #logoGroup, #toTop, #underVisBottomInner br, .employBox img, .businessText img, .noPaging .pagination, .stepFlow li br, .arrowList img, .welfareBox h3 span, #interviewTopText, #timeSchedule, #timeStamp, #detailPaging, #timeDetailWrap{display: none;}
	.footBefore:after, nav li:nth-child(8), nav li a span, .pagination a, .interviewTitle:after, .employBox.graduate, .businessText, .businessImg img, .stepFlow li.arrowList, .stepFlow li:first-child, .businessText p{border: none;}


	/* common */
	body{min-width: inherit;}
	.cw, .keiyakuCw, body, .contentWrap, header, footer, #topInterviewInner, #companyInfoInner, #footInner li, #footInner li a, #footLinkArea a, #copyrightArea, img, #footBottomInner ul, nav li, #mainVisual, #catVisLinkWrap, #topInterviewWrap, #newsWrap, #companyInfoWrap, #catVisLinkWrap li, #careermodelInner, #growupInner, #growupInner02, #interviewTop, #interviewInner, #introduce01Inner, #introduce02Inner, #introduce03Inner, #introduce04Inner, #supportInner, #worksInner, #linkInner ul, #linkInner02 ul, #linkInner li a, #linkInner02 li a, #growupWrap02 td, #growupInner02 img, .welfareBox h3{width: 100%;}
	#headWrap, #footInner, #catVisLinkWrap, #newsWrap{width: 92%;padding: 0 4%;}
	#headWrap{padding: 15px 2%;}
	#headLeft{width: 80%;}
	#headRight{width: 10%;}
	.sp{display: block;}
	#spMenu{cursor: pointer;}
	.sectionTitle{padding: 20px 0;line-height: 25px;font-size: 90%;background: url(../images/bg_content.gif) repeat center top;background-size: cover;margin-bottom: 20px;}
	.sectionTitle h2{font-size: 200%;margin: 0;}
	.sectionTitle p{padding: 0 5%;font-size: 90%;}
	.gridBg{background: none;padding: 0;}
	.footBefore:after{content: "";margin: 0;}
	footer{background: url(../images/bg_content.gif) repeat center top;background-size: cover;}
	footer:before{content: "";width: 0;height: 0;border-style: solid;border-width: 20px 40px 0 40px;border-color: #fff transparent transparent transparent;left: 50%;position: absolute;margin: 0 0 0 -40px;}
	#footInner{padding: 40px 4% 0;}
	#footInner h3{line-height: normal;margin-bottom: 20px;}
	#footInner li{background-color: #fff;margin: 0 0 10px;}
	#footInner li a{border: 1px solid #ccc;}
	#footLinkArea a{padding: 20px 0;font-size: 90%;margin: 0;}
	#footLinkArea a:after{position: absolute;right: 8%;margin-top: -2px;}
	#footBottomInner li{width: 28%;text-align: center;margin-bottom: 20px;}
	#footBottomInner li a{text-align: center;padding: 0;display: block;}
	#footBottomInner li:nth-child(2){width: 43%;}
	#footBottomInner li:nth-child(4), #footBottomInner li:nth-child(5){width: 50%;}
	#footBottomInner li:nth-child(4) a{border-left: none;}
	#copyrightArea img{width: 35%;margin: 10px auto 8px;}
	#copyrightArea span{display: block;text-align: center;}
	#navEntry a{padding: 20px 0;margin: 10px 2%;background: url(../images/icon_rArrowW.png) no-repeat 90% center #ffab28;}
	#navEntry a:after{content: "";}
	.textLeft{margin: 0 4% 20px;}
	#linkWrap, #linkWrap02{padding: 30px 0;}
	#linkInner li a, #linkInner02 li a{padding: 20px 0;}


	/* toppage */
	.mainList{position: relative;}
	.mainList li{width: 100%;}
	.mainList li a{display: block;}
	.mainFloatText{margin-top: 80px;font-size: 85%;}
	.mainFloatText h2{line-height: 50px;}
	.pagination{bottom: 5px;}
	.pagination a{margin: 0 5px;width: 15px;height: 5px;display: inline-block;background-color: #fff;border-radius: inherit;}
	#catVisLinkWrap li{border: none!important;height: 80px;}
	#catVisLinkWrap li a{display: block;}
	#catVisLinkWrap li.shinsotsu a{border: 1px solid #4ac5eb;}
	#catVisLinkWrap li a > *{display: table-cell;vertical-align: middle;}
	#catVisLinkWrap li a h3{float: right;padding: 0;font-size: 120%;line-height: normal;width: 70%;text-align: center;background-position-x: 95%;height: 80px;display:flex;justify-content: center;align-items: center;}
	#catVisLinkWrap li a img{float: left;width: 30%;background-position-x: 95%;height: 80px;}
	#catVisLinkWrap li:nth-child(2n) a h3{float: left;}
	#catVisLinkWrap li:nth-child(2n) a img{float: right;}
	#catVisLink02{margin: 16px 0;}
  #catVisLink03{margin: 0 0 16px;}
	#topInterviewInner, #companyInfoInner{margin: 10px 0;}
	#topInterview01, #topInterview02, #topInterview03{width: 92%;margin: 0 4% 15px;}
	.interviewTitle{min-height: inherit;width: 100%;}
	.interviewTitle p{font-size: 130%;margin-bottom: 15px;}
	.interviewTitle:after{content: "";}
	.interviewTitle.fl:after{content: "";margin: -126px 0 0 5%;}
	.interviewTitle.fr:after{content: "";margin: -126px 0 0 60%;}
	#newsInner time{margin: 0;float: none;}
	#newsInner h5{display: block;float: none;margin-top: 15px;}
	#companyInfoInner ul{width: 92%;margin: 0 4%;}
	#companyInfoInner li{width: 48%;margin-right: 4%;margin-bottom: 10px;}
	#companyInfoInner li:nth-child(even){margin-right: 0;}
	#companyInfoInner li p{background-position-x: right;}
	.interviewTitle h4{height: inherit;}

	#interviewstep h3{
		font-size: 16px;
		font-weight: bold;
	}
	

	/* shinsotsu */
	#keiyakuTop.kvPermatemp {background-position: 100% 0;}
	.underVisual{background-size: cover!important;padding: 40px 0;}
	.longLink a{width: 100%;padding: 20px 0;}
	.interviewBox, .interviewBox:nth-child(4){width: 46%;margin: 0 2% 16px;}
	.interviewGrad{width: 96%;padding: 10px 2%;background: none;background-color: #4ac5eb;height: inherit;}
	.interviewGrad p{margin: 0;}
	.interviewGrad h4{font-size: 100%;line-height: 18px;height: 60px;}
	#employInner{padding-bottom: 30px;}
	.employBox{width: 46%;margin: 0 2% 20px;}
	.employBox:nth-child(2){background: url(../images/20221214_img_employ01.jpg) no-repeat center top;}
	.employBox:nth-child(3){background: url(../images/20221214_img_employ02.jpg) no-repeat center top;}
	.employBox:nth-child(4){background: url(../images/20221214_img_employ03.jpg) no-repeat center top;}
	.employBox:nth-child(5){background: url(../images/20221214_img_employ04.jpg) no-repeat center top;}
	.employBox:nth-child(odd){margin-right: 0;}
	.employBoxInner{position: relative;width: 96%;padding: 10px 2%;margin-top: 0;background-color: rgba(51,51,51,.6);}
	#linkInner li, #linkInner02 li{float: none;margin-bottom: 30px;}
	#linkInner li.entryPage, #linkInner li.entryPage, #linkInner li#rikunabiLink{width: 92%;margin: 0 4% 10px;}
	#linkInner li#mynaviLink a, #linkInner li#rikunabiLink a{width: 70%;padding: 5px 15%;}
	#linkInner li#mynaviLink a{width: 60%;padding: 5px 20%;}
	#linkInner li.entryPage img{width: 100%;}
	#employ01, #employ02, #employ03, #employ04{background: none!important;}
	#interviewInner{margin-bottom: 30px;}
	#underVisText p{line-height: 18px;width: 90%;margin: 0 5%;}

	/* /recruit/fresh bnr area style   */
	.linkInner2{width: 86%;padding: 0 7%;}
	.linkInner2 ul{width:100%;}
	.linkInner2 li{float: none; width: 100%; margin: 0 0 10px;}
	.linkInner li a{ width:100%; text-align: center;	}
	.linkInner2 li a img{	width: 100%;}
	.linkInner2 li#rikunabiLink2 a img{width: auto; height:100%}
	.linkInner2 li#mynaviLink2 a img{width: 160px; height:auto}
	.linkInner2 li#forumLink2 a img{width: auto; height:100%}
	.linkInner2 ul.blockEntryLink{display: block;}

	/* business */
	.businessBox{width: 92%;display: inline-block;border: 1px solid #E50013;margin: 0 4% 10px;background-color: #f8f6f3;}
	.businessBox div{position: relative;}
	#business01 .placeName, #business01 .businessText, #business01 .businessImg, #business02 .placeName, #business02 .businessText, #business02 .businessImg, #business03 .placeName, #business03 .businessText, #business03 .businessImg, #business04 .placeName, #business04 .businessText, #business04 .businessImg, #business05 .placeName, #business05 .businessText, #business05 .businessImg, #business06 .placeName, #business06 .businessText, #business06 .businessImg, #business07 .placeName, #business07 .businessText, #business07 .businessImg, #business08 .placeName, #business08 .businessText, #business08 .businessImg, #business09 .placeName, #business09 .businessText, #business09 .businessImg{margin: 0;}
	.placeName{font-size: 120%!important;border: none!important;width: 100%!important;padding: 5px 0!important;background-color: #f8f6f3!important;border-radius: 0!important;font-weight: normal!important;border-bottom: 1px solid #E50013!important;}
	.businessText{width: 63%;padding: 0;border-radius: 0;float: right;}
	.businessText h3{border-bottom: none;line-height: normal;text-align: left;margin-bottom: 0;padding: 5px 0;}
	.businessText p{height: inherit;margin: 0;width: 98%;line-height: 19px;}
	.businessImg{width: 35%;float: left;padding-right: 2%;}
	.businessImg img{border-radius: 0;}
	#businessInner{height: inherit;padding-bottom: 30px;background-position: center 200px;}
	.noPaging{margin-bottom: 30px;}
	.slider_prev{background: #fff url(../images/prev.png) no-repeat 95% center;}
	.slider_next{background: #fff url(../images/next.png) no-repeat 5% center;}
  .career .businessBox{border-color: #06428E;}
  .career .placeName{border-color: #06428E!important;}
  .keiyaku .businessBox{border-color: #41B133;}
  .keiyaku .placeName{border-color: #41B133!important;}


	/* careermodel */
	#careermodelInner, #growupInner, #growupInner02{margin: 0 0 30px;}
	#careermodelWrap th, #careermodelWrap td, #applicationWrap03 th, #applicationWrap03 td{padding: 15px 2%;}
	#careermodelWrap th, #applicationWrap03 th{width: 20%;text-align: center;}
	#underVisBottom p{margin: 0 4%;line-height: 20px;}
	#supportWrap p, #supportWrap img, #careermodelWrap p, #growupWrap p, #growupWrap img, #growupWrap02 p, #growupWrap02 img, #welfareWrap p{margin: 0 4% 20px;line-height: 20px;}
	#careermodelInner img, #growupInner img, #growupInner02 img{margin: 0 4%;width: 92%;}
	#careermodelWrap table{width: 92%;margin: 30px 4%;}


	/* growup */
	#growupInner02 img{margin: 0 4% 20px;width: 92%;}
	#growupInner02 ul{width: 92%;margin: 0 4%;}
	#growupImg01, #growupImg02, #growupImg03, #growupImg04, #growupImg05, #growupImg06{background-position: center 20px;background-size: 50px;}
	#growupList li, #growupList li#growupImg02, #growupList li#growupImg04, #growupList li#growupImg05{display: block;width: 100%;padding: 10px 0%;}
	#growupList li .growupListImg{display: block;float: none;width: 100%;margin: 5px 0 0;}
	#growupList li .growupListImg img{width: 10%;}
	#growupList li span{display: block;float: none;width: 100%;line-height: 20px;}
	#growupList li span.short{line-height: 40px;padding: 0;}


	/* application */
	#applicationInner .sectionTitle:last-child, #applicationWrap02{background: none;}
	#appliLinkWrap li{width: 29.9%;margin: 0 1.4%;padding: 50px 0 15px;}
	#appliLinkWrap .keiyakuCw li{width: 42%;margin: 0 4%;}
	#appliLinkWrap li:last-child{margin-right: 1.4%;}
	#appliLinkWrap li#appliLink01, #appliLinkWrap li#appliLink02, #appliLinkWrap li#appliLink03{background-position: center 10px;}
	#appliLinkWrap li:after{content: "";}
	#jobCat{width: 60%;margin: 0 20% 30px;}
	#jobCat.keiyaku{width: 80%;margin: 0 10% 30px;}
	#jobCat li{width: 40%;}
	#jobCat.keiyaku li{width: 30%;margin-right: 5%;}
	#linkInner p, #linkInner01 p, #linkInner02 p{line-height: normal;font-size: 90%;}
	.stepFlow li{float: none;height: inherit;background: none;width: 80%;margin: 0 auto 5px;line-height: normal;font-size: 100%;padding: 10px 0;border: 2px solid #ccc;}
	.stepFlow li.arrowList{padding: 0;margin-bottom: 5px;}
	.stepFlow li.arrowList:after{content: "▼";color: #e63015;}
	.stepFlow.career li.arrowList:after{color: #06428e;}
	.stepFlow.keiyaku li.arrowList:after{color: #f74d8b;}
	.stepFlow li:first-child{width: 20%;padding: 0 40%;}
	.stepFlow li.line1, .stepFlow li.line2, .stepFlow li.line3{height: inherit;padding: 10px 0;}
	.stepFlow li:last-child{margin-right: auto;}
	#jobCate02{margin: 50px 0 30px;}
	#applicationWrap03 th, #applicationWrap03 td{line-height: 20px;}
	#linkInner, #linkInner02{width: 92%;padding: 0 4%;}
	#applicationWrap03 table{margin: 0 4% 20px;width: 92%;}
	#linkInner li#entryLink{width: 92%;margin: 0 4% 10px;}
	#entryLink a{background: none;}
	#applicationWrap03 td.shokushu{width: 20%;padding: 15px 2%;}
	#jobCate_fresh02, #jobCate_career01, #jobCate_career02{margin: 30px 0 0;}


	/* welfare */
	#welfareInner{margin-bottom: 30px;}
	#welfareWrap02{padding-bottom: 0;}
	.imgArea li{margin: 0 4% 10px;width: 92%;}
	#welfareInner02 img{width: 100%;margin: 0;}
	.welfareText{width: 100%;height: inherit;}
	.welfareBox.graduate .welfareText, .welfareBox.graduate img, .welfareBox.career .welfareText, .welfareBox.career img, .welfareBox.contract .welfareText, .welfareBox.contract img{border-right: none;border-left: none;}
	#welfareInner02 .welfareText h3 img{width: 10%;margin: 0 2% 0 0;}
	.welfareBox{width: 92%;margin: 0 4% 20px;}
	.welfareBox h3{margin: 0;}
	.welfareBox p{padding: 20px 2%;}
	.welfareBox.graduate .welfareText, .welfareBox.career .welfareText, .welfareBox.contract .welfareText{border-top: none;}


	/* interview */
	#oneDay{margin: 0;width: 20%;position: absolute;margin: 20px 0 0 4%;}
	#interviewTop{background: none;height: inherit;}
	#interviewTopText{width: 92%;padding: 20px 4%;margin: 0;}
	#interviewBottom{width: 92%;padding: 20px 4%;}
	#interviewBottom h2{font-size: 130%;line-height: normal;}
	.seniorIntroduce{line-height: 20px;}
	#seniorInterviewWrap{padding-top: 0;}
	#seniorInterviewInner{width: 92%;padding: 0 4%;}
	.interviewH p{line-height: 20px;}
	.interviewTextArea img.fr, .interviewTextArea img.fl{margin: 0 0 10px 0;}


	/* entry */
	#underVisBottom{padding-bottom: 30px;}


	/* introduce */
	#introduce01Inner, #introduce02Inner, #introduce03Inner, #introduce04Inner{margin: 0;}
	#introduce01Inner img{width: 70%;margin: 20px auto;}
	#introTwoColumn p, #introduce03Wrap p, #introduce04Wrap p{width: 92%;margin: 10px 4% 30px;}
	#introTwoColumn{margin-top: 20px;}
	#introduce02Wrap img{width: 92%;margin: 0 4%;}
	#introduce04Wrap p{text-align: center;line-height: normal;margin-right: 2%;}


	/* aq */
	#qaWrap{padding-top: 0;background: url(../images/bg_content.gif) repeat left top;}
	#qaInner{width: 92%;padding: 20px 4% 0;margin-bottom: 30px;}
	.qaBox th, .qaBox td{padding: 10px 20px;line-height: 20px;}
	.qaBox th{font-size: 160%;}


	/* support */
	#supportWrap{padding-bottom: 30px;}
	#supportInner{margin: 0;}
	#supportInner img{width: 92%;}
	.supportDataBox{width: 92%;height: inherit;margin: 0 4% 16px;}
	.titleArea{padding: 20px 4%;}
	#allBox span{width: 100%;}


	/* works */
	#worksInner{margin: 0;}
	.worksBox{width: 47%;margin: 0 1% 6px;}
	.worksBox:nth-child(odd){margin-right: 0;}
	.worksText{padding: 15px 7%;}
	.worksBox.twoColumn{width: 96%;margin-right: 0;}
	#worksList{width: 96%;line-height: 30px;font-size: 90%;margin: 30px 2%;}

}

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

	.mainFloatText{margin-top: 60px;font-size: 100%;}
	.mainFloatText h2{line-height: 30px;font-size: 150%;}

}

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

	.mainFloatText{margin-top: 45px;font-size: 80%;}
	.mainFloatText h2{line-height: 30px;font-size: 140%;}

}

@media only screen and (min-width: 769px) {
	.u-sp {
		display: none !important;
	}
}