@media screen and (max-width: 1200px) {
/*index--------------*/
.site-footer {
    height: 800px;
}
/*business--------------*/
.bus-box02 {
    width: 80%;
} 
.bus-app {
    width: 70%;
}

.bus-app p {
    font-size: 30px;
} 
/*company--------------*/
.mac-table {
    width: 80%; 
    
}
.mac-app {
    width: 70%;
}
.mac-app p {
    font-size: 30px;
}
/*rectuit-------------*/
.rec-table {
    width: 80%;
}
.rec-box03 {
    width: 70%;
}
.rec-app {
    width: 70%;
}   
.rec-app p {
    font-size: 30px;
}
.rec-text01 {
    font-size: 23px;
}
    
    
}


@media screen and (max-width: 995px) {
/*index--------------*/

.site-nav02 {
    background: #fff;
}
.top-box01 {
    height: 110px;
    font-size: 30px;
} 
.gre-text01 {
    font-size: 20px;
    text-align: left;
}
.top-box02 {
    height: 550px;
}
.top-box03 {
    height: 600px;
}
.gre-top,.gre-blank{
    background-size: 100%;
}
.content {
    margin-top: 100px;
    } 
#htext01 {
    left: 90px;
    font-size: 13px;
}
#htext02 {
    left: 90px;
    top: 40px;
    font-size: 25px;
} 
.site-box01 img {
    height: 55px;
    left: 10px;
    top: 20px;
}
#htext03 {
    font-size: 13px;
    top: 20px;
    right: 40px;
}
#htext04 {
    top: 50px;
    right: 20px;
    font-size: 20px;
}
.site-box02 img {
    right: 270px;
    top: 40px;
} 
.gnav__menu li {
    width: 15%;
}
/*business--------------*/ 
.bus-box01 {
    font-size: 30px;
}
/*company--------------*/
.mac-table {
    width: 80%;
}    
.mac-box01 {
    font-size: 30px;
}
.mac-app {
    width: 80%;
}
.mac-app p {
    font-size: 30px;
}
    
/*recruit--------------*/
.rec-text01 {
    font-size: 20px;
} 
.rec-app {
    width: 80%;
}  
    
    
    
}
@media screen and (max-width: 896px) {
 
    
}
@media screen and (max-width: 810px) {
.pc{
    display:none;       
}
#pc{
    display:none;
}
.tab{
    display: block;
}
#tab{
    display:block;
}
#backsp{
    display:none;
}
.gre-top02,.gre-blank02{
    background-image: url('../images/common/topimage-sp.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
}
.gre-top02{
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    padding: 5% 0;
}
.gre-top02 p {
    margin-top: 300px;
    text-align: left;
    padding: 20px;
    width: 500px;
    font-size: 30px;
    color: #fff;
    background: #3E3E3E;
    font-family: HGSMinchoB;
    letter-spacing: 1rem;
    line-height: 1.5;
    position: relative;
    height: 100px;
}  
.gre-blank02{
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 5% 0;
}   

}

@media screen and (max-width: 730px) {
/*index--------------*/
.site-header{
    display: none;
}
.site-footer {
    height: 900px;
}
.site-headersp{
    display: block;
    position:fixed;
	top:0;
    justify-content: space-between;
    width: 100%;
	z-index:13;
    height: 180px;
    background: linear-gradient(to bottom,#000000,#000000,#3E3E3E);
}
.sp{
    display:block;       
}
#sp{
    display:block;
}
.tab{
    display:none;
}
#tab{
    display:none;
}
#backsp{
    display:block;    
}
.gre-top03,.gre-blank03{
    background-image: url('../images/common/topimage-sp398.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 400px;
}
.gre-top03 p {
    margin-top: 200px;
    text-align: left;
    padding: 20px;
    width: 400px;
    font-size: 23px;
    color: #fff;
    background: #3E3E3E;
    font-family: HGSMinchoB;
    letter-spacing: 1rem;
    line-height: 1.5;
    position: relative;
    height: 60px;
} 
.gre-blank03{
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 5% 0;
} 
.gre-title01 {
    padding-top: 40px;
    font-size: 25px;
}
.site-box02 img{
    left: 20px;
    top: 100px;
    right: auto;
    height: 45px;
}
#htext03{
    color: #D9D9EA;
    top: 100px;
    left: 90px;
    right: auto;
}   
#htext04{
    color: #D9D9EA;
    top: 130px;
    right: auto;
    left: 90px;
}
a[href*="tel:"] {
text-decoration: none;
color:aqua;
}
/*company--------------*/
.mac-top {
    margin-top: 180px;
}
.mac-table {
    width: 90%;
    margin: 50px auto;
}
.mac-app {
    width: 85%;
}
.mac-app p {
    font-size: 25px;
}
.mac-box01{
    height:75px;
}
.mac-title01 {
    padding-top: 20px;
}
/*business--------------*/
.bus-top {
    margin-top: 180px;
}
#bus-exp01 {
    font-size: 20px;
    padding: 20px;
    text-align: left;
} 
#bus-exp02 {
    font-size: 20px;
    padding: 20px;
}
.bus-app {
    width: 80%;
}
.bus-app p {
    font-size: 25px;
}
.bus-box01{
    height:75px;
}
.bus-title01 {
    padding-top: 20px;
}
    
/*recruit--------------*/
.rec-top {
    margin-top: 180px;
}
.rec-box01 {
    font-size: 30px;
}
.rec-text01 {
    font-size: 20px;
    text-align: left;
} 
#wan-title {
    font-size: 25px;
}
.rec-table {
    width: 90%;
} 
#left {
    width: 25%;
}
.rec-app p {
    font-size: 25px;
}  
.rec-box01 {
    height: 75px;
}
.rec-title01 {
    padding-top: 20px;
}
    
    
/*----------------スマホ用下部固定メニュー--------*/
/*メニューをページ下部に固定*/
#sp-fixed-menu{
   display:block;
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   /*opacity: 0.9;*/
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
   background:#c9c1c1;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding: 20px 0px;
}  
}
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
@media screen and (max-width: 522px) {
/*index--------------*/ 
.site-box01 img {
    height: 45px;
}
#htext01 {
    left: 80px;
}    
#htext02 {
    left: 80px;
}
.site-box02 img {
    left: 30px;
    height: 30px;
    top: 90px;
}
#htext03 {
    left: 80px;
    top: 85px;
}
#htext04 {
    left: 78px;
    top: 110px;
    font-size: 14px;
}
.top-box02 {
    height: 650px;
}
.bb{
    width:100%;
}
.bb02 {
    width: 100%;
}
.gbo02 img{
    width:100%;
}
.top-box03 {
    height: 1500px;
}
.gbo01{
    width:90%;
}
.gbo03{
    width: 90%;
}
.foot01 img {
    height: 50px;
}
.foot03 p{
    font-size:12px;
}  
/*company--------------*/
.mac-table td {
    font-size: 18px;
}
.mac-app {
    width: 90%;
}
.mac-app p {
    font-size: 20px;
    line-height: 2rem;
}
/*business--------------*/
.bus-box02 {
    width: 90%;
}
.bus-app p {
    font-size: 20px;
}
.bus-box02 {
    margin: 50px auto;
}
.bus-app {
    width: 90%;
    line-height: 2rem;
}
/*recruit--------------*/ 
.rec-app p {
    font-size: 20px;
}  
#wan-title {
    font-size: 20px;
} 
.rec-box03 {
    padding: 38px;
}
/*machine--------------*/ 
#trgray{
    background:#cbcbcb;
}
.mac-table td{
    padding: 15px 5px;   
}

}
@media screen and (max-width: 398px) {
#htext01 {
    font-size: 11px;
}
.gre-top03 p {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    font-size: 18px;
    margin-top: 150px;
}
.top-box01 {
    height: 90px;
}
.gre-title01{
    font-size:23px;
    padding-top:30px;
}
.gre-text01 {
    font-size: 18px;
}
.gre-text02 {
    font-size: 18px;
}
.gbo01 {
    font-size: 18px;
    width:90%;
}
.gre-top03,.gre-blank03{
    background-image: url('../images/common/topimage-sp398.jpg');
} 
.gre-blank03{
    height: 300px;
}  
.top-box03 {
    height: 1300px;
}
.root p{
    font-size:12px;
}
.site-footer {
    margin-top: 100px;
} 
.mac-table td{
    padding: 10px 10px;
}
.site-headersp{
    height:135px;
}
.mac-top {
    margin-top: 150px;
}
.mac-box01 {
    height: 80px;
    font-size:24px;
}
.mac-box02{
    font-size: 26px;
}
.mac-title01 {
    padding-top: 25px;
}  
.mac-table td {
    font-size: 14px;
}
.foot01 {
    padding: 10px;
}
.bus-top {
    margin-top: 150px;
}
.bus-box01 {
    height: 80px;
    font-size:24px;
}
#bus-exp01,#bus-exp02{
    font-size: 16px;
} 
.bus-title01 {
    padding-top: 25px;
}    
.rec-top {
    margin-top: 150px;
}
.rec-box01 {
    height: 80px;
    font-size:24px;
} 
.rec-text01 {
    font-size: 16px;
} 
.rec-app {
    line-height: 2rem;
}
.rec-table {
    margin: 50px auto;
}
    
    
    
}