@charset "utf-8";

/* ========================================
   その他事業内容 固有レスポンシブCSS
   ======================================== */

/* ====== モバイル (max-width:999px) ====== */
@media(max-width:999px){
  /* ヘッダー背景画像 */
  header{
    background-image: url(../topIMG/10_Z.jpg);
  }
}

/* ====== スマホ (max-width:767px) ====== */
@media(max-width:767px){
  /* メイン */
  .item:nth-of-type(even){
    background-color: var(--color-bg);
  }
  .item:nth-of-type(even) .itemImg{
    padding-top: 20px;
  }
  .item:nth-of-type(even) p{
    padding-bottom: 20px;
  }
  .item:nth-of-type(odd){
    color: var(--color-dark);
  }
  .item:nth-of-type(1){
    margin-top: 80px;
  }
  .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }
  .itemImg{
    width: 90%;
    text-align: center;
  }
  .itemImg img{
    width: 100%;
    height: auto;          /* 比率を維持 */
    border-radius: 5px;
  }
  .text{
    width: 90%;
  }
  .text h3{
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
  }
  .text p{
    margin: 20px 0 0 0;
    line-height: 1.5;
  }
  .text span{
    background: linear-gradient(transparent 40%, var(--color-highlight) 85%);
    font-weight: 500;
  }

  /* お問い合わせ */
  .contactOut{
    margin-top: 80px;
    padding-bottom: 50px;
    width: 100%;
  }
}