@charset "UTF-8";
/* CSS Document */

@media (min-width: 1700px){/*1700px以上　主にスライダー用*/


  
  
}

@media (max-width: 1399px) {

  .heading01_sm::before {
      margin-right: 5rem;

  }
  .heading01_sm::after {
      margin-left: 5rem;
  }
}


@media (min-width: 1200px){/*1200px以上*/
  .feature-image img{
    display:none;
  }
}

@media (max-width: 1199px) {
.nav-menu > li > a {
  padding: 5px 10px;} 
  
.company-outline dl dt{
  width:25%;
  text-align: left;
}
.company-outline dl dd{
  width:75%;
}  
  
  
}

@media (max-width: 1030px) {/*navigation専用*/


  
}



@media (max-width: 991px) {

  .nav-menu > li > a {
    padding: 26px 1rem;
    }
  .hero {
    background-size: cover;
}
  .str-banner {
  padding: 1rem 0 1rem 1.5rem;
  border-radius: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 94%, rgba(52, 80, 126, 1) 94%);
  margin-bottom:2rem;
  margin-top:2rem
  }
  .str-banner-inner {
  position: relative;
  padding:1rem 1rem 1rem 0;
  transition: color 0.3s ease;
  transition-delay: 0.2s;
  }  
  #home-recruit{
  background-position:30%;
  padding:5rem 0;
  }
  .home-recruit-copy p{
    font-size:1.25rem;
  }
  
  .footer-logo{text-align: center;}
  .footer-logo img{
    width:350px;
  }
  .footer-address {text-align: center;}
  .f45b{font-size:2.4rem;} 
  .scth01 p{
    color:#163870;
    font-size:3rem;
    font-weight:300;
    font-family: "Jost", sans-serif;
    line-height:1;
    letter-spacing:0.1em;
    padding-bottom:1rem;
  }

.btm-img img{
  width:100%;
}
.sctp {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.strngths-topbg-al {background-image: none;}
.str-header-img{display: block;}
.br-none br{display: none;}
.fleximg100-50{margin-bottom:2rem;display: flex;}
.fleximg100-50 img{width:50%;margin-right:5px;} 
.fleximg100-50 img{width:50%;margin-right:5px;height:100%;}  
.prl5res{padding-right:.5rem;padding-left:.5rem;}
}

@media (max-width: 890px){/*主にhero用*/
.hero-title {
    font-size: 2rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

}



@media (max-width: 767px) {

  .main-heading{
    padding-bottom:2rem;
    padding-right:0.5rem;
    padding-left:0.5rem;
  }
  .main-heading p{

  }
    .heading01{
      font-size:2rem;
    }
.page-title h1 {
   font-size:4rem;
}  
  
  .home-strengths-img img{
    width: 500px;
    height: 240px;
    object-fit: cover;
    object-position: left center;
    box-shadow: -100px 50px 0 0 #163870;
  } 
  .home-strengths-img {
    margin-top: 1rem;
  }  
  .flex-center{
    display: block;
    justify-content: center;
  }
  .page-header { padding-top: 4rem; }  
  .mtb30{margin-top:2.5rem;margin-bottom:2.5rem;}
  .f36b{font-size:2rem;}
  .f28b{font-size:1.5rem;}
  .wpcf7-list-item {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
  }
  
  
  
}/*** === END === max-width: 767px ****/

@media (max-width: 663px) {


}


@media (max-width: 575px) {
  .hero {
    background-position:center;
  }  
  .hero-title {
    font-size: 1.8rem;
    justify-content:flex-start;
    align-items: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left:2rem;
  }
  .cta-heading-wh h1 {
      font-size: 1.35rem;
      letter-spacing:0;
  }  
  .btm-img{
    padding-top:3rem;
  }
  .btm-img img{
    width:100%;
    height:200px;
    object-fit: cover;
  }
  .annotation {} 
  .wpcf7 input[name="your-name"] { /* 名前入力欄 */
    width: 100%;
  }
  .wpcf7 input[name="company"] { /* メール入力欄 */
    width: 100%;
  }
  .wpcf7 input[name="your-email"] { /* メール入力欄 */
    width: 100%;
  }
  .wpcf7 input[name="tel"] { /* メール入力欄 */
    width: 100%;
  }
  
  
}/*** === END === max-width: 575px ****/


@media (max-width: 440px) {
  body{
    font-size:15px;
    font-feature-settings: "palt";
  }
 
  .page-header h1 {
      font-size: 2.5rem;
  }
  .page-title-2 h1 {
      font-size: 2rem;
  }
  .page-header{
    padding-top:4rem;
  }
  .f36b{font-size:1.75rem;}
  .f28b{font-size:1.5rem;}  
  
  .cta-heading-wh h1 {
    font-size: 1.2rem;
    letter-spacing:0;
}  
    .heading01 {
        font-size: 1.5rem;
    }
.str-banner-inner h2 {
    font-size: 1.35rem;
}  
.footer-menu {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.scth01 p {
        font-size: 2rem;
    }


}/*** === END === max-width: 440px ****/







/* ========================== */
/*  441px以上  */

@media (min-width: 441px) {
  .business-intro > h2 > br{display: none;}
  .cta-heading-wh > h1 > br{display: none;}
  
}

/* ========================== */