@charset"UFT-8";


body{
    margin-top: 3%;
    margin-bottom: 0% ;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0%;
    width: auto;
    height: auto;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN";
    
    
}
header{
    background-color:#fff;
        color:#707070;
    
}


@media screen and (min-width: 481px) {
  .header-inner{
          width:auto;
          height: auto;
          margin:auto;
          
  }
  
  .header-logoimg{
      width: 8%;
      margin-top: -1%;
      
  }
  
  .header-logo{
      margin-top: -0.3%;
      margin-bottom: 2.3%;
      margin-left: 1%;
  }
  
  .sublogo-title{
     padding-top: 1%;
      font-size: 10px;
      font-family: "ヒラギノ角ゴシック,Hiragino Kaku Gothic";    
  }
  
  .logo-title{
      font-size: 25px;
      font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
      display: flex;    
  }
}

@media screen and (min-width: 1704px) {
  .header-inner{
          width:auto;
          height: auto;
          margin:auto;
          
  }
  
  .header-logoimg{
      width: 8%;
      margin-top: -2%;
      
  }
  
  .header-logo{
      margin-top: -0.3%;
      margin-bottom: 3%;
      margin-left: 1%;
  }
  
  .sublogo-title{
     padding-top: 1%;
      font-size: 10px;
      font-family: "ヒラギノ角ゴシック,Hiragino Kaku Gothic";    
  }
  
  .logo-title{
      font-size: 25px;
      font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
      display: flex;    
  }
}
  
  @media screen and (max-width: 480px) {
      .header-logoimg{
          width: 30%;
      }
      
      .header-logo{
          display: flex;
          align-items: left;
          margin-left: 1%;
          margin-bottom: -1%;
          
      }
  
      .sub{
          display: none;   
      }
      
      .logo-title{
        margin-left: -140%;
          font-size: 20px;
          font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
          display: flex; 
          
      }
  }
  
  
  
  @media screen and (min-width: 1200px) {
  .tel{
      display: table;
      margin-left: auto;
      margin-right: 2%;
      margin-top: -3%;
     
   
  }
  .telno{
      display: table-cell;
      font-size: 20px;
      font-family: "ヒラギノ角ゴシック,Hiragino Kaku Gothic";
      margin-right: -4%;
      margin-top: -3%;
      
  
  }
  
  .tel-img{
      max-width:20px;
      height: auto;
      margin-right: -4%;
      
  
  }
  }
  
  
  @media screen and (max-width: 1199px) {
    .tel{
        display: table;
        margin-left: auto;
        margin-right: 2%;
        margin-top: -5%;
       
     
    }
    .telno{
        display: table-cell;
        font-size: 20px;
        font-family: "ヒラギノ角ゴシック,Hiragino Kaku Gothic";
        margin-right: -4%;
        margin-top: -4%;
    
    }
    
    .tel-img{
        max-width:20px;
        height: auto;
        margin-right: -4%;
        margin-top: -4%;
        
    
    }
    }
  @media screen and (max-width: 480px) {
  .tel{
      display: none;
  }
  }


@media screen and (min-width: 481px) {
.header-nav{
    display:flex;
    color:#FFF;
    background-color:#CE7489;
    text-align: center;
    margin: auto;
    justify-content: center;
   
}
.hamburger.active span:nth-child(1){
    display: none;
}
.navsumaho{
        display: none;
    }
}

@media screen and (max-width: 480px) {
.shikaku{
    display: block;
}
.navsumaho{
    width: 100%;
    margin-bottom: -0.45rem;

}

}



@media screen and (min-width: 481px) {
.nav-link{
    color:#FFF;
    font-size: 20px;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN";
    margin: auto;
    text-align: center;
    padding: 1%;
    text-decoration: none;
}

.hamburger {
    display: none;
}

.globalMenuSp{
    display: none;
}
.nav.globalMenuSp ul li {
    display: none;
}
.nav.globalMenuSp ul li a{
    display: none;
}

}


@media screen and (max-width: 480px) {
.nav-link{
        display: none;
    }

  /*　ハンバーガーボタン　*/
.hamburger {
    display : block;
    position: fixed;
    z-index : 3;
    right : 13px;
    top   : 12px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 2px ;
    left    : 6px;
    background : #707070;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 16px;
    left: 6px;
    background :#707070;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 16px;
    background :#707070;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }
  
  nav.globalMenuSp {
    position: fixed;
    z-index : 2;
    top  : 0;
    left : 0;
    color: #fff;
    background: rgba(255,255,255,0.7);
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
  }
  
  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  
  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover{
    background :#fff;
  }
  
  nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
    text-decoration :none;
  }
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    opacity: 100;
  
  }
  
  
      

   
}

.topimg{
  width: 100%;
  margin-bottom: 7%;
}

.line1{
  width: 100%;
  height: 2vh;
}

.toptext{
  text-align: center;
}

@media screen and (max-width: 480px) {
  
  .line1{
    width: 100%;
    height: 2vh;
  }
  .about{
    font-size: 20px;
    color: #AD173A;
  }

  .midasi{
    font-size: 10px;
  }

  .text{
    font-size: 6px;
    margin-bottom: 4%;
  }

}

@media screen and (min-width: 481px) {
  .about{
    font-size: 35px;
    color: #AD173A;
  }
  .midasi{
    font-size: 25px;
  }

  .text{
    font-size: 15px;
    margin-bottom: 4%;
  }

}

@media screen and (min-width: 481px) {
.kigyou{
  margin-top: 8%;
  margin-bottom: 20%;
}
.kigyouimg{
  width: 40%;
}

.kigyou1{
  margin-left: 15%;
  padding-top: 8%;
  font-size: 25px;
}

.text2{
  margin-left: 15%;
  padding-top: 1%;
  font-size: 15px;

}
}

@media screen and (max-width: 480px) {
  .kigyou{
    margin-top: 8%;
    margin-bottom: 25%;
  }
  .kigyouimg{
    width: 50%;
  }
  
  .kigyou1{
    margin-left: 4%;
    padding-top: 8%;
    font-size: 10px;
  }
  
  .text2{
    margin-left: 4%;
    padding-top: 1%;
    font-size: 6px;
  }
  

}

@media screen and (max-width: 480px) {
  .saiyo{
    margin-top: 20%;
    margin-bottom: 30%;
  }
  
  .saiyo1{
    
    padding-left: 55%;
    padding-top: 10%;
    font-size: 10px;
  }
  
  .saiyotext{
    display: block;
    
  }
  
    .text3{
     padding-left: 55%;
      font-size: 6px;
    }

}



@media screen and (min-width: 481px) {
  .saiyo{
    margin-top: 20%;
    margin-bottom: 30%;
  }
  
  .saiyo1{
    
    padding-left: 55%;
    padding-top: 8%;
    font-size: 25px;
  }
  
  .saiyotext{
    display: block;
    
  }
  
    .text3{
     padding-left: 55%;
      font-size: 15px;
    }
  
  }




  @media screen and (min-width: 481px) {
    .footer-inner{
      width:auto;
      height: auto;
      margin:auto;
      justify-content: space-between;
    }
    
    .footer-logoimg{
    width: 7%;
    margin-bottom: 2%;
    margin-top: -1%;
    }
    
    .footer-logo{
    
    margin-left: 1%;
    margin-top: 1.5%;
    margin-bottom: 3%;
    
    }
    
    .font{
      padding-top: -1%;
      margin-left: -12%;
      font-size: 15px;
    }
    
    .footer-title{
    font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
    
    }
    
    .copyright{
      text-align: center;
      background-color: #CE7489;
      color: #fff;
      padding: 10px;
      margin-top: -2%;
    }
  }
    
  @media screen and (max-width: 480px) {
    .footer-inner{
      width:auto;
      height: auto;
      margin:auto;
      justify-content: space-between;
    }
    
    .footer-logoimg{
    width: 10%;
    margin-bottom: 1;
    }
    
    .footer-logo{
    
    margin-left: 1.2%;
    margin-top: 1.5%;
    
    
    }
    
    .font{
      padding-top: -1%;
      margin-left: -12%;
      font-size: 5px;
    }
    
    .footer-title{
    font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
    
    }
    
    .copyright{
      text-align: center;
      background-color: #CE7489;
      color: #fff;
      font-size: 4px;
      padding: 4px;
      margin-top: -2%;
    }
    }


    @media screen and (min-width: 1705px) {
      .footer-inner{
        width:auto;
        height: auto;
        margin:auto;
        justify-content: space-between;
      }
      
      .footer-logoimg{
      width: 7%;
      margin-bottom: 2%;
      margin-top: -1%;
      }
      
      .footer-logo{
      
      margin-left: 1%;
      margin-top: 1.5%;
      margin-bottom: 3%;
      
      }
      
      .font{
        padding-top: -1%;
        margin-left: -12%;
        font-size: 15px;
      }
      
      .footer-title{
      font-family: "ヒラギノ角ゴシック","Hiragino Kaku Gothic";
      
      }
      
      .copyright{
        text-align: center;
        background-color: #CE7489;
        color: #fff;
        padding: 10px;
        margin-top: -1%;
      }
    }