@charset "UTF-8";
@media screen and (min-width: 768px), print { /* 3枚表示のbxslider-------------------------------------*/
  h2 { background: url("../images/company/h2.jpg") no-repeat; }
  /* h2は後ほど修正の必要あり	*/
  main { width: 100%; }
  .seo_bread_list { width: 1100px; margin: 0 auto; }
  #main { width: 1276px; margin: 0 auto 63px; }
  #about { margin-bottom: 100px; /*.tr01*/ /*.tr02*/ }
  #about .img-1 { width: 123px; margin: 0 auto 10px; }
  #about .ttl-1 { width: 130px; margin: 0 auto 26px; }
  #about .inner-box { width: 1100px; margin: 0 auto; padding: 46px 41px; background-color: #f3f3f3; }
  #about table { width: 1008px; margin: 0 auto; background-color: #ffffff; }
  #about tr { border-collapse: collapse; }
  #about th { width: 226px; padding-left: 50px; border: 1px solid  #161616; text-align: left; color: #212121; font-size: 16px; font-weight: 700; letter-spacing: 0.8px; }
  #about .tr01 td { width: 658px; padding: 24px 0 24px 50px; border: 1px solid #161616; color: #595757; font-size: 16px; line-height: 27px; letter-spacing: -0.16px; }
  #about .tr02 th { vertical-align: top !important; padding-top: 35px; }
  #about .tr02 td { width: 658px; margin: 0 auto; padding: 24px 50px 24px 40px; border: 1px solid #161616; }
  #about .tr02 iframe { margin-bottom: 10px; }
  #about .tr02 .txt-1 { display: block; width: 134px; margin-left: auto; padding: 7px 0; text-align: center; color: #ffffff; letter-spacing: 0.8px; background-color: #7b7b7b; }
  /*#about*/
  #line-up { width: 1200px; margin: 0 auto 70px;border-bottom: 2px solid #000000; /*.ttl-3*/ /* .inner-box */ }
  #line-up .img-1 { width: 65px; margin: 0 auto 20px; }
  #line-up .ttl-1 { margin-bottom: 10px; text-align: center; }
  #line-up .ttl-2 { margin-bottom: 44px; padding-bottom: 20px; text-align: center; border-bottom: 2px solid #000000; }
  #line-up .ttl-3 {position: relative;margin-bottom: 25px;text-align: left;left: 100px;}
  #line-up .ttl-3 .span1 { position: relative; bottom: 10px; padding-left: 14px; color: #282828; font-size: 17px; font-weight: 700; letter-spacing: 0.7px; }
  #line-up .inner-box {position: relative; left: 100px; margin-bottom: 30px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #line-up .inner-box .link { display: inline-block; width: 320px; margin-right: 13px; margin-bottom: 29px; }
  #line-up .inner-box .link:nth-child(3n) { margin-right: 0; }
  /*#line-up*/
  #banner { position: relative; width: 1000px; margin: 0 auto 100px; }
  #banner .link { display: inline-block; width: 320px; margin-right: 13px; margin-bottom: 29px; }
  #banner .link:nth-child(3n) { margin-right: 0; }

  #dolive {margin: 0 auto 20px;}
  #dolive .bx{width: 100%; margin: 0 auto; padding: 50px 0;}
  #dolive .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
  #dolive .bx .list li{width: 280px; margin-right: 20px;}
  #dolive .bx .list li:last-child{margin-right: 0;}

  /* #banner */ }

/*@media screen*/
@media screen and (max-width: 767px) { #main .ttl-1 { margin-bottom: 5%; text-align: center; }
  #about { margin-bottom: 10%; /* ↓ display:inline-blockをかければ横並びになります */ /* ↓ display:inline-blockをかければ横並びになります */ }
  #about .img-1 { margin-bottom: 3%; text-align: center; }
  #about .ttl-1 { margin-bottom: 5%; text-align: center; }
  #about .inner-box { width: 98%; margin: 0 auto; padding: 5% 3%; background-color: #f3f3f3; }
  #about table { width: 100%; margin: 0 auto; border: 1px solid #161616; background-color: #fff; }
  #about tr { border-collapse: collapse; }
  #about tr:last-child td { border-bottom: none; }
  #about th { display: block; max-width: 100%; padding: 4% 0 3% 5%; border-bottom: 1px solid #161616; font-weight: 700; text-align: left; color: #212121; font-size: 1rem; font-weight: 700; letter-spacing: 0.119em; background-color: #ffffff; }
  #about td { display: block; max-width: 100%; padding: 5% 5vw 5%; border-bottom: 1px solid #161616; text-align: left; color: #595757; font-size: 3.6vw; line-height: 1.6; font-weight: 700; letter-spacing: 0.1vw; background-color: #ffffff; }
  #about iframe { width: 95%; margin: 0 auto; }
  /*#about*/
  #line-up {width: 90vw; margin: 0 auto 10vw; padding-bottom: 2%; border-bottom: 2px solid #000000; /*.ttl-3*/ }
  #line-up .img-1 { margin-bottom: 3%; text-align: center; }
  #line-up .ttl-1 { margin-bottom: 3%; text-align: center; }
  #line-up .ttl-2 { margin-bottom: 8%; padding-bottom: 3%; text-align: center; border-bottom: 2px solid #000000; }
  #line-up .ttl-3 { margin-bottom: 3%; text-align: center; }
  #line-up .ttl-3 .span1 { display: block; padding: 2% 2% 0; text-align: center; font-size: 1rem; line-height: 1.2em; letter-spacing: 0.12em; color: #282828; font-weight: 700; }
  #line-up .link { display: block; width: 90%; margin: 0 auto 3%; text-align: center; }
  /*#line-up*/
  #banner { margin-bottom: 10%; }
  #banner .link { display: block; width: 90%; margin: 0 auto 3%; text-align: center; }

  #dolive {margin: 0 auto;}
  #dolive .bx{ margin: 0 auto; padding: 8vw 0 1vw;}
  #dolive .bx .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
  #dolive .bx .list li{width: 41vw; margin-right: 3vw; margin-bottom: 5vw;}
  #dolive .bx .list li:nth-child(2n){margin-right: 0;}


  /*#banner*/ }