/*
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);
}
#scroll-to-top-btn_y{
	position:fixed;
	height:50px;
	width:170px;
	color:#FFF;
	text-align:center;
	font-size:25px;padding:0;
	vertical-align:bottom;
	border: none;
	transition-duration: 0.5s;
	right:85px;
	bottom:150px;
	opacity: 1;
	/*transform:rotate(-90deg);*/
	
}
#scroll_circle{
	z-index:10000;
    position: relative;
    width:40px;
    height:40px;
    box-sizing: border-box;
    background:none;
    border:none;
    font-size:14px;
    color: #ccc;
    text-decoration: none;
    outline: none;
    position:fixed;
    right:10px;
	  bottom:50px;
    transition-duration: 0.5s;
}
  #scroll_circle:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid #ccc;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    transition: .3s ease;
  }
  #scroll_circle:hover:after {
    transform: translate(-50%, -50%) scale(1);
  }
.tatemoji{
  writing-mode: vertical-rl;
  vertical-align:middle;
  line-height:350%;
  font-size:25px;
}
@media screen and (min-width:1400px){
/*pc表示　中央寄りにする*/
/*#scroll-to-top-btn{
	right:calc(50% - 700px);
}
*/
    #scroll_circle{
	  right:calc(50% - 850px);
    }
}

/*トップページ レスポンシブ用*/
.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;
}
.flex_res1000{
	display:flex;
}
.footer_res{
	display:flex;
}
.footer_margin_res{
	margin:0 auto;
}
.footer_height_res{
	max-height:auto;
}
#footer_flex2{
	display:flex;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto 0 auto;align-items:center;
	padding:20px 0;
	color:#fff;
}
#header_flex{
	width:100%;max-width:1100px;display:flex;margin:0 auto;justify-content:space-between;align-items:center;
	
}

#jigyou_footer_flex{
	width:55%;
}
#jigyou_footer_flex2{
	max-width:100%;
}
#syutoku_ninsyou_res{
	width:100%;max-width:800px;background:#D8EEFF;border:solid 1px #707070;margin:0 auto;
}
.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%;
}
#container{
	width:13%;max-width:787px;position:absolute;top:10%;right:25%;z-index:10;
}
#container2{
	width:50%;max-width:787px;position:absolute;top:80%;left:25%;z-index:10;
}
#footer_juusyo{
	margin:20px 0 20px 40px;
}
#footer_juusyo2{
	margin-left:40px;align-items:start;
}
@media screen and (max-width:1500px){

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

#container{
	width:20%;
}
.flex_res1000{
	display:block;
}
.border_res{
	display:none;
}
#top_moji{
	right:5%;top:50%;
}
.img_top_moji_res{
	width:350px;
}
	
}

@media screen and (max-width:770px){
#scroll-to-top-btn_y{
right:8px;
bottom:100px;
}
#scroll-to-top-btn_y img{
width:80%;
}
	
	
	.res_br{
		display:block;
	}
	.res_height{
		display:block;height:20px;
	}
#top_flex{
	display:block;text-align:center;
}
#footer_flex{
	display:block;text-align:center;
}
#footer_juusyo{
	margin:10px 0 20px 0px;
}
#footer_juusyo2{
	margin-left:0px;
}
.jigyou_flex_1{
	display:block;
}
#jigyou_footer_flex{
	width:100%;
}
#jigyou_footer_flex2{
	margin-top:250px;
}
.saiyou_flex{
	display:block;margin:0 auto;
}
#syutoku_ninsyou_res{
	width:97%;
}
#header_logo_img{
	display:none;
}

#container{
	width:25%;
	right:15%;
}
#container2{
	width:80%;left:10%;
}
.flex_res770{
	display:block;
	width:80%;
}
.res_770_none{
	display:none;	
}
.flex_column_res_reverse{
	flex-direction:column-reverse;	
}
.flex_column_res{
	flex-direction:column;	
}
.footer_res{
	display:block;
}
.footer_margin_res{
	margin:30px auto 0 auto;
}
.footer_height_res{
	max-height:auto;
}
#top_moji{
	right:2%;top:60%;
}
#top_moji2{
	right:2%;top:40%;
}
#top_img{
	height:300px;
	object-fit:cover;
}
.img_top_moji_res{
	width:300px;
}
.img_top_moji_res2{
	width:200px;
}
.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;
	

}
}