/*===========================================
style.scss
===========================================*/
/*-------------------------------------------
Modules
-------------------------------------------*/
.lhWrap {
  border: 4px solid #ba1c22;
  border-top: none; }
  .lhWrap * {
    box-sizing: border-box; }
  .lhWrap a:link {
    color: #ba1c22; }
  .lhWrap a:visited {
    color: #ba1c22; }
  @media screen and (max-width: 767px) {
    .lhWrap {
      margin: -10px -10px 0; } }
  .lhWrap section {
    padding: 60px 76px;
    border-top: 4px solid #ba1c22; }
    .lhWrap section > h2 {
      position: relative;
      font-size: 2.8rem;
      font-weight: 600;
      padding: 0 0 20px;
      margin: 0 0 20px;
      text-align: center; }
      .lhWrap section > h2:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 40px;
        height: 4px;
        background-color: #ba1c22; }
      @media screen and (max-width: 767px) {
        .lhWrap section > h2 {
          font-size: 2rem;
          padding: 0 0 10px; }
          .lhWrap section > h2:after {
            width: 30px;
            height: 3px; } }
    @media screen and (max-width: 767px) {
      .lhWrap section {
        padding: 20px; } }
  .lhWrap h1 {
    padding: 0;
    border: none;
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .lhWrap h1 > span {
      width: 165px; }
    .lhWrap h1 > p {
      width: 590px; }
    @media screen and (max-width: 767px) {
      .lhWrap h1 {
        margin: 0 0 15px; }
        .lhWrap h1 > span {
          width: 22%; }
        .lhWrap h1 > p {
          width: 73%; } }
  .lhWrap .lhAbout {
    margin: 50px 0 0;
    padding: 30px;
    background-color: #f8e8e8;
    display: flex; }
    .lhWrap .lhAbout > .thumb {
      width: 274px;
      background-color: #fff;
      padding: 30px; }
    .lhWrap .lhAbout > .desc {
      width: 65%;
      padding: 20px 0 0 30px; }
      .lhWrap .lhAbout > .desc .qr {
        margin: 30px 0 0;
        text-align: right; }
    @media screen and (max-width: 767px) {
      .lhWrap .lhAbout {
        margin: 30px 0 0;
        padding: 20px;
        flex-direction: column; }
        .lhWrap .lhAbout > .thumb {
          width: 60%;
          padding: 10px;
          margin: auto; }
        .lhWrap .lhAbout > .desc {
          width: 100%;
          padding-left: 0; }
          .lhWrap .lhAbout > .desc .qr {
            margin-top: 15px; } }
  .lhWrap .lumpMix .lumpR {
    margin: 0 0 0 40px; }
  .lhWrap .lumpMix h3 {
    margin: 0 0 15px;
    font-size: 1.8rem;
    font-weight: 600; }
  .lhWrap .lumpMix .desc {
    margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .lhWrap .lumpMix .lumpR {
      margin: 0 0 10px 15px; }
    .lhWrap .lumpMix h3 {
      font-size: 1.6rem;
      margin-bottom: 10px; }
    .lhWrap .lumpMix .desc {
      margin-bottom: 20px; } }
  .lhWrap .videoWrap {
    margin: 40px 0 0; }
    @media screen and (max-width: 767px) {
      .lhWrap .videoWrap {
        margin: 30px 0 0; } }
  .lhWrap .thumbs > ul {
    display: flex;
    flex-wrap: wrap; }
    .lhWrap .thumbs > ul > li {
      width: 125px;
      margin-top: 10px; }
      .lhWrap .thumbs > ul > li + li {
        margin: 10px 0 0 10px; }
      .lhWrap .thumbs > ul > li:nth-of-type(6n+1) {
        margin-left: 0; }
  @media screen and (max-width: 767px) {
    .lhWrap .thumbs > ul {
      justify-content: space-between; }
      .lhWrap .thumbs > ul > li {
        width: 23.5%;
        margin: 7px 0 0 !important; } }
  .lhWrap .qrLayout {
    display: flex;
    justify-content: space-between;
    width: 70%; }
    .lhWrap .qrLayout .icon {
      margin: 10px 0 0;
      padding-left: 40px;
      background-size: 11%;
      background-repeat: no-repeat;
      background-position: 0 50%; }
      .lhWrap .qrLayout .icon.-wechat {
        background-image: url(../images/lh_icon_wechat.png); }
      .lhWrap .qrLayout .icon.-weibo {
        background-image: url(../images/lh_icon_weibo.png); }
      .lhWrap .qrLayout .icon.-instagram {
        background-image: url(../images/lh_icon_instagram.png); }
    @media screen and (max-width: 767px) {
      .lhWrap .qrLayout {
        width: 100%; }
        .lhWrap .qrLayout .icon {
          background-size: 10%;
          padding-left: 30px; }
        .lhWrap .qrLayout > .qr {
          width: 20%; } }