@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
.m1{
width: 70%;
}


 .con-text1{
font-size: 1em;    
}
.con-text1 strong{
font-size: 1.3em;    
} 
   
footer .footer-box{
width: 90%;  
}    
   
}

@media all and  (max-width:1500px){
    .container{
        width: 95%;
        display: block;
        margin: 0 auto;
    }     
.top_menu .menu_t .logo{
width: 20%;	
}
  .con-text1 strong{
display: block;
} 
   

footer .footer-box{
width: 90%;  
}    
.f-nav{
width: 100%;   
}     
.daiti-con{
width: 300px;
padding: 1%; 
}
.raporu-con{
    width: 300px;
    padding: 1%; 
}  
 .daiti_info-photo1{
width:40%;  
background: #f4dfed;
border-radius: 20px; 
padding: 2%;   
}

.daiti_info-photo2{
width:40%;   
background: #bee2da;  
border-radius: 20px; 
padding: 2%;
margin-left: 60%;   
}  
 .top-nav{
width: 65%;  
}
.top-nav li a{
    font-size: 0.9em;
} 
.top_menu .menu_t .logo{
width: 25%;	
}    
   .b_w2 {
    width: 50%;    
    }   
    .group .g-box{
margin-top: 3%;  
}
}
@media all and  (max-width:1150px){
.midashi h2{
font-size: 2.5em;		
}    
.top-con {
width: calc(50% / 2);     
    
}    
 
.group-icon{
 width: calc(100% /3) ;   
margin: 2% 0 0;    
}
.fa-arrow_right{
font-size: 2em;    
}
}

@media all and  (max-width:950px){
   .img1{
 width: 30%;   
}
.img2{
 width: 30%;  
}
.img3{
 width: 20%;     
}
.img4{
 width: 30%;    
}
    
.img5{
 width: 20%;
top: 50%;    
}
.img6{
 width: 30%;
top: 50%;    
}    
    .pc{
    display: none!important;
    }
    .tb{
    display: block!important;    
    }
   .kaigyo_tb{
    display: block;    
    }   
    .b_w3{
 width: 25%;   
}
.top_menu .menu_t .logo{
width: 50%;	
}    
.midashi h2{
font-size: 2.5em;		  
}

.midashi p{
font-size: 1.5em;	  
}    
    .fullscreenmenu{
    display: block!important;     
    }  
    .top-nav,.top-con {
    display:none;
    }
.g-text1{
top:-10%;
    }
.g-text1 p{
font-size: 1.5em;   
}

.g-text2 p{
font-size: 1.3em;  
}
.group-photo1{
width: 90%;  
}
.group-photo1 img{
width: 100%;  
}
.group-flex{
width: 98%;   
}

.group-btn{
width: 50%;    
}

.btn{
font-size: 1em;    
}    
.text_b{
color:#F28705;
font-size: 1.3em;    
}
   
.mt{
margin-top: 0;    
}
.mb{
margin-bottom: 0;    
}  
   
footer .footer-box{
width: 90%;
display: block;   
margin: 0 auto; ;    
}  
  
footer .footer-box{
width: 100%;
height: auto;
display: block;   
margin: 0 auto;    
}

.contact-box1{
width: 100% ;  
margin:2% 0;  
}  
.contact-text2{
width: 30%;     
}    
.item{
width: calc(100% / 1); 
margin-top: 1em;    
}
 .item3{
width: calc(100% / 1);   
}  
.number{
width: 100%;
font-size: 2em;  
display: block;
margin: 2% auto;
text-align: center;    
}
.flow-text{
width: 100%;    
 font-size: 1em; 
line-height: 1.75;    
}
.flex-photo{
  width: 80%;  
display: block;
margin: 2% auto 0;    
}   
.menu-box table th{
font-size: 0.9em;    
}

.menu-box table td{  
font-size: 0.9em; 
    }
.contact_tel{
width: 50%;  
}   
}
@media all and  (max-width:690px){
/*パンクズ */

 .b_w2 {
    width: 100%;   
    }  
 .b_w3 {
    width: 50%;    
    }     
.btn{
margin: 1% auto;  
}    
.breadcrumb {
  bottom: -30px;;
  left: 2px; 
    width: 80%;
}  
 .daiti_info-photo1{
width:100%;  
background: #f4dfed;
border-radius: 20px; 
padding: 2%;   
}

.daiti_info-photo2{
width:100%;   
background: #bee2da;  
border-radius: 20px; 
padding: 2%;
margin-left: 0;   
}      
.midashi h2{
font-size: 1.5em;		  
}
.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #333;
         text-shadow    : 
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff; 
}

.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb .item_text{
color: #333; 
      text-shadow    : 
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;    
}
.breadcrumb li a {
  text-decoration: none;
  color: #333;/*色*/
    text-shadow    : 
       1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;   
}
.midashi p{
font-size: 1.3em;	  
}
.midashi .icon1{
width: 50px;
vertical-align: middle;  
padding: 5px;    
}  

.heading strong{
font-size: 1.3em;   
}   
    
    .sp_l{
      text-align: left;
        padding: 1%;
    }
        .sp_l2{
      text-align: left;
            display: block;
    }
    .kaigyo_sp{
    display: block;    
    }  

 .text1{
font-size: 0.9em;    
}
.text1 strong{
font-size: 1.2em;      
}
.text2{
font-size: 1.2em;      
}
.gree-p_flex1{
position:static;
top:0;  
width: 40%;    
}    
 .group-flex{
width: 100%;   
}   
.greeting-p{
width: 100%;  
}
.greeting-p img{
width: 70%;  
margin: 5% auto 2%;
display: block;    
}
.greeting-p1{
width: 100%; 
order: 2;       
}
.greeting-p1 img{
width: 70%;  
margin: 5% auto 2%;
display: block; 
}

.greeting-t{
width: 100%;      
}  
.greeting-t1{
width: 100%;    
order: 1;      
}      
.greeting-text{
font-size: 0.9em;
line-height: 200%;    
color: #665c54;    
}
.greeting-text strong{
font-size: 1.3em; 
display: block;  
border-bottom: dashed 2px #05C7F2;
padding-bottom: 2%; 
color: #05C7F2;
font-weight: 500;    
} 
.group .group-text strong{
font-size:0.9em; 
    
}
.group .group-text {
font-size:0.9em;     
}    
.group-icon{
 width: calc(100% /2) ;   
margin: 2% 0 0;    
}  
.group .g-box{
padding: 5%;    
}    
.g-text2 p{
font-size: 1em;  
} 
.g-text1 p{
font-size:1em;   
}
    
.back_orange{     
margin-left: 0;   
}    
footer{
padding: 10% 0 0;    
}  
.f-con{
  width: calc(100% /1) ;      
}
.f-con img{
width: 80%;
display: block;
margin: 0 auto;
}
.f-con-btn{
width: 80%;
display: block;
margin: 0 auto;
}
.f-con-btn a,.f-con-btn p{
font-size: 1.2em;
color: #fff;
border: #fff solid 2px;
width: 90%;
border-radius: 20px; 
display: block;
padding: 2% 1%;   
margin: 3% auto;   
transition: all 0.5s;   
}

.map iframe{
height: 200px;    
}
.table1 table th{
width: 100%;
display: block;
    border-bottom: 1px dotted rgba(255,255,255,0);
    padding: 2% 1%;
}

.table1 table td{
width: 100%;
display: block;
    padding: 2% 1%;
}
textarea{
width:100%;
height: 200px
}
.contact-text1 .orange{
	padding:1%;
} 
.contact_tel{
width: 95%;  
}   
.fa-arrow_right{
font-size: 1.8em;    
}
.service-box1{
width: 90%;   
margin: 0 auto;  
}

.service-box2{
width: 95%;
padding: 5%;    
margin: 0 auto;     
}   
.service_text{
font-size: 0.9em;  
}
.service_text strong{
font-size: 1.3em;        
}    
.recruit_table th{
width: 100%;	
display: block;
border-bottom: 1px solid rgba(255,255,255,0);      
padding: 2% 0;    
}

.recruit_table td{
width: 100%;	
display: block; 
padding: 2% 0;        
}    
.voice-box1{
width: 90%;   
margin: 0 auto;
}

.voice-box2{
width: 95%;
padding: 5%;    
margin: 0 auto;    
} 
.voice_text{
font-size: 0.9em;  
}    
.voice_text strong{
font-size: 1.3em;      
}    
}
@media all and  (max-width:450px){
.group-icon p{
font-size: 0.8em;
}
    .group-btn{
    width: 80%;
    margin: 2% auto 0;
    }      
}