/*
Theme Name:Technol Wordpress Theme
Theme URI:https://www.technol.co.jp/company/
Author:TechLabo
Author URI:https://www.technol.co.jp/company/
Description:Techlabo
Version: 1.2
*/
@charset "utf-8";
/*上へ移動　スクロール用*/
#scroll-to-top-btn{
	position:fixed;
	height:50px;
	width:50px;
	color:#FFF;
	text-align:center;
	font-size:25px;padding:0;
	vertical-align:bottom;
	background-color:#9E9E9E;
	border: none;border-radius: 10%;
	transition-duration: 0.5s;box-shadow: -2px 02px 4px gray;
	right:25px;
	bottom:25px;
	background-color:#707070;
	opacity: 0;
	transform:rotate(-90deg);
}
@media screen and (min-width:1400px){
/*pc表示　中央寄りにする*/
#scroll-to-top-btn{
	right:calc(50% - 700px);
}
}
/*トップページ レスポンシブ用*/
.technol_a_1{
opacity:1;
}
.technol_a_1:hover{
opacity:1;
}
.technol_a_2{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:5px 22px;
	margin:20px 0;
	line-height:100%;
}
.technol_a_2:hover{
	background-color:#fff;
	color:#ffa5a5;
	opacity:1;
}
.header_youkoso{
	flex:0.35;
}
.header_youkoso2{
	flex:0.15;
}
.header_entry_1{
	border:1px #E50012 solid;Box-sizing:border-box;
	transition-duration: 0.5s;
	position:absolute;top:0px;right:85px;width:105px;height:85px;background:#E50012;text-align:center;
}
.header_entry_2{
	transition-duration: 0.5s;
	color:#fff;font-size:16px;font-weight:bold;line-height:85px;
}
.header_entry_1:hover{

	background:#fff;
}
.header_entry_1:hover .header_entry_2{
	color:#E50012;
}
.header_img_padding{
padding:0 20px;
}
#header_logo_img_top{
	
}
#header_logo_img_top2{
	display:none;
}

#banner_main_sp{
	display:none;
	background-image: url(https://yoshidakanzai-recruit.com/wp-content/uploads/2024/08/banner_bk.png);
	background-size:cover;
	height:1200px;
}
.flex_res770{
	display:flex;
}
.footer_res{
	display:flex;
}
.footer_margin_res{
	margin:0 auto;
}
.footer_height_res{
	max-height:auto;
}
#header_flex{
	max-width:1920px;width:100%;display:flex;margin:0 auto;align-items:center;overflow:hidden;justify-content:space-between;
}
.top_button{
	transition: all .3s;
	display:inline-block;color:#fff;font-size:18px;padding:10px 50px;box-sizing:border-box;text-align:center;border:1px #707070 solid;border-radius:8px;background:#707070;box-shadow:4px 4px #D37F7F;
}

.res_header_size{
	height:90px;
}

#jigyou_footer_flex2{
	max-width:100%;
}
.flex_border{
	width:500px;
}
.margin_height_res{
	margin:20px 0;
}
#top_img{
width:100%;vertical-align:middle;
}
#top_moji{
	position:absolute;right:20%;top:50%;
}
#top_moji2{
	position:absolute;right:10%;top:30%;
}
.margin_res_prof{
	margin:0 auto 100px auto;
}
.res_max_width_488{
	max-width:488px;
}
.res_max_width_700{
	max-width:700px;
}
.margin_left_auto{
	margin-left:auto;
}
.margin_yoko_50{
	margin:0 50px;
}
.res_margin_left_50{
	margin-left:50px;
}
.res_margin_right_50{
	margin-right:50px;
}
.res_img_none{
	display:inline-block;
}
.res_img_display{
	display:none;
}
.res_height_180{
	height:140px;
}
.res_height_104{
	height:74px;
}
.res_img_height_750{
	height:750px;object-fit:cover;
}
.res_img_height_636{
	height:636px;object-fit:cover;position:absolute;
}
.res_height_636{
	height:636px;
}
.res_img_height_540{
	height:540px;object-fit:cover;
}
.res_padding_job{
	padding:8px 0 8px 21px;
}

.pic_img_yk_a:hover .pic_img_yk{
	top:0;left:0;
}
.pic_img_yk{
	top:-17px;left:17px;
	transition:0.3s;
}
.top_link_1{
height:210px;width:365px;overflow:hidden;
text-align:center;margin:0 auto;
	position:relative;
}

.top_link_1 .pic_img{
	transition:0.5s;
}
.top_link_1:hover .pic_img{
transform:scale(1.1);
	
}
.top_link_2{
height:210px;width:735px;overflow:hidden;
	text-align:center;margin:0 auto;
position:relative;
}
.top_link_2 .pic_img{
	transition:0.5s;
}
.top_link_2:hover .pic_img{
transform:scale(1.1);
	
}

#subsc_flex_1{
display:flex;justify-content:space-between;
}
#subsc_flex_1_middle{
max-width:500px;margin-left:auto;
}
.subsc_flex_1_banner{
	max-width:1000px;display:flex;justify-content:space-between;margin:0 auto;align-items:center;
}
.subsc_flex_1_banner_re{
	max-width:1000px;display:flex;justify-content:space-between;margin:0 auto;align-items:center;flex-direction:row-reverse;
}
#subsc_flex_2{
	display:flex;justify-content:space-between;z-index:1;padding-top:120px;max-width:1155px;margin:0 auto;
}
#subsc_flex_3{
	display:flex;justify-content:space-between;margin-bottom:5px;
}
#subsc_flex_3_height{
	height:1068px;/*868*/
}
#subsc_flex_3_heihgt_img{
	height:1068px;
}
#subsc_top_padding_90{
	padding:90px 55px;width:100%;
}
#subsc_top_img_absolute{
position:absolute;bottom:-5%;right:-15%;
}
#subsc_top_border_absolute{
	border-bottom:17px #FFEC08 solid;width:400px;position:absolute;bottom:-9px;left:0;z-index:0;
}

.subsc_aboutus_flex_1_re{
	display:flex;flex-direction:row-reverse;max-width:1920px;
}
.subsc_aboutus_flex_1{
	display:flex;max-width:1920px;
}
.subsc_aboutus_flex_3{
	display:flex;
}
.subsc_aboutus_flex_table{
	display:flex;max-width:1100px;width:100%;margin:63px auto 63px auto;justify-content:space-between;
}
.subsc_aboutus_flex_table_re{
	display:flex;max-width:1100px;width:100%;margin:63px auto 63px auto;justify-content:space-between;flex-direction:row-reverse;
}
.subsc_aboutus_map{
}
.subsc_aboutus_dog_1{
	position:absolute;top:0;left:0;z-index:-1;
}
.subsc_aboutus_dog_2{
	display:none;
}
.subsc_aboutus_height_544{
	height:544px;
}

.subsc_job_flex_1{
	display:flex;width:100%;justify-content:space-between;line-height:150%;width:100%;
}
.subsc_job_flex_1_re{
	display:flex;width:100%;justify-content:space-between;line-height:150%;width:100%;flex-direction:row-reverse;
}
.subsc_job_flex_1_test_1{
	width:100%;max-width:550px;padding-right:10%;box-sizing:border-box;margin-left:auto;
}
.subsc_job_flex_1_test_2{
	width:100%;max-width:1100px;box-sizing:border-box;margin:80px auto;
}
.subsc_job_flex_1_nagare{
	display:flex;max-width:1100px;justify-content:space-between;line-height:150%;width:100%;
}
.subsc_job_flex_1_nagare_pc{
	text-align:center;		
}
.subsc_job_flex_1_nagare_sp{
	display:none;		
}

.subsc_voice_flex_2{
	display:flex;justify-content:space-between;max-width:950px;margin:45px auto 45px auto;
}
.subsc_voice_flex_3{
	display:flex;justify-content:space-between;max-width:1920px;margin:100px auto 0 auto;
}
.subsc_voice_flex_schedule{
	display:flex;justify-content:space-between;max-width:1100px;height:1150px;margin:0 auto;position:relative;
}
.subsc_voice_flex_schedule_2{
	position:absolute;left:50%;transform: translate(-50%,0 );top:81px;margin:0 auto 0 auto;
}
.subsc_voice_flex_schedule_3{
	flex:0.5;color:#fff;margin-top:224px;font-size:15px;
}
.subsc_voice_flex_schedule_4{
	flex:0.47;color:#fff;margin-top:224px;
}
.subsc_voice_flex_schedule_line{
	position:absolute;top:0;left:18px;border-left:3px #fff solid;height:1150px;
}
.subsc_voice_flex_3_re{
	display:flex;flex-direction:row-reverse;justify-content:space-between;max-width:1920px;margin:100px auto 100px auto;
}
.subsc_voice_schedule_1_a{
	display:flex;height:128px;
}
.subsc_voice_schedule_1_b{
	display:flex;height:110px;
}
.subsc_voice_schedule_2{
	margin-left:10px;font-size:19px;display:inline-block;position:relative;width:90%;margin-top:5px;
}
.subsc_voice_schedule_1_sub{
	position:absolute;font-size:15px;	
}
.voice_fixed{
	position:fixed;z-index:112;top:85px;left:50%;transform: translate(-50%,0);margin:0 auto;width:100%;max-width:1920px;background:#4B4B4B;color:#fff;
}

.subsc_careerup_flex_1{
	display:flex;max-width:1028px;width:100%;margin:30px auto 0 auto;background:#fff;
}
.subsc_careerup_flex_2{
	max-width:722px;width:100%;display:flex;justify-content:space-between;margin:0 auto;margin-top:80px;
}
.subsc_careerup_box_img{
background:#4B4B4B;width:100%;font-size:20px;font-weight:bold;color:#fff;padding:20px  0 20px 20px;box-sizing:border-box;
}
.subsc_careerup_box_img:before {
	content: "";
 	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #4B4B4B;
}
.subsc_careerup_flex_1_text{
	display:flex;
}

.subsc_saiyou_flex_line{
	position:absolute;top:15px;left:17px;border-left:4px #000 solid;height:290px;
}
.subsc_saiyou_flex_1_a{
	display:flex;
}
.subsc_saiyou_flex_1_a_text{
	margin-left:0px;display:inline-block;position:relative;width:90%;margin-top:3px;
}

.subsc_fukuri_flex_1{
	max-width:900px;width:90%;padding:5px 0;border-bottom:1px dashed #707070;margin:10px auto 0 auto;
}
.subsc_fukuri_flex_1_text{
	width:90%;margin:0 auto;
}
.subsc_fukuri_flex_1_title{
	max-width:962px;padding:5px 0;margin:110px auto 60px auto;;font-size:30px;background:#9B7B7B;color:#fff;font-weight:bold;text-align:center;
}

#header_title_flex_1{
	display:flex;height:87px;width:1920px;align-items:center;margin:0 auto;
}
#header_title_flex_2{
	flex:0.25;background:#FD9827;color:#ffffff;width:100%;height:100%;line-height:400%;text-align:center;
}
#header_title_flex_3{
	flex:0.75;background:#FFDFBA;width:100%;height:100%;
}

#message{
	position:absolute;top:80px;left:11%;
}
.message_text{
	max-width:581px;
}
#message_flex{
	display:flex;font-size:15px;justify-content:space-between;width:1366px;min-width:100%;max-width:1366px;
}
#message_space{
	height:500px;
}
#message2{
	position:absolute;top:80px;right:15%;
}
#message3{
	position:absolute;top:80px;right:5%;
}
#message4{
	position:absolute;top:80px;left:5%;
}
#messageb{
	position:absolute;top:50px;right:5%;
}

.howto_flex_01{
	 display:flex;margin:90px auto 0 auto;max-width:1920;width:100%;justify-content:space-between;align-items:center;
}
.howto_flex_01_re{
	 display:flex;flex-direction:row-reverse;margin:90px auto 0 auto;max-width:1920px;width:100%;justify-content:space-between;align-items:center;
}
.howto_flex_02{
	 display:flex;margin:60px auto 150px auto;max-width:1030px;width:100%;justify-content:space-between;
}
.howto_step_res{
	display:none;
}
.howto_step_res_2{
	position:absolute;top:-30px;right:-75px;font-size:20px;font-weight:bold;background:#FD9827;padding:5px 55px;box-sizing:border-box;display:inline-block;color:#fff;
}
.howto_step_res_2_r{
	position:absolute;top:-30px;left:-75px;font-size:20px;font-weight:bold;background:#FD9827;padding:5px 55px;box-sizing:border-box;display:inline-block;color:#fff;
}

.sewing_flex{
	display:flex;margin:50px auto 0 auto;max-width:1100px;width:100%;justify-content:space-between;
}

#subsc_footer_flex{
	display:flex;justify-content:space-between;width:100%;max-width:1366px;margin:0 auto;align-items:center;padding:20px 0;
}
.foonter_last{
	text-align:right;
}

.res_width{
	width:100%;
}
.res_width_593{
	width:593px;
}
.res_max_width_450{
	max-width:450px;
}

.res_height_307{
	height:307px;
}
.res_height_259{
	height:259px;
}
.res_height_291{
	height:291px;	
}
.res_block{
	display:block;
}
#menu_space_n{
	margin-top:86px;
}
#menu_space_n2{
	height:86px;	
}
.res_img_display_1250{
	display:none;
}
.res_img_display_1100{
	display:none;
}
.res_height_100{
	height:100px;
}
#disp_1544_swiper{
	display:none;
}


@media screen and (max-width:1544px){
#message_flex{
	display:block;max-width:100%;width:100%;
}
#message_space{
	height:700px;
}
.res_br_1544{
	display:block;height:60px;		
}
#disp_1544_swiper{
	display:block;
}
#disp_1920_swiper{
	display:none;
}
}

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

}


@media screen and (max-width:1250px){
.res_img_none_1250{
display:none;
}
.res_img_display_1250{
display:inline-block;
}

.header_youkoso{
	flex:0.4;
}
.header_youkoso2{
	flex:0.2;
}
}


@media screen and (max-width:1100px){
.res_header_size{
	height:72px;
}
.voice_fixed{
	top:72px;
}
#menu_space_n2{
	height:80px;	
}

.res_height_100{
	height:70px;
}
.res_img_none_1100{
	display:none;
}
.res_img_display_1100{
	display:inline-block;
}
}


@media screen and (max-width:1000px){
#banner_main_pc{
	display:none;
}
#banner_main_sp{
	display:block;
}
#header_logo_img_top{
	display:none;
}
#header_logo_img_top2{
	display:inline-block;
}
#header_flex{
	background:#fff;
	height:84px;
}
.res_br_2{
	display:block;height:30px;
	}
.res_img_none{
	display:none;
}
.res_img_display{
	display:inline-block;
}
.res_height_180{
	height:50px;
}
.res_height_104{
	height:30px;
}
.res_height_259{
	height:350px;
}
.res_padding_job{
	padding:8px 0 8px 0px;
}
.res_width_593{
	width:90%;margin:0 auto;
}
.res_img_height_750{
	height:auto;
}
.res_height_636{
	height:auto;
}
.res_img_height_636{
	height:auto;position:static;
}
.res_img_height_540{
	height:auto;
}
	
.subsc_aboutus_flex_1_re{
	display:block;text-align:center;
}
.subsc_aboutus_flex_1{
	display:block;text-align:center;
}
.subsc_aboutus_flex_3{
	display:block;
}
.subsc_aboutus_flex_table{
	display:block;text-align:center;width:90%;margin:0 auto;
}
.subsc_aboutus_flex_table_re{
	display:block;text-align:center;flex-direction:row;width:90%;margin:0 auto;
}
.subsc_aboutus_map{
	height:400px;	
}
.subsc_aboutus_dog_1{
	display:none;
}
.subsc_aboutus_dog_2{
	display:block;
}
.subsc_aboutus_height_544{
	height:auto;
}
	
.subsc_job_flex_1{
	display:block;text-align:center;
}
.subsc_job_flex_1_re{
	display:block;text-align:center;flex-direction:row;
}
	
.subsc_job_flex_1_test_1{
	max-width:90%;margin-left:auto;margin-right:auto;
	padding-right:0;

}
	
.subsc_job_flex_1_nagare{
	display:block;text-align:center;
}
.subsc_job_flex_1_nagare_pc{
	display:none;		
}
.subsc_job_flex_1_nagare_sp{
	display:block;		
}
	
.subsc_voice_flex_2{
	display:block;text-align:center;
}
.subsc_voice_flex_3{
	display:block;text-align:center;
}
.subsc_voice_flex_3_re{
	display:block;text-align:center;
}
.subsc_voice_flex_schedule{
	display:block;height:auto;padding-bottom:50px;
}
.subsc_voice_flex_schedule_2{
	position:static;transform: translate(0,0);text-align:center;padding:80px 0;max-width:95%;
}
.subsc_voice_flex_schedule_3{
	margin-top:50px;
}
.subsc_voice_flex_schedule_4{
	margin:50px auto 0 auto;text-align:center;
}
.subsc_voice_flex_schedule_line{
	display:none;
}
.subsc_voice_schedule_1_a{
	
}
.subsc_voice_schedule_1_b{
	height:128px;
}
.subsc_voice_schedule_1_sub{
	position:static;		
}
.subsc_voice_schedule_1_sub_line_a{
	position:absolute;top:0;left:18px;z-index:1;border-left:3px #fff solid;height:128px;
}
.subsc_voice_schedule_1_sub_line_b{
	position:absolute;top:0;left:18px;z-index:1;border-left:3px #fff solid;height:128px;
}
	
.subsc_careerup_flex_1{
	display:block;width:90%;margin:30px auto;padding-bottom:30px;
}
.subsc_careerup_flex_2{
	display:block;text-align:center;position:relative;
}
.subsc_careerup_flex_1_text{
	display:block;
}

.subsc_fukuri_flex_1_title{
	max-width:90%;padding:5px 0;margin:110px auto 60px auto;font-size:20px;background:#9B7B7B;color:#fff;font-weight:bold;text-align:center;
}

.margin_left_auto{
	margin-left:0;
}
.margin_yoko_50{
	margin:0 0;
}
#message{
	position:static;margin:50px auto;max-width:90%;
}
.message_text{
	max-width:100%;
}
#message_space{
		height:0;
	}
#message2{
	position:static;margin:50px auto;max-width:90%;
}
#messageb{
	position:static;margin:50px auto;max-width:90%;
}
#message3{
	position:static;
}
#message4{
	position:static;
}	
.res_max_width_488{
	max-width:90%;margin:0 auto;
}
.res_max_width_700{
	max-width:90%;margin:0 auto;
}
.border_res{
	display:none;
}
#top_moji{
	right:5%;top:50%;
}
.img_top_moji_res{
	width:350px;
}
/*
#header_logo_img{
	display:none;
}
*/
.header_youkoso{
display:none;
}
.header_youkoso2{
display:none;		
}
.foonter_last{
	text-align:center;
}
#menu_space_n{
	margin-top:73px;
}
#menu_space_n_top{
	margin-top:84px;
}
.res_width_1000{
	padding:0 5px;box-sizing:border-box;width:95%;margin:0 auto;
}
.res_br2{
	display:block;height:30px;		
}
}


@media screen and (max-width:770px){
.header_img_size{
width:150px;
}
	.header_img_padding{
padding:0 10px;
}
.res_height_margin_5{
	margin-bottom:4px;
}
.res_block{
		display:inline-block;
}
.res_br{
	display:block;		
}

#footer_flex{
	display:block;text-align:center;
}
#jigyou_footer_flex2{
	margin-top:250px;
}
.margin_res{
	margin:0 20px;		
}
.margin_height_res{
	margin:50px 0 20px 0;		
}
.margin_res_prof{
	margin:0 20px 100px 20px;
}
.res_770_kai{
	margin:50px 0;
}
.sekou_flex{
	display:block;
	max-width:90%;
	width:100%;
	margin:0 auto 0 auto;
}

#subsc_flex_1{
	display:block;text-align:center;
}
#subsc_flex_1_middle{
	margin-left:0;
	margin:0 auto;
}
.subsc_flex_1_banner{
	display:block;
}
.subsc_flex_1_banner_re{
	display:block;flex-direction:row;
}
#banner_main_sp{
	height:2100px;
}
#subsc_flex_2{
	display:block;text-align:center;
}
#subsc_flex_3{
	display:block;text-align:center;
}
#subsc_flex_3_height{
height:auto;overflow:hidden;
}
#subsc_flex_3_heihgt_img{
	height:1300px;
}
#subsc_flex_3_img{
	height:210px;width:365px;object-fit:cover;
}
#subsc_flex_3_img_s{
	height:auto;width:365px;
}
.top_link_2{
height:210px;width:365px;
}

#subsc_top_padding_90{
	padding:50px 8px;
	width:95%;
}
#subsc_top_img_absolute{
	position:static;
}
#subsc_top_border_absolute{
	position:static;margin:0 auto;width:100%;max-width:400px;
}
#subsc_top_img_absolute img{
	max-width:100%;margin-top:30px;
}

.subsc_fukuri_flex_1_title{
	font-size:18px;
}
	
#header_title_flex_1{
	display:block;width:100%;
}
#header_title_flex_2{

}
#header_title_flex_3{
	display:none;text-align:center;
}
.howto_flex_01{
	 display:block;
}
.howto_flex_01_re{
	  display:block;
}
.howto_flex_02{
	 display:block;text-align:center;
}

.howto_step_res{
	font-size:20px;font-weight:bold;color:#FD9827;padding:5px 25px;box-sizing:border-box;display:inline-block;
}
.howto_step_res_2{
	display:none;
}
.howto_step_res_2_r{
	display:none;
}

#subsc_footer_flex{
	display:block;text-align:center;
}
	
.res_width{
	padding:0 5px;box-sizing:border-box;width:95%;margin:0 auto;
}

.res_max_width_450{
	max-width:100%;
}
.res_height_307{
	height:auto;	
}
.res_height_259{
	height:auto;	
}
.res_height_291{
	height:auto;	
}
.res_width_mess{
	width:95%;
}
	
.res_height{
	height:30px;
}
.sewing_flex{
	display:block;margin:0 auto 0 auto;
}
.sewing_flex div{
	margin:0 auto;
}
#menu_space_n2{
	height:80px;	
}
	.res_footer_tel{
		font-size:13px;
	}
}