/*
 Theme Name: original_child
 Template: original
 Version:4.1.4
 */

 


 /*PC スマホ切り替え*/
 /* パソコンで見たときは"pc"のclassがついた画像が表示される */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');
 *{
  
 }
 :root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
  
}
 body{
   font-family: 'Noto Serif JP', serif;
   font-size:clamp(0.8rem, calc(0.75rem + 0.19999999999999996vw), 0.9rem);
   word-break: auto-phrase !important;
  
 }
 .pc {
   display: block !important;
 }
 
 .sp {
   display: none !important;
 }
  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  @media only screen and (max-width: 750px) {
    .pc {
      display: none !important;
    }
  
    .sp {
      display: block !important;
    }
  }
  .br-sp {
    display: none;
  }
  
  @media screen and (max-width: 1080px) {
    .br-pc {
      display: none;
    }
  
    .br-sp {
      display: inline-block;
    }
  }
/* 文字 */




/* flexここまで */
/* 余白関係 */
.p32{
    padding: 32px;
}
.pt32{
    padding-top: 32px;
}
.pb32{
    padding-bottom: 32px;
}
.pt64{
    padding-top: 64px;
}
/* 余白関係ここまで */
.l-main-img{
  background-image: url(img/top.jpg);
  background-size: cover;
  background-repeat: no-repeat;
} 
.l-main-img__bg img, .l-main-img__bg source {
  height: 100vh;
}
.l-main-img-copy__head::after {
  position: absolute;
  bottom: 24px;
  left: 0;
}
span.important{
  font-weight: 900;
}
.home-driveline{
  background-color: #1b254e;
  padding-top: 64px;
}
.flex-center{
  display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
}
.img-m{
  width: 80%;
}
.img-s{
  width: 66%;
}
.flex-item{
  display: flex;
  align-items: stretch;/*子要素の高さが伸縮する指定*/
  height: 100%;
}
.home-team__img-main{
  background-image: url(img/ph_snowfall_04.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.wht{
  color: #fff;
}
.red{
  color:red;
}
.home-company__inner2{
  margin-top: 24px;
  margin-bottom: 24px;
}
.pb100{
  padding-bottom: 100px;
}
/* メインスライダーとサムネイルの画像サイズ設定 */
/* メインスライダーとサムネイルの画像設定 */
.slider-5-thum img,
.slider-5-nav img {
    width: 100%;           /* 横幅をコンテナいっぱいに設定 */
    height: 600px;         /* 高さを統一 */
    object-fit: cover;     /* コンテナ全体に収める */
}

/* キャプションの中央揃え設定 */
.slider-5-thum > div,
.slider-5-nav > div {
    text-align: center;    /* キャプションを中央に配置 */
    box-sizing: border-box;
}

/* レスポンシブ対応：モバイルでの高さ調整 */
@media screen and (max-width: 768px) {
    .slider-5-thum img,
    .slider-5-nav img {
        height: 200px;     /* モバイル表示での高さを調整 */
    }
}
@media screen and (max-width: 650px){

.contact-container {
  width: 95%;
  margin-bottom: 16px;

}
     p.header_p{
  position:absolute;
  top:0;
  right:25%;
  font-size: 0.9rem;

}
.l-header-info__logo {
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 10;
}
.l-header-info__logo .logoimg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
}
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.4rem !important;
	line-height: 1.5;
}