@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1700px){

}

@media all and  (max-width:1300px){
 .item-pr{
width:100%; 
position: relative;
}
.flow-text{
width: 75%; 
padding: 0 1em;    
}    
}
@media all and  (max-width:1150px){
.background3{
  background-attachment:inherit;
}
.parallax-bg{
width: 100%;
  background-image: url('../img/background2.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;     

}    
nav ul span{
display: block;
font-size: 0.8em;     
}

nav ul li a{
    font-size: 0.9em;
}    

.top_menu .m1{
width: 80%;	   
}    
.slider{
height:900px;  
}
.item-t{
width: 70%; 
padding: 10% 5%; 
order: 2;   
margin: 0;    
}
.item-p{
width: 100%;  
order: 1;      
}   
.midashi h2{    
font-size: 2em;		    
}
.midashi strong{
font-size: 5em;		
} 
.con-text{
width: 100%;  
padding:1em;    
}
.f-contact{
width:35%; 
display: block;    
}   
    footer nav{
    display: none;
    }
.top_slider li .catch p{
	font-size: 2.5em;
}
.top_slider li .catch .strong{
	font-size: 1.2em;
}  
.text3 {
text-align: left;
width: 100%;     
}  
}

@media all and  (max-width:950px){
.text3 {
font-size: 1em;       
}     
.top_slider .slider{
   width:100%;  
    margin-left: 0;  
}  
.top_view{
  width:100%;  
display: block;  
margin-left:0; 
}    
    .top_wrapper-side{
    display: none;
    }  
.fullscreenmenu{
display: block;
}     
.tb_l{
      text-align: left;
    }
.f-con{
width:90%;
margin: 1em auto;    
}
 .inner{
   width:100%;  
display: block;  
margin-left: 0;    
}
.f-contact{
width:50%;   
}  
.banner{
width: 90%;
display: block;
margin: 0 auto;
height: auto;    
} 
  .tab li a{
  margin:2px;
}
.bus-titl {
  margin-left: 0;
}    
.bus-photo1{
width: 100%;
position: relative;  
}
.bus-box1{
width: 100%;
padding: 1em;    
}
.bus-photo2{
width: 80%;
display: block;
margin: 0 auto;
}
.bus-box2{
width: 100%;
padding: 1em;    
}
}
@media all and  (max-width:690px){
.top_view{
height: 200px;
}
.top_img{
 height: 200px; 
}    
    
.top_img p{
font-size: 1.5em;
}
.top_img .small{
    font-size: 0.7em;
}    
    .pc{
    display: none!important;
    }    
    .sp{
    display: block!important;    
    }    
.text1 strong{
font-size: 1.3em;     
}    
.width3{
width:98%;
display: block;
margin: 5% auto 0;
}    
.headline1{
 font-size:1.3em;    
}
.headline2{
 font-size:1.3em;    
}


.midashi_l h2{  
font-size: 1.3em;		    
}
.midashi_l strong{
font-size: 2em;		   
}

.midashi_c h2{    
font-size: 1.3em;		  
}
.midashi_c strong{
font-size: 2em;		    
}    
.top_slider li .catch p{
	font-size: 1.5em;
}
.top_slider li .catch .strong{
	font-size: 1.2em;
}      
   .tb_kaigyo{
    display: block;    
    }    
 .slider{
height:300px;  
}
.sp_l{
      text-align: left;
    }  
.contents{
width:95%;   
margin: 5% auto 0;
} 
.item-tf{
position: relative;
z-index: 10;    
width: 100%;
background:rgba(255,255,255,0.9); 
bottom: 0;
right: 0;  
padding:5% ;   
}
 .item-t{
width:80%;   
}  
 .f_text{
width: 100%; 
text-align: center;
}
.f-logo{
width: 100%;    
}  
.f-contact{
width:80%;
margin: 0 auto;
display: block;    
}
 .item-pr{
width:100%; 
order: 1;
}     
.item-tr1{
position: relative; 
width: 100%;
top: 0;
left:0;  
order: 2; 
margin-bottom: 3%;    
}

.item-tr2{
position: relative; 
width: 100%;
top: 0;
left:0;  
order: 2;  
margin-bottom: 3%;     
}    
.c-con{
width:100%;   
padding: 2%;  
height: 200px; 
margin-top: 2%;   
position: relative;
} 
.c-con strong{
font-size: 1.5em;
color:#fff; 
display: block;    
} 
   
.flow-photo{
width: 80%;
height: auto; 
margin: 0 auto 1em;
}
.flow_box1 a{
display: block;  
width: 300px;
margin: 0 auto;
text-align: center;    
}
.flow_box1 .btn{
display: block;  
width: 300px;
margin: 0 auto;  
text-align: center;  
margin: 1em auto;    
}
.flow-text{
width: 100%; 
padding: 0;    
}  
    
.map2{
width: 100%;    
} 
.map2:nth-child(2){
margin-top:50px;  
}    
    .works1{
width: 95%;        
    }
     .works2{
width: 95%;  
margin-top: 1em; 
    }  
.caret{
width: 100%;
display: block;
font-size: 2em;
text-align: center;    
}    
.mailform table th{
width: 100%;
display: block;    
}

.mailform table td{
width: 100%;
display: block;   
}
.Label {		/*タイトル*/
padding-bottom: 8%;  
}    
 .Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #063F6B;
	border-right: 2px solid #063F6B;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:70%;
	right: 50%;
	transform: rotate(135deg);
    text-decoration: transparent;
}  
.map iframe{
height: 300px; 
}    
}
@media all and  (max-width:450px){
    .sp_kaigyo{
    display: block;    
    }
}
@media all and  (max-width:380px){

}