@charset "UTF-8";
/* ==========================================================
0～768px
========================================================== */
@media screen and (max-width: 768px) {
  .pc {
    display: none; }

  /* header
  ----------------------------------------------------------- */
  #top-head {
    background-size: auto 60%;
    height: auto; }

  .top-head-inner {
    width: 100%;
    clear: both;
    position: static; }

  #logo-head {
    width: 100%;
    clear: both;
    padding: 0; }
    #logo-head .logo {
      width: 100%;
      height: auto;
      padding: 30px 0 0 4%;
      position: static; }
      #logo-head .logo img.sp {
        height: 60px; }

  /* .tp-attent
  ----------------------------------------------------------- */
  .tp-attent {
    position: static;
    width: 92%;
    margin: 40px auto 0; }
    .tp-attent ul {
      display: flex;
      justify-content: space-between; }
    .tp-attent li {
      margin-left: 0; }
      .tp-attent li a {
        width: 100%;
        height: 50px;
        border-radius: 12px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.3;
        text-align: center; }
      .tp-attent li.attent-holiday {
        width: 49%; }
        .tp-attent li.attent-holiday a {
          border: 1px solid #EB528D;
          padding: 1.4em 1.6em 0 0; }
          .tp-attent li.attent-holiday a::after {
            background-size: 17px;
            width: 17px;
            height: 16px;
            top: 16px;
            right: 8px; }
      .tp-attent li.attent-schedule {
        width: 49%; }
        .tp-attent li.attent-schedule a {
          padding: 1.4em 1.6em 0 0; }
          .tp-attent li.attent-schedule a::after {
            background-size: 17px;
            width: 17px;
            height: 16px;
            top: 16px;
            right: 8px; }

  /* visual
  ----------------------------------------------------------- */
  #tp-visual {
    padding-bottom: 48px;
    margin-top: 24px;
    background: url(../images/common/line_tuta.jpg) repeat-x bottom center; }
    #tp-visual .tp-visual-inner {
      width: 98%;
      margin: 0 auto; }

  /* nav
  ----------------------------------------------------------- */
  .hamburger {
    background: #28AFCC;
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 10000;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation; }

  .hamburger__icon {
    position: relative;
    margin-top: 11px;
    margin-bottom: 0; }

  .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff !important;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }

  .hamburger__icon:before, .hamburger__icon:after {
    position: absolute;
    content: ""; }

  .hamburger__icon:before {
    top: -7px; }

  .hamburger__icon:after {
    top: 7px; }

  .hamburger.active .hamburger__icon {
    background-color: transparent; }

  .hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
    background-color: #fff; }

  .hamburger.active .hamburger__icon:before {
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg); }

  .hamburger.active .hamburger__icon:after {
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg); }

  .hamburger.active .hamburger__icon {
    width: 0; }

  .fat-nav {
    top: 0;
    left: 0;
    z-index: 9999;
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: #28AFCC;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }

  .fat-nav__wrapper {
    width: 100%;
    height: 100%; }

  #sp-global-nav {
    text-align: center;
    padding: 60px 0 0; }
    #sp-global-nav .menu {
      width: 100%;
      clear: both; }
      #sp-global-nav .menu > li {
        display: block; }
        #sp-global-nav .menu > li a {
          font-size: 18px;
          font-size: 1.8rem;
          width: 100%;
          color: #fff;
          line-height: 56px;
          display: block;
          text-align: left;
          background: url(../images/common/icon_nikukyu.png) no-repeat 12px 50%;
          background-size: 16px;
          padding-left: 36px;
          font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }
          #sp-global-nav .menu > li a:hover {
            text-decoration: none; }
        #sp-global-nav .menu > li:last-child {
          background: #EB528F; }

  /* #tp-reason
  ----------------------------------------------------------- */
  #tp-reason {
    padding: 48px 4% 130px; }
    #tp-reason::before {
      top: 20px;
      left: 0;
      width: 100%;
      height: 300px;
      background-size: 100px; }
    #tp-reason::after {
      top: 300px;
      right: 0;
      width: 100px;
      height: 300px;
      background-size: 100px; }

  .tp-reason-inner {
    width: 100%;
    clear: both; }
    .tp-reason-inner h2 {
      margin-bottom: 32px; }
    .tp-reason-inner p {
      text-align: left; }
    .tp-reason-inner figure {
      width: 90%;
      margin: 0 auto;
      margin-top: 24px; }

  /* #tp-service
  ----------------------------------------------------------- */
  #tp-service {
    padding-bottom: 100px; }

  .tp-service-inner {
    width: 100%;
    clear: both;
    padding-top: 0; }
    .tp-service-inner .service-result {
      position: static; }
      .tp-service-inner .service-result img {
        width: 90%;
        margin-top: -100px; }
    .tp-service-inner .service-ttl {
      margin-top: 16px;
      margin-bottom: 24px;
      padding: 0 10%; }
      .tp-service-inner .service-ttl img {
        width: auto; }
    .tp-service-inner .service-list {
      padding: 0 4%; }
    .tp-service-inner .service-box {
      width: 100%;
      background-size: contain;
      display: inline-block;
      margin-right: 0;
      margin-bottom: 40px; }
      .tp-service-inner .service-box::before {
        background-size: contain;
        width: 100%;
        height: 20px; }
      .tp-service-inner .service-box::after {
        background-size: contain;
        width: 100%;
        height: 20px; }
      .tp-service-inner .service-box img {
        width: 92%;
        text-align: center; }
      .tp-service-inner .service-box h3 {
        background: url(../images/tp_service_list.jpg) no-repeat top left;
        background-size: cover;
        height: 48px;
        font-size: 18px;
        font-size: 1.8rem; }
      .tp-service-inner .service-box p {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 1.5em 4% 1.8em; }
    .tp-service-inner .anshin {
      margin: 56px auto 0;
      width: 90%; }
    .tp-service-inner .btn {
      background: #28AFCC;
      border: 5px solid #CFEDF4;
      border-radius: 50px;
      width: 96%;
      margin: 32px auto 0; }
      .tp-service-inner .btn a {
        background: url(../images/common/icon_nikukyu.png) no-repeat 95% 48%;
        background-size: 20px;
        width: auto;
        height: 64px;
        padding: 16px 13%;
        font-size: 18px;
        font-size: 1.8rem;
        position: relative; }

  /* #tp-feature
  ----------------------------------------------------------- */
  #tp-feature {
    padding-bottom: 120px; }
    #tp-feature::before {
      background-size: contain;
      width: 100%;
      height: 80px; }
    #tp-feature .bg01, #tp-feature .bg02, #tp-feature .bg03 {
      width: 100px;
      height: auto;
      z-index: 1; }
    #tp-feature .bg01 {
      top: -40px;
      left: 2%; }
    #tp-feature .bg02 {
      top: 40%;
      right: 0; }
    #tp-feature .bg03 {
      top: inherit;
      left: inherit;
      bottom: 50px;
      right: 10px; }

  .tp-feature-inner {
    width: 100%;
    clear: both;
    padding: 0 4%;
    position: relative;
    z-index: 2; }
    .tp-feature-inner h2 {
      width: auto;
      padding-top: 0;
      margin-bottom: 16px; }
    .tp-feature-inner .point01-02, .tp-feature-inner .point03-05 {
      display: block; }
    .tp-feature-inner .btn {
      background: url(../images/common/btn_small.png) no-repeat;
      background-size: 242px;
      width: 242px;
      margin-top: 20px; }
      .tp-feature-inner .btn a {
        line-height: 48px; }
    .tp-feature-inner .point01 {
      background: url(../images/tp_poing_bg01.png) no-repeat 50% 0;
      padding: 0;
      margin-top: 40px; }
      .tp-feature-inner .point01 .num {
        width: 121px;
        display: block;
        margin: 0 auto 8px;
        padding-right: 5%; }
      .tp-feature-inner .point01 h3 {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 24px;
        text-align: center; }
        .tp-feature-inner .point01 h3 img {
          height: 45px; }
      .tp-feature-inner .point01 .txt {
        width: 100%;
        padding: 0;
        margin-top: 20px; }
    .tp-feature-inner .point02 {
      background: url(../images/tp_poing_bg02.png) no-repeat 50% 0;
      padding: 0;
      margin-top: 60px; }
      .tp-feature-inner .point02 .num {
        width: 121px;
        display: block;
        margin: 0 auto 8px;
        padding-right: 5%; }
      .tp-feature-inner .point02 h3 {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 24px;
        text-align: center; }
        .tp-feature-inner .point02 h3 img {
          height: 45px; }
      .tp-feature-inner .point02 .txt {
        width: 100%;
        padding: 0;
        margin-top: 20px; }
    .tp-feature-inner .point03 {
      background: url(../images/tp_poing_bg03.png) no-repeat 50% 0;
      padding: 0;
      margin-top: 60px; }
      .tp-feature-inner .point03 .num {
        width: 121px;
        display: block;
        margin: 0 auto 20px;
        padding-right: 5%; }
      .tp-feature-inner .point03 h3 {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 24px;
        text-align: center; }
        .tp-feature-inner .point03 h3 img {
          height: 25px; }
      .tp-feature-inner .point03 .txt {
        width: 100%;
        padding: 0;
        margin-top: 20px; }
    .tp-feature-inner .point04 {
      background: url(../images/tp_poing_bg04.png) no-repeat 50% 0;
      padding: 0;
      margin-top: 60px; }
      .tp-feature-inner .point04 .num {
        width: 121px;
        display: block;
        margin: 0 auto 20px;
        padding-right: 5%; }
      .tp-feature-inner .point04 h3 {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 24px;
        text-align: center; }
        .tp-feature-inner .point04 h3 img {
          height: 25px; }
      .tp-feature-inner .point04 .txt {
        width: 100%;
        padding: 0;
        margin-top: 20px; }
    .tp-feature-inner .point05 {
      background: url(../images/tp_poing_bg05.png) no-repeat 50% 0;
      padding: 0;
      margin-top: 60px; }
      .tp-feature-inner .point05 .num {
        width: 121px;
        display: block;
        margin: 0 auto 20px;
        padding-right: 5%; }
      .tp-feature-inner .point05 h3 {
        width: auto;
        height: auto;
        display: block;
        margin: 0 auto 24px;
        text-align: center; }
        .tp-feature-inner .point05 h3 img {
          height: 25px; }
      .tp-feature-inner .point05 .txt {
        width: 100%;
        padding: 0;
        margin-top: 20px; }

  /* #tp-bnr
  ----------------------------------------------------------- */
  #tp-bnr::before {
    content: "";
    background: url(../images/common/bg_mimi_blue.png) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 67px;
    position: absolute;
    top: -67px;
    left: 0;
    right: 0;
    margin: 0 auto; }
  #tp-bnr .bg01, #tp-bnr .bg02 {
    position: absolute;
    width: 150px;
    height: auto; }
  #tp-bnr .bg01 {
    top: -70px;
    left: 4%; }
  #tp-bnr .bg02 {
    top: inherit;
    bottom: 30px;
    right: 0; }

  .tp-bnr-inner {
    width: 100%;
    clear: both;
    position: relative;
    padding: 40px 4% 64px;
    z-index: 2; }
    .tp-bnr-inner ul {
      display: block; }
      .tp-bnr-inner ul li {
        margin-bottom: 16px; }
    .tp-bnr-inner .btn {
      background: url(../images/footer_blog_btn.jpg) no-repeat;
      background-size: 204px;
      width: 204px;
      float: none; }
      .tp-bnr-inner .btn a {
        line-height: 44px;
        color: #4F3728;
        font-size: 15px;
        font-size: 1.5rem; }

  /* footer
  ----------------------------------------------------------- */
  .f-contact {
    background-size: auto 8%;
    padding: 60px 4% 48px; }

  .f-contact-inner {
    width: 100%;
    clear: both;
    display: block; }
    .f-contact-inner .visit-area {
      width: 100%;
      /*dl {
        	width: 100%;
      	margin: 8px auto 0;
      }
      dt {
        width: 22%;
        float: left;
      	@include rem(13);
      }
      dd {
        margin-left: 25%;
      	@include rem(13);
      }*/ }
      .f-contact-inner .visit-area h2 {
        width: 70%; }
      .f-contact-inner .visit-area p {
        margin-top: 8px; }
      .f-contact-inner .visit-area h3 {
        margin-top: 40px; }
      .f-contact-inner .visit-area .visit-area-list {
        display: block; }
        .f-contact-inner .visit-area .visit-area-list li {
          padding-right: 0; }
      .f-contact-inner .visit-area .visit-area-map {
        display: block;
        padding-top: 16px; }
        .f-contact-inner .visit-area .visit-area-map .visit-area-map_txt {
          padding-right: 0; }
        .f-contact-inner .visit-area .visit-area-map figure {
          width: 100%;
          margin-bottom: 20px; }
        .f-contact-inner .visit-area .visit-area-map p {
          font-size: 14px;
          font-size: 1.4rem;
          padding-top: 10px;
          text-align: left; }
    .f-contact-inner .contact-area {
      width: 100%;
      text-align: center;
      padding-top: 80px; }
      .f-contact-inner .contact-area figure {
        width: 90%;
        margin: 0 auto; }
      .f-contact-inner .contact-area .btn {
        background: #EB528F;
        border: 5px solid #FBDCE9;
        border-radius: 50px;
        width: 96%;
        margin: -45px auto 0; }
        .f-contact-inner .contact-area .btn a {
          background: url(../images/common/icon_nikukyu.png) no-repeat 95% 48%;
          background-size: 20px;
          width: auto;
          padding: 0 10%;
          font-size: 20px;
          font-size: 2rem;
          position: relative;
          line-height: 60px;
          letter-spacing: 0; }

  .f-link {
    background-size: auto 20%; }
    .f-link .f-logo {
      padding-top: 48px;
      width: 50%;
      margin: 0 auto; }
    .f-link address {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      margin-top: 16px;
      margin-bottom: 32px; }

  .f-copy p {
    font-size: 10px;
    font-size: 1rem; }

  .pagetop {
    position: static;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 8px; }
    .pagetop a {
      margin: 0 auto;
      background-size: 92px; }

  /* sub_common
  ----------------------------------------------------------- */
  #sub .top-head-inner {
    background: url(../images/common/line_tuta.jpg) repeat-x bottom center;
    padding-bottom: 32px; }

  #sub-visual {
    height: auto;
    background: url(../images/common/sub_visual_bg_sp.png) repeat-x #fff bottom center; }
    #sub-visual h1 {
      padding-top: 16px;
      padding-bottom: 32px;
      text-align: center; }

  #breadCrumb {
    width: 100%;
    clear: both;
    padding: 1em 4%; }
    #breadCrumb li {
      font-size: 12px;
      font-size: 1.2rem; }

  #sub-main {
    padding-top: 24px; }

  .inner {
    width: 100%;
    clear: both; }

  /* visit
  ----------------------------------------------------------- */
  .visit #sub-visual h1 {
    width: auto; }
    .visit #sub-visual h1 img {
      height: 80px; }

  #visit-advice {
    padding: 0 4% 80px; }
    #visit-advice h2 {
      width: auto;
      margin: 0 auto 24px;
      text-align: center; }
      #visit-advice h2 img {
        height: 160px; }
    #visit-advice .intro {
      text-align: left;
      margin-bottom: 24px; }
    #visit-advice .bg01, #visit-advice .bg02 {
      display: none; }

  .advice-area {
    display: inline-block;
    padding-bottom: 24px;
    width: 100%; }
    .advice-area .box {
      width: 100%;
      margin-bottom: 40px; }
    .advice-area .hosoku {
      width: calc(450px/2);
      margin: -25px auto 16px; }
    .advice-area h3 {
      font-size: 25px;
      font-size: 2.5rem; }
    .advice-area ul {
      padding-top: 20px; }

  .advice-price {
    padding: 0 4% 24px; }
    .advice-price dt {
      width: calc(602px/3);
      margin: -20px auto 20px; }
    .advice-price dd {
      font-size: 24px;
      font-size: 2.4rem; }
      .advice-price dd span {
        font-size: 14px;
        font-size: 1.4rem; }
      .advice-price dd.attent {
        padding-top: 24px; }

  #visit-training {
    padding: 0 4% 80px; }
    #visit-training .inner {
      padding-top: 40px; }
    #visit-training h2 {
      width: auto;
      margin: 0 auto 24px;
      text-align: center; }
      #visit-training h2 img {
        height: 140px; }
    #visit-training .intro {
      text-align: center;
      margin-bottom: 40px; }
    #visit-training .bg01, #visit-training .bg02 {
      display: none; }

  .training-area {
    display: inline-block;
    padding-bottom: 40px; }
    .training-area .txt {
      width: 100%;
      padding-top: 1em; }
      .training-area .txt p {
        margin-bottom: 2em; }
    .training-area figure {
      width: 100%;
      margin-bottom: 1em; }

  /* petsitter
  ----------------------------------------------------------- */
  .sitter #sub-visual h1 {
    width: auto; }
    .sitter #sub-visual h1 img {
      height: 80px; }

  #sitter-intro {
    background: url(../images/sitter_awa_sp.jpg) no-repeat top left;
    padding: 16px 4% 40px; }
    #sitter-intro h2 {
      width: 180px;
      float: none;
      margin: 0 auto 32px; }
    #sitter-intro .sp {
      margin-bottom: 32px; }
    #sitter-intro .intro-txt {
      float: none;
      width: 100%;
      padding: 0 0 20px 0;
      background: url(../images/sitter_cat_sp.png) no-repeat bottom right;
      background-size: 60%; }

  #sitter-flow {
    width: 100%;
    clear: both;
    padding: 40px 4% 80px; }
    #sitter-flow h2 {
      width: auto;
      margin: 0 auto 32px;
      text-align: center; }
      #sitter-flow h2 img {
        height: 140px; }

  .flow-box {
    padding: 0 0 48px; }
    .flow-box dt {
      font-size: 20px;
      font-size: 2rem;
      padding: 35px 0 10px 74px; }

  .flow01 {
    background: url(../images/sitter_flow01.png) no-repeat center top;
    background-size: 180px;
    padding-top: 180px; }

  .flow02 {
    background: url(../images/sitter_flow02.png) no-repeat center top;
    background-size: 180px;
    margin-left: 0;
    padding-top: 180px;
    padding-bottom: 40px; }

  .flow03 {
    background: url(../images/sitter_flow03.png) no-repeat center top;
    background-size: 180px;
    padding-top: 180px; }

  .flow04 {
    background: url(../images/sitter_flow04.png) no-repeat center top;
    background-size: 180px;
    margin-left: 0;
    padding-top: 180px; }

  .flow05 {
    background: url(../images/sitter_flow05.png) no-repeat center top;
    background-size: 180px;
    padding-top: 180px; }

  #sitter-price {
    padding: 40px 4% 100px; }
    #sitter-price::before {
      content: "";
      background: url(../images/common/bg_mimi_blue.png) top center no-repeat;
      background-size: auto 50%;
      width: 100%;
      height: 40px;
      position: absolute;
      top: -20px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    #sitter-price .bg01, #sitter-price .bg02 {
      position: absolute;
      width: 150px;
      height: auto; }
    #sitter-price .bg01 {
      top: -50px;
      left: 0; }
    #sitter-price .bg02 {
      display: none; }
    #sitter-price h2 {
      width: auto;
      margin: 0 auto 24px;
      text-align: center; }
      #sitter-price h2 img {
        height: 140px; }
    #sitter-price .alignC {
      margin-bottom: 24px; }

  .price-box {
    margin-bottom: 20px; }
    .price-box th {
      width: 100%;
      padding: 16px 4%;
      font-size: 18px;
      font-size: 1.8rem;
      display: block; }
    .price-box td {
      width: 100%;
      display: block;
      padding: 16px 4% 28px;
      font-size: 18px;
      font-size: 1.8rem; }
      .price-box td .price {
        font-size: 24px;
        font-size: 2.4rem;
        padding: 0 0.2em;
        letter-spacing: 0; }
      .price-box td .num {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0 0.1em; }
      .price-box td .pickup {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 30px;
        padding: 0 12px; }

  .care-new {
    padding: 1em;
    margin-bottom: 1.5em; }
    .care-new h3 {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 10px 48px;
      top: -2.1em; }
    .care-new .__pr {
      display: block;
      padding: 0.4em 0;
      padding-top: 0;
      border-bottom: none;
      margin-top: -1em; }
      .care-new .__pr:last-child {
        padding-top: 1.6em; }
      .care-new .__pr h4 {
        width: auto;
        font-size: 14px;
        font-size: 1.4rem;
        margin-right: 0;
        margin-bottom: 0.8em;
        display: block;
        text-align: left;
        border: none;
        border-bottom: 1px dotted #EB528D; }
      .care-new .__pr p {
        line-height: 1.4; }

  .price-box.apoint {
    margin-top: 60px; }
    .price-box.apoint th::before {
      background-size: 150px;
      top: -37px;
      left: -8px; }
    .price-box.apoint .free {
      font-size: 28px;
      font-size: 2.8rem;
      text-align: center;
      padding: 12px 0;
      letter-spacing: 0; }

  .price-exam {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 60px; }
    .price-exam li {
      font-size: 14px;
      font-size: 1.4rem; }

  .exam-area {
    padding: 30px 4% 16px; }
    .exam-area .exam-num {
      top: -50px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center; }
    .exam-area .exam-box {
      display: block; }
    .exam-area .exam-txt {
      width: 100%; }
      .exam-area .exam-txt::after {
        content: none; }
    .exam-area .exam-calc {
      width: 100%;
      padding: 16px 4%;
      margin-top: 24px;
      border: 2px dotted #4F3728; }
    .exam-area .cat01 {
      top: -50px;
      right: -5px;
      width: 110px; }
    .exam-area .cat02 {
      top: -30px;
      left: -8px;
      width: 130px; }
    .exam-area.exam02 {
      margin: 80px 0 24px; }

  .price-present {
    background: url(../images/sitter_waku_bg.jpg) repeat-y;
    background-size: 100%;
    width: 100%;
    padding: 0 4%;
    margin: 120px auto 0; }
    .price-present::before {
      background-size: 100%;
      width: 100%;
      height: 22px;
      top: -8px; }
    .price-present::after {
      background-size: 100%;
      width: 100%;
      height: 28px;
      bottom: -22px;
      left: 0; }
    .price-present dt {
      width: 300px;
      top: -80px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    .price-present dd {
      padding: 32px 4%; }
      .price-present dd li {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        padding-left: 24px; }
        .price-present dd li span {
          font-size: 14px;
          font-size: 1.4rem; }

  #sitter-system {
    padding: 40px 4% 80px; }
    #sitter-system::before {
      background-size: auto 50%;
      width: 100%;
      height: 40px;
      position: absolute;
      top: -20px;
      left: 0;
      right: 0;
      margin: 0 auto; }
    #sitter-system .bg01, #sitter-system .bg02 {
      width: 150px;
      height: auto; }
    #sitter-system .bg01 {
      display: none; }
    #sitter-system .bg02 {
      top: -40px;
      right: 3%; }
    #sitter-system h2 {
      width: auto;
      margin: 0 auto 24px;
      text-align: center; }
      #sitter-system h2 img {
        height: 140px; }
    #sitter-system .alignC {
      margin-bottom: 24px;
      text-align: left !important; }

  .system-area {
    display: block; }
    .system-area .system-box {
      width: 100%;
      padding: 40px 4% 24px;
      margin-top: 48px; }
      .system-area .system-box h3 {
        font-size: 20px;
        font-size: 2rem;
        padding-top: 48px;
        padding-bottom: 8px;
        margin-bottom: 16px; }
      .system-area .system-box figure {
        width: 100px; }
      .system-area .system-box.sys02::after {
        content: "";
        background: url(../images/sitter_sys_bg.png) no-repeat;
        background-size: 50%;
        width: 118px;
        height: 112px;
        top: 20px;
        left: 30px; }

  /* staff
  ----------------------------------------------------------- */
  .staff #sub-visual h1 {
    width: auto; }
    .staff #sub-visual h1 img {
      height: 80px; }

  #staff-intro {
    padding: 16px 4% 0; }
    #staff-intro .inner {
      width: 100%;
      clear: both;
      border: 5px solid #fff;
      padding: 16px 4%; }
    #staff-intro .intro-txt {
      float: none;
      width: 100%;
      padding: 30px 4% 16px;
      border-radius: 24px; }
      #staff-intro .intro-txt h2 {
        font-size: 24px;
        font-size: 2.4rem;
        padding: 0;
        margin-bottom: 0.8em;
        background: none; }
        #staff-intro .intro-txt h2 span {
          font-size: 12px;
          font-size: 1.2rem; }
    #staff-intro figure {
      float: none;
      width: 100%;
      padding-top: 0;
      margin-bottom: 24px;
      text-align: center; }

  #staff-message {
    padding: 48px 4% 32px; }
    #staff-message::before {
      top: 50px;
      left: 0;
      width: 100%;
      height: 300px;
      background-size: 100px; }
    #staff-message::after {
      top: 400px;
      right: 0;
      width: 100px;
      height: 300px;
      background-size: 100px; }
    #staff-message h2 {
      width: auto;
      margin: 0 auto 32px;
      text-align: center; }
      #staff-message h2 img {
        height: 140px; }
    #staff-message p {
      width: 100%;
      text-align: left;
      background: url(../images/staff_nikukyu.png) no-repeat 90% 100%;
      position: relative;
      z-index: 2; }

  #staff-manga {
    padding: 64px 4% 100px; }
    #staff-manga::before {
      background-size: auto 50%;
      width: 100%;
      height: 40px; }
    #staff-manga h2 {
      width: 80%; }

  #staff-info {
    padding: 40px 4% 60px; }
    #staff-info::before {
      background-size: auto 50%;
      width: 100%;
      height: 40px;
      top: -20px; }
    #staff-info .bg01, #staff-info .bg02 {
      width: 140px;
      height: auto; }
    #staff-info .bg01 {
      display: none; }
    #staff-info .bg02 {
      top: -60px;
      left: 3%; }
    #staff-info h2 {
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 24px; }
    #staff-info table {
      width: 100%; }
    #staff-info th {
      width: 100%;
      display: block;
      padding: 1em;
      border-bottom: none;
      font-size: 15px;
      font-size: 1.5rem; }
    #staff-info td {
      width: 100%;
      display: block;
      padding: 1em;
      border-bottom: none;
      font-size: 15px;
      font-size: 1.5rem; }

  /* contact
  ----------------------------------------------------------- */
  .contact #sub-visual h1 {
    width: auto; }
    .contact #sub-visual h1 img {
      height: 80px; }

  #contact-intro {
    padding: 0 4% 40px; }
    #contact-intro p {
      text-align: left;
      margin-bottom: 60px; }
    #contact-intro dl {
      width: 100%;
      padding: 80px 8% 16px 5%; }
      #contact-intro dl dt {
        margin-top: -100px; }
        #contact-intro dl dt img {
          width: calc(606px/2.5); }
      #contact-intro dl dd {
        background: url(../images/common/icon_nikukyu_pink.png) no-repeat 0 5%;
        background-size: 16px; }

  #contact-form {
    padding: 32px 4% 160px; }
    #contact-form h2 {
      text-align: center;
      margin: 0 auto 32px;
      width: 80%; }
    #contact-form .contact-box {
      width: 100%; }

  .sup {
    padding: 0.3em 0.6em;
    margin-left: 0.4em;
    vertical-align: middle; }

  .contact-input th {
    width: 100%;
    display: block;
    vertical-align: top;
    padding: 1em 4%;
    border: none; }
  .contact-input td {
    width: 100%;
    display: block;
    padding: 0 4% 1em; }

  .contact-input input {
    font-size: 15px;
    font-size: 1.5rem; }
    .contact-input input.middle {
      width: 100%;
      height: 2em; }
    .contact-input input.long {
      width: 100%;
      height: 2em; }
  .contact-input select {
    width: 30%;
    height: 40px; }
  .contact-input textarea {
    width: 100%;
    height: 15em;
    font-size: 15px;
    font-size: 1.5rem; }

  .privacyBox {
    margin-top: 24px;
    padding: 1em 4%;
    overflow-y: auto; }
    .privacyBox dd {
      font-size: 12px;
      font-size: 1.2rem; }

  .privacyBox::-webkit-scrollbar {
    background: #eee;
    width: 10px; }

  .privacyBox::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px; }

  .privacyCheck .bold {
    font-size: 16px;
    font-size: 1.6rem; }

  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0; }

  .submit.btn {
    width: 100%;
    text-align: center; }
    .submit.btn input {
      font-size: 20px;
      font-size: 2rem;
      border-radius: 50px;
      line-height: 60px;
      margin: 40px auto 0;
      width: 100%; }

  .soushin.btn input {
    font-size: 20px;
    font-size: 2rem;
    border-radius: 50px;
    line-height: 60px;
    margin: 40px auto 0;
    width: 100%; }
    .soushin.btn input.inback {
      line-height: 40px;
      position: static;
      width: 50%; }

  .confirm h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -0; }

  .confirm .alignC {
    padding: 20px 4% 16px;
    margin-top: -25px;
    text-align: left !important;
    font-size: 15px;
    font-size: 1.5rem; }

  .confirm td {
    padding-top: 0; }

  .finish h2 {
    width: 80%;
    text-align: center;
    margin: 0 auto 24px; }

  .finish .inner {
    width: 100%;
    text-align: left;
    padding: 0 4% 40px; }

  .finish-info {
    width: 100%;
    padding: 16px 0;
    margin: 40px auto 80px; }
    .finish-info p {
      font-size: 18px;
      font-size: 1.8rem; }

  .finish-back {
    width: 80%; }
    .finish-back .btn {
      margin-right: 0;
      margin-bottom: 24px; }
      .finish-back .btn a {
        display: block;
        width: 100%;
        line-height: 60px;
        margin-top: 16px; } }
/* -----@media screen and (max-width:768px) ------ */