@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1700px){
    .news_w{
height: 700px;    
}  
.top_menu .menu_t{
justify-content:space-around;
}    
.top_menu .m1 ul{
justify-content:center;	
}     
.top_menu .menu_t .logo{
width: 15%;	
padding-left: 10px;      
}  
top_menu .m1{	
padding: 0 10px;
}     
.top_menu .m1 ul .b1{	
padding: 0 ;
font-size:0.9em;    
}    
.t-contact{
width: 15%;
padding-right: 10px;    
}

.greeting-box{
width: 80%;    
}    
.greeting-p{
width: 30%;
position: absolute;
top:350px;    
left:68%;    
}     
}

@media all and  (max-width:1500px){
.t-tel a{    
font-size:0.9em;	  
}

.t-mail a{    
font-size: 0.7em;		    
}
.main_wrapper{
margin: -90px auto 0;    
}
.wrapper{
margin-left: 5%;
width: 90%;
height:250px;      
}    
}
@media all and  (max-width:1150px){
.main_wrapper{
margin:0 auto;    
}
    .midashi{
    padding-left: 1%;    
    }    
footer .footer-box{
width: 100%;  
}    
.t-mail a{    
font-size: 0.5em;		    
}
.top_menu a{
font-size:0.7em;
}  
  
 .top_menu .m1 ul .b1{	
padding-right: 0;
}
.wrapper{
margin-left: 5%;
width: 90%;
height:230px;
bottom: -170px;    
}     
.greeting-box{
width: 90%;    
}   
.greeting-p{
width: 30%;
position: absolute;
top:450px;    
left:70%;    
}  
.con-box a .content1{
top: 40%; 
}    
 .btn2 a{ 
  width: 95%;  
}   
}

@media all and  (max-width:950px){
.t-contact{
width: 18%;
}    
.text1{
font-size: 1em;     
}
.text1 strong{
font-size: 1.5em;    
}
.kaigyo{
display: block;		
	}       
.tb{
display: block!important;	
}
.pc{
display: none!important;
}
.midashi h2{
font-size: 2em;	
}	
	

.top_menu .menu_t .logo{
width:100%;	
}
.top_menu .menu_t .logo img{
width:30%!important;	
display: block;
margin: 0 auto;
}	

.top_menu .m1{
width: 80%;	
}	
.con-box a .content1{
top: 20%; 
}     
footer .f-text2{
font-size: 1.2em; 
    }
	

.greeting .g-box p{
font-size:1em;
}	
footer .contact-box{
width: 30%;	
height: 450px;	
background: #BF0404;		
}
   
footer .f-text1{
font-size:0.7em;	
padding-top: 10%;	
}
.wrapper{
margin-left: 2.5%;
width: 95%;
height:200px;
bottom: -150px;    
}  
.contact-box2{
width: 100%;	
}    
    
.contact-box2 p{
font-size: 1.2em;   
}
.contact-box2 a{
font-size: 1.5em;
height: 80px; 
line-height: 80px;       
}   		
}
@media all and  (max-width:690px){
    .fullscreenmenu{
    display: block;    
    }    
.background2{
background: rgba(0,0,0,0.03);		
margin: 2% 0;    
}    
.news_w{
height: 900px;    
}     
	.sp{
		display: block;
	}	
.kaigyo1{
display: block;		
	}	
.midashi h2{
font-size: 1.8em;	
color:#fff; 	
text-align: left;
letter-spacing: 5px;	
}
.midashi small{
font-size: 0.4em;
display:block;	
padding-top:0.5%; 
letter-spacing: 1px;    
}
.midashi .border-bottom{
border-bottom: 3px solid #E83D47;  
padding: 2% 0;    
}
.midashi-left{
padding-left: 1%;    
}
.midashi p{
font-size: 1.8em;	
color:#142B6B; 	
text-align: left;
letter-spacing: 5px;	
}
.midashi small{
font-size: 0.4em;
display:block;	
padding-top:0.5%; 
letter-spacing: 1px;    
}
.midashi .border-bottom{
border-bottom: 3px solid #E83D47;  
padding: 0.5% 0;    
}
.top_menu .menu_t .logo img{
width:50%!important;	
}	
.m1,.t-contact,footer .f-menu ul,.tb2{
display: none;
}
.top{
position:absolute;
padding-bottom: 0%;	
}	
.btn a{
font-size: 1.1em;		
}
.t-bus p{
font-size:0.8em;
}
    
.greeting-box{
width: 100%;  
top: 0;     
} 
    .greeting-box_thank  {
    margin-top:     
    } 
.greeting .g-box p{
text-align:left;
font-size: 0.9em;
}
.greeting-p{
width: 40%;
top:720px;    
left:60%;  
position:relative;   
} 
.greeting .g-box p{
width:100%;
}  
.t-business{
margin-top: 3%;
}    
.con-box{
width: 100%;	
position: relative;
cursor: pointer;
display: block;  
overflow: hidden;  
background: #000;      
}
.con-box a{
width: 100%;  
opacity: 0.7;     
transition: all 0.5s;	    
}

.con-box a :hover{
text-decoration: transparent;    
opacity: 1.0;      
}

.con-box a{
width: 100%;   
transition: all 0.5s;	  
display: block;    
}

.con-box a:hover{
transform: scale(1.1, 1.1);
opacity: 1.0;   
text-decoration: transparent;    
}
.con-box a .img{
width: 100%;  
transition: all 0.5s;	
display: block; 
object-fit: cover;    
}


.con-box a .content1{
position: absolute;	
top: 35%;
width: 100%;
display: block;
text-align: center;
  text-shadow    : 
       1px  1px 3px #ffffff,
      -1px  1px 3px #ffffff,
       1px -1px 3px #ffffff,
      -1px -1px 3px #ffffff,
       1px  0px 3px #ffffff,
       0px  1px 3px #ffffff,
      -1px  0px 3px #ffffff,
       0px -1px 3px #ffffff;  
	letter-spacing: 2px;
    opacity: 1.0;   
}	
.con-box a {
font-size: 1.3em;
display: block;
color: #142B6B; 
    cursor: pointer;    
}
.con-box a .content1 .illust1{
width: 70px;
display: block;
margin: 0 auto 10px;
border-radius: 50%;   
}  
footer .footer-box img{

margin: 5% auto 0;
}
    footer .f-text2{
font-size: 1em;
    }
footer .contact-box{
width: 100%;	
height: auto;			
}

footer .f-text1{	
padding-top: 0;	
font-size:0.9em;		
}

.f-contact a{	
width: 70%;	
}
    .btn2{
    width: 100%;
    margin-top: 2%;
    }   
.business-text{
width: 100%;    
}    
.business-photo{
width: 100%;    
} 
.business-list{
padding-top: 0;    
padding-bottom:10%;    
}
.business-list .list{ 
 width:100%;        
padding-bottom: 3%;    
}    
 .business-list .list{ 
 width:95%;
 display: block;
    margin: 0 auto;
}   
 .strength_box{
width:95%;  
    display: block;
     margin: 5% auto 0;
}   
.wrapper{
height:350px;    
bottom: -80px;   
display: inline-block;
padding: 5%;     
}    
.phont-box1{
width: 100%;
height: 400px;    
}
.phont-box2{
width: 100%;
height: 400px;   
}
.phont-box3{
width: 100%;
height: 400px;  
}    
    
.contact2{
width: 95%;
}    

.contact2 .red{
text-align: left;
} 
.table1 table th{
display: block;
	width: 100%;
    border-bottom: 0px dotted rgba(0,0,0,0.0);
    margin: 2% 0 1%;
}

.table1 table td{
display: block;
	width: 100%;
    border-bottom: 0px dotted rgba(0,0,0,0.0)
} 
.contact-text1 .blue{
	padding:1%;
}    
}
@media all and  (max-width:450px){
    .greeting-p{
width: 40%;
top:800px;    
left:60%;  
position:relative;      
} 
 .btn a {
    font-size: 0.9em;  
     width: 140px;   
}
 .wrapper{
height:420px;    
   
}    
}