/*
Theme Name: velief1.0 Theme
Theme URI: http://
Description: This is velief1.0 theme.
Version: 1.0
Author: demiurgeseiya
Author URI: http://mamezoudesign.com
*/
@media only screen and (max-width: 640px) {
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
  ::selection {
    background: #e83416; }

  ::-webkit-selection {
    background: #e83416; }

  ::-moz-selection {
    background: #e83416; }

  ::-ms-selection {
    background: #e83416; }

  ::-o-selection {
    background: #e83416; }

  /*  ------------------------------------------------------------------------------------------------*/
  .brsp,
  .brnpc br {
    display: inherit; }

  .brpc,
  .brnsp br {
    display: none; }

  .texSp-c {
    text-align: center; }

  html {
    height: auto;
    overflow: auto;
    line-height: 1.5em;
    font-size: 100% !important; }

  .wrapper {
    width: 90%;
    margin: 30px auto 0; }

  .fixedInner {
    padding: 0 0 10px 0; }
    .fixedInner .headerLogo {
      position: relative;
      z-index: 1000;
      display: inline-block; }

  .firstWrap {
    margin: 0 auto; }

  article h2 {
    margin-bottom: 0;
    line-height: 1.3; }

  #dl-menu {
    position: absolute;
    top: 0;
    z-index: 999;
    text-align: right;
    width: 95%;
    max-width: initial; }

  .dl-menuwrapper button,
  .dl-menuwrapper button:hover,
  .dl-menuwrapper button.dl-active {
    background: none; }

  .dl-menuwrapper button:after {
    background: #A27259;
    box-shadow: 0 10px 0 #A27259, 0 20px 0 #A27259; }

  .dl-menuwrapper ul {
    background: #A27259; }
    .dl-menuwrapper ul li {
      border-bottom: 1px solid #89614B; }
      .dl-menuwrapper ul li:last-child {
        border-bottom: none; }
      .dl-menuwrapper ul li .fa {
        margin-right: 5px; }

  ul.dl-menu,
  ul.dl-submenu {
    text-align: left; }

  /*  ------------------------------------------------------------------------------------------------*/
  img {
    max-width: 100%;
    height: auto;
    width: auto; }

  body {
    width: 100%;
    height: 100%;
    position: relative; }

  nav {
    display: none; }

  /*  ----------------------------------------------------------------------------------------------*/
  section {
    padding: 0 0 40px; }

  .headerLogo img {
    width: 90%; }

  div.index section.kv .kvDescription {
    top: 35%; }
  div.index section.kv img {
    width: 95%;
    margin: 0 auto; }
  div.index section.kv h1 {
    margin-top: 10px;
    font-size: .8rem;
    font-weight: 100; }

  section.kv {
    height: 220px; }
    section.kv .kvDescription {
      top: 56%; }

  .kvDescription h1 img {
    width: 70%; }

  section.kv.case .kvDescription h1 img {
    width: 33%; }

  section.derivation img {
    width: 93%; }

  section.derivation .button {
    width: 80%; }

  .allNews {
    padding: 30px 0 50px 0; }
    .allNews .toCenter {
      text-align: center; }
      .allNews .toCenter .nameNews {
        display: inline-block;
        text-align: center;
        color: #635547;
        font-size: 1rem; }
        .allNews .toCenter .nameNews span {
          font-size: .8rem;
          font-family: 'Noto Sans Japanese', serif;
          font-weight: 300; }
    .allNews ul {
      background-color: #fafafa;
      margin: 20px auto 0;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      width: 90%; }
      .allNews ul li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0; }
        .allNews ul li p {
          display: inline-block;
          color: #635547; }
        .allNews ul li .date {
          padding: 0 20px;
          border-right: none;
          font-size: .8rem; }
        .allNews ul li .newsTitle {
          display: inline-block;
          width: 95%;
          font-weight: 500;
          padding: 7px 0 0 20px;
          color: #635547;
          font-size: .9rem; }

  ul.systemUL .systemList {
    padding-bottom: 30px;
    margin-bottom: 20px; }
    ul.systemUL .systemList:last-child {
      margin-bottom: 30px; }
    ul.systemUL .systemList .firstH4 {
      margin-top: 20px; }
    ul.systemUL .systemList h4 {
      margin-bottom: 15px; }
    ul.systemUL .systemList .contentsImage,
    ul.systemUL .systemList .contentsText {
      width: 100%;
      padding: 10px 0 0; }
      ul.systemUL .systemList .contentsImage .transSystemList,
      ul.systemUL .systemList .contentsText .transSystemList {
        padding: 0; }
    ul.systemUL .systemList .firstConImg {
      padding: 0; }
    ul.systemUL .systemList .firstConText {
      padding: 20px 0 0; }
    ul.systemUL .systemList .contentsImage.left {
      padding-left: 0; }
  ul.systemUL #equipmentCon .equipmentImg {
    width: 100%;
    display: inherit; }
    ul.systemUL #equipmentCon .equipmentImg li p {
      padding: 10px 0 10px; }
  ul.systemUL #exampleCon .exampleImg {
    width: 100%; }

  section.system h3 {
    margin: 1rem 0; }
  section.system ul.fle-b li {
    width: 100% !important;
    margin-bottom: 20px; }

  section.introduce ul li {
    width: 100%; }

  section.case .contentsImage {
    margin-bottom: 20px; }

  section.appearance ul li {
    width: 100%; }

  section.outline .rightContents .rightContentsInner {
    width: 100%; }

  section.mainService ul li h3 {
    margin: 35px 0 15px; }
  section.mainService ul li .mainServiceInner p {
    height: auto !important; }

  section.footer {
    color: #fff;
    text-align: center;
    background: url(../images/footer-bg.png);
    background-position: center center;
    background-size: cover;
    padding: 40px 0; }
    section.footer h3 {
      font-weight: bold;
      margin-bottom: 1rem; }
    section.footer p {
      margin-bottom: 1rem;
      font-weight: 300;
      line-height: 1.5; }
    section.footer ul {
      margin: 30px auto 0; }
      section.footer ul li {
        font-size: 1.0rem; }
        section.footer ul li:last-child {
          margin: 5px 0 0; }

  section.introduce .equipmentTable .introTitle th {
    padding: 2px; }

  .categoryList {
    display: none; }

  section.introduce .equipmentTable {
    margin: 20px auto 0; }
    section.introduce .equipmentTable .tableGroup {
      width: 100%; }
      section.introduce .equipmentTable .tableGroup .channelText {
        margin: 0 0 60px; }
      section.introduce .equipmentTable .tableGroup .analizer {
        margin: 0 0 30px; }
      section.introduce .equipmentTable .tableGroup .introTable {
        width: 100% !important;
        float: none;
        font-size: .8rem;
        margin: 0 0 30px 0; }
        section.introduce .equipmentTable .tableGroup .introTable .categoryTitle th {
          padding: 10px 0 !important;
          font-size: 1.2rem; }

  ul.bottomCon {
    margin: 0 0 40px 0; }
    ul.bottomCon li {
      padding-bottom: 40px;
      border-bottom: 1px solid;
      border-color: #4f3e2e;
      margin-bottom: 40px;
      font-size: 0; }
      ul.bottomCon li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 10px; }
      ul.bottomCon li .contentsImage {
        width: 100%;
        display: inline-block;
        padding-right: 0; }
        ul.bottomCon li .contentsImage.left {
          padding-right: 0;
          padding-left: 0; }
      ul.bottomCon li .contentsText {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        font-size: 1rem;
        margin: 20px 0 0 0; }

  section.system {
    padding: 10px 0; }
    section.system h4 {
      margin-bottom: 8px; }
    section.system h3 {
      text-align: center;
      margin: 20px 0 15px; }
    section.system ul.fle-b li {
      width: 30%; }

  .list {
    table-layout: fixed; }
    .list .mar-tb5, .list .building-mar, .list .cf-text {
      width: 100%; }
    .list th {
      font-size: .8rem; }
    .list .prefSelection {
      font-size: .7rem; }
    .list .mar-5 input {
      vertical-align: middle; }

  section.outline {
    width: 100%; }
    section.outline h3 {
      font-size: 1rem !important;
      margin: 10px 0 20px; }
    section.outline p {
      line-height: 1.5; }
    section.outline .rightContents {
      font-size: 0; }
      section.outline .rightContents .rightContentsInner {
        font-size: .9rem;
        display: inline-block;
        vertical-align: top;
        padding: 5px; }

  section.tokuteisyo h2 {
    padding: 30px 0 10px; }

  section.results h2 {
    padding-bottom: 10px; }

  section.privacy h2 {
    padding: 30px 0 10px; }

  section.contact br {
    display: block; }
  section.contact h2 {
    padding: 0 0 15px 0; } }

/*# sourceMappingURL=smart.css.map */