@charset "utf-8";
/* ****************************************************
base
***************************************************** */
@media only screen and (max-width: 768px) {

  body {
  	min-width: inherit;
  }

  #section01 #mainVisual h1 {
    font-size: 180%;
    padding: 30px 20px;
  }

  #section01 #mainVisual .leadText {
    margin: 10px 20px;
    font-size: 100%;
  }

  #contents h2 {
    font-size: 200%;
  }

  #section03 .colBox .fg ,
  #section03 .colBox .fg02 ,
  #section03 .colBox2 .fg ,
  #section03 .colBox2 .fg02 {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    height: 50px;
    min-height: 50px;
    padding-bottom: 0;
  }

  #section03 .colBox .bg ,
  #section03 .colBox .bg02 ,
  #section03 .colBox2 .bg ,
  #section03 .colBox2 .bg02 {
    background-image: url(/svcsol/focus/microsoft/images/index_h03.gif);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    height: 78px;
    min-height: 78px;
  }

  #section03 .colL ,
  #section03 .colR ,
  #section03 .colBox .fg02 ,
  #section03 .colBox .fg {
    width: 100%;
  }

  #section03 .colL ,
  #section03 .colR {
    margin-bottom: 20px;
  }

  #section03 .colBox .bg {
    min-height: 90px;
  }

  #section03 .colBox .fg {
    min-height: 60px;
    padding-bottom: 0;
  }

  .pageList03 {
    height: auto !important;
  }

  .pageList03 li {
    display: inline-block;
  }
  .contact.col-box01 > dt {
    font-size: 16px;
  }

  .contact.col-box01 > dt span {
    font-size: 12px;
  }

  .contact.col-box01 .txt03 {
    font-size: 13px;
  }
}