/*
Theme Name:Technol Wordpress Theme
Theme URI:https://technol.co.jp/aboutus/kyoten_teclabo.html
Author:TechLabo
Author URI:https://technol.co.jp/aboutus/kyoten_teclabo.html
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;
}
.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:#F7FF36;font-size:18px;padding:10px 50px;box-sizing:border-box;text-align:center;border:1px #000 solid;border-radius:8px;background:#00C4E9;box-shadow:4px 4px #75A6C9;
}

.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;
}
.voice_fixed{
	position:fixed;z-index:112;top:90px;left:50%;transform: translate(-50%,0);margin:0 auto;width:100%;max-width:1920px;background:#A3BEDD;
}
.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;
}

.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);
}

.youtube-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.youtube-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#hatitika_flex_1{
	display:flex;justify-content:space-between;
}
#hatitika_flex_2{
	display:flex;justify-content:space-between;z-index:1;padding-top:120px;max-width:1155px;margin:0 auto;
}
#hatitika_flex_3{
	display:flex;justify-content:space-between;margin-bottom:5px;
}

#hatitika_flex_3_height{
	height:1068px;/*868*/
}
#hatitika_flex_3_heihgt_img{
	height:1068px;
}

#hatitika_top_padding_90{
	padding:90px 55px;width:100%;
}
#hatitika_top_img_absolute{
position:absolute;bottom:-5%;right:-15%;
}
#hatitika_top_border_absolute{
	border-bottom:17px #FFEC08 solid;width:400px;position:absolute;bottom:-9px;left:0;z-index:0;
}

.hatitika_aboutus_flex_1_re{
	display:flex;flex-direction:row-reverse;max-width:1920px;
}
.hatitika_aboutus_flex_1{
	display:flex;max-width:1920px;
}
.hatitika_aboutus_flex_3{
	display:flex;
}

.hatitika_aboutus_flex_table{
	display:flex;max-width:1100px;width:100%;margin:63px auto 63px auto;justify-content:space-between;
}
.hatitika_aboutus_dog_1{
	position:absolute;top:0;left:0;z-index:-1;
}
.hatitika_aboutus_dog_2{
	display:none;
}
.hatitika_aboutus_height_544{
	height:544px;
}
.hatitika_job_flex_1{
	display:flex;max-width:1100px;width:100%;justify-content:space-between;line-height:150%;
}
.hatitika_voice_flex_2{
		display:flex;justify-content:space-between;max-width:950px;margin:45px auto 45px auto;
}
.hatitika_voice_flex_3{
		display:flex;justify-content:space-between;max-width:1920px;margin:100px auto 0 auto;
}
.hatitika_voice_flex_3_re{
		display:flex;flex-direction:row-reverse;justify-content:space-between;max-width:1920px;margin:100px auto 100px auto;
}
.hatitika_careerup_flex_1{
	display:flex;max-width:1028px;width:100%;margin:30px auto 0 auto;background:#fff;
}
.hatitika_careerup_flex_2{
	max-width:722px;width:100%;display:flex;justify-content:space-between;margin:0 auto;margin-top:80px;
}
.hatitika_careerup_box_img{
background:#00438F;width:100%;font-size:20px;font-weight:bold;color:#fff;padding:20px  0 20px 20px;box-sizing:border-box;
}
.hatitika_careerup_box_img:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00438F;
}
#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%;
}
#message2{
	position:absolute;top:80px;right:11%;
}
#message3{
	position:absolute;top:80px;right:5%;
}
#message4{
	position:absolute;top:80px;left: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;
}
#andk_howto_flex{
	width:100%;max-width:727px;display:flex;margin:140px auto 0 auto;justify-content:space-between;
}
#andk_sewing_flex{
	width:100%;max-width:727px;display:flex;margin:140px auto 0 auto;justify-content:space-between;
}

#hatitika_footer_flex{
	display:flex;justify-content:space-between;width:100%;max-width:1366px;margin:0 auto;align-items:center;padding:20px 0;
}
.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:90px;
}
#menu_space_n2{
	height:80px;	
}
.res_img_display_1250{
	display:none;
}
.res_height_100{
	height:100px;
}

.hatitika_flex_1_sub_a{
	flex:0.8;
}
.hatitika_flex_1_sub_b{
	flex:0.2;
}





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

}

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


@media screen and (max-width:1100px){
.res_header_size{
	height:72px;
}
.voice_fixed{
	top:72px;
}
#menu_space_n2{
	height:80px;	
}
#menu_space_n2{
	height:50px;	
}
.res_height_100{
	height:70px;
}
.hatitika_flex_1_sub_a{
	flex:0.5;
}
.hatitika_flex_1_sub_b{
	flex:0.5;
}
.hatitika_flex_1_sub_b img{
	width:100%;
}
	
}


@media screen and (max-width:1000px){
	.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_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;
}
.hatitika_aboutus_flex_1_re{
	display:block;text-align:center;
}
.hatitika_aboutus_flex_1{
	display:block;text-align:center;
}
.hatitika_aboutus_flex_3{
	display:block;
}
.hatitika_aboutus_flex_table{
	display:block;text-align:center;
}
.hatitika_aboutus_dog_1{
	display:none;
}
.hatitika_aboutus_dog_2{
	display:block;
}

.hatitika_aboutus_height_544{
	height:auto;
}
	
.hatitika_job_flex_1{
	display:block;text-align:center;
}
.hatitika_voice_flex_2{
		display:block;text-align:center;
}
.hatitika_voice_flex_3{
		display:block;text-align:center;
}
.hatitika_voice_flex_3_re{
		display:block;text-align:center;
}
.hatitika_careerup_flex_1{
	display:block;
}
.hatitika_careerup_flex_2{
	display:block;text-align:center;
}
.margin_left_auto{
	margin-left:0;
}
.margin_yoko_50{
	margin:0 0;
}
#message{
	position:static;
}
#message2{
	position:static;
}
#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;
}
#menu_space_n{
	margin-top:73px;
}


}


@media screen and (max-width:770px){
.res_height_margin_5{
	margin-bottom:4px;
}
.res_block{
		display:inline-block;
}
.res_br{
display:block;		
}
.res_br2{
display:block;height:30px;		
}
#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;
}


#hatitika_flex_1{
display:block;text-align:center;
}
#hatitika_flex_2{
	display:block;text-align:center;
}
#hatitika_flex_3{
	display:block;text-align:center;
}
#hatitika_flex_3_height{
height:auto;overflow:hidden;
}
#hatitika_flex_3_heihgt_img{
	height:1300px;
}
#hatitika_flex_3_img{
	height:210px;width:365px;object-fit:cover;
}
#hatitika_flex_3_img_s{
	height:auto;width:365px;
}
.top_link_2{
height:210px;width:365px;
}

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

#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;
}
#andk_howto_flex{
	display:block;text-align:center;
}
#andk_sewing_flex{
	display:block;text-align:center;	
}


#hatitika_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;	
}
}