@charset "UTF-8";
/*関数*/
/*color*/
/*レイアウト要素*/
/*mixin置き場*/
/*フォント指定*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese");
/*レスポンシブ展開ベースセット*/
/*main*/
@media screen and (max-width: 767px) {
  main {
    width: 100%;
    overflow-x: hidden; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  main {
    width: 100%;
    overflow-x: hidden; } }

/*基本要素*/
html {
  font-family: "游ゴシック" , "ヒラギノ角ゴ" , "Noto Sans JP" , sans-serif;
  width: 100%;
  height: auto; }

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

p, li, h2, h3 {
  font-family: "游ゴシック" , "ヒラギノ角ゴ" , "Noto Sans JP" , sans-serif; }

@media screen and (max-width: 767px) {
  p {
    font-size: 1em;
    line-height: 2rem;
    padding: 0; }
    p img {
      display: block; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
    line-height: 2rem;
    padding: 0; } }

@media screen and (min-width: 992px) {
  p {
    font-size: 20px;
    line-height: 2rem;
    padding: 0; } }

a {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a:hover {
    opacity: 0.7; }
  a.btn {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  a.btn:hover {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.bg-1 {
  background-color: #FF9A9A; }

/*文字装飾*/
.min-lead {
  font-family: "游明朝" ,"YuMincho" ,"ヒラギノ明朝" ,serif; }

/*h系タグ*/
h2 {
  font-family: "游明朝" ,"YuMincho" ,"ヒラギノ明朝" ,serif; }

h3 {
  font-family: "游明朝" ,"YuMincho" ,"ヒラギノ明朝" ,serif;
  /*padding:30px 0 0;*/
  color: #fff; }

a {
  color: #FF9A9A;
  text-decoration: underline; }

/*画像高さ*/
.ltext {
  height: 54px;
  width: 100%; }
  .ltext img {
    width: auto; }

/*定義タグ*/
/*リストタグ*/
/*ヘッダー*/
@media screen and (max-width: 767px) {
  header #header .head {
    max-width: 100%;
    margin: 0 auto; }
    header #header .head img {
      width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  header #header .head {
    max-width: 100%;
    margin: 0 auto; }
    header #header .head img {
      width: 100%; } }

@media screen and (min-width: 992px) {
  header #header .head {
    max-width: 1100px;
    margin: 0 auto; } }

/*ランディングページ*/
@media screen and (max-width: 767px) {
  #landing {
    width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  #landing {
    width: 100%; } }

@media screen and (min-width: 992px) {
  #landing {
    width: 100%; } }

/*article > section*/
/*ページの主要な装飾*/
@media screen and (max-width: 767px) {
  .dbox {
    position: relative; }
    .dbox.type-1 {
      max-width: 100%;
      background: url(../img/present_box.png);
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 30px;
      margin: 30px auto 0; }
      .dbox.type-1 a {
        display: block;
        margin: 64px auto 0;
        text-align: center;
        max-width: 100%; }
    .dbox.type-2 {
      max-width: 100%;
      background: none;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 0;
      margin: 0 auto; }
      .dbox.type-2 a {
        display: block;
        margin: 240px auto 0;
        text-align: center;
        max-width: 100%; }
    .dbox.type-2:after {
      content: "";
      display: block;
      width: 100%;
      height: 60px;
      background: none;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom;
      position: absolute;
      bottom: -60px;
      left: 0;
      z-index: 10; }
  article.type-1 {
    background: url(../img/bg1.jpg);
    background-size: 1400px 480px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-1 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-1 section[class*="type-"] img {
        width: 100%; }
    article.type-1 section.type-1 {
      min-height: 480px;
      margin: 0 auto 30px;
      padding: 30px 0 0; }
    article.type-1 section.type-2 {
      margin: 0 auto 0; }
  article.type-2 {
    background: url(../img/bg2.jpg), #F9F8F5;
    background-size: 100% 812px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-2 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-2 section[class*="type-"] img {
        width: 100%; }
    article.type-2 section.type-1 {
      margin: 0 auto 30px;
      padding: 30px 0 0;
      width: 100%;
      overflow: hidden; }
      article.type-2 section.type-1 img {
        margin: auto;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5); }
    article.type-2 section.type-2 .box {
      width: 100%; }
      article.type-2 section.type-2 .box.type-1 {
        width: 100%;
        margin: 0 auto 30px; }
      article.type-2 section.type-2 .box.type-2 {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 30px; }
  article.type-3 {
    background: url(../img/bg6.jpg), url(../img/bg.jpg);
    background-size: 100% 1300px,100% 600px;
    background-repeat: repeat-x,no-repeat;
    background-position: top,1201px; }
    article.type-3 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-3 section[class*="type-"] img {
        width: 100%; }
    article.type-3 section .text {
      max-width: 596px;
      margin: auto;
      padding: 60px 0 30px; }
    article.type-3 section.type-1 .sugoi.type-1 {
      background: url(../img/point-1.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-1 h3 {
        padding: 40px 60px 30px; }
        article.type-3 section.type-1 .sugoi.type-1 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-1 p {
        max-width: 100%;
        position: relative;
        left: 0%;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-2 {
      background: url(../img/point-2.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-2 h3 {
        padding: 30px 40px 30px 30px;
        height: auto; }
        article.type-3 section.type-1 .sugoi.type-2 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-2 p {
        max-width: 100%;
        position: relative;
        left: 0;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-3 {
      background: url(../img/point-3.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-3 h3 {
        padding: 30px 120px 30px;
        height: 54px; }
        article.type-3 section.type-1 .sugoi.type-3 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-3 p {
        max-width: 100%;
        position: relative;
        left: 0%;
        padding: 30px 0; }
  article.type-4 section .text.bg-1 {
    margin: 30px auto;
    padding: 15px 30px 15px;
    position: relative;
    text-align: right; }
    article.type-4 section .text.bg-1 img {
      height: auto; }
  article.type-4 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-4 section[class*="type-"] img {
      width: 100%; }
  article.type-4 section.type-1 > img {
    display: block;
    margin: 10px auto;
    max-width: 1000px; }
  article.type-4 section.type-2 {
    margin: 30px auto; }
    article.type-4 section.type-2 .box.type-3 {
      margin: 0;
      padding: 0;
      position: relative;
      bottom: -45px;
      z-index: 12; }
  article.type-4 section .box.type-2 {
    margin: 30px 0; }
  article.type-4 section .box.t-center {
    text-align: center; }
  article.type-5 {
    background: url(../img/bg3.jpg);
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-5 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-5 section[class*="type-"] img {
        width: 100%; }
  article.type-6 section[class*="type-"] {
    max-width: 1100px;
    margin: auto;
    width: 100%; }
    article.type-6 section[class*="type-"] img {
      width: 100%; }
  article.type-6 section .ltext {
    text-align: center; }
  article.type-7 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-7 section[class*="type-"] img {
      width: 100%; }
      article.type-7 section[class*="type-"] img.tube_comment {
        display: block;
        width: 180px;
        margin: 60px auto; }
  article.type-7 section.type-1 {
    text-align: center;
    margin: 60px auto; }
  article.type-7 section.type-2 {
    background: url(../img/bg4.jpg);
    background-size: 100%;
    padding: 60px 0; }
    article.type-7 section.type-2 .mbox {
      display: block;
      text-align: center;
      width: 360%;
      height: 240px; }
      article.type-7 section.type-2 .mbox iframe {
        width: 360;
        height: 240px; }
    article.type-7 section.type-2 .box.type-4 {
      max-width: 100%;
      margin: 0 auto 60px; }
  article.type-8 {
    background: url(../img/bg3.jpg), #F5F1EA;
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-8 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-8 section[class*="type-"] img {
        width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .dbox {
    position: relative; }
    .dbox.type-1 {
      max-width: 100%;
      background: url(../img/present_box.png);
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 30px;
      margin: 30px auto 0; }
      .dbox.type-1 a {
        display: block;
        margin: 200px auto 0;
        text-align: center;
        max-width: 480px; }
    .dbox.type-2 {
      max-width: 100%;
      background: none;
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 0;
      margin: 0 auto; }
      .dbox.type-2 a {
        display: block;
        margin: 240px auto 0;
        text-align: center;
        max-width: 100%; }
    .dbox.type-2:after {
      content: "";
      display: block;
      width: 100%;
      height: 60px;
      background: none;
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom;
      position: absolute;
      bottom: -60px;
      left: 0;
      z-index: 10; }
  article.type-1 {
    background: url(../img/bg1.jpg);
    background-size: 1400px 480px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-1 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-1 section[class*="type-"] img {
        width: 100%; }
    article.type-1 section.type-1 {
      min-height: 480px;
      margin: 0 auto 30px;
      padding: 30px 0 0; }
    article.type-1 section.type-2 {
      margin: 0 auto 0; }
  article.type-2 {
    background: url(../img/bg2.jpg), #F9F8F5;
    background-size: 100% 812px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-2 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-2 section[class*="type-"] img {
        width: 100%; }
    article.type-2 section.type-1 {
      margin: 0 auto 30px;
      padding: 30px 0 0; }
    article.type-2 section.type-2 .box.type-1 {
      width: auto;
      margin: 0 auto 30px; }
    article.type-2 section.type-2 .box.type-2 {
      width: 100%;
      margin: 0 auto;
      padding: 0 0 30px; }
  article.type-3 {
    background: url(../img/bg6.jpg), url(../img/bg.jpg);
    background-size: 100% 1300px,100% 600px;
    background-repeat: repeat-x,no-repeat;
    background-position: top,1201px; }
    article.type-3 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-3 section[class*="type-"] img {
        width: 100%; }
    article.type-3 section .text {
      max-width: 596px;
      margin: auto;
      padding: 60px 0 30px; }
    article.type-3 section.type-1 .sugoi.type-1 {
      background: url(../img/point-1.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-1 h3 {
        padding: 90px 140px 30px 160px; }
        article.type-3 section.type-1 .sugoi.type-1 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-1 p {
        max-width: 100%;
        position: relative;
        left: 0%;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-2 {
      background: url(../img/point-2.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-2 h3 {
        padding: 80px 40px 30px 30px;
        height: auto; }
        article.type-3 section.type-1 .sugoi.type-2 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-2 p {
        max-width: 100%;
        position: relative;
        left: 0;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-3 {
      background: url(../img/point-3.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-3 h3 {
        padding: 40px 180px 30px;
        height: 54px;
        margin: 0 0 90px; }
        article.type-3 section.type-1 .sugoi.type-3 h3 img {
          height: auto;
          width: 100%; }
      article.type-3 section.type-1 .sugoi.type-3 p {
        max-width: 100%;
        position: relative;
        left: 0%;
        padding: 30px 0; }
  article.type-4 section .text.bg-1 {
    margin: 30px auto;
    padding: 15px 30px 15px;
    position: relative;
    text-align: right; }
    article.type-4 section .text.bg-1 img {
      height: auto; }
  article.type-4 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-4 section[class*="type-"] img {
      width: 100%; }
  article.type-4 section.type-1 > img {
    display: block;
    margin: 10px auto;
    max-width: 1000px; }
  article.type-4 section.type-2 {
    margin: 30px auto; }
    article.type-4 section.type-2 .box.type-3 {
      margin: 0;
      padding: 0;
      position: relative;
      bottom: -45px;
      z-index: 12; }
  article.type-4 section .box.type-2 {
    margin: 30px 0; }
  article.type-4 section .box.t-center {
    text-align: center; }
  article.type-5 {
    background: url(../img/bg3.jpg);
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-5 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-5 section[class*="type-"] img {
        width: 100%; }
  article.type-6 section[class*="type-"] {
    max-width: 1100px;
    margin: auto;
    width: 100%; }
    article.type-6 section[class*="type-"] img {
      width: 100%; }
  article.type-6 section .ltext {
    text-align: center; }
  article.type-7 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-7 section[class*="type-"] img {
      width: 100%; }
      article.type-7 section[class*="type-"] img.tube_comment {
        width: 90px;
        text-align: center; }
  article.type-7 section.type-1 {
    text-align: center;
    margin: 60px auto; }
  article.type-7 section.type-2 {
    background: url(../img/bg4.jpg);
    background-size: 100%;
    padding: 60px 0; }
    article.type-7 section.type-2 .mbox {
      display: block;
      text-align: center;
      width: 360%;
      height: 240px; }
      article.type-7 section.type-2 .mbox iframe {
        width: 360px;
        height: 240px; }
    article.type-7 section.type-2 .box.type-4 {
      max-width: 100%;
      margin: 60px auto; }
  article.type-8 {
    background: url(../img/bg3.jpg), #F5F1EA;
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-8 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-8 section[class*="type-"] img {
        width: 100%; } }

@media screen and (min-width: 992px) {
  .dbox {
    position: relative; }
    .dbox.type-1 {
      max-width: 1000px;
      background: url(../img/present_box.png);
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 60px;
      margin: 60px auto 0; }
      .dbox.type-1 a {
        display: block;
        margin: 240px auto 0;
        text-align: center;
        max-width: 640px; }
    .dbox.type-2 {
      max-width: 1000px;
      background: url(../img/box_bg.png);
      background-size: 100%;
      background-repeat: no-repeat;
      padding: 60px 60px 0;
      margin: 30px auto 90px; }
      .dbox.type-2 a {
        display: block;
        margin: 240px auto 0;
        text-align: center;
        max-width: 640px; }
    .dbox.type-2:after {
      content: "";
      display: block;
      width: 1000px;
      height: 60px;
      background: url(../img/box_bg.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: bottom;
      position: absolute;
      bottom: -60px;
      left: 0;
      z-index: 10; }
  article.type-1 {
    background: url(../img/bg1.jpg);
    background-size: 1400px 480px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-1 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-1 section[class*="type-"] img {
        width: 100%; }
    article.type-1 section.type-1 {
      min-height: 480px;
      margin: 0 auto 60px;
      padding: 60px 0 0; }
    article.type-1 section.type-2 {
      margin: 0 auto 60px; }
  article.type-2 {
    background: url(../img/bg2.jpg), #F9F8F5;
    background-size: 100% 812px;
    background-repeat: repeat-x;
    background-position: top; }
    article.type-2 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-2 section[class*="type-"] img {
        width: 100%; }
    article.type-2 section.type-1 {
      margin: 0 auto 60px;
      padding: 90px 0 0; }
    article.type-2 section.type-2 .box.type-1 {
      width: 940px;
      margin: 0 auto 60px; }
    article.type-2 section.type-2 .box.type-2 {
      width: 640px;
      margin: 0 auto;
      padding: 0 0 60px; }
  article.type-3 {
    background: url(../img/bg6.jpg), url(../img/bg.jpg);
    background-size: 100% 1300px,100% 600px;
    background-repeat: repeat-x,no-repeat;
    background-position: top,1201px; }
    article.type-3 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-3 section[class*="type-"] img {
        width: 100%; }
    article.type-3 section .text {
      max-width: 596px;
      margin: auto;
      padding: 60px 0 30px; }
    article.type-3 section.type-1 .sugoi.type-1 {
      background: url(../img/point-1.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-1 h3 {
        padding: 60px 60px 30px 180px; }
        article.type-3 section.type-1 .sugoi.type-1 h3 img {
          height: 54px;
          width: auto; }
      article.type-3 section.type-1 .sugoi.type-1 p {
        max-width: 640px;
        position: relative;
        left: 40%;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-2 {
      background: url(../img/point-2.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-2 h3 {
        padding: 60px 60px 30px;
        height: 54px; }
        article.type-3 section.type-1 .sugoi.type-2 h3 img {
          height: 54px;
          width: auto; }
      article.type-3 section.type-1 .sugoi.type-2 p {
        max-width: 640px;
        position: relative;
        left: 60px;
        padding: 30px 0; }
    article.type-3 section.type-1 .sugoi.type-3 {
      background: url(../img/point-3.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      article.type-3 section.type-1 .sugoi.type-3 h3 {
        padding: 60px 60px 30px 180px;
        height: 54px; }
        article.type-3 section.type-1 .sugoi.type-3 h3 img {
          height: 54px;
          width: auto; }
      article.type-3 section.type-1 .sugoi.type-3 p {
        max-width: 640px;
        position: relative;
        left: 40%;
        padding: 30px 0; }
  article.type-4 section .text.bg-1 {
    margin: 30px -45px;
    padding: 15px 60px 15px 0;
    position: relative;
    text-align: right; }
    article.type-4 section .text.bg-1 img {
      height: 81px; }
  article.type-4 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-4 section[class*="type-"] img {
      width: 100%; }
  article.type-4 section.type-1 > img {
    display: block;
    margin: 30px auto;
    max-width: 1000px; }
  article.type-4 section.type-2 {
    margin: 90px auto 60px; }
    article.type-4 section.type-2 .box.type-3 {
      margin: 0 -42px 0 -47px;
      padding: 0;
      position: relative;
      bottom: -45px;
      z-index: 12; }
  article.type-4 section .box.type-2 {
    margin: 60px 0; }
  article.type-4 section .box.t-center {
    text-align: center; }
  article.type-5 {
    background: url(../img/bg3.jpg);
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-5 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-5 section[class*="type-"] img {
        width: 100%; }
  article.type-6 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-6 section[class*="type-"] img {
      width: 100%; }
  article.type-6 section .ltext {
    text-align: center; }
  article.type-7 section[class*="type-"] {
    max-width: 1100px;
    margin: auto; }
    article.type-7 section[class*="type-"] img {
      width: 100%; }
  article.type-7 section.type-1 {
    text-align: center;
    margin: 60px auto; }
  article.type-7 section.type-2 {
    background: url(../img/bg4.jpg);
    background-size: 100%;
    padding: 60px 0; }
    article.type-7 section.type-2 img.tube_comment {
      height: 300px;
      width: auto; }
    article.type-7 section.type-2 .mbox {
      display: block;
      text-align: center;
      width: 540px;
      height: 300px; }
      article.type-7 section.type-2 .mbox iframe {
        width: 540px;
        height: 300px; }
    article.type-7 section.type-2 .box.type-4 {
      max-width: 768px;
      margin: 60px auto; }
  article.type-8 {
    background: url(../img/bg3.jpg), #F5F1EA;
    background-size: 100%;
    background-repeat: repeat-x;
    background-position: top;
    padding: 60px 0; }
    article.type-8 section[class*="type-"] {
      max-width: 1100px;
      margin: auto; }
      article.type-8 section[class*="type-"] img {
        width: 100%; } }

/*スパム回避*/
.mlad::before {
  content: "info\FE6B corp"; }

/*フッター*/
@media screen and (max-width: 767px) {
  footer #footer {
    width: 100%;
    min-height: 390px;
    background: url(../img/bg5.jpg); }
    footer #footer .contact {
      display: block;
      width: 100%;
      margin: 0 auto 0;
      padding: 0;
      position: relative;
      top: -30px; }
      footer #footer .contact h2 img {
        width: 100%; }
    footer #footer img {
      width: 100%; }
    footer #footer .row {
      max-width: 900px;
      margin: auto; }
      footer #footer .row .col-md-7, footer #footer .row .col-md-5 {
        text-align: left; }
      footer #footer .row.company {
        max-width: 768px;
        color: #fff; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  footer #footer {
    width: 100%;
    min-height: 390px;
    background: url(../img/bg5.jpg); }
    footer #footer .contact {
      display: block;
      width: 100%;
      margin: 0 auto 0;
      padding: 0;
      position: relative;
      top: -30px; }
      footer #footer .contact h2 {
        text-align: center; }
        footer #footer .contact h2 img {
          width: 100%; }
    footer #footer img {
      width: 100%; }
    footer #footer .row {
      max-width: 900px;
      margin: auto; }
      footer #footer .row .col-md-7, footer #footer .row .col-md-5 {
        text-align: left; }
      footer #footer .row.company {
        max-width: 768px;
        color: #fff; } }

@media screen and (min-width: 992px) {
  footer #footer {
    width: 100%;
    min-height: 390px;
    background: url(../img/bg5.jpg); }
    footer #footer .contact {
      display: block;
      width: 360px;
      margin: 0 auto 0;
      padding: 0;
      position: relative;
      top: -30px; }
    footer #footer .row {
      max-width: 900px;
      margin: auto; }
      footer #footer .row .col-md-7, footer #footer .row .col-md-5 {
        text-align: left; }
      footer #footer .row.company {
        max-width: 768px;
        color: #fff; } }