@charset "utf-8";

@import url(reset.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(common_parts.css);
@import url(common.css);

/* common */
#about-rinen {padding: 20px 50px 20px 50px; }
#about-gaiyou{padding: 20px 50px 60px 50px; }

#main {
    padding:0 100px;
  }
  #top { 
      position: relative; 
      min-height: 20rem;
   }
  #top h2 { 
      position: absolute; 
      left: 50%; top: 50%; 
      transform: translate(-50%,-50%);
      font-weight: bold; color:#fff; 
      font-size: 5rem;
   }
   
  #top img {
      margin: 75px 0 30px 0;
  }
  
  h3{
    font-size: 28px;
    margin-bottom: 2rem;
    font-weight: bold; 
    letter-spacing:0.2em; 
    font-family:"Noto Serif JP", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    text-align: center;
  }
  
  h3::first-letter{
    font-size: 32px;
    color: #4CAF50;
  }

  #buttons {
    text-align: center;
  }
  #buttons .btn{
    display: inline-block;
    margin: 1rem;
  }

  /*会社概要*/
  .kaisha {
    width: 100%;
    }
    
    .kaisha th,
    .kaisha td {
    border: 1px solid #ccc;
    padding: 20px;
    }
    
    .kaisha th {
    font-weight: bold;
    background-color: #dedede; 
    }
    
    @media screen and (max-width: 767px) {
    .kaisha,
    .kaisha tr,
    .kaisha td,
    .kaisha th {display:block;}
    .kaisha th {width:auto;}
    }

    @media screen and (max-width:414px) {

      #main {
        padding:0 5px;
      }
  
      #top h2 { 
        position: absolute; 
        left: 50%; top: 60%; 
        transform: translate(-50%,-50%);
        font-weight: bold; color:#fff; 
        font-size: 3rem;
     }
    
      h3{
        font-size: 15px;
      }
      
      h3::first-letter{
        font-size: 18px;
        color: #4CAF50;
      }

      #about-rinen,#about-gaiyou{padding: 20px 0px; }

      .kaisha th{
      padding: 5px;
      }

      .kaisha td{
        padding: 10px;
        }
    }