/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - デスクトップ（デフォルトのグリッド）
   1024-768    - タブレット横長
   768-480     - タブレット縦長
   480-less    - スマホ
--------------------------------------------*/
/* 横並び */


/*pc*/

@media all and (min-width: 999px){
  .flex {
    display: flex; /*横並び*/
    margin-top:2em;
  }
  .flex .image {
    width: 250px; /*画像サイズ指定*/
    margin: 0 2em 0 7em;
    padding: 0;
    overflow: hidden;
    position: relative;
  }
  .flex .text-l {
    font-size: 2em;
    line-height: 2em;
    margin: 0 0 0 20px;
    padding: 0;
    font-weight: bold;
  }
  .flex .image-l {
    width: 450px; /*画像サイズ指定*/
    margin: 0px 0em 0 3em;
    padding: 0;
    overflow: hidden;
    position: relative;
  }
  .flex .text-s {
    font-size: 1em;
    margin: 0px 0 0 7em;
    padding: 0;
    letter-spacing: 0.5px;
    line-height: 2em;
  }
  p.text-l.sp {
    display: none;
  }

  ul.sp {
    display: none;
  }
  
  .text-s span{
    font-size: 1.5em;
  }

}
 
/*タブレット横*/
/*
@media all and (max-width: 1023px)and (min-width: 999px) {
    .flex {
      display: flex; /*横並び*/
 /*     margin-top:2em;
    }
    .flex .image {
      width: 250px; /*画像サイズ指定*/
  /*    margin: 0 2em 0 7em;
      padding: 0;
      overflow: hidden;
      position: relative;
    }
    .flex .text-l {
      font-size:1.5em;
      margin: 0 0 0 20px;
      padding: 0;
    }
    .flex .image-l {
      width: 450px; /*画像サイズ指定*/
/*      margin: 0px 0em 0 3em;
      padding: 0;
      overflow: hidden;
      position: relative;
    }
    .flex .text-s {
      font-size: 1em;
      margin: 0px 0 0 7em;
      padding: 0;
      letter-spacing: 0.5px;
      line-height: 2em;
    }
    p.text-l.sp {
      display: none;
    }
    ul.sp {
      display: none;
    }


  p.text-l.sp {
    text-align: center;
    display: none;
  }

}
*/
@media all and (max-width: 998px){
  p.text-l.pc {
    display:none;
  }
  p.text-l.sp {
    margin-top: 1em;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
  }



  .image-l {
    padding-bottom: 10px;
  }

  ul.pc {
    display: none;
  }

  .text-s {
    font-size: 1em;
    margin: 0 5px;
    padding: 0;
    letter-spacing: 0.5px;
    line-height: 2em;
  }
  p.text-s {
    margin: 0 5px;
  }
  ul.sp {
    margin: 0 4px;
  }
  .text-s span{
    font-size: 1.2em;
  }

}