@media screen and (max-width: 1504px) {
	.section2>div>.item2:before{left:0;right:0;}
}
@media screen and (max-width: 1320px) {
	.inner{width:auto;padding:10% 3%;}
	.main_visual .inner{width:auto;margin:initial;}
	footer>.inner{padding:3%;flex-wrap:wrap;}
	.section2>div>.item2:before{left:0;right:0;}


	.location .sub_item1{background-size:auto 100%;}
	.talent ul li>div span br{display:none;}

}

@media screen and (max-width: 1200px) {
	h1{top:40px;left:3%;}
	h1 a{width:150px;background-size:100%;}
	header{height:80px;padding:0 3%}
	header>button{display:flex;}
	header nav>em{display:flex;width:150px;height:34px;margin:7% 3%;text-indent:-99999px;background:url("../images/common/h1_logo_on.png") 50% 50% no-repeat;background-size:100%;}
	header nav>ul{flex-direction:column;}
	header nav>ul>li:nth-child(1){border-top:solid 1px rgba(0,0,0,.1);}
	header nav>ul>li{position:relative;display:block;border-bottom:solid 1px rgba(0,0,0,.1);}
	header nav>ul>li>button{display:block;position:absolute;top:30px;right:3%;width:10px;height:10px;text-indent:-99999px;background:url("../images/common/btn_plus.png") 50% 50%;transform:translateY(-50%);z-index:-1;
	-webkit-transition:width 1s, height 1s, transform 1s;}
	header nav>ul>li>a{width:100%;height:60px;padding:0 5%;color:#222;}
	header nav>ul>li>ul{display:none;position:initial;top:initial;margin:0;padding:3%;background:#f8f8f8;}
	header nav>ul>li>ul a{display:flex;padding-left:4%;}

	header nav{display:none;position:fixed;top:0;bottom:0;width:310px;background:#fff;z-index:2;overflow:hidden;overflow-y:auto;}
	header nav.active_show{display:block;right:0;animation-name:show_menu; animation-duration: .7s;}
	header nav.active_hide{display:block;right:-310px;animation-name:hide_menu; animation-duration: .7s;}
	header.active nav>ul:before{display:initial;content:initial;position:initial;top:initial;left:initial;right:initial;border-top:initial;height:initial;padding:initial;background:initial;} 
	.m_btn_menu_open{display:flex;width:36px;height:36px;background:#ea2c47 url("../images/common/btn_all_menu.png") 50% 50% no-repeat;text-indent:-99999px;border-radius:50%;background-size:50%;}
	.m_btn_menu_close{position:absolute;top:4%;right:3%;display:flex;width:22px;height:22px;background:url("../images/common/m_btn_menu_close.png") 50% 50% no-repeat;text-indent:-99999px;}
	
	@keyframes show_menu{
		from{right:-310px;}
		to{right:0;}
	}

	@keyframes hide_menu{
		from{right:0;}
		to{right:-310px;}
	}

	header nav.active_show>ul>li>button.on { -webkit-transform:rotate(50deg);transform:rotate(50deg); }
	header nav.active_show>ul>li>button.off { -webkit-transform:rotate(0deg);transform:rotate(0deg); }
	
	footer>.inner>div{width:auto;margin-bottom:2%;}
	footer>.inner>div span{width:150px;background-size:100%;}
	footer>.inner>ul{width:auto;}

	.main_visual .txt strong{font-size:58px;line-height:64px;}

	.welfare ul li>div>span{background-size:auto 100% !important;}

	.history>.item1{width:30%;}
	.history>.item2{width:70%;}	

	.job_application>b{font-size:36px;line-height:42px;}
	.recruitment>div{margin:20px 0;flex-direction:column;align-items:flex-start}
	.recruitment>div>.sub_item1{margin-bottom:1%;}
	.recruitment>div>.sub_item1>em{height:91px;}
	.recruitment>div>.sub_item2{width:100%;}
	.recruitment>div.item2>.sub_item2 span:nth-child(1){flex-wrap:wrap;margin-bottom:10px;}

}

@media screen and (max-width: 1084px) {	
	.section1>div>.item1{padding:3%;flex-wrap:wrap;flex-direction:initial;}
	.section2>div>.item1{flex-wrap:wrap;margin-bottom:3%;padding:0 3%;}
	.section3>div>.item1{flex-wrap:wrap;padding:0 3%;}
	.main section>div>.item1 h2{font-size:40px;}
	.main section>div>.item1 h2:before{width:14px;height:2px;left:-14px;}
	.section1>div>.item1 span{font-size:18px;display:inline-flex;width:100%;justify-content:center;}
	.section1>div>.item2{width:100%}
	.section1>div>.item2>div em{display:inline-flex;align-items:center;}

	.section4>.inner>div{padding:0 3% 10% 3% !important;}
	.section4>.inner>div em{font-size:28px;line-height:32px;}
	.section4>.inner>div em br{display:none;}	

	.sub_visual h2{font-size:56px;}
	.sub_visual span{font-size:20px;}
	
	.welfare>em{font-size:36px;line-height:42px;}
	.welfare>em br{display:none;}
	.welfare ul{margin:5% -12px 0 -12px;}
	.welfare ul li>div{height:240px;}
	.welfare ul li>div>span{height:54px;}

	.impor>.item1{padding:3%;flex-wrap:wrap;justify-content:center;align-items:center;}
	.impor>.item1 h3{font-size:40px;}
	.impor>.item1 span{font-size:18px;}
	.impor>.item2{width:92%}
	.impor>.item2>div>div>div span{font-size:14px;}	

	.talent ul{margin:3% -10px 0 -10px;}
	.partner ul li{width:25%;}

}

@media screen and (max-width: 950px) {
	.main_visual .txt strong{font-size:48px;line-height:54px;}
	.main_visual .txt span{font-size:18px;}
	.section1>.inner{flex-direction:column;justify-content:initial;}	

	.impor{flex-direction:column;align-items:center;}
	.impor>.item2{width:100%;}

	.history{flex-direction:column;align-items:center;}
	.history>.item1{width:auto;padding-left:0;}
	.history>.item1 span br{display:none;}
	.history>.item2>div>div.sub_item1{width:100px;}
	.history .sub_item2>div strong{width:100px;}
	
	.talent>em{font-size:36px;line-height:40px;}
	.talent ul{flex-wrap:wrap;}
	.talent ul li{width:50%;margin:10px 0;}
	.talent ul li>div{height:300px;justify-content:center;padding:0 5%;}
	.talent ul li>div i{margin-bottom:6%;}
	.talent ul li>div span br{display:block;}

	.recruitment>div.item1>.sub_item2 ul li i{height:64px;}
	.recruitment>div.item1>.sub_item2 ul li em{font-size:16px;height:98px;padding-top:20px;}

	.partner>b{font-size:36px;line-height:40px;}
}
@media screen and (max-width: 915px) {

	footer>.inner>ul li>div{width:auto;}
}
@media screen and (max-width: 900px) {
	.section2>div>.item2 ul li{width:33.33%;}
	.section4>.inner>div em {font-size:20px;}
	
	footer>.inner>ul li{flex-direction:column;margin:0;}
	footer>.inner>ul li:nth-child(2){}
	footer>.inner>ul li>div div{margin:0;}

	.partner ul li{width:33.33%;margin:25px 0;}
}

@media screen and (max-width: 850px) {
	.section3>.inner{height:initial;padding-top:6%;}
	.section3{background:url("../images/common/main_bg3.png") 100% 0 no-repeat;background-size:80%;}	
	.welfare ul{margin-top:5%;}
}
@media screen and (max-width: 800px) {
	.history>.item2{width:auto;}
}

@media screen and (max-width: 768px) {
	
	.section1>div>.item2>div>div>div span{font-size:16px;}
	.section3>div>.item1{margin:0 0 5% 0}
	.section3>div>.item2{margin:0}
	.section4>.inner{padding:10% 0;}	

	.welfare>em{font-size:28px;line-height:34px;}
	.welfare ul li>div{padding:3%;height:220px;}
	.welfare ul li strong{font-size:14px;margin-bottom:5%;}
	.welfare ul li em{font-size:18px;}
	.welfare ul li span{font-size:15px;}
	.welfare ul li>div>span{height:44px;}

	.job_application>b{font-size:28px;line-height:34px;word-break:keep-all;}
	.recruitment>div>.sub_item1>em{font-size:24px;height:56px;justify-content:start;background:none;color:#d71f46;}
	.recruitment>div.item1>.sub_item2 ul{flex-wrap:wrap;justify-content:start;}
	.recruitment>div.item1>.sub_item2 ul li{width:calc(33.33% - 10px);margin:5px;}
	.recruitment>div.item2>.sub_item2 span:nth-child(1){font-size:24px;margin-bottom:5px;}
	


}
@media screen and (max-width: 700px) {
		
}
@media screen and (max-width: 650px) {

	.main_visual{height:489px;}
	.main_visual .txt strong{font-size:36px;line-height:40px;margin-bottom:5%;}
	.main_visual .txt span{font-size:16px;}
	.main_visual .txt span br:nth-child(2){display:block;}
	
}
@media screen and (max-width: 600px) {
	footer, address, strong, span, a, input, div, em, li, p, b, button{font-size:14px;}
	.sub_visual h2{font-size:30px;}
	.sub_visual span{font-size:16px;}

	.history{padding:0;height:initial;}
	.history>.item1 h3{margin-bottom:3%;font-size:18px;}
	.history>.item1 span{font-size:24px;line-height:initial;}

	.history>.item2>div>div>em{font-size:24px;line-height:30px;}
	.history>.item2{padding:3% 0;}
	.history>.item2>div>div.sub_item2{padding-bottom:5%;}

	.location{padding:0;}
	.location>.item1{margin-bottom:3%;}
	.location>.item1 h3{font-size:24px;}
	.location>.item2 .sub_item1{margin-bottom:3%;}
	.location>.item2 .sub_item2>div i{background-size:30px;}
	.location>.item2 .sub_item2>div span{font-size:14px;}

	.recruitment>div.item2>.sub_item2 span:nth-child(1){font-size:20px;}
	.recruitment>div.item2>.sub_item2 span:nth-child(1) em{font-size:20px;}

}
@media screen and (max-width: 550px) {
	.inner{padding:6% 3%;}
	.section1>.inner{height:initial;}
	.main section>div>.item1 h2{font-size:24px;}
	.section1>div>.item1 span{font-size:16px;}	
	.section1>div>.item2>div{flex-direction:column;padding:3%;}
	.section1>div>.item2>div>div{width:auto;}
	.section1>div>.item2>div em{width:auto;font-size:24px;}
	.main_visual strong{font-size:24px;line-height:30px;}	
	.main_visual span{font-size:16px;}	

	.section2>.inner{height:initial;margin:5% 0;}
	.section2>div>.item2:before{border-radius:10px;}
	.section2>div>.item2 ul{padding:3%;}
	.section2>div>.item2 ul li{margin:5% 0;}
	.section2>div>.item2 ul li a img{width:60%;}
	.section3>div>.item2 ul li a {height:80px;}
	.section3>div>.item2 ul li a img{width:60%;}
	
	.section2>div>.item1 span{font-size:18px;}
	.section3>div>.item1 span{font-size:18px;}

	.section4>.inner{flex-wrap:wrap}
	.section4>.inner>div{width:100%;padding:0 3% 16% 3% !important;}
	.section4>.inner>div:nth-child(2){padding-top:3% !important;border-top:solid 1px #e7e7ec;border-left:none;}
	.section4>.inner>div a{width:120px;height:46px;margin:3% 0;}
	
	footer>.inner>ul li span{font-size:13px;}
	footer>.inner>ul{margin-top:2%;}
	footer>.inner>ul li .copy{font-size:13px;width:auto;}
	footer>.inner>ul li>div{flex-direction:column;}
	
	.sub_visual{height:26rem;}
	.sub_visual span{margin-top:0;}
	.welfare>em{font-size:24px;}
	.welfare ul{margin:0 -12px;}
	.welfare ul li{width:50%;}
	.welfare ul li>div{height:180px;margin:12px;}

	.impor>.item1 h3{font-size:24px;}
	.impor>.item1 span{font-size:16px;}
	.impor>.item2>div{flex-direction:column;padding:3%;}
	.impor>.item2>div em{width:auto;font-size:24px;}
	.impor>.item2>div>div{width:auto;}
	
	.talent>em{font-size:24px;line-height:28px;}
	.talent ul{margin:0 -10px;}
	.talent ul li>div{height:240px;}
	.talent ul li>div strong{margin-bottom:3%;font-size:20px;}
	.talent ul li>div span{font-size:14px;}

	.certificate li{width:50%;margin:5% 0;}
	.certificate li:nth-child(n+4){margin-top:5%}

	.job_application{margin-bottom:5%;}
	.recruitment>div.item1>.sub_item2 ul li em{font-size:14px;}
	.recruitment>div.item1>.sub_item2 ul li i{height:54px;}
	.recruitment>div.item1>.sub_item2 ul li em{height:78px;text-align:center;}

	.personal_information{padding:3%;}
	.personal_information>ul li span{width:93%;}

	.sub_visual.s-type-8 + #contents>.inner{padding-top:10%;}

	.job_application>b{font-size:24px;line-height:28px;}
	
	.partner>b{font-size:24px;line-height:28px;}
	.partner ul li{margin:10px 0;}
	.partner ul li a{height:64px;}
	.partner ul li a img{width:60%;}


}

@media screen and (max-width: 500px) {
	.history .sub_item2>div{align-items:start;}
	.history>.item2>div>div.sub_item1{width:80px;}
	.history .sub_item2>div strong{width:70px;}
	
	
}
@media screen and (max-width: 470px) {
	
	.main_visual .txt strong{font-size:24px;line-height:30px;}
	.main_visual .txt span{font-size:14px;}
}
@media screen and (max-width: 425px) {
	.section1>div>.item2>div{padding:3% 0;}
	.section1>div>.item2>div>div>div{flex-direction:column;}
	.section1>div>.item2>div>div>div strong{width:auto;}
	.section1>div>.item2>div>div>div span{width:auto;}

	.section2>div>.item2 ul li{width:50%;}
	.section3>div>.item2 ul li{width:50%;}
	
	.impor>.item2>div>div>div{flex-direction:column;}
	.impor>.item2>div>div>div strong{width:auto;}
	.impor>.item2>div>div>div span{width:auto;}
	
	.talent ul li>div{height:200px;}
	.talent ul li>div span br{display:none;}
	.talent ul li>div i{background-size: 33% !important;}

	.partner ul li{width:50%;}

	

}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 389px) {
	footer>.inner>ul li address{flex-wrap:wrap;}
	.recruitment>div.item1>.sub_item2 ul li em{font-size:13px;word-break:keep-all;}
}
@media screen and (max-width: 370px) {
	.section4>.inner>div{padding:0 3% 20% 3% !important;}
	.section4>.inner>div em{font-size:18px;line-height:22px;}
	.section4>.inner>div a{width:94%;}
}
@media screen and (max-width: 320px) {
	footer, address, strong, span, a, input, div, em, li, p, b, button{font-size:12px;}
	footer>.inner>ul li em{width:60px;}

	
}