html {
  /*min-width:850px;*/
}

#content {
}

#subBanner-bulid {
  background-color: #f2902f
}

#subBanner {
  height: 375px;
  background: #f9bf33;
  border-bottom: 14px solid #FFF;
}

.narrow #subBanner {
  height: 300px;
}

#subBanner .bg-left {
  background: url("../img/blockBG/bg3.png") left top repeat;
  background-color: #f7af00;
}

#subBanner .sense-left {
  background-image: url("../img/0404/img_0404_subbanner.png");
  background-position: center bottom;
  background-repeat: no-repeat;
}

.narrow #subBanner .sense-left {
  background-size: auto 100%;
}

#subBanner #headline {
  background: #f9bf33;
}

#subBanner .wrap {
  position: relative;
}

#subBanner .sense-left {
  width: 340px;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

#subBanner .sense-right {
  width: 684px;
  position: absolute;
  left: 340px;
}

  #subBanner .sense-right .upper {
    width: 1920px;
    background: #0063af;
    height: 167px;
    border-bottom: 14px solid #FFF;
  }

.narrow #subBanner .sense-right .upper {
  height: 133px;
}

#subBanner .upper .text-wrap {
  width: 650px;
  text-align: center;
  color: #FFF;
}

#subBanner .text-wrap h2,
#subBanner .text-wrap p {
  margin: 0px;
  padding: 0px;
}

#subBanner .sense-right .downer {
  width: 1920px;
  background: #8dc556;
  height: 195px;
  position: absolute;
  top: 180px;
}

.narrow #subBanner .sense-right .downer {
  height: 153px;
  top: 147px;
}

#subBanner .sMenu {
  width: 220px;
  height: 195px;
  float: left;
  box-sizing: border-box;
}

.narrow #subBanner .sMenu {
  height: 153px;
}

#subBanner .sMenu .text-wrap {
  width: 220px;
  text-align: left;
  color: #FFF;
}

  #subBanner .sMenu .text-wrap h2 {
    padding: 0px 40px;
    padding-top: 30px;
  }

    #subBanner .sMenu .text-wrap h2.fix_middle {
      padding-left: 26px;
    }

.narrow #subBanner .sMenu .text-wrap h2 {
  padding: 0px 30px;
  padding-top: 20px;
}

  .narrow #subBanner .sMenu .text-wrap h2.fix_middle {
    padding-left: 16px;
  }

#subBanner .sMenu .text-wrap p {
  padding: 0px 40px;
}

  #subBanner .sMenu .text-wrap p.fix_middle {
    padding-left: 26px;
  }

.narrow #subBanner .sMenu .text-wrap p {
  padding: 0px 30px;
}

  .narrow #subBanner .sMenu .text-wrap p.fix_middle {
    padding-left: 16px;
  }

#subBanner .sMenu1 {
  background: #ec6144
}

#subBanner .sMenu2 {
  background: #f2902f
}

#subBanner .sMenu3 {
  background: #8dc556;
  background-image: url("../img/0404/img_0404_subbanner_icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.narrow #subBanner .sMenu3 {
  background-size: 60%;
}

.b_R {
  border-right: 14px solid #FFF;
}

.mobile {
  display: none;
}

@media only screen and (max-width:1000px) {
  #subBanner {
    border-bottom: 4px solid #FFF;
  }

    #subBanner .wrap {
      width: 100%;
    }

    #subBanner .sense-left {
      width: 33%;
      height: 100%;
      position: relative;
      z-index: 1;
      float: left;
    }

    #subBanner .sense-right {
      width: 67%;
      position: absolute;
      left: 33%;
      background: #8dc556;
    }

      #subBanner .sense-right .upper {
        width: 100%;
      }

    #subBanner .upper .text-wrap {
      width: 100%;
    }

    #subBanner .sense-right .downer {
      width: 100%;
    }

    #subBanner .sMenu {
      width: 33%;
    }

      #subBanner .sMenu .text-wrap {
        width: auto;
      }

        #subBanner .sMenu .text-wrap h2 {
          font-size: 16px;
          padding: 0px 25px;
          padding-top: 15px;
        }

        #subBanner .sMenu .text-wrap p {
          padding: 0px 25px;
        }
}

@media only screen and (max-width:600px) {
  #subBanner {
    height: auto;
  }

    #subBanner .sense-left {
      width: 100%;
      height: 300px;
      position: relative;
      z-index: 1;
      float: inherit;
      border-bottom: 4px solid #FFF;
      border-right-width: 0px;
    }

    #subBanner .sense-right {
      width: 100%;
      height: auto;
      position: relative;
      z-index: 1;
      float: inherit;
      left: 0px;
      border-bottom: 4px solid #FFF;
    }

  .b_R {
    border-right: 4px solid #FFF;
  }

  #subBanner .sense-right .upper {
    border-bottom: 4px solid #FFF;
    height: auto;
  }

    #subBanner .sense-right .upper .text-wrap {
      padding: 20px 0px;
    }

  #subBanner .sense-right .downer {
    width: 100%;
    background: #8dc556;
    height: auto;
    position: relative;
    top: 0px;
  }

  #subBanner .sMenu {
    width: 100%;
    height: auto;
    float: inherit;
    border-right: 0px solid #FFF;
    border-bottom: 4px solid #FFF;
  }

    #subBanner .sMenu .text-wrap {
      padding: 20px 0px;
      text-align: center;
    }

      #subBanner .sMenu .text-wrap h2 {
        padding: 0px 25px;
      }

  #interview {
    display: none;
  }

  .mobile {
    display: block;
  }

    .mobile.button {
      width: 100px;
      color: #FFF;
      padding: 5px 10px;
      background: #0063b0;
      text-align: center;
      font-size: 20px;
      margin: 30px auto;
    }

  .iframe-wrap {
    min-height: 100px;
    text-align: center;
  }
}