/**
 * totalsupport/index.html 専用のスタイル指定
 *
 * 注意:
 * 「PCファースト」の方針で記述しています。
 * はじめにPC、モバイル共通のスタイルを記述し、モバイル専用は後から上書きする形で記述しています。
 * 原則として、PC専用のメディアクエリは設けないようにしてください。
 */

/********************************
 * PC、モバイル共通
 ********************************/
.main_h1 {
  max-width: 361px;
}
.h1_img {
  background-image: url(../img/totalsupport-main01.jpg);
  background-position: center 90%;
}
.jigyoushoukai {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
.jigyoushoukai_left {
  display: block;
  float: left;
  width: 50%;
}
.jigyoushoukai_right {
  float: right;
  width: 47.3958333%; /* 455px */
}
.jigyoushoukai_right ul {
  margin-bottom: 5px;
  margin-left: 1.5em;
  margin-top: 5px;
}
.jigyoushoukai_right ul li {
  color: #0056b5;
  font-weight: bold;
  line-height: 1.5;
  list-style-type: disc;
}
.jigyoushoukai_left img {
  height: auto;
  width: 100%;
}
/********************************
 * モバイル専用
 ********************************/
@media screen and (max-width: 767px) {
  .jigyoushoukai {
    display: -ms-flexbox;
    display: -webkit-flex;
    display:         flex;
    -ms-flex-direction: column;
    -webkit-flex-flow: column;
            flex-flow: column;
  }
  .jigyoushoukai_left {
    -ms-flex-order: 2;
    float: none;
    margin: 37px auto 0;
    max-width: 480px;
    -webkit-order: 2;
            order: 2;
    width: 100%;
  }
  .jigyoushoukai_right {
    -ms-flex-order: 1;
    float: none;
    margin-top: 2em;
    -webkit-order: 1;
            order: 1;
    width: auto;
  }
}