@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/* line 13, page_about.scss */
#about {
  /*============================
  #listWrap
  ============================*/
  /* ---------------------------------------------------------------------------------------------
    PCのみの設定
  --------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------
    スマホ向け設定
  --------------------------------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------------------------------
    PC～スマホ 調整（兼タブレット）
  --------------------------------------------------------------------------------------------- */ }
  /* line 20, page_about.scss */
  #about #listWrap {
    padding-top: 15px;
    /*============================
    .list01
    ============================*/
    /*============================
    .list02
    ============================*/
    /*============================
    .list03
    ============================*/
    /*.ttl{ background: url("../img/svg_lineBlue.svg") repeat-x; background-size: auto 100%; width: 100%; @include flexWrap; margin-bottom: 30px;
    em{ @include fs(26, 1); background: #fff; padding-right: 10px;}
    }*/
    /*============================
    .list04 #whatspetsitter
    ============================*/
    /*============================
    .list05 #ok
    ============================*/
    /*============================
    .list06 #service
    ============================*/ }
    /* line 22, page_about.scss */
    #about #listWrap .list {
      text-align: left;
      position: relative;
      /*margin-bottom: 80px; padding-bottom: 60px;*/
      /*&::after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 40px 50px 0 50px; border-color: rgba($black, .3) transparent transparent transparent; @include centerX; top: calc(100% - 0px);}*/ }
      /* line 24, page_about.scss */
      #about #listWrap .list::after {
        content: "";
        background: url("../img/icArrow.png") no-repeat;
        display: block;
        width: 100px;
        height: 0;
        padding-top: 9%;
        margin: 30px auto 50px;
        background-size: 100% auto; }
    /* line 26, page_about.scss */
    #about #listWrap .arw {
      border: 2px dotted #000;
      position: relative; }
      /* line 27, page_about.scss */
      #about #listWrap .arw::before {
        content: ""; }
      /* line 28, page_about.scss */
      #about #listWrap .arw::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid; }
      /* line 29, page_about.scss */
      #about #listWrap .arw span {
        position: relative; }
    /* line 31, page_about.scss */
    #about #listWrap .arw.h {
      border-left: 0; }
      /* line 32, page_about.scss */
      #about #listWrap .arw.h::before {
        width: 40px;
        height: 0;
        border-bottom: 2px dotted #000;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        left: 100%; }
      /* line 33, page_about.scss */
      #about #listWrap .arw.h::after {
        left: calc(100% + 40px);
        border-width: 5px 0 5px 10px;
        border-color: transparent transparent transparent #000;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10; }
    /* line 35, page_about.scss */
    #about #listWrap .arw.v {
      border-bottom: 0;
      margin: 0 auto;
      margin-top: 40px;
      margin-bottom: 10px; }
      /* line 36, page_about.scss */
      #about #listWrap .arw.v span {
        width: 0;
        height: 40px;
        border-left: 2px dotted #000;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
        bottom: 100%; }
      /* line 37, page_about.scss */
      #about #listWrap .arw.v::before, #about #listWrap .arw.v::after {
        width: 0;
        height: 0;
        border-style: solid;
        top: 100%;
        border-width: 10px 5px 0 5px;
        border-color: #000 transparent transparent transparent;
        position: absolute;
        z-index: 20; }
      /* line 38, page_about.scss */
      #about #listWrap .arw.v::before {
        left: -6px; }
      /* line 39, page_about.scss */
      #about #listWrap .arw.v::after {
        right: -6px; }
    /* line 41, page_about.scss */
    #about #listWrap .arw.hv {
      border-left: 0;
      border-bottom: 0; }
      /* line 42, page_about.scss */
      #about #listWrap .arw.hv::after {
        width: 0;
        height: 0;
        border-style: solid;
        top: 100%;
        border-width: 10px 5px 0 5px;
        border-color: #000 transparent transparent transparent;
        position: absolute;
        z-index: 20; }
      /* line 43, page_about.scss */
      #about #listWrap .arw.hv::after {
        right: -6px; }
    /* line 45, page_about.scss */
    #about #listWrap .borderRed {
      border: 2px solid #ff0000;
      border-radius: 20px; }
    /* line 47, page_about.scss */
    #about #listWrap .list.list01 .titWrap, #about #listWrap .list.list02 .titWrap {
      width: 38%;
      position: relative; }
      /* line 48, page_about.scss */
      #about #listWrap .list.list01 .titWrap .tit, #about #listWrap .list.list02 .titWrap .tit {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 2.34375rem;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 10px 10px 20px;
        color: #fff;
        filter: drop-shadow(0px 0px 3px black);
        z-index: 10;
        width: 100%;
        box-sizing: border-box; }
    /* line 51, page_about.scss */
    #about #listWrap .list.list01 .textWrap, #about #listWrap .list.list02 .textWrap {
      width: 58%; }
    /* line 61, page_about.scss */
    #about #listWrap .list.list01.flex .titWrap .mainPh.flexImg {
      height: 520px; }
    /* line 63, page_about.scss */
    #about #listWrap .list.list01.flex .arw.h.arw01 {
      position: absolute;
      height: 70px;
      top: 15px;
      left: 38%;
      width: calc(6% - 30px); }
    /* line 64, page_about.scss */
    #about #listWrap .list.list01.flex .textWrap.flex {
      flex-direction: column;
      justify-content: flex-start; }
      /* line 65, page_about.scss */
      #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 {
        text-align: center; }
        /* line 66, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul {
          border: 1px solid #000;
          border-radius: 30px;
          padding: 20px 60px;
          display: inline-block; }
          /* line 67, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: left; }
            /* line 68, page_about.scss */
            #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li em {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 2.25rem;
              width: 280px; }
            /* line 70, page_about.scss */
            #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(1) {
              margin-bottom: 20px; }
              /* line 70, page_about.scss */
              #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(1) i {
                width: 100px; }
            /* line 71, page_about.scss */
            #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(2) i {
              width: 100px; }
      /* line 75, page_about.scss */
      #about #listWrap .list.list01.flex .textWrap.flex .arw.v.arw02 {
        height: 80px;
        width: 55%;
        margin-top: 80px; }
        /* line 76, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .arw.v.arw02 span {
          height: 80px; }
      /* line 79, page_about.scss */
      #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        /* line 80, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li {
          width: 46%; }
          /* line 81, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            padding: 10px 20px;
            position: relative;
            width: 100%;
            height: 100%;
            color: inherit; }
            /* line 82, page_about.scss */
            #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li a:hover {
              color: #ff0000; }
          /* line 84, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li h3 {
            font-size: 27px;
            font-size: 1.6875rem;
            line-height: 3.0375rem;
            font-weight: 700; }
          /* line 85, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li em {
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.875rem; }
          /* line 86, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li i {
            position: absolute;
            bottom: calc(100% - 15px); }
          /* line 87, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li:nth-of-type(1) i {
            width: 100px;
            left: -20px; }
          /* line 88, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li:nth-of-type(2) i {
            width: 115px;
            right: -20px; }
    /* line 97, page_about.scss */
    #about #listWrap .list.list02.flex {
      padding-top: 30px; }
      /* line 100, page_about.scss */
      #about #listWrap .list.list02.flex .titWrap .mainPh.flexImg {
        height: 380px; }
      /* line 102, page_about.scss */
      #about #listWrap .list.list02.flex .arw.hv.arw01 {
        width: 50%;
        height: 70px;
        margin-left: -7%;
        margin-top: 20px;
        margin-bottom: 10px; }
      /* line 103, page_about.scss */
      #about #listWrap .list.list02.flex .textWrap {
        justify-content: flex-start; }
        /* line 104, page_about.scss */
        #about #listWrap .list.list02.flex .textWrap .sec.sec01 {
          position: relative; }
          /* line 105, page_about.scss */
          #about #listWrap .list.list02.flex .textWrap .sec.sec01 .ph {
            position: absolute;
            width: 130px;
            bottom: calc(100% - 15px);
            right: -20px; }
          /* line 106, page_about.scss */
          #about #listWrap .list.list02.flex .textWrap .sec.sec01 .read {
            padding: 20px 28px; }
    /* line 113, page_about.scss */
    #about #listWrap .list.list03.flex {
      align-items: center;
      margin-bottom: 60px;
      padding-top: 80px;
      margin-top: -30px; }
      /* line 114, page_about.scss */
      #about #listWrap .list.list03.flex::after {
        content: none; }
      /* line 115, page_about.scss */
      #about #listWrap .list.list03.flex .titWrap {
        width: 30%; }
        /* line 116, page_about.scss */
        #about #listWrap .list.list03.flex .titWrap .tit {
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 2.4375rem; }
        /* line 117, page_about.scss */
        #about #listWrap .list.list03.flex .titWrap .mainPh.flexImg {
          width: 240px;
          position: absolute;
          top: 40px;
          right: -40px;
          z-index: 1; }
      /* line 119, page_about.scss */
      #about #listWrap .list.list03.flex .arw.h.arw01 {
        width: 30px !important;
        position: absolute;
        height: 135px;
        top: 136px;
        left: 24%;
        width: calc(6% - 15px); }
        /* line 120, page_about.scss */
        #about #listWrap .list.list03.flex .arw.h.arw01::before {
          width: 30px; }
        /* line 121, page_about.scss */
        #about #listWrap .list.list03.flex .arw.h.arw01::after {
          left: calc(100% + 30px); }
      /* line 123, page_about.scss */
      #about #listWrap .list.list03.flex .textWrap.flex {
        width: 69%; }
        /* line 124, page_about.scss */
        #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 {
          position: relative; }
          /* line 125, page_about.scss */
          #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 .ph {
            position: absolute;
            width: 80px;
            bottom: calc(100% - 50px);
            left: -50px; }
          /* line 126, page_about.scss */
          #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 ul {
            padding: 20px 30px; }
            /* line 127, page_about.scss */
            #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 ul li {
              padding-left: 1.1em;
              position: relative;
              /*@include fs(18);*/ }
              /* line 128, page_about.scss */
              #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 ul li::before {
                content: "◎";
                position: absolute;
                top: 0;
                left: 0; }
      /* line 133, page_about.scss */
      #about #listWrap .list.list03.flex .sec.sec02 {
        width: 100%;
        margin-top: 80px; }
        /* line 134, page_about.scss */
        #about #listWrap .list.list03.flex .sec.sec02 ul {
          width: 70%;
          margin: auto;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          /* line 135, page_about.scss */
          #about #listWrap .list.list03.flex .sec.sec02 ul li {
            width: 29%;
            height: 0;
            padding-top: 29%;
            position: relative; }
            /* line 136, page_about.scss */
            #about #listWrap .list.list03.flex .sec.sec02 ul li a {
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              justify-content: flex-start;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              right: 0;
              margin: auto;
              z-index: 10;
              text-align: center;
              width: 100%;
              height: 100%;
              padding-bottom: 35px;
              border: 2px solid #ff0000;
              border-radius: 50%;
              color: inherit; }
              /* line 137, page_about.scss */
              #about #listWrap .list.list03.flex .sec.sec02 ul li a i {
                width: 100px;
                margin: -50px auto 10px; }
              /* line 138, page_about.scss */
              #about #listWrap .list.list03.flex .sec.sec02 ul li a em {
                font-size: 20px;
                font-size: 1.25rem;
                line-height: 2rem; }
              /* line 139, page_about.scss */
              #about #listWrap .list.list03.flex .sec.sec02 ul li a::after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 24px 24px 0 24px;
                border-color: red transparent transparent transparent;
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 10;
                top: calc(100% + 10px);
                transition: .25s; }
              /* line 140, page_about.scss */
              #about #listWrap .list.list03.flex .sec.sec02 ul li a:hover {
                color: #ff0000; }
                /* line 141, page_about.scss */
                #about #listWrap .list.list03.flex .sec.sec02 ul li a:hover::after {
                  top: calc(100% + 15px); }
    /* line 150, page_about.scss */
    #about #listWrap .list04, #about #listWrap .list05, #about #listWrap .list06 {
      padding-top: 30px;
      padding-bottom: 0;
      margin-bottom: 50px; }
      /* line 151, page_about.scss */
      #about #listWrap .list04::after, #about #listWrap .list05::after, #about #listWrap .list06::after {
        content: none; }
    /* line 155, page_about.scss */
    #about #listWrap .baloon {
      width: 100%; }
    /* line 157, page_about.scss */
    #about #listWrap .list04 .ttl, #about #listWrap .list05 .ttl, #about #listWrap .list06 .ttl {
      order: 0; }
    /* line 158, page_about.scss */
    #about #listWrap .list04 .sec.sec01, #about #listWrap .list05 .sec.sec01, #about #listWrap .list06 .sec.sec01 {
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      order: 1; }
    /* line 162, page_about.scss */
    #about #listWrap .list04 .titWrap, #about #listWrap .list05 .titWrap, #about #listWrap .list06 .titWrap {
      order: 2;
      position: relative; }
      /* line 163, page_about.scss */
      #about #listWrap .list04 .titWrap .tit.baloon, #about #listWrap .list05 .titWrap .tit.baloon, #about #listWrap .list06 .titWrap .tit.baloon {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 2.475rem;
        padding: 10px 30px;
        margin-bottom: 20px; }
        /* line 164, page_about.scss */
        #about #listWrap .list04 .titWrap .tit.baloon::after, #about #listWrap .list04 .titWrap .tit.baloon::before, #about #listWrap .list05 .titWrap .tit.baloon::after, #about #listWrap .list05 .titWrap .tit.baloon::before, #about #listWrap .list06 .titWrap .tit.baloon::after, #about #listWrap .list06 .titWrap .tit.baloon::before {
          left: calc(100% - 150px); }
        /* line 165, page_about.scss */
        #about #listWrap .list04 .titWrap .tit.baloon::after, #about #listWrap .list05 .titWrap .tit.baloon::after, #about #listWrap .list06 .titWrap .tit.baloon::after {
          border-width: 0px 20px 30px 0;
          border-color: transparent #fff transparent transparent;
          margin-left: -10px; }
        /* line 166, page_about.scss */
        #about #listWrap .list04 .titWrap .tit.baloon::before, #about #listWrap .list05 .titWrap .tit.baloon::before, #about #listWrap .list06 .titWrap .tit.baloon::before {
          border-width: 0px 22px 32px 0;
          border-color: transparent #000 transparent transparent;
          margin-left: -11px;
          margin-top: 1px; }
      /* line 168, page_about.scss */
      #about #listWrap .list04 .titWrap .mainPh.flexImg, #about #listWrap .list05 .titWrap .mainPh.flexImg, #about #listWrap .list06 .titWrap .mainPh.flexImg {
        width: 120px; }
    /* line 174, page_about.scss */
    #about #listWrap #whatspetsitter.list.list04.flex {
      padding-bottom: 50px; }
      /* line 177, page_about.scss */
      #about #listWrap #whatspetsitter.list.list04.flex .sec.sec01 .ph.flexImg {
        width: 42%; }
      /* line 178, page_about.scss */
      #about #listWrap #whatspetsitter.list.list04.flex .sec.sec01 .read {
        width: 54%; }
      /* line 180, page_about.scss */
      #about #listWrap #whatspetsitter.list.list04.flex .titWrap {
        margin-top: -100px;
        margin-left: auto;
        margin-right: 40px;
        width: 48%; }
        /* line 182, page_about.scss */
        #about #listWrap #whatspetsitter.list.list04.flex .titWrap .mainPh.flexImg {
          position: absolute;
          top: 25px;
          right: -40px;
          z-index: 50; }
    /* line 189, page_about.scss */
    #about #listWrap #ok.list.list05.flex {
      padding-bottom: 20px; }
      /* line 192, page_about.scss */
      #about #listWrap #ok.list.list05.flex .sec.sec01 .ph.flexImg {
        width: 32%; }
      /* line 193, page_about.scss */
      #about #listWrap #ok.list.list05.flex .sec.sec01 .read {
        width: 63%; }
      /* line 195, page_about.scss */
      #about #listWrap #ok.list.list05.flex .titWrap {
        margin-top: -35px;
        margin-left: auto;
        margin-right: 40px;
        width: 57%; }
        /* line 197, page_about.scss */
        #about #listWrap #ok.list.list05.flex .titWrap .mainPh.flexImg {
          position: absolute;
          top: 35px;
          right: -40px;
          z-index: 50; }
    /* line 204, page_about.scss */
    #about #listWrap #service.list.list06.flex {
      align-items: center;
      margin-bottom: 80px; }
      /* line 206, page_about.scss */
      #about #listWrap #service.list.list06.flex .titWrap {
        width: 36%; }
        /* line 208, page_about.scss */
        #about #listWrap #service.list.list06.flex .titWrap .mainPh.flexImg {
          margin-left: auto;
          margin-top: -30px;
          position: relative;
          z-index: 50; }
      /* line 210, page_about.scss */
      #about #listWrap #service.list.list06.flex .sec.sec01 {
        width: 58%; }
        /* line 211, page_about.scss */
        #about #listWrap #service.list.list06.flex .sec.sec01 ul {
          width: 100%; }
          /* line 212, page_about.scss */
          #about #listWrap #service.list.list06.flex .sec.sec01 ul li {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            position: relative;
            width: 100%; }
            /* line 213, page_about.scss */
            #about #listWrap #service.list.list06.flex .sec.sec01 ul li em {
              border: 1px solid #000;
              border-radius: 50%;
              width: 300px;
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 10px 30px;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 2.025rem;
              text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
              white-space: nowrap;
              box-sizing: border-box;
              background: #fff;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              z-index: 10;
              left: 0; }
            /* line 214, page_about.scss */
            #about #listWrap #service.list.list06.flex .sec.sec01 ul li .ph.flexImg {
              width: 300px;
              height: 140px;
              margin-left: auto; }
        /* line 217, page_about.scss */
        #about #listWrap #service.list.list06.flex .sec.sec01 dl {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          /* line 218, page_about.scss */
          #about #listWrap #service.list.list06.flex .sec.sec01 dl dt {
            width: 80px; }
          /* line 219, page_about.scss */
          #about #listWrap #service.list.list06.flex .sec.sec01 dl dd {
            width: calc(100% - 80px); }
  @media only screen and (max-width: 750px) {
    /* line 13, page_about.scss */
    #about {
      /*============================
      #listWrap
      ============================*/ }
      /* line 244, page_about.scss */
      #about #listWrap {
        padding-top: 15px;
        /*.arw.h{ border-left: 0;
        &::before{ width: 40px; height: 0; border-bottom: 2px dotted #000; @include centerY; left: 100%;}
        &::after{ left: calc(100% + 40px); border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #000; @include centerY;}
        }*/
        /*.arw.hv{ border-left:0; border-bottom: 0;
        &::after{ width: 0; height: 0; border-style: solid; top: 100%; border-width: 10px 5px 0 5px; border-color: #000 transparent transparent transparent; position: absolute; z-index: 20;}
        &::after{ right: -6px;}
        }*/
        /*============================
        .list01
        ============================*/
        /*============================
        .list02
        ============================*/
        /*============================
        .list03
        ============================*/
        /*============================
        .list04 #whatspetsitter
        ============================*/
        /*============================
        .list05 #ok
        ============================*/
        /*============================
        .list06 #service
        ============================*/ }
        /* line 246, page_about.scss */
        #about #listWrap .list {
          text-align: left;
          position: relative; }
          /* line 247, page_about.scss */
          #about #listWrap .list::after {
            width: 60px;
            height: 57px;
            padding-top: 0%;
            margin: 20px auto 20px; }
        /* line 258, page_about.scss */
        #about #listWrap .arw.h {
          border-top: 0;
          border-left: 2px dotted #000; }
          /* line 259, page_about.scss */
          #about #listWrap .arw.h::before {
            width: 0;
            height: 30px;
            border-bottom: 0;
            border-left: 2px dotted #000;
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            left: 0;
            top: 100%; }
          /* line 260, page_about.scss */
          #about #listWrap .arw.h::after {
            border-width: 10px 5px 0 5px;
            border-color: #000 transparent transparent transparent;
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            left: 0;
            top: calc(100% + 30px); }
        /* line 262, page_about.scss */
        #about #listWrap .arw.v {
          border-bottom: 0;
          margin: 0 auto;
          margin-top: 40px;
          margin-bottom: 10px; }
          /* line 263, page_about.scss */
          #about #listWrap .arw.v span {
            width: 0;
            height: 40px;
            border-left: 2px dotted #000;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            bottom: 100%; }
          /* line 264, page_about.scss */
          #about #listWrap .arw.v::before, #about #listWrap .arw.v::after {
            width: 0;
            height: 0;
            border-style: solid;
            top: 100%;
            border-width: 10px 5px 0 5px;
            border-color: #000 transparent transparent transparent;
            position: absolute;
            z-index: 20; }
          /* line 265, page_about.scss */
          #about #listWrap .arw.v::before {
            left: -6px; }
          /* line 266, page_about.scss */
          #about #listWrap .arw.v::after {
            right: -6px; }
        /* line 272, page_about.scss */
        #about #listWrap .arw.hv {
          border-left: 2px dotted #000;
          border-bottom: 2px dotted #000;
          border-top: 0;
          margin: auto;
          /*&::after{ width: 0; height: 0; border-style: solid; top: 100%; border-width: 10px 5px 0 5px; border-color: #000 transparent transparent transparent; position: absolute; z-index: 20;}
          &::after{ right: -6px;}*/ }
          /* line 275, page_about.scss */
          #about #listWrap .arw.hv::before {
            width: 0;
            height: 30px;
            border-bottom: 0;
            border-left: 2px dotted #000;
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            left: 0;
            top: 100%; }
          /* line 276, page_about.scss */
          #about #listWrap .arw.hv::after {
            border-width: 10px 5px 0 5px;
            border-color: #000 transparent transparent transparent;
            position: relative;
            top: auto;
            left: auto;
            bottom: auto;
            right: auto;
            transform: none;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 10;
            left: 0;
            top: calc(100% + 30px); }
        /* line 278, page_about.scss */
        #about #listWrap .borderRed {
          border: 2px solid #ff0000;
          border-radius: 20px; }
        /* line 280, page_about.scss */
        #about #listWrap .list.list01 .titWrap, #about #listWrap .list.list02 .titWrap {
          width: 100%;
          position: relative; }
          /* line 281, page_about.scss */
          #about #listWrap .list.list01 .titWrap .tit, #about #listWrap .list.list02 .titWrap .tit {
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 2.0625rem;
            position: absolute;
            top: 0;
            left: 0;
            padding: 10px 10px 10px 20px;
            color: #fff;
            filter: drop-shadow(0px 0px 3px black);
            z-index: 10;
            width: 100%;
            box-sizing: border-box; }
        /* line 284, page_about.scss */
        #about #listWrap .list.list01 .textWrap, #about #listWrap .list.list02 .textWrap {
          width: 100%; }
        /* line 294, page_about.scss */
        #about #listWrap .list.list01.flex .titWrap .mainPh.flexImg {
          height: auto; }
        /* line 296, page_about.scss */
        #about #listWrap .list.list01.flex .arw.h.arw01 {
          position: relative;
          height: 38px;
          top: auto;
          left: auto;
          margin: 0 auto 38px;
          width: 150px; }
        /* line 298, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 {
          text-align: center;
          width: 100%; }
          /* line 299, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul {
            border-radius: 20px;
            padding: 15px 15px;
            width: 100%; }
            /* line 300, page_about.scss */
            #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li {
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: left; }
              /* line 301, page_about.scss */
              #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li em {
                font-size: 4.5vw;
                width: calc(100% - 70px); }
              /* line 303, page_about.scss */
              #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(1) {
                margin-bottom: 10px; }
                /* line 303, page_about.scss */
                #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(1) i {
                  width: 60px; }
              /* line 304, page_about.scss */
              #about #listWrap .list.list01.flex .textWrap.flex .sec.sec01 ul li:nth-of-type(2) i {
                width: 60px; }
        /* line 308, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .arw.v.arw02 {
          height: 40px;
          width: 150px;
          margin-top: 40px; }
          /* line 309, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .arw.v.arw02 span {
            height: 40px; }
        /* line 313, page_about.scss */
        #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li {
          width: 48.5%; }
          /* line 314, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li a {
            padding: 10px 10px; }
          /* line 315, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li h3 {
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 2.0625rem;
            text-align: center; }
          /* line 316, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li em {
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.5rem; }
          /* line 317, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li i {
            bottom: calc(100% - 15px); }
          /* line 318, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li:nth-of-type(1) i {
            width: 60px;
            left: -20px; }
          /* line 319, page_about.scss */
          #about #listWrap .list.list01.flex .textWrap.flex .sec.sec02 ul li:nth-of-type(2) i {
            width: 70px;
            right: -20px; }
        /* line 328, page_about.scss */
        #about #listWrap .list.list02.flex {
          padding-top: 0; }
          /* line 331, page_about.scss */
          #about #listWrap .list.list02.flex .titWrap .mainPh.flexImg {
            height: auto; }
          /* line 333, page_about.scss */
          #about #listWrap .list.list02.flex .arw.hv.arw01 {
            width: 150px;
            height: 38px;
            margin: 0 auto 38px; }
          /* line 336, page_about.scss */
          #about #listWrap .list.list02.flex .textWrap .sec.sec01 .ph {
            position: absolute;
            width: 70px;
            bottom: calc(100% - 10px);
            right: -0px; }
          /* line 337, page_about.scss */
          #about #listWrap .list.list02.flex .textWrap .sec.sec01 .read {
            padding: 10px 15px; }
        /* line 344, page_about.scss */
        #about #listWrap .list.list03.flex {
          margin-bottom: 80px;
          padding-top: 10px;
          margin-top: -10px; }
          /* line 346, page_about.scss */
          #about #listWrap .list.list03.flex .titWrap {
            width: 100%; }
            /* line 347, page_about.scss */
            #about #listWrap .list.list03.flex .titWrap .tit {
              font-size: 24px;
              font-size: 1.5rem;
              line-height: 2.25rem;
              text-align: center;
              font-weight: 700;
              margin: 0 auto 10px; }
            /* line 348, page_about.scss */
            #about #listWrap .list.list03.flex .titWrap .mainPh.flexImg {
              width: 100%;
              position: relative;
              top: auto;
              right: auto; }
          /* line 350, page_about.scss */
          #about #listWrap .list.list03.flex .arw.h.arw01 {
            width: 150px !important;
            position: relative;
            height: 42px;
            top: auto;
            left: auto;
            margin: 0 auto 50px; }
            /* line 351, page_about.scss */
            #about #listWrap .list.list03.flex .arw.h.arw01::before {
              width: 0px;
              height: 40px; }
            /* line 352, page_about.scss */
            #about #listWrap .list.list03.flex .arw.h.arw01::after {
              left: 0;
              top: calc(100% + 40px); }
          /* line 354, page_about.scss */
          #about #listWrap .list.list03.flex .textWrap.flex {
            width: 100%; }
            /* line 356, page_about.scss */
            #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 .ph {
              position: absolute;
              width: 70px;
              bottom: calc(100% - 15px);
              left: -20px;
              z-index: 20; }
            /* line 357, page_about.scss */
            #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 ul {
              padding: 15px 15px; }
              /* line 358, page_about.scss */
              #about #listWrap .list.list03.flex .textWrap.flex .sec.sec01 ul li {
                padding-left: 1.1em; }
          /* line 362, page_about.scss */
          #about #listWrap .list.list03.flex .sec.sec02 {
            width: 100%;
            margin-top: 60px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap; }
            /* line 363, page_about.scss */
            #about #listWrap .list.list03.flex .sec.sec02 ul {
              width: 108%;
              margin-left: -4%;
              margin-right: -4%; }
              /* line 364, page_about.scss */
              #about #listWrap .list.list03.flex .sec.sec02 ul li {
                width: 32.5%;
                padding-top: 32.5%; }
                /* line 365, page_about.scss */
                #about #listWrap .list.list03.flex .sec.sec02 ul li a {
                  width: 100%;
                  height: 100%;
                  padding-bottom: 10%;
                  border-radius: 50%; }
                  /* line 366, page_about.scss */
                  #about #listWrap .list.list03.flex .sec.sec02 ul li a i {
                    width: 50px;
                    margin: -50px auto 0px; }
                  /* line 367, page_about.scss */
                  #about #listWrap .list.list03.flex .sec.sec02 ul li a em {
                    font-size: 15px;
                    font-size: 0.9375rem;
                    line-height: 1.40625rem;
                    font-weight: 700;
                    margin: auto; }
                  /* line 368, page_about.scss */
                  #about #listWrap .list.list03.flex .sec.sec02 ul li a::after {
                    border-width: 15px 15px 0 15px;
                    top: calc(100% + 6px); }
        /* line 376, page_about.scss */
        #about #listWrap .list04, #about #listWrap .list05, #about #listWrap .list06 {
          padding-top: 20px;
          margin-top: -20px;
          padding-bottom: 0;
          margin-bottom: 60px; }
        /* line 378, page_about.scss */
        #about #listWrap .baloon {
          width: 100%; }
        /* line 380, page_about.scss */
        #about #listWrap .list04 .ttl, #about #listWrap .list05 .ttl, #about #listWrap .list06 .ttl {
          order: 0; }
        /* line 381, page_about.scss */
        #about #listWrap .list04 .sec.sec01, #about #listWrap .list05 .sec.sec01, #about #listWrap .list06 .sec.sec01 {
          width: 100%;
          order: 1; }
        /* line 385, page_about.scss */
        #about #listWrap .list04 .titWrap, #about #listWrap .list05 .titWrap, #about #listWrap .list06 .titWrap {
          order: 2; }
          /* line 386, page_about.scss */
          #about #listWrap .list04 .titWrap .tit.baloon, #about #listWrap .list05 .titWrap .tit.baloon, #about #listWrap .list06 .titWrap .tit.baloon {
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 2.025rem;
            padding: 10px 15px;
            margin-bottom: 20px;
            /*&::after, &::before{ left:calc(100% - 120px);}
            &::after{ border-width: 0px 10px 20px 0; border-color: transparent #fff transparent transparent; margin-left: -5px;}
            &::before{ border-width: 0px 12px 22px 0; border-color: transparent #000 transparent transparent; margin-left: -6px; margin-top: 1px;}*/ }
            /* line 390, page_about.scss */
            #about #listWrap .list04 .titWrap .tit.baloon::before, #about #listWrap .list04 .titWrap .tit.baloon::after, #about #listWrap .list05 .titWrap .tit.baloon::before, #about #listWrap .list05 .titWrap .tit.baloon::after, #about #listWrap .list06 .titWrap .tit.baloon::before, #about #listWrap .list06 .titWrap .tit.baloon::after {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              position: absolute;
              top: 100%;
              left: 50%; }
            /* line 391, page_about.scss */
            #about #listWrap .list04 .titWrap .tit.baloon::after, #about #listWrap .list05 .titWrap .tit.baloon::after, #about #listWrap .list06 .titWrap .tit.baloon::after {
              border-width: 20px 5px 0 5px;
              border-color: #fff transparent transparent transparent;
              margin-left: -5px; }
            /* line 392, page_about.scss */
            #about #listWrap .list04 .titWrap .tit.baloon::before, #about #listWrap .list05 .titWrap .tit.baloon::before, #about #listWrap .list06 .titWrap .tit.baloon::before {
              border-width: 22px 6px 0 6px;
              border-color: #000 transparent transparent transparent;
              margin-left: -6px;
              margin-top: 1px; }
          /* line 394, page_about.scss */
          #about #listWrap .list04 .titWrap .mainPh.flexImg, #about #listWrap .list05 .titWrap .mainPh.flexImg, #about #listWrap .list06 .titWrap .mainPh.flexImg {
            width: 110px; }
        /* line 400, page_about.scss */
        #about #listWrap #whatspetsitter.list.list04.flex {
          padding-bottom: 0px; }
          /* line 403, page_about.scss */
          #about #listWrap #whatspetsitter.list.list04.flex .sec.sec01 .ph.flexImg {
            width: 100%;
            margin-bottom: 15px; }
          /* line 404, page_about.scss */
          #about #listWrap #whatspetsitter.list.list04.flex .sec.sec01 .read {
            width: 100%;
            margin-bottom: 15px; }
          /* line 406, page_about.scss */
          #about #listWrap #whatspetsitter.list.list04.flex .titWrap {
            margin: auto;
            width: 100%; }
            /* line 408, page_about.scss */
            #about #listWrap #whatspetsitter.list.list04.flex .titWrap .mainPh.flexImg {
              position: relative;
              top: auto;
              right: auto;
              margin: auto; }
        /* line 415, page_about.scss */
        #about #listWrap #ok.list.list05.flex {
          padding-bottom: 0px; }
          /* line 418, page_about.scss */
          #about #listWrap #ok.list.list05.flex .sec.sec01 .ph.flexImg {
            width: 100%;
            margin-bottom: 15px; }
          /* line 419, page_about.scss */
          #about #listWrap #ok.list.list05.flex .sec.sec01 .read {
            width: 100%;
            margin-bottom: 15px; }
          /* line 421, page_about.scss */
          #about #listWrap #ok.list.list05.flex .titWrap {
            margin: auto;
            width: 100%; }
            /* line 423, page_about.scss */
            #about #listWrap #ok.list.list05.flex .titWrap .mainPh.flexImg {
              position: relative;
              top: auto;
              right: auto;
              margin: auto;
              padding-top: 10px; }
        /* line 430, page_about.scss */
        #about #listWrap #service.list.list06.flex {
          margin-bottom: 60px; }
          /* line 432, page_about.scss */
          #about #listWrap #service.list.list06.flex .titWrap {
            width: 100%; }
            /* line 434, page_about.scss */
            #about #listWrap #service.list.list06.flex .titWrap .mainPh.flexImg {
              position: relative;
              top: auto;
              right: auto;
              margin: auto; }
          /* line 436, page_about.scss */
          #about #listWrap #service.list.list06.flex .sec.sec01 {
            width: 100%; }
            /* line 437, page_about.scss */
            #about #listWrap #service.list.list06.flex .sec.sec01 ul {
              width: 100%;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap; }
              /* line 438, page_about.scss */
              #about #listWrap #service.list.list06.flex .sec.sec01 ul li {
                width: 100%;
                margin-bottom: 15px; }
                /* line 439, page_about.scss */
                #about #listWrap #service.list.list06.flex .sec.sec01 ul li em {
                  border-radius: 50%;
                  width: 90%;
                  padding: 10px 30px;
                  font-size: 18px;
                  font-size: 1.125rem;
                  line-height: 2.025rem;
                  position: relative;
                  top: auto;
                  left: auto;
                  bottom: auto;
                  right: auto;
                  transform: none;
                  left: auto;
                  margin: auto; }
                /* line 440, page_about.scss */
                #about #listWrap #service.list.list06.flex .sec.sec01 ul li .ph.flexImg {
                  width: 100%;
                  height: auto;
                  margin: -10px auto 0; }
            /* line 443, page_about.scss */
            #about #listWrap #service.list.list06.flex .sec.sec01 dl {
              margin-bottom: 15px; }
              /* line 444, page_about.scss */
              #about #listWrap #service.list.list06.flex .sec.sec01 dl dt {
                width: 80px; }
              /* line 445, page_about.scss */
              #about #listWrap #service.list.list06.flex .sec.sec01 dl dd {
                width: calc(100% - 80px); } }