/* CSS Document */
@media screen and (max-width:767px){
}
@media screen and (min-width:768px) and (max-width:1099px){
  /*TB*/
  /*pageheader*/
  .div.pageheader{
    min-height: 100px;
  }
  div.pageheader div.video{
    height: 300px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
  section.contents.management::before{
    top: -200px;
    font-size: 60px;
    line-height: 1em;
  }
  header + * {
    margin-top: -70px;
  }
  /*ページャー*/
  div.pageheader div.inner{
    padding: 0 20px 10px;
    box-sizing: border-box;
    width: 100%;
  }
  /*コンテンツ*/
  section.contents.graphic::before{
    font-size: 80px;
    top: -200px;
    line-height: 1em;
  }
  section.contents:nth-of-type(1){
    padding-top: 60px;
  }
  section.contents:nth-of-type(1) h2.title{
    font-size: 22px;
    text-align: center;
  }
  section.contents:nth-of-type(1) p.text{
    padding: 30px 50px 0 50px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2.5em;
  }
  /*シンボルマーク・ロゴタイプのの制作*/
  div.symbolwrap {
    padding: 0 0 80px 0;
  }
  section.contents:nth-of-type(1) > :not(span){
    padding-top: 40px;
  }
  section.contents div.listwrap article h2{
    font-size: 18px;
  }
  section.contents.graphic div.listwrap article{
    padding: 0 50px;
    box-sizing: border-box;
  }
  section.contents.graphic div.listwrap article div.inner{
    padding: 30px 0 0 0;
  }
  div.listwrap article div.inner .textwrap{
    padding: 0 20px;
    box-sizing: border-box;
  }
  div.listwrap article div.inner .textwrap > p{
    line-height: 1.8rem;
  }
  section.contents.graphic div.listwrap article div.textwrap ul{
    margin-top: 1em;
  }
  section.contents.graphic div.listwrap article:not(:first-of-type){
    margin-top: 50px;
  }
  section.contents.graphic div.listwrap article div.inner figure{
    width: 600px;
    margin: 0 auto 1em auto;
  }
}
@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){
  /*PC*/
  /*共通*/
}