@charset "utf-8";

main {
  float: center;
  color: #222;
  background-color: #fff;
  text-align: center;
  font-family: sans-serif;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0;
}

main {
  /* リンク色 */
  a:link {
    color: #c1272d;
  }
  a:active {
    color: #c1272d;
  }
  a:hover {
    color: #c1272d;
  }
  a:visited {
    color: #c1272d;
  }

  /* 画像 */
  img {
    border: 0px;
  }

  /* リスト */
  ul {
    list-style: none;
  }

  .container {
    max-width: 1200px;
    padding: 0px 20px;
    float: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* ヘッダー*/

  div#header {
    width: 100%;
    background-color: #000;
  }

  .header_logo {
    text-align: left;
    padding: 23px 0px;
    background-color: #000;
  }

  /* 内容*/

  .content {
    width: 100%;
    background-color: #fff;
    }

   .content_g {
    width: 100%;
    background-color: #f2f2f2;
    padding: 40px 0px;
    }

   .content_gg {
    float: center;
    width: 100%;
    background-image: url(/legacy/22_trial_hiace/images/hiace05.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #4d4d4d;
    padding: 50px 0px 20px 0px;
    margin-bottom: 20px;
    }

   .container-t {
    max-width: 1000px;
    margin-bottom: 60px;
    float: center;
    margin-left: auto;
    margin-right: auto;
    }

   .phot01 {
    float: center;
    margin-bottom: 40px;
    background-image: url(/legacy/22_trial_hiace/images/back01.jpg);
    background-repeat: repeat;
    }

   .phot02 {
    color: #fff;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    background-image: url(/legacy/22_trial_hiace/images/hiace01.png);
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    padding: 60px 20px 20px 20px;
    margin-bottom: 20px;
    }

   .phot03 {
    color: #222;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    background-image: url(/legacy/22_trial_hiace/images/hiace04.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 20px 180px;
    }

   .phot04 {
    float: center;
    width: 100%;
    padding: 40px 0px;
    background-image: url(/legacy/22_trial_hiace/images/hiace06.jpg);
    background-repeat: no-repeat;
    }

   .phot05 {
    color: #222;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    background-image: url(/legacy/22_trial_hiace/images/hiace09.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 0px 20px 180px;
    }

   .box01 {
    margin: 40px 0px;
    }

   .box_left {
    float: left;
    width: 48%;
    text-align: left;
    }

   .box_right {
    float: right;
    width: 48%;
    text-align: left;
    }

   .box02 {
    background-image: url(/legacy/22_trial_hiace/images/hiace03.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    margin: 60px 0px;
    }


   h1 {
    color: #c1272d;
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    border-top: 4px solid #c1272d;
    border-bottom: 4px solid #c1272d;
    padding: 4px 0px;
    }

   h2 {
    color: #222;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
    border-left: 10px solid #c1272d;
    padding-left: 20px;
    margin-top: 0px;
   }

   h3 {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 20px;
    }

   h4 {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
    border-left: 10px solid #c1272d;
    padding-left: 20px;
    margin: 0px 0px 0px 400px;
   }

   .to-url a:link {
     border: 1px solid #c1272d;
     border-radius: 16px;
     display: block;
     color: #c1272d;
     font-size: 16px;
     font-weight: bold;
     line-height: 3;
     text-align: center;
     text-decoration: none;
     width: 80%;
     background-color: #fff;
     margin: 10px 0px 60px 60px;
   }

   .to-url a:active {
    color: #fff;
    background-color: #c1272d;
    }

   .to-url a:hover {
    color: #fff;
    background-color: #c1272d;
    }



   .red-box {
     border-radius: 14px;
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     line-height: 2;
     text-align: center;
     background-color: #c1272d;
     padding: 10px 20px;
     margin: 0px 20px 60px 0px;
   }

   .blue-box {
     border-radius: 14px;
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     line-height: 2;
     text-align: center;
     background-color: #000092;
     padding: 10px 20px;
     margin: 0px 20px 60px 0px;
   }

   .gray-box {
     width: 35%;;
     border-radius: 14px;
     color: #fff;
     font-size: 14px;
     font-weight: bold;
     line-height: 2.5;
     text-align: center;
     background-color: #444;
     padding: 0px 20px;
     margin-bottom: 20px;
   }


   .box03_left {
    float: left;
    width: 20%;
    color: #c1272d;
    font-size: 36px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    border-top: 4px solid #c1272d;
    border-bottom: 4px solid #c1272d;
    padding: 10px 0px;
    margin: 160px 0px 0px 40px;
  }

  .box03_right {
    float: right;
    width: 72%;
    color: #222;
    font-size: 14px;
    line-height: 2;
    text-align: left;
    padding: 0px 300px 0px 0px;
    margin: 60px 0px 0px 0px;
  }

   .price {
    color: #222;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: right;
    border-bottom: 1px solid #222;
    padding-bottom: 10px;
    }

   .price02 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    text-align: right;
    text-decoration: underline #ff0000 6px;
    padding: 0px;
    }

   .item {
    float: center;
    display: flex;
    flex-wrap: nowrap;
   }

   .card {
    width: 33%;
    }

   .card-inner {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    padding: 0px 18px;
    text-align: left;
    }

   .red-box2 {
     color: #fff;
     font-size: 12px;
     font-weight: bold;
     line-height: 2;
     text-align: center;
     background-color: #c1272d;
     padding: 6px 20px;
   }

   /* 共通カラー*/

   .red {
     color: #c1272d;
   }

   .blue {
     color: #000092;
   }

   .yellow {
     color: #e3c900;
   }

   .white {
     color: #fff;
   }

   .gray {
     color: #444;
   }

   /* 共通テキスト*/



   .clear {
    clear: both;
    }

   .right {
    float: right;
    text-align: right;
    }

   .left {
    float: left;
    text-align: left;
    }


   .text {
    color: #222;
    font-size: 14px;
    line-height: 2;
    text-align: left;
   }

   .text2 {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
   }

   .text_w {
    color: #fff;
    font-size: 14px;
    line-height: 2;
    text-align: left;
   }

   .text_w2 {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
   }

   .text_s {
    color: #222;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
   }

   .text_b {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
   }

   .text_lb {
    color: #222;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
   }

   .ss{
    font-size: 10px;
    line-height: 1.5;
   }
   .s {
    font-size: 12px;
    line-height: 1.5;
   }
   .s_red {
    font-size: 12px;
    line-height: 1.5;
    color: #FF0000;
    background-color: #D0D0D0;
   }
   .bg_g {
    background-color: #D0D0D0;
   }

   .spec {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 12px;
   }

   .m{
    font-size: 14px;
    line-height: 1.5;
    }

   .mb{
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
   }

   .mb_red{
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    color: #FF0000;
    background-color: #D0D0D0;
   }

   .mb_blue{
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #0050FF;
    background-color: #D0D0D0;
   }

   .lb_red{
    text-align: right;
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
    color: #FF0000;
    background-color: #FFFFFF;
   }

   .b {
    font-weight: bold;
   }

   .l{
    font-size: 16px;
    line-height: 1.5;
    }


   .lb {
    font-size: 22px;
    line-height: 1.5;
    font-weight: bold;
   }

   .xl {
    font-size: 36px;
    line-height: 1.5;
    font-weight: bold;
   }






   .tomail a:active {
    color: #fff;
    background-color: #ae8f44;
    }

   .tomail a:hover {
    color: #fff;
    background-color: #ae8f44;
    }











   /* ページトップへのリンク*/

   div#to_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    }

   /* フッター*/

   div#footer {
    width: 100%;
    background-color: #000;
    padding: 20px 0px 80px 0px;
    border-top: 1px solid #fff;
    }

   .footer_txt {
    color: #dfdfdf;
    font-size: 12px;
    line-height: 1.5;
    text-align: right;
    }

   .footer_txt a:link {
    color: #ffffff;
    }

   .footer_txt a:active {
    color: #E26ED3;
    }

   .footer_txt a:hover {
    color: #E26ED3;
    }

   .footer_txt a:visited {
    color: #ffffff;
    }


}