@charset "UTF-8";

@media only screen and (max-width: 800px) {

  /* ヘッダー */

  #header_wrap {
    width: 320px;
    margin: 0 auto;
  }
  #header {
    background-image: none;
    height: 120px;
    margin: 0 auto;
    width: 320px;
  }
  .logo_mark {
    border-bottom: 1px solid #66C5F0;
    height: 62px;
    margin-left: 0;
    padding-top: 0;
  }
  .logo_mark a {
    background-position: 0 -64px;
    height: 61px;
    width: 250px;
  }
  .tel_pc { display: none; }
  .tel_sp { display: block; }
  .tel_sp .header_yokohama_tel {
    border-right: 0 none;
    left: 0;
    top: 63px;
    width: 160px;
    height: 40px;
    overflow: hidden;
    position: absolute;
  }
  .tel_sp .header_kohoku_tel {
    border-right: 0 none;
    left: 160px;
    top: 63px;
    width: 160px;
    height: auto;
    overflow: hidden;
    position: absolute;
  }
  .header_toiawase { display: none; }

  .menu_btn {
    display: block;
    cursor: pointer;
    float: right;
  }

  /* スマホメニュー */

  .sp_menu_title {
    color: #20bdd5;
  }
  .sp_menu_list {
    display: block;
    z-index: 10;
    margin: 0px auto;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    padding-top: 63px;
    max-width: 320px;
  }
  .sp_menu_list li {
    display: block;
    width: 100%;
    background: url(/images/sp_menu_arrow.png) no-repeat right 1.2em;
    background-size: 25px;
  }
  .sp_menu_list li .last {
    display: block;
    text-decoration: none;
    font-size: 123%;
    padding-left: 1em;
    text-align: center;
    cursor: pointer;
    padding: 1.2em 0;
  }
  .sp_menu_list li .last img {
    margin-right: 10px;
    width: 20px;
  }
  .sp_menu_list li a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #999999;
    color: #333333;
    font-size: 123%;
    padding: 1.2em 2.5em 1.2em 1em;
    background-size: 35px auto;
  }
  .sp_menu_list > li:last-child { background-image: none; }

  /* メインメニュー */

  .main_menu_wrap { display: none; }
  .main_menu { width: 320px; }
  .main_menu li a { height: auto; }
  li.main_menu_01 a {
    background-position: 0 -67px;
    height: 32px;
    width: 161px;
  }
  li.main_menu_02 a {
    background-position: -161px -67px;
    height: 32px;
    width: 159px;
  }
  li.main_menu_03 a {
    background-position: 0 -99px;
    height: 50px;
    width: 161px;
  }
  li.main_menu_04 a {
    background-position: -161px -99px;
    height: 50px;
    width: 159px;
  }
  li.main_menu_05 a {
    background-position: 0 -149px;
    height: 51px;
    width: 161px;
  }
  li.main_menu_06 a {
    background-position: -161px -149px;
    height: 51px;
    width: 159px;
  }
  .slide_wrapper { display: none; }
  .slide_wrapper_sp {
    display: block;
    margin-bottom: 10px;
  }
  #home .slide_wrapper_sp { margin-bottom: 0; }
  .slide_middle_wrapper { display: none; }
  .slide_middle_wrapper_sp { display: block; }

  .topicpath { display: none; }

  #main_wrap {
    float: none;
    width: 320px;
    margin: 0 auto;
  }
  #main {
    float: none;
    width: 320px;
    margin: 0 auto;
    min-height: 0;
  }
  #sidebar {
    float: none;
    width: 320px;
    margin: 0 auto;
  }
  .service {
    margin: 0;
    min-height: 102px;
  }
  .service_icon {
    height: 77px;
    margin: 0;
    width: 77px;
  }
  .service .desc { padding-left: 88px; }
  .service_icon img {
    height: 77px;
    width: 77px;
  }

  .service.title {
    height: 74px;
    padding-top: 0;
    width: 313px;
    float: none;
    min-height: 0;
  }
  .kukoteigaku {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  .kukoteigaku .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -439px;
  }
  .kukoteigaku .desc { letter-spacing: 0; }
  .omoiyari {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  .omoiyari .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1348px;
  }
  .yokohamakanko {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  .yokohamakanko .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -516px;
  }
  .jintsusogei {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  .jintsusogei .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -593px;
  }
  .kosodate {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  .kosodate .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -670px;
  }
  .kosodate .title { padding-right: 48px; }

  .middle_menu {
    float: none;
    width: 320px;
    border-right: 0;
    margin: 0;
  }
  .middle_menu a { text-decoration: none; }
  .middle_menu .title { padding-left: 0; }
  .middle_menu .title a {
    margin-bottom: 0;
    width: 320px;
  }
  .middle_menu .desc { display: none; }
  .kashikiri .title a {
    background-position: 0 -140px;
    height: 53px;
  }
  .kashikiri .title a {
    background-position: 0 -140px;
    height: 53px;
  }
  .card .title a {
    background-position: 0 -193px;
    height: 57px;
  }
  .ryokin .title a {
    background-position: 0 -250px;
    height: 55px;
  }
  .yuryo .title a {
    background-position: 0 -305px;
    height: 56px;
  }
  .sp_application .title a {
    background-position: 0 -497px;
    height: 55px;
  }

  .middle_menu_top_hire {
    background-position: 0 -361px;
    border: 0 none;
    height: 51px;
    width: 320px;
  }
  .middle_menu_top_hire .title a {
    float: none;
    height: 51px;
    width: 320px;
  }
  .middle_menu_top_hire .desc { display: none; }

  /* Home以外のsidemenu（homeの中段を流用） */

  #sidemenu {
    float: none;
    width: 320px;
    margin: 0 auto 10px;
  }
  #sidemenu .sidemenu_title {
    display: block;
    background: url(/images/service_icon_sprite.png) no-repeat -12px -1054px;
    width: 320px;
    height: 74px;
    text-indent: -9999px;
  }
  #sidemenu .service {
    margin: 0;
    min-height: 102px;
  }
  #sidemenu .service_icon {
    height: 77px;
    margin: 0;
    width: 77px;
  }
  #sidemenu .service .title { display: inline-block; }
  #sidemenu .service .desc {
    display: block;
    padding-left: 88px;
    font-size: 100%;
  }
  #sidemenu .service_icon img {
    height: 77px;
    width: 77px;
  }
  #sidemenu .kukoteigaku {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .kukoteigaku .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -439px;
  }
  #sidemenu .yokohamakanko {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .yokohamakanko .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -516px;
  }
  #sidemenu .jintsusogei {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .jintsusogei .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -593px;
  }
  #sidemenu .kosodate {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .kosodate .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -670px;
  }
  #sidemenu .kosodate .title { padding-right: 48px; }

  #sidemenu .omoiyari {
    background: url("") repeat scroll 0 0;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .omoiyari .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1348px;
  }

  #sidemenu .cruise {
    display: block;
    background-image: none;
    border-bottom: 1px solid #555555;
    float: none;
    height: auto;
    padding: 15px 0 10px 7px;
    width: 313px;
  }
  #sidemenu .cruise .service_icon {
    background: url("/images/service_icon_sprite.png") no-repeat scroll 0 -1580px;
  }
  #sidemenu .cruise .title { padding-right: 48px; }
  #sidemenu .title .sw2 {
    display: block;
    color: inherit;
    font-size: 100%;
  }

  #sidemenu .middle_menu {
    float: none;
    width: 320px;
    border-right: 0;
    margin: 0;
  }
  #sidemenu .middle_menu a { text-decoration: none; }
  #sidemenu .middle_menu .title { padding-left: 0; }
  #sidemenu .middle_menu .title a {
    margin-bottom: 0;
    width: 320px;
  }
  #sidemenu .middle_menu .desc { display: none; }
  #sidemenu .kashikiri .title a {
    background-position: 0 -140px;
    height: 53px;
  }
  #sidemenu .card .title a {
    background-position: 0 -193px;
    height: 57px;
  }
  #sidemenu .ryokin .title a {
    background-position: 0 -250px;
    height: 55px;
  }
  #sidemenu .yuryo .title a {
    background-position: 0 -305px;
    height: 56px;
  }
  #sidemenu .yuryo { border-bottom: 1px solid #7c6428; }
  #sidemenu .hire .title a {
    background-position: 0 -361px;
    height: 51px;
  }
  #sidemenu .sp_application .title a {
    background-position: 0 -495px;
    height: 57px;
  }
  #home #sidebar {
    float: none;
    width: 320px;
  }
  #sidebar {
    float: none;
    width: 320px;
  }
  .saiyo_banner {
    width: 320px;
  }
  .saiyo_banner img { margin-top: -71px; }
  .saiyo_banner_02 { }
  .saiyo_banner_02 img { }
  .kaisha_banner {
    width: 320px;
    height: 103px;
    margin: 0 0 5px;
  }
  .kaisha_banner img { margin-top: -103px; }
  .whatsnew {
    width: 320px;
    border: 0 none;
    margin-top: 0;
  }
  .whatsnew .title { height: 13px; }
  .whatsnew .title2 { height: 18px; }
  .whatsnew_inner { width: auto; }
  .whatsnew_inner .entry { width: auto; }
  #home #main .whatsnew { display: none; }
  #home #sidebar .whatsnew {
    display: block;
  }
  #home .tel_henkou_btn a span {
    display: block;
    line-height: 1.3;
    margin-left: -1em;
  }

  .banner_area {}
  .banner_list {}
  .banner_list li {}
  .banner_list li .adjust { width: auto; }
  .banner_list .kanagawa_kentei {
    width: auto;
    border: 1px solid #5e6ed0;
  }

  .goto_top { width: auto; }
  #footer {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .footer_menu { display: none; }
  .footer_menu_sp {
    display: block;
    padding-top: 15px;
  }
  .footer_menu_sp ul {
    margin: 0 auto;
    padding-left: 18px;
    width: 302px;
  }
  .footer_menu_sp ul li {
    background: url("/images/footer_list_mark.png") no-repeat scroll 0 center;
    padding-left: 16px;
    line-height: 2;
  }
  .footer_menu_sp ul li a,
  .footer_menu_sp ul li a:link
  .footer_menu_sp ul li a:visited
  .footer_menu_sp ul li a:hover {
    color: #004899;
    text-decoration: none;
  }
  .copyright {
    margin: 0;
    padding: 10px 0;
  }
  .home_toiawase {
    display: block;
    text-align: center;
    margin: 1em 0;
  }

}