@media screen and (max-width: 850px) {
.main .left{
	width:200px;
	padding-right:50px;
}
.main .right{
	background-position:left center;
	width:calc(100% - 200px);
}
.area_1 .inner .company_des .left{
	width:50%;
}
.area_1 .inner .company_des .right{
	width:50%;
}
.area_1 .inner .company_des .left .catch{
	margin-bottom:0;
}
.area_2 {
	background-image:none;
}
.area_2 .inner {
	flex-wrap:wrap;
}
.area_2 .inner .left{
	width:100%;
	margin-bottom:80px;
}
.area_2 .inner .right{
	width:100%;
	display:block;
	text-align:center;
}
.area_5{
	flex-wrap:wrap;
}
.area_5 .left, .area_5 .right{
	width:100%;
}
.area_5 .left .title, .area_5 .right .title{
	top:100px;
	font-size:30px;
}
.area_7 .inner .flex{
	width:100%;
	flex-wrap:wrap;
}
.area_7 .inner .flex a{
	width:100%;
}
.area_7 .inner .flex a:first-child{
	margin-bottom:20px;
	pointer-events: auto;
}
.news_list_area ul.news_list li .flex{
	flex-wrap:wrap;
}
.news_list_area .category_box ul li a{
	border:1px solid #2e3f4a;
	display:block;
	padding:20px;
	text-align:center;
}
.news_list_area ul.news_list li .date{
	margin-right:15px;
}
.news_list_area ul.news_list li .cat{
	margin-right:0;
}
.news_list_area ul.news_list li .title{
	width:100%;
	padding-top:20px;
	font-size:13px;
}
.news_single_page .white .inner{
	padding:30px;
}
.news_single_page .white .title{
	font-size:16px;
}
.contact_area .inner table{
	display:block;
	margin-bottom:40px;
}
.contact_area .inner table{
/*	border-top:1px solid #eee;*/
}
.contact_area.entry_form .inner table.first_table th,
.contact_area.mid_entry_form .inner table.first_table th,
.contact_area .inner th{
	display:block;
	padding:30px 0 0;
	border:0;
	width:100%;
}
.contact_area.entry_form .inner table.first_table th,
.contact_area.entry_form .inner table.first_table td,
.contact_area.mid_entry_form .inner table.first_table th,
.contact_area.mid_entry_form .inner table.first_table td{
	border-top:none;
}
.contact_area .inner th .flex .item{
	width:auto;
}
.contact_area .inner th .flex .item br{
	display:none;
}
.contact_area .inner th .flex .hissu {
    font-size: 10px;
    color: #fff;
    padding: 7px 10px;
    border-radius: 6px;
    background: #58c3e0;
}
.contact_area .inner tbody,
.contact_area .inner tr{
	display:block;
	width:100%;
}
.contact_area .inner td{
	display:block;
	line-height:1.7;
	padding:15px 0 30px;
	font-size:12px;
	width:100%;
}
.contact_area .inner td .tel_short{
	width:100%;
}
.contact_area .inner td .zip_area{
	margin-bottom:20px;
	padding-top:5px;
}
.contact_area .inner td .zip_text input{
	margin-bottom:20px;
}
.contact_area .inner .tel_flex .tel_num_area .border{
	font-size:15px;
}
.contact_area .inner .tel_flex .tel_num_area a{
	font-size:43px;
}
.contact_area .inner td .flex.big_box{
	flex-wrap:wrap;
}
.contact_area .inner td .flex.age_box{
	margin-top:10px;
}
.a_area_3 .inner .flex{
	flex-wrap:wrap;
}
.a_area_3 .inner .flex figure{
	width:100%;
	text-align:center;
	margin-bottom:50px;
}
.a_area_3 .inner .flex figure img{
	width:300px;
}
.a_area_3 .inner .flex .basic_text{
	width:100%;
}
.r_main{
	background-image:url(./images/recruit/r_main_tab.jpg);
}
.r_area_1{
	flex-wrap:wrap;
	padding:50px 0;
}
.r_area_1 .left{
	width:100%;
	padding:10%;
}
.r_area_1 .right{
	width:100%;
	text-align:right;
}
.r_area_1 .right > img{
	width:80%;
}
.r_area_1 .right figure.img_1{
position:absolute;
right:20%;
top:0%;
width:20%;
}
.r_area_1 .right figure.img_2{
position:absolute;
right:5%;
top:33%;
width:20%;
}
.r_area_1 .right figure.img_3{
position:absolute;
right:-4%;
bottom:0;
width:20%;
}
.r_area_2 .inner .border_white .flex{
	flex-wrap:wrap;
	justify-content:center;
}
.r_area_2 .inner .border_white .flex figure{
	max-width:100%;
	margin-bottom:50px;
}
.r_area_2 .inner .border_white .flex p{
	width:100%;
	padding:0;
}

.r_area_2 .inner .top_area{
	margin:0 auto 120px;
}
.r_area_2 .inner .border_white .shain_flex .shain_box{
	margin-right:85px;
	width:calc((100% - 200px ) / 2);
}
.r_area_2 .inner .border_white .shain_flex .shain_box figure{
	width:100%;
	border:7px solid #fff;
}
.r_area_2 .inner .border_white .shain_flex .shain_box .more{
	right:-50px;
	bottom:70px;
	width:120px;
}
.r_area_3 .inner .flex .box{
	width:calc((100% - 80px) / 3);
	margin-bottom:40px;
}
.r_area_3 .inner .flex figure{
	border-radius:19px;
	overflow:hidden;
}
header.recruit_head .inner{
	padding:40px 35px 0 35px;
}
.r_main .logo img{
	max-width:none;
}
.r_main .img_1{
	left:-4%;
	top:-30px;
	width:35%;
}
.r_main .img_2{
	left:42%;
	top:-10px;
	width:30%;
}
.r_main .img_3{
	right:3%;
	top:33%;
	width:30%;
}
.r_main .img_4{
	left:-13.3%;
	top:66%;
	width:47%;
}
.r_main .img_5{
	left:9.3%;
	bottom:-7.5%;
	width:38%;
}
.r_main .img_6{
	left:45%;
	bottom:20%;
	width:20%;
}
.r_main .img_8{
	right:-13%;
	bottom:12%;
	width:34%;
}
.menu_wrap ul{
	padding:0 20px;
}
.menu_wrap .bottom {
	flex-wrap:wrap;
	padding:30px 30px 30px 70px;
}
.menu_wrap .bottom div{
	width:calc((100% - 20px) / 2);
}
.senpai_area_1 .left .in_box .chara{
	width:80px;
}
.senpai_area_1 .left .in_box .senpai_info .cont{
	font-size:18px;
}
.senpai_area_1 .left{
	width:40%;
}
.senpai_area_1 .right{
	width:60%;
}
.katei .s_box .flow .flow_flex .flow_arrow{
	display:none;
}
.katei .s_box .flow .flow_flex .flow_box{
	padding:0 30px;
	width:330px;
	margin-bottom:50px;
}
.katei .s_box .flow .flow_flex .flow_box:last-child{
	margin-bottom:0px;
}
.katei .s_box .flow .text-center .flow_title{
	width:auto;
	display:inline-block;
	padding:30px 50px 25px;
}
}
@media screen and (max-width: 650px) {
.senpai_area_1{
	display:block;
}
.senpai_area_1 .left{
	width:100%;
	margin-bottom:50px;
}
.senpai_area_1 .right{
	width:100%;
	padding:0 30px;
}
.senpai_area_2 .inner .flex a.green {
    padding: 28px 30px 28px;
    font-size: 14px;
    width: 210px;
}
.senpai_area_2 .inner .flex a.border {
    padding: 28px 30px 28px;
    font-size: 14px;
    width: 210px;
}
}
@media screen and (max-width: 450px) {
.pc_on{
	display:none;
}
img.pc_on{
	display:none;
}
.sp_on{
	display:block;
}
img.sp_on{
	display:inline-block;
}

.main{
	padding:75px 30px 30px;
	position:relative;
}
.main .left{
	width:30%;
	position:absolute;
	bottom:50px;
	left:50px;
	width:80%;
	filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1)); 
}
.main .right{
	width:100%;
	height:100%;
}
.area_1 .inner .company_des{
	flex-wrap:wrap;
}
.area_1 .inner .company_des .left{
	width:100%;
	margin-bottom:50px;
}
.area_1 .inner .company_des .right{
	width:100%;
}
.area_2 .inner .left .area_title{
	margin-bottom:100px;
}
.area_2 .inner .left .service_box .title{
	font-size:23px;
	line-height:1;
	padding-top:6px;
}
.area_3 .inner{
	flex-wrap:wrap;
}
.area_3 .inner .left{
	width:100%;
	margin-bottom:30px;
}
.area_3 .inner .right{
	width:100%;
}
.area_4 .inner a .flex{
	padding:30px 40px;
}
.area_4 .inner a span{
	font-size:18px;
	line-height:1.5;
}
.area_5 .left .title, .area_5 .right .title{
	top:60px;
}
.area_6 .inner ul li{
	display:block;
}
.area_6 .inner ul li .date{
	display:block;
	margin-bottom:10px;
}
.area_6 .inner ul li a{
	display:block;
}
.area_7 .inner{
	padding:100px 30px;
}
.header_wrap{
	display:block;
}
.inner .title.border{
	letter-spacing:0.2em;
}
.jigyosho .s_area_2 .inner a span,
.s_area_2 .inner a span{
	font-size:13px;
	letter-spacing:0.1em;
	height:14px;
}
.s_box .inner .flex{
	flex-wrap:wrap;
}
.s_box .inner .flex .right{
	order:1;
	width:100%;
	padding-left:0;
	margin-bottom:50px;
}
.s_box .inner .flex .left{
	order:2;
	width:100%;
}
.s_box .inner .toriatsuki{
	padding:50px;
}
.s_box .inner .flex .basic_text{
	font-size:14px;
}
.s_box .inner .toriatsuki .basic_text{
	font-size:14px;
}
.s_box .inner .s_cont .s_flex{
	flex-wrap:wrap;
}
.s_box .inner .s_cont .s_flex ul{
	width:100%;
}
.s_box .inner .s_cont .s_flex ul:nth-child(2){
	padding-left:0;
}
.s_box .inner .s_cont .s_flex ul li{
	margin-bottom:20px;
}
.recycle .s_box .inner .cont_flex .box{
	width:100%;
}
.recycle .s_box .inner .flex{
	margin-bottom:0;
}
.recycle .s_box .inner .text-center{
	padding-top:100px;
}
.recycle .s_box .inner .flex .big_title{
	line-height:1.5;
}
.news_list_area ul.news_list li figure{
	width:70px;
}
.news_list_area ul.news_list li .flex{
	width:calc(100% - 70px);
	padding-right:20px;
}
.news_list_area ul.news_list li .cat{
	font-size:10px;
	padding:10px 20px 8px;
}
.contact_area .inner{
	padding:60px 30px 60px;
}
.contact_area label{
	display:inline-block;
}
.contact_area .inner .tel_flex{
	padding-bottom:30px;
	margin-bottom:30px;
}
.contact_area .inner .tel_flex .tel_contact_title{
	margin-right:0;
	font-size:25px;
	padding:0 0 20px 0;
}
.contact_area .inner .tel_flex .tel_num_area .border{
	font-size:11px;
	padding:6px;
}
.contact_area .inner .tel_flex .tel_num_area a{
	font-size:30px;
}
.contact_area .inner .tel_flex .tel_num_area .kome{
	padding-top:20px;
}
.a_area_1 .inner .big, .a_area_2 .inner .big{
	line-height:1.6;
	font-size:23px;
	letter-spacing:0.1em;
}
.a_area_4 .flex {
	flex-wrap:wrap;
	padding:0;
}
.a_area_4 .flex .left{
	order:2;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	max-width:100%;
}
.a_area_4 .flex .left figure{
	width:calc(50% - 15px);
	margin-bottom:30px;
}
.a_area_4 .flex .right{
	order:1;
	width:100%;
	max-width:100%;
	padding:0 30px 50px;
}
.area_title .big{
	font-size:40px;
}
.area_5 .left .title, .area_5 .right .title{
	font-size:25px;
}
header{
	z-index:10000;
}
header .inner{
	padding:15px 30px 10px;
}
header .inner img{
	height:50px;
	width:auto;
}
header .inner .menu{
	height:32px;
	width:43px;
	padding-bottom:0;
}
header .inner .menu.on span.top{
	transform-origin: center;
	transform: rotate(-0.12turn) translate(-11px, 11px);
}
header .inner .menu.on span.bottom{
	transform-origin: center;
	transform: rotate(0.12turn) translate(-11px, -11px);
}
.r_area_2 .inner{
	padding:100px 30px;
}
.r_area_2 .inner .border_white{
	padding-bottom:100px;
}
.r_area_2 .inner .border_white .shain_flex{
	flex-wrap:wrap;
}
.r_area_2 .inner .border_white .shain_flex .shain_box {
    margin-right: 40px;
    margin-left:0;
    padding-left: 40px;
    width: calc((100% - 50px));
    margin-bottom:50px;
}
.r_area_2 .inner .border_white .shain_flex .shain_box:last-child{
        margin-bottom:0px;
}
.r_area_2 .inner .border_white .shain_flex .shain_box .name{
	padding:15px;
	font-size:13px;
	transform:translate(0, -6px);
}
.r_area_3 .inner{
	padding:100px 30px;
}

.r_area_3 .inner .flex {
	flex-wrap:wrap;
}
.r_area_3 .inner .flex .box{
	max-width:100%;
	width:45%;
}
.r_main .logo{
	width:70%;
	max-width:100%;
	height:auto;
}
.r_main .logo img{
	width:100%;
	max-width:100%;
	height:auto;
}
header.recruit_head .inner {
    padding: 20px 10px 0;
}
header.recruit_head .inner img{
	height:30px;
}
.r_main .img_1{
	left:-9%;
	top:-30px;
	width:46%;
}
.r_main .img_2{
	left:56%;
	top:-10px;
	width:44%;
}
.r_main .img_3{
	right:1%;
	top:36%;
	width:40%;
}
.r_main .img_4{
	width:45%;
	left:-4.3%;
	top:60%;
}
.r_main .img_5{
	left:-11.7%;
	width:55%;
	bottom:-7.5%;
}
.r_main .img_6{
	left:30%;
	width:20%;
	bottom:7%;
}
.r_main .img_7{
	right:-14%;
	width:66%;
	bottom:0.5%;
}
.r_main .img_8{
	right:-6%;
	width:25%;
	bottom:20%;
}
.r_main{
	background-image:url(./images/recruit/r_main_sp.jpg);
}
.r_area_2 .inner .border_white .text-center .white_box p span{
	font-size:20px;
}
.r_area_2 .inner .border_white .text-center .white_box{
	padding:15px 30px;
}
.r_area_2 .inner .border_white .text-center .white_box p{
	width:80px;
}
header .inner h1.off img{
	opacity:0;
}
header.scroll .inner, header.on .inner{
	padding:15px 30px 10px;
}
.menu_wrap .top{
	display:block;
	justify-content:flex-start;
	flex-wrap:wrap;
	padding:75px 30px 0;
	align-items:flex-start;
	background-size:150px;
	background-position:right 20px bottom 20px;
}
.menu_wrap .top ul{
	width:100%;
	padding:0;
}
.menu_wrap ul li:last-child{
	margin-bottom:20px;
}
.menu_wrap .bottom{
	padding:30px;
}
.menu_wrap .bottom div{
	padding:20px 20px 17px;
}
.menu_wrap .bottom div p{
	font-size:12px;
}
.menu_wrap ul li a{
	font-size:14px;
}
.senpai_area_2 .inner .q_a .question{
	font-size:16px;
}
.senpai_area_2 .inner .q_a .answer{
	font-size:13px;
}
.senpai_area_2 .inner .q_a{
	padding:60px 0;
}
.senpai_area_2 .inner .flex a.green {
    padding: 17px 15px 15px;
    font-size: 12px;
    width: 165px;
}
.senpai_area_2 .inner .flex{
	padding-top:70px;
}
.senpai_area_2 .inner .flex a.border {
    padding: 17px 15px 15px;
    font-size: 12px;
    width: 165px;
}
.senpai_header{
	height:200px;
	background-image:url(./images/recruit/senpai/senpai_header_sp.jpg);
}
.senpai_header .small{
	letter-spacing:0.05em;
}
.senpai_area_2 .inner{
	padding:0 30px 160px;
}
.r_area_4 .inner{
	padding:100px 30px;
}
.r_area_4  .inner table tr:first-child th{
	padding:0 0 10px;
	width:100%;
	display:block;
}
.r_area_4  .inner table tr:first-child td{
	padding:0 0 40px;
	width:100%;
	display:block;
}
.r_area_4  .inner table th{
	width:100%;
	padding:40px 0 15px;
	text-align-last:left;
	font-size:14px;
	display:block;
	border:0;
}
.r_area_4  .inner table td{
	width:100%;
	padding:0 0 40px;
	font-size:14px;
	display:block;
}
.r_area_4  .inner table td *{
	font-size:14px;
}
.a_area_4 .inner.last .pdf li a{
	width:100%;
}
.a_area_4 .flex{
	margin-bottom:0px;
}
}