/* CSS Document */
@media screen and (max-width:767px){
}
@media screen and (min-width:768px) and (max-width:1099px){
  /*TB*/
  
  /*ページャー*/
  div.pageheader div.inner{
    padding: 0 20px 10px;
    box-sizing: border-box;
    width: 100%;
  }
   div.pageheader {
    min-height: 100px;
     margin-top: -70px;
  }
  /*コンテンツ*/
  div.examplewrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;;
  }
  div.examplewrap > article{
    margin: 0 !important;
  }
  .inner > h2{
    font-size: 24px;
    text-align: center;
    padding: 35px 0 25px;
  }
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
  /*共通*/
  /*pageheader*/
  .div.pageheader{
  }
  div.pageheader div.video{
    height: 500px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
  
  .inner > h2{
    font-size: 24px;
    text-align: center;
    padding: 50px 0 20px;
  }
}