@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #333;
  font-weight: 400;
}

img {
  vertical-align: bottom;
}

.u-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

/*
トップページのモーダルのCSSです
*/
.modal {
  overscroll-behavior-y: contain;
  overflow-y: auto;
}

.modal-overlay {
  overscroll-behavior-y: contain;
  overflow-y: auto;
  background: rgba(0, 0, 0, .85);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}

.modal-overlay__inner {
  overscroll-behavior-y: contain;
  border-radius: 0.9375rem;
  max-height: 100vh;
  max-width: 500px;
  max-width: 31.25rem;
  overflow-y: auto;
  padding-top: 65px;
  padding-top: 4.0625rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  overflow-x: hidden;
  width: 100%;
  position: relative;
}

.modal-container {
  margin-top: 16px;
  margin-top: 1rem;
  border-radius: 0.9375rem;
  background-color: #fff;
  max-height: 100%;
  max-width: 500px;
  overflow-y: auto;
  width: 92%;
  margin: 0 auto;
}

.modal-header {
  height: 30px;
  height: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 16px;
  top: 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modal-title {
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.875;
  font-weight: 700;
}

.modal-content3 {
  line-height: 1.5;
  z-index: 9999;
}

.modal-open {
  display: block;
}

/* モーダルアニメーション */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal-overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal-container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

/*閉じるボタン*/
.modal-close span {
  display: block;
  width: 30px;
  height: 30px;
}

.modal-close span::before,
.modal-close span::after {
  /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  width: 0.1875rem;
  /* 棒の幅（太さ） */
  height: 30px;
  height: 1.875rem;
  /* 棒の高さ */
  background: #fff;
  border-radius: 0.15625rem;
  /* 棒の四隅の丸み*/
}

.modal-close span::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.modal-close span::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-close {
  position: absolute;
  top: 16px;
  top: 1rem;
  right: 16px;
  right: 1rem;
}

/*
sitterページ　PCサイズの際の背景のスタイルです。
*/
.pcBackgrpund,
.pcBackgrpund__containerInner {
  display: none;
}

@media all and (min-width: 530px) {
  .pcBackgrpund {
    display: block;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#15D9A5), to(#5CE3AA));
    background-image: linear-gradient(#15D9A5, #5CE3AA);
  }
  .user .pcBackgrpund {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8860), to(#FF9E57));
    background-image: linear-gradient(#FF8860, #FF9E57);
  }
  .pcBackgrpund__inner {
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-52deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, .06) 20px, rgba(255, 255, 255, .06) 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pcBackgrpund__container {
    max-height: 500px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media all and (min-width: 1080px) {
  .pcBackgrpund__containerInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: calc(50% - 187.5px);
    height: 100%;
  }
}
.u-bold {
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  margin-top: 1.875rem;
}

/*
総合トップページ　PCサイズの際の背景のスタイルです。
*/
.top-pcBackgrpund,
.top-pcBackgrpund__containerInner {
  display: none;
}

@media all and (min-width: 530px) {
  .top-pcBackgrpund {
    display: block;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
    background-image: linear-gradient(#f0f0f0, #f0f0f0);
  }
  .top-pcBackgrpund__inner {
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(-52deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, .06) 20px, rgba(255, 255, 255, .06) 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-pcBackgrpund__container {
    max-height: 500px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.top-pcBackgrpund__containerWrapper {
  width: 345px;
  width: 21.5625rem;
  margin: 0 auto;
}

@media all and (min-width: 1080px) {
  .top-pcBackgrpund__containerInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    height: 100%;
  }
}
@media all and (min-width: 1080px) {
  .top-pcBackgrpund__containerInner--01 {
    width: 11.4075rem;
    max-width: 100%;
  }
  .top-pcBackgrpund__containerInner--02 {
    width: 21.5625rem;
    max-width: 100%;
  }
}
.top-pcBackgrpund__text {
  width: 500px;
  width: 31.25rem;
  max-width: 500px;
  max-width: 31.25rem;
  text-align: center;
  margin-top: 30px;
  margin-top: 1.875rem;
  font-weight: 500;
  line-height: 1.8675;
}

.top-pcBackground__blankContainer {
  width: 375px;
  width: 23.4375rem;
  max-width: 100%;
}

/*****************/
/*  シッター求人LPの共有のタイトルです
/*****************/
.sitter-section-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.24em;
}

.sitter-section-title--white {
  color: #fff;
}

.sitter-section-title--black {
  color: #333;
}

.sitter-section-title__accent {
  width: 15%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}

/*
トップページのSwiperです
*/
.swiper__wrapper .swiper {
  padding: 0 4%;
  padding-bottom: 10%;
}

.swiper__wrapper.swiper__wrapper--modal .swiper {
  padding: 0 4%;
  padding-bottom: 12%;
}

.swiper__wrapper .swiper-slide {
  width: 85%;
  max-width: 450px;
  max-width: 28.125rem;
}

.swiper__wrapper .swiper-slide.swiper-slide--modal3 {
  width: 92%;
}

.swiper__wrapper {
  position: relative;
}

/* ページネーション */
/*
.swiper__wrapper .swiper .swiper-horizontal>.swiper-pagination-bullets,
.swiper__wrapper .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper__wrapper .swiper .swiper-pagination-custom,
.swiper__wrapper .swiper .swiper-pagination-fraction {
    bottom: -11.4%;
}*/
/* ページネーションの余白 */
.swiper-wrapper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px;
  margin: 0 0.9375rem;
}

/* ページネーションのサイズと色 */
.swiper__wrapper .swiper-pagination-bullet {
  background-color: #333;
  opacity: 1;
  height: 4px;
  height: 0.25rem;
  width: 4px;
  width: 0.25rem;
}

/* 画像サイズ調整 */
.swiper__wrapper .swiper-slide img {
  height: auto;
  width: 100%;
}

/* 選択されているページネーション */
.swiper__wrapper .swiper-pagination-bullet-active {
  height: 9px;
  height: 0.5625rem;
  width: 9px;
  width: 0.5625rem;
  -webkit-transform: translateY(25%);
          transform: translateY(25%);
}

.swiper__wrapper .swiper-slide {
  height: auto;
}

.swiper__wrapper .swiper-slide__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper__wrapper .swiper-slide__inner-illustration {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.test {
  color: red;
  font-size: 80px;
  font-weight: normal;
}

/*
トップページ ABOUT USセクションです
*/
.top-aboutus {
  background-color: #F2F2F2;
  margin-top: 66px;
  margin-top: 4.125rem;
}

.top-aboutus__inner {
  padding-top: 76px;
  padding-top: 4.75rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.top-aboutus__maintitle {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
}

.top-aboutus__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.top-aboutus__description {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.857;
  letter-spacing: 0.15em;
}

.top-aboutus__logo-bg {
  background-color: #fff;
  border-radius: 50%;
  width: 212px;
  width: 13.25rem;
  max-width: 100%;
  height: 212px;
  height: 13.25rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 17px;
  margin-bottom: 1.0625rem;
  position: relative;
}

.top-aboutus__site-logo {
  position: absolute;
  top: 31%;
  left: 16%;
}

.top-aboutus__site-logo img {
  width: 144px;
  width: 9rem;
  max-width: 100%;
}

.top-aboutus__vertical2 {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.top-aboutus__vertical {
  margin-top: 15px;
  margin-top: 0.9375rem;
}

.top-aboutus__title {
  padding-bottom: 29px;
  padding-bottom: 1.8125rem;
}

.top-aboutus__home {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
}

.top-aboutus__accent {
  width: 15%;
  margin: 0 auto;
}

.top-aboutus__accent img {
  width: 100%;
  height: 100%;
}

.top-aboutus__secondtitle {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.24em;
  line-height: 1.7;
  font-weight: 700;
}

.top-aboutus__vertical-home {
  margin-top: 25px;
  margin-top: 1.5625rem;
}

.top-aboutus__comment-image {
  width: 64%;
  text-align: right;
  margin-left: auto;
  margin-top: 10px;
}

/*
共通のボタンパーツです
*/
.top-btn {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  padding: 7px;
  padding: 0.4375rem;
  color: #fff;
  border-radius: 0.3125rem;
  width: 100%;
}

.top-btn2 {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  padding: 7px 17px 8px 17px;
  padding: 0.4375rem 1.0625rem 0.5rem 1.0625rem;
  color: #fff;
  border-radius: 2.1875rem;
}

.top-btn3 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 2.1875rem;
}

.top-btn--red {
  background-color: #E13C44;
}

.top-btn--orange {
  background-color: #F87549;
}

.top-btn--green {
  background-color: #00B900;
}

.top-btn--linegreen {
  background-color: #0EC392;
}

.top-btn--gray {
  background-color: #F2F2F2;
}

/*
トップページのモーダルの閉じるアイコンです
*/
.top-close {
  display: block;
  width: 100%;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-close__text {
  margin-left: 4px;
  margin-left: 0.25rem;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
}

.top-close__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*.top-close__btn {
        align-items: center;
        background-color: $red;
        width: rem(15);
        height: rem(15);
        /* 線の長さ */
/* 基準位置に指定 */
/*.top-close__btn::before,
    .top-close__btn::after {
        content: "";
        /* 疑似要素に必須 */
/* 幅いっぱいを指定 */
/* 適度な太さを指定 */
/* 高さを持たせるためにinline-blockを指定 */
/* 線の色を指定 */
/* 線の端を丸くしたいなら指定する */
/* 相対位置に指定 
//top: 50%;
//left: 50%;

}
*/
/*
    .top-close__btn::before {
        transform: rotate(45deg);
        //時計回りに45度回転させる 
    }

    .top-close__btn::after {
        transform: rotate(-45deg);
        //反時計回りに45度回転させる 
    }

    .top-close__text {
        margin-left: rem(5);
    }*/
.top-close__btn {
  position: relative;
  height: 15px;
  height: 0.9375rem;
  width: 15px;
  width: 0.9375rem;
}

.top-close__btn::before {
  content: "";
  position: absolute;
  top: 0px;
  top: 0rem;
  left: 0px;
  left: 0rem;
  width: 100%;
  height: 100%;
  background-image: url("../images/common/batu.svg");
  background-size: cover;
}

.top-company__inner {
  background-color: #F2F2F2;
  padding: 50px 40px 61px 40px;
  padding: 3.125rem 2.5rem 3.8125rem 2.5rem;
}

.top-company__logo-bg {
  background-color: #fff;
  border-radius: 50%;
  width: 148px;
  width: 9.25rem;
  max-width: 100%;
  height: 148px;
  height: 9.25rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  position: relative;
}

.top-company__site-logo {
  position: absolute;
  top: 33%;
  left: 22%;
}

.top-company__site-logo img {
  width: 88px;
  width: 5.5rem;
  max-width: 100%;
}

.top-company__detail {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  margin-left: auto;
  margin-right: auto;
}

.top-company__window {
  width: 12px;
  width: 0.75rem;
  max-width: 100%;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.top-company__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}

.top-company__sns img {
  width: 40px;
  width: 2.5rem;
  max-width: 100%;
  height: 40px;
  height: 2.5rem;
}

.top-company__sns a:not(:first-of-type) {
  margin-left: 30px;
  margin-left: 1.875rem;
}

.top-company__sdgs {
  max-width: 100%;
  width: 295px;
  width: 18.4375rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.top-company__description {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.9137;
}

/*--- 「詳しく見る」・「ブランドサイトはこちら」の共通パーツ ---*/
.top-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-detail span {
  margin-left: 6.5px;
  margin-left: 0.40625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.top-detail__arrow {
  background-color: #E13C44;
  border-radius: 50%;
  position: relative;
  height: 15px;
  height: 0.9375rem;
  width: 15px;
  width: 0.9375rem;
}

.top-detail__arrow::before {
  background-color: #fff;
  border: 1px;
  border: 0.0625rem;
  content: "";
  height: 1px;
  height: 0.0625rem;
  position: absolute;
  top: 40%;
  left: 40%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 4px;
  width: 0.25rem;
  max-width: 100%;
}

.top-detail__arrow::after {
  background-color: #fff;
  border: 1px;
  border: 0.0625rem;
  content: "";
  height: 1px;
  height: 0.0625rem;
  position: absolute;
  top: 55%;
  right: 35%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 4px;
  width: 0.25rem;
  max-width: 100%;
}

/*
トップページのテキスト上のドットです
*/
.top-dot-text {
  padding-top: 2px;
  padding-top: 0.125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.875rem 0.3rem;
}

.top-dot-text.top-dot-text--orange {
  background-image: radial-gradient(0.125rem 0.125rem at center center, #F87549, #F87549 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--orange {
  background-image: url("../images/common/orange.svg");
}

.top-dot-text.top-dot-text--green {
  background-image: radial-gradient(0.125rem 0.125rem at center center, #0EC392, #0EC392 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--green {
  background-image: url("../images/common/green.svg");
}

/* メインビューのフッター用 */
.top-dot-text.top-dot-text--smallorange {
  padding-top: 5px;
  padding-top: 0.3125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.1875rem 0.2375rem;
  background-image: radial-gradient(0.125rem 0.125rem at center center, #F87549, #F87549 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--smallorange {
  background-image: url("../images/common/orange.svg");
}

.top-dot-text.top-dot-text--smallgreen {
  padding-top: 5px;
  padding-top: 0.3125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.1875rem 0.2375rem;
  background-image: radial-gradient(0.125rem 0.125rem at center center, #0EC392, #0EC392 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--smallgreen {
  background-image: url("../images/common/green.svg");
}

/* ABOUT US &部分用*/
.top-dot-text.top-dot-text--mediumorange {
  padding-top: 2px;
  padding-top: 0.125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.71875rem 0.2375rem;
  background-image: radial-gradient(0.125rem 0.125rem at center center, #F87549, #F87549 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--mediumorange {
  background-image: url("../images/common/orange.svg");
}

.top-dot-text.top-dot-text--mediumgreen {
  padding-top: 2px;
  padding-top: 0.125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.71875rem 0.2375rem;
  background-image: radial-gradient(0.125rem 0.125rem at center center, #0EC392, #0EC392 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--mediumgreen {
  background-image: url("../images/common/green.svg");
}

/* アズケルLP */
.top-dot-text.top-dot-text--userobtain {
  padding-top: 2px;
  padding-top: 0.125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.24em 0.2em;
  background-image: radial-gradient(circle at center, #F87549 13%, transparent 13%);
}

_::-webkit-full-page-media,
_:future,
:root .top-dot-text.top-dot-text--userobtain {
  background-image: url("../images/common/orange.svg");
}

/*
//追加トップページ FEATUREセクションです
*/
.top-feature {
  position: relative;
}

.top-feature__bg-image {
  background: url(../images/common/feature.jpg) 0 0 no-repeat;
  background-size: cover;
  width: 100%;
  height: 250px;
  height: 15.625rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  background-position: center;
}

.top-feature__title {
  position: absolute;
  top: 56px;
  top: 3.5rem;
  left: 15px;
  left: 0.9375rem;
}

.top-feature__maintitle {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
}

.top-feature__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.top-feature__description {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1.625;
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
}

.top-feature__wrapper {
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  margin-top: 22px;
  margin-top: 1.375rem;
}

.top-feature__wrapper-inner {
  padding: 25px;
  padding: 1.5625rem;
}

.top-feature__wrapper-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  margin-bottom: 17px;
  margin-bottom: 1.0625rem;
}

.top-feature__wrapper-text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.9167;
  margin-bottom: 17px;
  margin-bottom: 1.0625rem;
}

.top-feature__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-feature__company01 {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 10px 28px;
  padding: 0.625rem 1.75rem;
}

.top-feature__company01 img {
  width: 81.5px;
  width: 5.09375rem;
  max-width: 100%;
}

.top-feature__company02 {
  background-color: #fff;
  border-radius: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  padding: 8px 17px 8px 17px;
  padding: 0.5rem 1.0625rem 0.5rem 1.0625rem;
  margin-left: 18px;
  margin-left: 1.125rem;
}

.top-feature__company01,
.top-feature__company02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-fixed-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #fff;
  z-index: 10;
  width: 100%;
}

.top-fixed-footer__parts {
  background: #fff;
}

.footer {
  height: 140px;
  height: 8.75rem;
  background-color: #333333;
}

.footer__inner {
  padding: 5px 40px 0 40px;
  padding: 0.3125rem 2.5rem 0 2.5rem;
}

.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.footer__nav-list a {
  list-style: none;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2.9167;
}

.footer__nav-list:not(:first-of-type) {
  margin-left: 20px;
  margin-left: 1.25rem;
}

.footer__copyright {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
}

/*
トップページのheaderです
*/
.top-header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  position: fixed;
  height: 60px;
  height: 3.75rem;
  border-bottom: 1px solid #F0F0F0;
  background-color: #fff;
}

.top-header__inner {
  padding-right: 7px;
  padding-right: 0.4375rem;
  padding-left: 14px;
  padding-left: 0.875rem;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-header__logo,
.top-header__nav {
  height: inherit;
}

.top-header__nav {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/*
トップページのインナーです
*/
.inner {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 529px) {
  .inner {
    max-width: 650px;
  }
}

/*
//追加トップページの登録用パーツです
*/
.top-login-line__inner {
  padding: 20px 25px 25px 25px;
  padding: 1.25rem 1.5625rem 1.5625rem 1.5625rem;
  border-radius: 0.9375rem;
  background-color: rgba(255, 255, 255, .96);
  max-width: 650px;
  max-width: 40.625rem;
  width: 100%;
}

.top-login-line__title {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.25em;
  line-height: 2.143;
  font-weight: 500;
}

.top-login-line__title span {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.5em;
  font-weight: 500;
  padding-bottom: 4px;
  padding-bottom: 0.25rem;
  text-transform: capitalize;
}

.top-login-line__image1 {
  width: 55px;
  width: 3.4375rem;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
}

.top-login-line__image1.top-login-line__image1--modal {
  width: 55px;
  width: 3.4375rem;
  -webkit-transform: translate(-29%, 10%);
          transform: translate(-29%, 10%);
}

.top-login-line__image1.top-login-line--image-azukaru {
  width: 55px;
  width: 3.4375rem;
  -webkit-transform: translate(41%, 8%);
          transform: translate(41%, 8%);
}

.top-login-line__image2.top-login-line--image-azukeru {
  max-width: 49px;
  max-width: 3.0625rem;
  aspect-ratio: 49/123;
  -webkit-transform: translateY(34%);
          transform: translateY(34%);
}

.top-login-line__image2.top-login-line--image2-azukeru-modal {
  max-width: 49px;
  max-width: 3.0625rem;
  aspect-ratio: 49/123;
  -webkit-transform: translate(-22%, 46%);
          transform: translate(-22%, 46%);
}

.top-login-line__image2.top-login-line--image-azukaru {
  max-width: 68.5px;
  max-width: 4.28125rem;
  aspect-ratio: 68.5/123;
  -webkit-transform: translate(-2%, 12%);
          transform: translate(-2%, 12%);
}

.top-login-line__image2.top-login-line--image-azukaru-modal {
  max-width: 62px;
  max-width: 3.875rem;
  aspect-ratio: 68.5/123;
  -webkit-transform: translate(9%, 46%);
          transform: translate(9%, 46%);
}

.top-login-line__image1 img,
.top-login-line__image2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-login-line__login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-login-line__content.top-login-line__content--azukaru {
  -webkit-transform: translateX(-4%);
          transform: translateX(-4%);
}

.top-login-line__content.top-login-line__content--azukeru {
  -webkit-transform: translateX(-8%);
          transform: translateX(-8%);
}

.top-login-line__content.top-login-line__content--azukeru-modal {
  -webkit-transform: translateX(-2%);
          transform: translateX(-2%);
}

.top-login-line__images.top-login-line__images--azukeru {
  -webkit-transform: translateX(36%);
          transform: translateX(36%);
}

.top-login-line__images.top-login-line__images--azukeru {
  width: 20%;
  padding-right: 1px;
  padding-right: 0.0625rem;
}

.top-login-line__login-btn-wrapper {
  margin-top: 27px;
  margin-top: 1.6875rem;
}

.top-login-line__line-btn-wrapper {
  margin-top: 19px;
  margin-top: 1.1875rem;
  text-align: center;
  width: 100%;
}

.top-login-line__login-btn {
  display: inline-block;
}

.top-login-line__line {
  padding: 25px 25px 25px 25px;
  padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
  background-color: #F0F0F0;
  border-radius: 0.9375rem;
}

.top-login-line__line-modal {
  padding: 25px 25px 25px 25px;
  padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
  background-color: #F0F0F0;
  border-radius: 0.9375rem;
  margin-top: 10%;
}

.top-login-line__line.top-login-line__line--azukeru {
  margin-top: 11%;
}

.top-login-line__line-btn {
  display: inline-block;
  text-align: center;
}

.top-login-line__text {
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  line-height: 2.091;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.top-login-line__text-modal {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  line-height: 2.02;
  font-weight: 500;
  letter-spacing: 0.2em;
}

/*アズケル*/
.top-login-line__title--orange span {
  color: #F87549;
}

/*アズカル*/
.top-login-line__title--green span {
  color: #0EC392;
}

/*
トップページのログイン画面（モーダル）です
*/
.top-login__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding-left: 15px;
  padding-left: 0.9375rem;
  padding-top: 29px;
  padding-top: 1.8125rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #F0F0F0;
}

.top-login__body {
  -ms-flex-preferred-size: 162px;
      flex-basis: 162px;
  -ms-flex-preferred-size: 10.125rem;
      flex-basis: 10.125rem;
  margin-left: 20px;
  margin-left: 1.25rem;
  margin-top: 14px;
  margin-top: 0.875rem;
  text-align: center;
}

.top-login__close {
  display: block;
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  height: inherit;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.286;
}

.top-login__img-wrapper {
  -ms-flex-preferred-size: 21%;
      flex-basis: 21%;
}

.top-login__img {
  margin: 0 auto;
}

.top-login__img--1 {
  aspect-ratio: 43/110;
  max-width: 43px;
  max-width: 2.6875rem;
}

.top-login__img--2 {
  aspect-ratio: 65/110;
  max-width: 65px;
  max-width: 4.0625rem;
}

.top-login__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}

/*.top-login__item--img1 img {
    max-width: rem(43);
    aspect-ratio: 43 / 110;
}*/
/*.top-login__item--img2 img {
    max-width: rem(65);
    aspect-ratio: 65 / 110;
}
*/
.top-login__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.24em;
  font-weight: 700;
}

.top-login__btn {
  margin-top: 15px;
  margin-top: 0.9375rem;
  width: 100%;
}

.top-nav__item {
  height: inherit;
}

/*
トップページheaderのロゴです
*/
.top-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 60px;
  max-width: 3.75rem;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-logo__link,
.top-logo__link a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-logo img {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*
トップページのメインビューのフッターです
*/
.top-main-view-footer {
  -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
          box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
  background-color: #fff;
  z-index: 2;
  width: 100%;
  position: fixed;
  bottom: 0;
}

.top-main-view-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-main-view-footer__item-wrapper {
  width: 50%;
  padding: 12px 5px 12px 5px;
  padding: 0.75rem 0.3125rem 0.75rem 0.3125rem;
  border-bottom: 1px solid #F0F0F0;
}

.top-main-view-footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-main-view-footer__item-wrapper button {
  margin: 0 auto;
}

.top-main-view-footer__item-wrapper:not(:first-of-type) {
  border-left: 1px solid #F0F0F0;
}

.top-main-view-footer__body {
  margin-left: 3px;
  margin-left: 0.1875rem;
  margin-top: 8px;
  margin-top: 0.5rem;
  text-align: center;
}

.top-main-view-footer__close {
  display: block;
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.286;
}

.top-main-view-footer__img-wrapper {
  width: 21%;
}

.top-main-view-footer__img {
  margin: 0 auto;
}

.top-main-view-footer__img--1 {
  width: 50%;
}

.top-main-view-footer__img--2 {
  width: 71%;
}

.top-main-view-footer__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0 auto;
}

.top-main-view-footer__title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.24em;
  font-weight: 700;
}

.top-main-view-footer__text {
  font-size: 11px;
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

/*
トップページ メインビューです
*/
.top-main-view__margin {
  margin-top: 82px;
  margin-top: 5.125rem;
}

.top-main-view__inner {
  max-width: 650px;
  max-width: 40.625rem;
  padding-bottom: 13px;
  padding-bottom: 0.8125rem;
}

.top-main-view__wrapper {
  border-radius: 3.125rem;
  background: url(../images/common/mainview-box.png) 0 0 no-repeat;
  background-size: 100% 93%;
  z-index: -3;
}

.top-main-view__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-main-view__image {
  aspect-ratio: 173/160;
  width: 50%;
}

.top-main-view__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.top-main-view__image--left img {
  border-radius: 3.75rem 0 0 0;
  -o-object-position: 87%;
     object-position: 87%;
}

.top-main-view__image--right img {
  border-radius: 0 3.75rem 0 0;
  -o-object-position: 55%;
     object-position: 55%;
}

.top-main-view__content {
  text-align: center;
  max-width: 285px;
  max-width: 17.8125rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: -19px;
  margin-top: -1.1875rem;
  z-index: 1;
}

.top-main-view__logo {
  aspect-ratio: 291/144.06;
  max-width: 144.06px;
  max-width: 9.00375rem;
  margin-right: auto;
  margin-left: auto;
  margin-top: 27px;
  margin-top: 1.6875rem;
}

.top-main-view__logo img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.top-main-view__subtitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.188;
  letter-spacing: 0.24em;
  padding-top: 7px;
  padding-top: 0.4375rem;
}

.top-main-view__description {
  margin-top: 26px;
  margin-top: 1.625rem;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 2.188;
  letter-spacing: 0.15em;
  line-height: 2;
}

.top-main-view__peoples {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 17.3px;
  padding-left: 1.08125rem;
  padding-right: 32px;
  padding-right: 2rem;
  margin-top: 26px;
  margin-top: 1.625rem;
}

.top-main-view__people-left {
  /* position: absolute;
  bottom: rem(-150);
  left: rem(33.3); */
  aspect-ratio: 148.37/83.38;
}

.top-main-view__people-right {
  /*     position: absolute;
  bottom: rem(-150);
  right: rem(47); */
  margin-left: 36px;
  margin-left: 2.25rem;
  aspect-ratio: 107.9/79.69;
}

.top-main-view__people-left img,
.top-main-view__people-right img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-main-view__content {
  position: relative;
  border-radius: 0.9375rem;
}
.top-main-view__content::before {
  content: "";
  display: block;
  width: 100%;
  height: 33px;
  height: 2.0625rem;
  border-radius: 0.9375rem 0.9375rem 0 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.top-main-view__border {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -3;
}

.top-main-view__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 7px;
  margin-top: 0.4375rem;
}

/*
トップページ Youtube動画の埋め込みセクションです
*/
.top-movie__inner {
  background-color: #333333;
}

.top-movie__home {
  padding-top: 78px;
  padding-top: 4.875rem;
  padding-bottom: 26px;
  padding-bottom: 1.625rem;
  margin-right: auto;
  margin-left: auto;
}

.top-movie__accent {
  width: 15%;
  margin: 0 auto;
}

.top-movie__secondtitle {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.24em;
  line-height: 1.7;
  color: #fff;
  font-weight: 700;
}

.top-movie__text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-align: center;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}

.top-movie__orange {
  color: #F87549;
}

.top-movie__green {
  color: #00B900;
}

.top-movie__youtube {
  width: 100%;
  position: relative;
  padding-top: 54.78%;
  padding-bottom: 19px;
  padding-bottom: 1.1875rem;
}

.top-movie__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.top-movie__time {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.15em;
  color: #fff;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.top-movie__announce {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  line-height: 1.75;
  color: #fff;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

/*
トップページのheader navです
*/
.top-nav__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}

/*
クリック領域確保のための設定
*/
/*.top-nav__item a,
.top-nav__item button {
    display: block;
    width: 100%;
    padding-right: rem(18);
    padding-left: rem(18);
    padding-top: rem(16);
    padding-bottom: rem(16);
    text-align: center;
    //color: $white;
    font-size: rem(14);
    font-weight: $medium;
    letter-spacing: 0.1em;
    line-height: 1.286;
}*/
.top-nav__item--news .modal-close {
  display: block;
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.top-nav--close .modal-close {
  display: block;
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.top-nav--close .modal-content {
  margin-top: 0;
}

.top-nav__bell img {
  width: 100%;
  max-width: 23px;
  max-width: 1.4375rem;
}

.top-nav__bell {
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  height: inherit;
}

/*
お知らせアイコンつける場合のクラス
*/
.top-nav__item--news {
  position: relative;
}

.top-nav__item--news::before {
  content: "13";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
  top: 11.5px;
  top: 0.71875rem;
  left: 31px;
  left: 1.9375rem;
  max-width: 20px;
  max-width: 1.25rem;
  max-height: 20px;
  max-height: 1.25rem;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #E13C44;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
}

.top-nav__item--news::after {
  content: "";
  position: absolute;
  top: 9.5px;
  top: 0.59375rem;
  left: 29px;
  left: 1.8125rem;
  max-width: 25px;
  max-width: 1.5625rem;
  max-height: 25px;
  max-height: 1.5625rem;
  line-height: 25px;
  line-height: 1.5625rem;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  text-align: center;
}

.top-nav__item--border {
  position: relative;
}

.top-nav__item--border::before {
  content: "";
  display: inline-block;
  width: 1px;
  width: 0.0625rem;
  height: 16px;
  height: 1rem;
  background-color: #F0F0F0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 3px;
  left: 0.1875rem;
}

.top-nav__registration {
  width: 100%;
  max-width: 104px;
  max-width: 6.5rem;
}

/*
トップページモーダルのお知らせ内liです
*/
/*
最後の行、先頭行に線追加
*/
.top-news-list {
  border-bottom: 1px solid #DDD;
  margin-top: 19px;
  margin-top: 1.1875rem;
}

/*
トップページモーダルのお知らせです
*/
/*.top-news:hover {
    color: $gray;
}*/
.top-news__inner {
  margin-right: auto;
  margin-left: auto;
}

.top-news__search {
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.top-news__search input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 10%;
  font-size: 12px;
  font-size: 0.75rem;
  width: 100%;
  line-height: 2.8;
  background-color: #F4F4F4;
  border-radius: 0.625rem;
}

.top-news__search-image {
  position: absolute;
  top: 35%;
  left: 9%;
  max-width: 13.79px;
  max-width: 0.861875rem;
  max-height: 13.59px;
  max-height: 0.849375rem;
}

.top-news__search-image img {
  width: 100%;
  height: 100%;
}

/*
2行目以降上に余白
*/
/*
日付とカテゴリの設定
*/
.top-news__date,
.top-news__category {
  display: inline-block;
  line-height: 1;
}

/*
日付設定
*/
.top-news__date {
  font-size: 12px;
  font-size: 0.75rem;
}

/*
カテゴリ設定
*/
.top-news__category {
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: 7px;
  margin-left: 0.4375rem;
  padding: 2px 6px 3px 6px;
  padding: 0.125rem 0.375rem 0.1875rem 0.375rem;
  border: 1px solid #F87549;
  color: #F87549;
  border-radius: 0.3125rem;
}

.top-news__category.top-news__category--maintenance {
  color: #6AAC32;
  border: 1px solid #6AAC32;
}

.top-news__category.top-news__category--fault {
  color: #0054A4;
  border: 1px solid #0054A4;
}

.top-news__category.top-news__category--important {
  color: #fff;
  border: 1px solid #E13C44;
  background-color: #E13C44;
}

/*
テキスト設定
*/
.top-news__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  width: 100%;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
}

/*
テキストのhover時の動き、ふわっとアンダーラインつける
*/
/*.top-news__text:hover {
    text-decoration: underline #F9F871;
    color: ;
}*/
.top-news__block {
  margin-top: 1px;
  margin-top: 0.0625rem;
}

/*くの字矢印*/
.top-news__arrow {
  position: relative;
  display: inline-block;
  padding: 10px;
}

.top-news__arrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.top-news__content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 11px 12px 17px;
  padding: 0.8125rem 0.6875rem 0.75rem 1.0625rem;
  border-top: 1px solid #DDD;
}

/*
新着ではない部分
*/
/*文字色グレー*/
.top-news__content--gray .top-news__date,
.top-news__content--gray .top-news__text,
.top-news__content--gray .top-news__arrow {
  color: #A0A0A0;
}

/*グレー矢印*/
.top-news__content--gray .top-news__arrow::before {
  border-top: solid 2px #A0A0A0;
  border-right: solid 2px #A0A0A0;
}

/*お知らせの赤丸*/
.top-news--newarrivals {
  position: relative;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.top-news--newarrivals::before {
  position: absolute;
  top: 50%;
  left: 1%;
  content: "";
  background-image: url("/images/common/news-red-circle.svg");
  background-repeat: no-repeat;
  z-index: 2;
  width: 100%;
  max-width: 6px;
  max-width: 0.375rem;
  height: 100%;
}

/*
トップページボタンパーツです
*/
.top-red-btn {
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.top-red-btn__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.571;
  letter-spacing: 0.15em;
}

.top-red-btn__btn a {
  padding: 8px 0px 8px 0px;
  padding: 0.5rem 0rem 0.5rem 0rem;
  max-width: 153px;
  max-width: 9.5625rem;
  width: 100%;
  margin: 0 auto;
}

.top-red-btn__btn {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  margin-top: 6px;
  margin-top: 0.375rem;
  width: 100%;
}

/*
トップページ SERVICEセクションです
*/
.top-service {
  margin-top: 78px;
  margin-top: 4.875rem;
}

.top-service__title {
  padding-bottom: 29px;
  padding-bottom: 1.8125rem;
}

.top-service__maintitle {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
}

.top-service__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.top-service__content-subtitle {
  margin-top: 4.5%;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.top-service__content-subtitle-modal3 {
  margin-top: 7%;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.top-service__box {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -32%;
}

.top-service__box-modal3 {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -46%;
}

.top-service__box-round-modal3 {
  width: 4%;
  position: absolute;
  right: unset;
  left: 0;
  top: 30%;
  z-index: 1;
}

.top-service__box-round {
  width: 4%;
  position: absolute;
  right: unset;
  left: 0;
  top: 19%;
  z-index: 1;
}

.top-service__content-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5.6% 10.58% 0 10.58%;
  position: relative;
}

.top-service__content-wrapper::before {
  content: "";
  width: 96.2%;
  height: 100%;
  border-radius: 3.125rem 0 0 0;
  background: #fff;
  position: absolute;
  bottom: -1.5%;
  z-index: 1;
  left: 3.8%;
}

.top-service__content {
  width: 100%;
  position: relative;
  z-index: 1;
}

.top-service__content-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12.7%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-service__content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px;
  margin-right: 2rem;
}

.top-service__content-title-number {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: -3.2px;
  margin-bottom: -0.2rem;
}

.top-service__content-title-text {
  font-family: "Roboto", sans-serif;
  font-size: 1px;
  font-size: 0.0625rem;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: capitalize;
  margin-top: -5px;
  margin-top: -0.3125rem;
}

.top-service__content-text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
  margin-top: 4%;
}

.top-service__content-tips {
  position: absolute;
  width: 32%;
  height: auto;
  right: 34%;
  top: -11%;
  padding: 4px;
  padding: 0.25rem;
  max-width: 120px;
  max-width: 7.5rem;
}

.top-service__content-tips-modal3 {
  position: absolute;
  width: 34%;
  height: auto;
  right: 18%;
  top: -19%;
  padding: 4px;
  padding: 0.25rem;
  max-width: 120px;
  max-width: 7.5rem;
}

.top-service__content-wrapper::after {
  content: "";
  width: 98%;
  height: 100%;
  border-radius: 3.125rem 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.2;
}

.top-service__content-wrapper--red::after {
  background: #E13C44;
}

.top-service__content-wrapper--green::after {
  background: #0EC392;
}

.top-service__vertical-text-wrapper {
  width: 115%;
  background: #fff;
  padding: 2.66% 2.13% 2.13% 2.13%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: -15%;
  top: 14%;
  z-index: 1;
  height: 20%;
}

.top-service__vertical-text-wrapper--sitter {
  width: 115%;
  left: -14%;
}

.top-service__vertical-text-wrapper-modal3 {
  width: 100%;
  background: #fff;
  padding: 2.66% 2.13% 2.13% 2.13%;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  left: -13%;
  top: 29%;
  z-index: 1;
  height: 20%;
}

.top-service__vertical-text {
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5em;
  line-height: 1.8;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-right: 25.6px;
  margin-right: 1.6rem;
  width: 69%;
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 0;
  text-transform: capitalize;
}

.top-service__vertical-text--sitter {
  margin-right: 20px;
  margin-right: 1.25rem;
  margin-left: 35px;
  margin-left: 2.1875rem;
}

.top-service__vertical-text-modal3 {
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5em;
  line-height: 1.8;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-right: 25.6px;
  margin-right: 1.6rem;
  width: 69%;
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 0;
  text-transform: capitalize;
}

.top-service__image-phone {
  width: 37.5%;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: unset;
  top: -17.5%;
  max-width: 170px;
  max-width: 10.625rem;
}
@media screen and (min-width: 529px) {
  .top-service__image-phone {
    top: -25%;
  }
}

.top-service__image-phone-modal3 {
  width: 26.5%;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: unset;
  top: -32.5%;
  max-width: 170px;
  max-width: 10.625rem;
}

.top-service__main-image {
  aspect-ratio: 375/375;
}

/* .top-service__main-image-modal3 {
    margin-top: -13%;
    aspect-ratio: 375 / 375;
} */
.top-service__main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*アズケル*/
.top-service__main-image--azukeru img {
  -o-object-position: 36%;
     object-position: 36%;
}

.top-service__main-image--azukeru-modal3 img {
  -o-object-position: 36% -2.875rem;
     object-position: 36% -2.875rem;
}

.top-service__main-image--azukaru-modal3 img {
  -o-object-position: 61% -2.5rem;
     object-position: 61% -2.5rem;
}

/*アズカル*/
.top-service__main-image--azukaru img {
  -o-object-position: 71%;
     object-position: 71%;
}

.top-service__content-maintitle {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  line-height: 2.143;
  font-weight: 500;
  margin-top: 7%;
}

.top-service__facility {
  margin-top: 1%;
}

.top-service__facility-list {
  margin-top: 2%;
}

/*
.top-service__facility-inner {
    width: 100%;
    padding-right: 0;
    padding-left: $padding-sp;
    margin-right: auto;
    margin-left: auto;
    @include mq("sm") {
        max-width: $inner + strip-unit($padding-pc) * 2;
        padding-right: 0;
        padding-left: $padding-pc;
    }
}*/
/*現在地から探すボタン*/
.top-service__facility-gps-btn-bg {
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  padding: 4% 4%;
  text-align: center;
}

.top-service__facility-gps-btn {
  padding: 0 15px;
  padding: 0 0.9375rem;
}

.top-service__facility-gps-btn {
  margin-top: 5%;
}

.top-service__facility-gps-btn-modal {
  margin-top: 7%;
  margin-right: 4%;
  margin-left: 4%;
}

.top-service__facility-gps-icon {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-left: 1.25rem;
  background-position: left 0 center;
  background-repeat: no-repeat;
  word-wrap: break-word;
  background-image: url("../images/common/azukeru-gps.png");
  background-size: 1.125rem 1.125rem;
}

.top-service__facility-gps-btn-size {
  display: inline-block;
}

/*アズケルを登録してみる*/
.top-service__registration {
  padding-top: 22%;
  padding-bottom: 22%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
}

.top-service__registration--azukeru,
.top-service__registration--azukeru-modal {
  background-image: url("../images/common/registration-azukeru.jpg");
  background-position: 19%;
}

.top-service__registration--azukaru,
.top-service__registration--azukaru-modal {
  background-image: url("../images/common/registration-azukaru.jpg");
  background-position: 11%;
}

/* // 画像に画像色を乗せると、その上のdivに重なりボタンが効かなくなる→そもそもマスクをかけた状態で書き出ししたいが方法分からず一旦保留 */
/*
.top-service__registration::before {
    content: "";
    background: rgba(0, 84, 164, 0.1);
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
*/
.top-service__registration-wrapper.top-service__registration--azukeru {
  margin-top: 12.5%;
}

.top-service__registration-wrapper.top-service__registration--azukeru-modal {
  margin-top: 15%;
}

.top-service__registration-wrapper.top-service__registration--azukaru {
  margin-top: 9.3%;
}

/* アズカル部分 */
.top-service__block-azukaru {
  margin-top: 21%;
}

/*
トップページのスライダーパーツです
*/
/*
カード
*/
.top-slider-card {
  display: block;
  padding: 20px 20px 23px 20px;
  padding: 1.25rem 1.25rem 1.4375rem 1.25rem;
  border-radius: 0.9375rem;
  border: 3px solid #F2F2F2;
}

.top-slider-card__body {
  padding-top: 5.5%;
}

/*
カードタイトル
*/
.top-slider-card__title {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
  font-weight: 400;
}

.top-slider-card__image {
  aspect-ratio: 210/139;
}

.top-slider-card__image-illustration {
  width: 62%;
}

.top-slider-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.9375rem;
}

.top-slider-card__map-image {
  aspect-ratio: 11/14.03;
}

.top-slider-card__map-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
マップ画像と住所を横並びに、下寄せに
*/
.top-slider-card__map {
  margin-top: auto;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  margin-top: 4%;
}

.top-slider-card--map-icon {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-left: 1.25rem;
  background-color: #fff;
  background-position: left 0 center;
  background-repeat: no-repeat;
  word-wrap: break-word;
  background-image: url("../images/common/map-pin.jpg");
  background-size: 0.6875rem 0.876875rem;
}

/*
トップページのタイトル（2行、小さいサイズ）です
*/
.top-small-title__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-small-title__wrapper :nth-child(1) {
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.5em;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  line-height: 1.8;
  z-index: 1;
  text-transform: uppercase;
}

.top-small-title__wrapper :nth-child(2) {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  line-height: 3.3;
  font-weight: 500;
  z-index: 1;
}

.top-small-title--orange {
  color: #F87549;
}

.top-small-title--green {
  color: #0EC392;
}

/*---追加 SpaceセクションのCSS ---*/
.top-space {
  margin-top: 83px;
  margin-top: 5.1875rem;
}

.top-space__margin {
  margin-bottom: 82px;
  margin-bottom: 5.125rem;
}

.top-space__announcement {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.top-space__wrapper {
  background-color: #F2F2F2;
  border-radius: 0.9375rem;
}

.top-space__wrapper-inner {
  padding: 18px 25px 21px 25px;
  padding: 1.125rem 1.5625rem 1.3125rem 1.5625rem;
}

.top-space__space {
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  letter-spacing: 0.5em;
  text-transform: capitalize;
  margin-bottom: 33px;
  margin-bottom: 2.0625rem;
}

.top-space__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 2.1429;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.top-space__description {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.9167;
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

.top-space__btn {
  width: 131px;
  width: 8.1875rem;
  max-width: 100%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.top-space__detail {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  margin-left: auto;
  margin-right: auto;
}

.top-space__image {
  aspect-ratio: 295/198;
}

.top-space__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.9375rem;
}

/*
トップページのFEATUREセクション内リストパーツです
*/
.top-support-card {
  padding: 20px 15px 19px 0px;
  padding: 1.25rem 0.9375rem 1.1875rem 0rem;
  border-bottom: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-support-card__body {
  margin-left: 25px;
  margin-left: 1.5625rem;
  margin-left: 25px;
  margin-left: 1.5625rem;
  -ms-flex-preferred-size: 64.2857143%;
      flex-basis: 64.2857143%;
}

.top-support-card__subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.8;
  letter-spacing: 0.8px;
  letter-spacing: 0.05rem;
}

.top-support-card__subtitle span {
  margin-left: 8px;
  margin-left: 0.5rem;
  letter-spacing: 0.05em;
  display: inline-block;
  text-align: center;
  /*左右中央*/
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  line-height: 20px;
  line-height: 1.25rem;
  /*heightと同じ値に*/
  border-radius: 50%;
  /*角を丸く*/
  background: #333;
  color: #fff;
}

.circle {
  display: inline-block;
  text-align: center;
  /*左右中央*/
  width: 60px;
  height: 60px;
  line-height: 60px;
  /*heightと同じ値に*/
  border-radius: 50%;
  /*角を丸く*/
  background: skyblue;
  color: #FFF;
}

.top-support-card__maintitle {
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.643;
  letter-spacing: 0.15em;
  margin-top: 14px;
  margin-top: 0.875rem;
}

.top-support-card__image {
  aspect-ratio: 100/100;
  -ms-flex-preferred-size: 31.571429%;
      flex-basis: 31.571429%;
}

.top-support-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.9375rem;
}

.news-card__date {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .news-card__date {
    padding-bottom: 0.1rem;
  }
}
@media (max-width: 375px) {
  .news-card__date {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .news-card__date {
    font-size: clamp(12px, 0.7291666667vw, 14px);
  }
}
@media (min-width: 600px) {
  .news-card__date {
    font-size: 14px;
  }
}

.news-card__text {
  line-height: 2;
}

.news-card-list__item {
  position: relative;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .news-card-list__item {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 1.4375rem);
    background-color: #F6F6F6;
  }
}

@media screen and (min-width: 768px) {
  .news-card-list__item:nth-of-type(even) {
    margin-left: 2.875rem;
  }
}

@media screen and (min-width: 768px) {
  .news-card-list__item:nth-child(n+3) {
    margin-top: 1.25rem;
  }
}

.news-card__body {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 30px;
  padding-left: 1.875rem;
  padding-right: 39px;
  padding-right: 2.4375rem;
}
@media screen and (min-width: 768px) {
  .news-card__body {
    position: static;
    position: initial;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    -webkit-transform: none;
            transform: none;
    -webkit-transform: initial;
            transform: initial;
  }
}

.news-card__date,
.news-card__text {
  color: #fff;
  text-shadow: 2px 2px 5px #333;
}
@media screen and (min-width: 768px) {
  .news-card__date,
.news-card__text {
    color: #000;
    color: initial;
    text-shadow: none;
  }
}

.news-card__img {
  position: relative;
  max-height: 170px;
  max-height: 10.625rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .news-card__img {
    max-width: 6.4375rem;
    width: 100%;
    height: auto;
    height: initial;
    max-height: none;
    max-height: initial;
  }
}

@media screen and (min-width: 768px) {
  .news-card__img::before {
    content: "";
    display: block;
    padding-top: 97.0873786%;
  }
}

.news-card__img img {
  border-radius: 0.625rem;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: inherit;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .news-card__img img {
    border-radius: 0;
    border-radius: initial;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: none;
    max-height: initial;
  }
}

.news-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .news-card-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/*
トップページのABOUT US内セクション内アズケルとアズカルのパーツです（2列に分かれていないもの）
*/
.top-vertical-home__item--orange,
.top-vertical-home__item--green {
  position: relative;
  border-radius: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.top-vertical-home__item--orange::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#F87549), color-stop(50%, #F87549), color-stop(50%, #0EC392), to(#0EC392));
  background: linear-gradient(90deg, #F87549 0%, #F87549 50%, #0EC392 50%, #0EC392 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical-home_item--green::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #0EC392;
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical-home__item {
  background-color: #fff;
  border-radius: 0.5rem;
  -ms-flex-preferred-size: 47.7272727%;
      flex-basis: 47.7272727%;
  text-align: center;
}

.top-vertical-home__inner {
  padding: 14px 15px 15px 15px;
  padding: 0.875rem 0.9375rem 0.9375rem 0.9375rem;
}

.top-vertical-home__inner.top-vertical__inner--azukaru {
  padding: 14px 15px 16px 15px;
  padding: 0.875rem 0.9375rem 1rem 0.9375rem;
}

.top-vertical-home__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-vertical-home__icon {
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  display: inline-block;
  text-align: center;
  /*左右中央*/
  max-width: 48px;
  max-width: 3rem;
  max-height: 48px;
  max-height: 3rem;
  width: 100%;
  height: 100%;
  line-height: 48px;
  line-height: 3rem;
  /*heightと同じ値に*/
  border-radius: 50%;
  /*角を丸く*/
  background: #333;
  color: #fff;
}

.top-vertical-home__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  right: -0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 10px;
  border-color: transparent transparent transparent #333;
}

.top-vertical-home__point {
  display: inline-block;
  padding: 12px 4px;
  padding: 0.75rem 0.25rem;
  border: 3px solid #F2F2F2;
  border-radius: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  font-weight: 500;
  margin-left: 15px;
  margin-left: 0.9375rem;
  width: 100%;
}

.top-vertical-home__title {
  margin-top: 31px;
  margin-top: 1.9375rem;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.top-vertical-home__image-wrapper {
  margin-top: auto;
}

.top-vertical-home__image--azukeru {
  width: 54%;
  padding-top: 15px;
  padding-top: 0.9375rem;
  -webkit-transform: translateX(27%);
          transform: translateX(27%);
}

.top-vertical-home__image--azukaru {
  width: 27%;
  -webkit-transform: translateX(146%);
          transform: translateX(146%);
}

.top-vertical-home__image img {
  width: 100%;
  height: 100%;
}

.top-vertical-home__text {
  padding: 18px 15px 17px 15px;
  padding: 1.125rem 0.9375rem 1.0625rem 0.9375rem;
  border-top: 1px solid #F0F0F0;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 1.786;
}

.top-vertical-home__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.top-vertical-home__items::before {
  content: "";
  background-image: url(../images/common/and.jpg);
  background-size: 21%;
  background-repeat: no-repeat;
  background-position: 50% 73%;
  position: absolute;
  height: 100%;
  width: 100%;
}

.top-vertical-home__item2 {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*
トップページのABOUT US内セクション内アズケルとアズカルのパーツです
*/
.top-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-vertical__item:nth-child(2) {
  margin-left: 13px;
  margin-left: 0.8125rem;
}

.top-vertical__item--orange,
.top-vertical__item--green {
  position: relative;
  border-radius: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.top-vertical__item--orange::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #F87549;
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical__item--green::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #0EC392;
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical__item {
  background-color: #fff;
  border-radius: 0.5rem;
  -ms-flex-preferred-size: 47.7272727%;
      flex-basis: 47.7272727%;
  text-align: center;
}

.top-vertical__inner {
  padding: 14px 15px 22px 15px;
  padding: 0.875rem 0.9375rem 1.375rem 0.9375rem;
}

.top-vertical__inner.top-vertical__inner--azukaru {
  padding: 14px 15px 16px 15px;
  padding: 0.875rem 0.9375rem 1rem 0.9375rem;
}

.top-vertical__points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top-vertical__icon {
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  display: inline-block;
  text-align: center;
  /*左右中央*/
  max-width: 48px;
  max-width: 3rem;
  max-height: 48px;
  max-height: 3rem;
  width: 100%;
  height: 100%;
  line-height: 48px;
  line-height: 3rem;
  /*heightと同じ値に*/
  border-radius: 50%;
  /*角を丸く*/
  background: #333;
  color: #fff;
}

.top-vertical__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  right: -0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4.5px 0 4.5px 10px;
  border-color: transparent transparent transparent #333;
}

.top-vertical__point {
  display: inline-block;
  padding: 12px 4px;
  padding: 0.75rem 0.25rem;
  border: 3px solid #F2F2F2;
  border-radius: 0.9375rem;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  font-weight: 500;
  margin-left: 15px;
  margin-left: 0.9375rem;
  max-width: 75px;
  max-width: 4.6875rem;
  width: 100%;
}

.top-vertical__title {
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.top-vertical__image-wrapper {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.top-vertical__image--azukeru {
  width: 31%;
  margin: 0 auto;
}

.top-vertical__image--azukaru {
  width: 48%;
  margin: 0 auto;
}

.top-vertical__image img {
  width: 100%;
  height: 100%;
}

.top-vertical__text {
  padding: 18px 15px 17px 15px;
  padding: 1.125rem 0.9375rem 1.0625rem 0.9375rem;
  border-top: 1px solid #F0F0F0;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 1.786;
}

/*
トップページのABOUT US内セクション内アズケルとアズカルのパーツ（矢印つき）です
*/
.top-vertical2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-vertical2__item:nth-child(2) {
  margin-left: 13px;
  margin-left: 0.8125rem;
}

.top-vertical2__item--orange,
.top-vertical2__item--green {
  position: relative;
  border-radius: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
}

.top-vertical2__item--orange::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #F87549;
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical2__item--green::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #0EC392;
  position: absolute;
  top: 0;
  left: 0;
}

.top-vertical2__item {
  background-color: #fff;
  border-radius: 0.5rem;
  -ms-flex-preferred-size: 47.7272727%;
      flex-basis: 47.7272727%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-vertical2__inner {
  padding: 14px 4px 14px 10px;
  padding: 0.875rem 0.25rem 0.875rem 0.625rem;
}

.top-vertical2__inner.top-vertical2__inner--azukaru {
  padding: 14px 15px 16px 15px;
  padding: 0.875rem 0.9375rem 1rem 0.9375rem;
}

.top-vertical2__title {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.top-vertical2__image-wrapper {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.top-vertical2__image--azukeru {
  width: 27%;
  margin: 0 auto;
}

.top-vertical2__image--azukaru {
  width: 41%;
  margin: 0 auto;
}

.top-vertical2__image img {
  width: 100%;
  height: 100%;
}

.top-vertical2__text {
  padding: 18px 15px 22px 15px;
  padding: 1.125rem 0.9375rem 1.375rem 0.9375rem;
  border-top: 1px solid #F0F0F0;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 1.786;
}

.top-vertical2__description {
  margin-top: 14px;
  margin-top: 0.875rem;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-weight: 500;
}

.top-vertical2__content {
  border-top: 1px solid #F0F0F0;
  padding-top: 8.3px;
  padding-top: 0.51875rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  padding-right: 7px;
  padding-right: 0.4375rem;
  padding-left: 7px;
  padding-left: 0.4375rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.top-vertical2__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 94px;
  height: 5.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-vertical2__arrow-text1 {
  width: 37%;
  margin-top: 23px;
  margin-top: 1.4375rem;
  padding-bottom: 17px;
  padding-bottom: 1.0625rem;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.top-vertical2__arrow-text2 {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  margin-top: 23px;
  margin-top: 1.4375rem;
  padding-bottom: 17px;
  padding-bottom: 1.0625rem;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.top-vertical2__arrow-image {
  width: 25%;
  max-width: 40px;
  max-width: 2.5rem;
}

.top-vertical2__user {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.4;
  letter-spacing: 0.15em;
}

.top-vertical2__btn {
  margin-top: auto;
}

/*****************/
/*  アズケルLPの共有のタイトルです
/*****************/
.user-section-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.24em;
}

.user-section-title--white {
  color: #fff;
}

.user-section-title--black {
  color: #333;
}

.user-section-title__accent {
  width: 15%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}

/*****************/
/*  シッター求人LP  追従フッター　セクション   */
/*****************/
.sitter-recruit-footer {
  -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
          box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
  background-color: #fff;
  z-index: 2;
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 60px;
  height: 3.75rem;
}

.sitter-recruit-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.sitter-recruit-footer__list::before {
  content: "";
  display: inline-block;
  width: 1px;
  width: 0.0625rem;
  height: 16px;
  height: 1rem;
  background-color: #F2F2F2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(50% + 40px);
}

.sitter-recruit-footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 23px;
  padding-left: 1.4375rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.sitter-recruit-footer__serch {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.sitter-recruit-footer__serch img {
  width: 35px;
  -o-object-fit: cover;
     object-fit: cover;
}

.sitter-recruit-footer__body {
  text-align: center;
  width: 110px;
  width: 6.875rem;
  max-width: 100%;
  margin-right: 2px;
  margin-right: 0.125rem;
}

.sitter-recruit-footer__title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.24em;
  font-weight: 700;
}

.sitter-recruit-footer__text {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

.sitter-recruit-footer__img {
  margin: 0 auto;
}

.sitter-recruit-footer__img--2 {
  width: 100%;
}

.sitter-recruit-footer__registration {
  width: 100%;
  max-width: 118px;
  max-width: 7.375rem;
  margin-left: 23px;
  margin-left: 1.4375rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

/*****************/
/*  シッター求人LP シッターとして働ける場所　セクション   */
/*****************/
.sitter-recruit-location {
  padding: 70px 0;
  padding: 4.375rem 0;
}

.sitter-recruit-location__title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.sitter-recruit-location__facility-list {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.sitter-recruit-location__wrapper {
  background-color: #F2F2F2;
  border-radius: 8px;
  padding: 20px 25px 25px 25px;
  padding: 1.25rem 1.5625rem 1.5625rem 1.5625rem;
}

.sitter-recruit-location__announce {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.917;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.sitter-recruit-location__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sitter-recruit-location__flex-wrap {
  width: 92px;
  width: 5.75rem;
  max-width: 100%;
}

.sitter-recruit-location__flex-wrap:not(:last-child) {
  margin-right: 10px;
  margin-right: 0.625rem;
}

.sitter-recruit-location__image {
  width: 100%;
  vertical-align: bottom;
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.sitter-recruit-location__image::before {
  content: "";
  display: block;
}

.sitter-recruit-location__image:before {
  padding-top: 100%;
}

.sitter-recruit-location__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.sitter-recruit-location__text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1.5;
  text-align: center;
}

/*****************/
/*  シッター求人LPのシッターのメリット　セクション   */
/*****************/
.sitter-recruit-merit {
  background-color: #F2F2F2;
  padding: 80px 0 80px 0;
  padding: 5rem 0 5rem 0;
}

.sitter-recruit-merit__title {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.sitter-recruit-merit__wrapper {
  border-radius: 15px;
  background-color: #fff;
  padding: 30px 25px 25px 25px;
  padding: 1.875rem 1.5625rem 1.5625rem 1.5625rem;
}

.sitter-recruit-merit__wrapper:not(:last-child) {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.sitter-recruit-merit__merit {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.5em;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.sitter-recruit-merit__merit--green {
  color: #0EC392;
}

.sitter-recruit-merit__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 2.143;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.sitter-recruit-merit__image {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  width: 100%;
  vertical-align: bottom;
  position: relative;
}
.sitter-recruit-merit__image::before {
  content: "";
  display: block;
}

.sitter-recruit-merit__image::before {
  padding-top: 67.1186440678%;
}

.sitter-recruit-merit__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.sitter-recruit-merit__text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.917;
  letter-spacing: 0.1em;
}

.sitter-recruit-merit__exsample {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  line-height: 1.857;
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}

.sitter-recruit-merit__reward {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
  padding-top: 0.625rem;
  border-top: 1px solid #F2F2F2;
  border-top: 0.0625rem solid #F2F2F2;
}

.sitter-recruit-merit__reward:not(:last-child) {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.sitter-recruit-merit__conditions {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.667;
  letter-spacing: 0.24em;
  width: 160px;
  width: 10rem;
  margin-right: 37px;
  margin-right: 2.3125rem;
}

.sitter-recruit-merit__conditions span {
  color: #0EC392;
}

.sitter-recruit-merit__value {
  color: #0EC392;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.24em;
}

.sitter-recruit-merit__value span {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

/*****************/
/*  シッター求人LPのメインビュー
/*****************/
.sitter-recruit-mv {
  margin-top: 60px;
  background-image: radial-gradient(rgba(14, 195, 146, .1) 10%, transparent 5%), radial-gradient(rgba(14, 195, 146, .1) 10%, transparent 5%);
  background-size: 22px 22px;
  background-position: 0 0, 22px 22px;
}

.sitter-recruit-mv__catchcopy-wrapper {
  padding-top: 24px;
  padding-top: 1.5rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  text-align: center;
}

.sitter-recruit-mv__catchcopy {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #0EC392;
  letter-spacing: 0.1em;
  line-height: 2.267;
  border-bottom: dashed 1px #0EC392;
}

.sitter-recruit-mv__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
  margin-bottom: 1.0625rem;
  margin-top: 10px;
}
@media screen and (min-width: 400px) {
  .sitter-recruit-mv__flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 530px) {
  .sitter-recruit-mv__flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 400px) {
  .sitter-recruit-mv__image {
    padding: 0 0.625rem;
  }
}
@media screen and (min-width: 530px) {
  .sitter-recruit-mv__image {
    padding: 0;
  }
}

.sitter-recruit-mv__title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.346;
  letter-spacing: 0.24em;
  color: #0EC392;
  margin-left: 10px;
  margin-left: 0.625rem;
}

/* 画像スライダー*/
.slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  overflow: hidden;
}

.slider-wrap {
  -webkit-animation: loop-slide 20s infinite linear 1s both;
          animation: loop-slide 20s infinite linear 1s both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

@-webkit-keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*ホバーでアニメーションの動きを止める */
.slide-paused:hover .slider-wrap {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slide {
  width: 287px;
  height: 100%;
  text-align: center;
  margin-right: 15px;
  margin-right: 0.9375rem;
}

/* 画像スライダー ここまで*/
.sitter-recruit-mv__flex02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sitter-recruit-mv__feature {
  width: 90px;
  height: 60px;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .1019607843);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, .1019607843);
  border-radius: 5px;
  margin-top: -20px;
  margin-top: -1.25rem;
  position: relative;
  z-index: 1;
}

.sitter-recruit-mv__feature div {
  color: #0EC392;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.429;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sitter-recruit-mv__feature:not(:last-child) {
  margin-right: 16px;
  margin-right: 1rem;
}

.sitter-recruit-mv__description-wrapper {
  margin-top: 40px;
  margin-top: 2.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.sitter-recruit-mv__description {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.313;
}

.sitter-recruit-mv__description:first-child {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.sitter-recruit-mv__btn-wrapper {
  text-align: center;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.sitter-recruit-mv__btn {
  background-color: #E13C44;
  text-align: center;
}

.sitter-recruit-mv__btn a {
  display: inline-block;
}

/*****************/
/*  シッター求人LPの登録シッター募集中　セクション   */
/*****************/
.sitter-recruit-recruiting {
  background-color: #0EC392;
  padding: 80px 0;
  padding: 5rem 0;
}

.sitter-recruit-recruiting__wrapper {
  background-color: #fff;
  border-radius: 15px;
}

.sitter-recruit-recruiting__title {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

/*画像の比率管理*/
.sitter-recruit-recruiting__image {
  width: 100%;
  vertical-align: bottom;
  position: relative;
}
.sitter-recruit-recruiting__image::before {
  content: "";
  display: block;
}

.sitter-recruit-recruiting__image::before {
  padding-top: 67.2463768116%;
}

.sitter-recruit-recruiting__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/*画像の比率管理ここまで*/
.sitter-recruit-recruiting__text-wrapper {
  padding: 20px 25px 20px 25px;
  padding: 1.25rem 1.5625rem 1.25rem 1.5625rem;
}

.sitter-recruit-recruiting__welcome-wrapper {
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.sitter-recruit-recruiting__welcome {
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  text-align: center;
  color: #0EC392;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(14, 195, 146, .1)));
  background: linear-gradient(transparent 60%, rgba(14, 195, 146, .1) 60%);
  display: inline-block;
}

.sitter-recruit-recruiting__text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

.sitter-recruit-recruiting__text:not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.sitter-recruit-recruiting__text span {
  color: #0EC392;
}

/*****************/
/*  シッター求人LP　こんな人に選ばれていますセクション   */
/*****************/
.sitter-recruit-selected {
  padding: 80px 0;
  padding: 5rem 0;
}

.sitter-recruit-selected__title {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.sitter-recruit-selected__job {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

/*****************/
/*  シッター求人LP  　セクション   */
/*****************/
.sitter-recruit-service__btn {
  border-radius: 2.1875rem;
  background-color: #F2F2F2;
  padding: 8px;
  padding: 0.5rem;
  width: 50%;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-right: auto;
  margin-left: auto;
}

/*****************/
/*  シッター求人LP 使い方は簡単 セクション   */
/*****************/
.sitter-recruit-step {
  padding: 80px 0 38px 0;
  padding: 5rem 0 2.375rem 0;
}

.sitter-recruit-step__title {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.sitter-recruit-step__wrapper {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.sitter-recruit-step__flex {
  border-radius: 15px;
  border: 3px solid #F2F2F2;
  height: 140px;
  height: 8.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 36px;
  padding-left: 2.25rem;
  padding-right: 22px;
  padding-right: 1.375rem;
}
@media screen and (min-width: 400px) {
  .sitter-recruit-step__flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 530px) {
  .sitter-recruit-step__flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.sitter-recruit-step__flex--margin {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.sitter-recruit-step__text-wrapper {
  padding: 27px 0 43px 0;
  padding: 1.6875rem 0 2.6875rem 0;
}

.sitter-recruit-step__number {
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  color: #0EC392;
}

.sitter-recruit-step__number span {
  padding-left: 8px;
  padding-left: 0.5rem;
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.sitter-recruit-step__text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.125;
}

.sitter-recruit-step__image {
  width: 150px;
  height: 120px;
  max-width: 100%;
  vertical-align: bottom;
  position: relative;
}
.sitter-recruit-step__image::before {
  content: "";
  display: block;
}

.sitter-recruit-step__image::before {
  padding-top: 96.5517241379%;
}

.sitter-recruit-step__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.sitter-recruit-step__description {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  line-height: 1.75;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

.sitter-recruit-step__arrow-wrap {
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.sitter-recruit-step__arrow {
  display: inline-block;
  vertical-align: middle;
  color: #0EC392;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-25%) rotate(135deg);
          transform: translateY(-25%) rotate(135deg);
}

/*****************/
/*  シッター求人LP 先輩シッターの声 セクション   */
/*****************/
.sitter-recruit-voice {
  padding: 80px 0 70px;
  padding: 5rem 0 4.375rem;
  background-color: #F2F2F2;
}

.sitter-recruit-voice__bg {
  background-color: #fff;
}

.sitter-recruit-voice__text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

.sitter-recruit-voice__text:first-child {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/*****************/
/*  アズケルLP メリットセクション 表上の共有タイトル  */
/*****************/
.user-entry-case {
  text-align: center;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.user-entry-case__title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  line-height: 1.71;
  margin-top: 8.2px;
  margin-top: 0.5125rem;
}

.user-entry-case__title span {
  color: #F87549;
  font-size: 18px;
  font-size: 1.125rem;
}

.user-entry-case__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.24em;
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  margin-top: 13.1px;
  margin-top: 0.81875rem;
  padding: 9.5px;
  padding: 0.59375rem;
}

.user-entry-case__subtitle span {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.user-entry-case__img.user-entry-case__img--01 {
  position: relative;
  max-width: 64.7px;
  max-width: 4.04375rem;
  width: 100%;
}

.user-entry-case__img.user-entry-case__img--01::before {
  content: "";
  display: block;
  padding-top: 139.1035548686%;
  width: 100%;
}

.user-entry-case__img.user-entry-case__img--02 {
  position: relative;
  max-width: 76.03px;
  max-width: 4.751875rem;
  width: 100%;
}

.user-entry-case__img.user-entry-case__img--02::before {
  content: "";
  display: block;
  padding-top: 118.374325924%;
  width: 100%;
}

.user-entry-case__img img {
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-entry-case__img {
  margin-inline: auto;
}

.user-entry-case__box-title01 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  margin-left: 7%;
  line-height: 1.67;
}

.user-entry-case__box-title02 {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  line-height: 1.67;
}

/*****************/
/*  アズケルLP  追従フッター　セクション   */
/*****************/
.user-entry-footer {
  -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
          box-shadow: 0px -3px 10px rgba(0, 0, 0, .0784313725);
  background-color: #fff;
  z-index: 2;
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 60px;
  height: 3.75rem;
}

.user-entry-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.user-entry-footer__list::before {
  content: "";
  display: inline-block;
  width: 1px;
  width: 0.0625rem;
  height: 16px;
  height: 1rem;
  background-color: #F2F2F2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(50% + 40px);
}

.user-entry-footer__wrapper {
  width: 100%;
}

.user-entry-footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 23px;
  padding-left: 1.4375rem;
  padding-right: 10px;
  padding-right: 0.625rem;
}

.user-entry-footer__serch {
  margin-right: 8px;
  margin-right: 0.5rem;
}

.user-entry-footer__serch img {
  width: 35px;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-entry-footer__body {
  text-align: center;
  width: 110px;
  width: 6.875rem;
  max-width: 100%;
  margin-right: 2px;
  margin-right: 0.125rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user-entry-footer__title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.24em;
  font-weight: 700;
}

.user-entry-footer__text {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

.user-entry-footer__serch {
  position: relative;
  max-width: 35px;
  max-width: 2.1875rem;
  width: 100%;
}

.user-entry-footer__serch::before {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
}

.user-entry-footer__serch img {
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-entry-footer__img--2 {
  width: 100%;
}

.user-entry-footer__img {
  position: relative;
  width: 47px;
  width: 2.9375rem;
  max-width: 100%;
  margin: 0 auto;
}

.user-entry-footer__img::before {
  content: "";
  display: block;
  padding-top: 106.3829787234%;
  width: 100%;
}

.user-entry-footer__img img {
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-entry-footer__registration {
  width: 100%;
  max-width: 104px;
  max-width: 6.5rem;
  margin-left: 23px;
  margin-left: 1.4375rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
}

/*****************/
/*  アズケルLP HOMEとは セクション   */
/*****************/
.user-entry-home {
  background-color: #F2F2F2;
}

.user-entry-home__inner {
  padding-top: 76px;
  padding-top: 4.75rem;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.user-entry-home__maintitle {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-weight: 700;
  text-transform: uppercase;
}

.user-entry-home__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.user-entry-home__description {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.857;
  letter-spacing: 0.15em;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.user-entry-home__logo-bg {
  background-color: #fff;
  border-radius: 50%;
  width: 212px;
  width: 13.25rem;
  max-width: 100%;
  height: 212px;
  height: 13.25rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.user-entry-home__site-logo {
  position: absolute;
  top: 31%;
  left: 16%;
}

.user-entry-home__site-logo img {
  width: 144px;
  width: 9rem;
  max-width: 100%;
}

.user-entry-home__title {
  padding-bottom: 29px;
  padding-bottom: 1.8125rem;
}

.user-entry-home__home {
  margin-top: 50px;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
}

.user-entry-home__accent img {
  width: 100%;
  height: 100%;
}

.user-entry-home__secondtitle {
  margin-top: 10px;
  margin-top: 0.625rem;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.24em;
  line-height: 1.7;
  font-weight: 700;
}

.user-entry-home__comment-image {
  width: 64%;
  text-align: right;
  margin-left: auto;
  margin-top: 10px;
}

.user-entry-home__box--orange {
  position: relative;
  border-radius: 0.5rem;
  padding-top: 10px;
  padding-top: 0.625rem;
  margin-top: 31px;
  margin-top: 1.9375rem;
}

.user-entry-home__box--orange::before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #F87549;
  position: absolute;
  top: 0;
  left: 0;
}

.user-entry-home__box {
  background-color: #fff;
  border-radius: 0.5rem;
  -ms-flex-preferred-size: 47.7272727%;
      flex-basis: 47.7272727%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-entry-home__box-inner {
  padding-right: 25px;
  padding-right: 1.5625rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
}

.user-entry-home__box-contents01 {
  margin-top: 39px;
  margin-top: 2.4375rem;
  border: solid 3px #F2F2F2;
  border-radius: 0.9375rem;
  padding-right: 25px;
  padding-right: 1.5625rem;
  padding-left: 25px;
  padding-left: 1.5625rem;
  padding-bottom: 19.7px;
  padding-bottom: 1.23125rem;
}

.user-entry-home__box-img01 {
  position: relative;
  max-width: 76px;
  max-width: 4.75rem;
  width: 100%;
}

.user-entry-home__box-img01::before {
  content: "";
  display: block;
  padding-top: 134.2105263158%;
  width: 100%;
}

.user-entry-home__box-img01 img {
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-entry-home__box-flex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -18.2px;
  margin-top: -1.1375rem;
}
@media screen and (min-width: 400px) {
  .user-entry-home__box-flex01 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-home__box-flex01 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.user-entry-home__box-title01 {
  margin-top: 28px;
  margin-top: 1.75rem;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  margin-left: 19px;
  margin-left: 1.1875rem;
}

.user-entry-home__box-discription {
  margin-top: 10.5px;
  margin-top: 0.65625rem;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.92;
  font-weight: 500;
}

.user-entry-home__box-flex02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
  margin-top: 0.8125rem;
}

.user-entry-home__feature {
  width: 75px;
  width: 4.6875rem;
  height: 54px;
  height: 3.375rem;
  background-color: #F87549;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}

.user-entry-home__feature div {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.21;
  height: 54px;
  height: 3.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-entry-home__feature div span {
  font-size: 20px;
  font-size: 1.25rem;
}

.user-entry-home__feature:not(:last-child) {
  margin-right: 16px;
  margin-right: 1rem;
}

.user-entry-home__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 94px;
  height: 5.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 203px;
  max-width: 12.6875rem;
  width: 100%;
  margin-inline: auto;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.user-entry-home__arrow-text1 {
  width: 44.3349753695%;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-weight: 700;
}

.user-entry-home__arrow-text2 {
  width: 37.5862068966%;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-weight: 700;
}

.user-entry-home__arrow-img {
  width: 18.0689655172%;
}

.user-entry-home__box-contents02 {
  margin-top: 22.2px;
  margin-top: 1.3875rem;
  border: solid 3px #F2F2F2;
  border-radius: 0.9375rem;
  padding-right: 16.5px;
  padding-right: 1.03125rem;
  padding-left: 16.5px;
  padding-left: 1.03125rem;
  padding-bottom: 14.9px;
  padding-bottom: 0.93125rem;
}

.user-entry-home__box-flex03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -22.2px;
  margin-top: -1.3875rem;
}
@media screen and (min-width: 400px) {
  .user-entry-home__box-flex03 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-home__box-flex03 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 400px) {
  .user-entry-home__flex03-img {
    margin: 0 0.625rem;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-home__flex03-img {
    margin: 0;
  }
}

.user-entry-home__flex03-img.user-entry-home__flex03-img--left {
  width: 100%;
  max-width: 47px;
  max-width: 2.9375rem;
  height: 101px;
  height: 6.3125rem;
  background-size: contain;
}

.user-entry-home__flex03-img.user-entry-home__flex03-img--right {
  width: 100%;
  max-width: 63.34px;
  max-width: 3.95875rem;
  height: 84.81px;
  height: 5.300625rem;
  background-size: contain;
}

.user-entry-home__box-title02 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-left: 10px;
  margin-left: 0.625rem;
  text-align: center;
  margin-top: 22px;
  margin-top: 1.375rem;
}

.user-entry-home__box-flex04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15.6px;
  margin-top: 0.975rem;
}

.user-entry-home__flex04-img + .user-entry-home__flex04-img {
  margin-left: 10px;
  margin-left: 0.625rem;
}

.user-entry-home__flex04-img {
  position: relative;
  max-width: 700px;
  width: 100%;
}

.user-entry-home__flex04-img::before {
  content: "";
  display: block;
  padding-top: 66.4365079365%;
}

.user-entry-home__flex04-img img {
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 0.9375rem;
}

.user-entry-home__btn-wrapper {
  text-align: center;
  margin-top: 30px;
  margin-top: 1.875rem;
  padding-bottom: 35.1px;
  padding-bottom: 2.19375rem;
}

.user-entry-home__btn {
  background-color: #E13C44;
  text-align: center;
  display: inline-block;
  border-radius: 50vh;
}

.user-entry-home__btn a {
  display: inline-block;
}

/*****************/
/*  アズケルLP 託児可能な施設 セクション   */
/*****************/
.user-entry-location {
  padding: 70px 0;
  padding: 4.375rem 0;
}

.user-entry-location__title {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

.user-entry-location__facility-list {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.user-entry-location__wrapper {
  background-color: #F2F2F2;
  border-radius: 8px;
  padding: 20px 25px 25px 25px;
  padding: 1.25rem 1.5625rem 1.5625rem 1.5625rem;
}

.user-entry-location__announce {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.917;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.user-entry-location__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.user-entry-location__flex-wrap {
  width: 92px;
  width: 5.75rem;
  max-width: 100%;
}

.user-entry-location__flex-wrap:not(:last-child) {
  margin-right: 10px;
  margin-right: 0.625rem;
}

.user-entry-location__image {
  width: 100%;
  vertical-align: bottom;
  position: relative;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.user-entry-location__image::before {
  content: "";
  display: block;
}

.user-entry-location__image:before {
  padding-top: 100%;
}

.user-entry-location__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.user-entry-location__text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1.5;
  text-align: center;
}

/*****************/
/*  アズケルLPのアズケルのメリット セクション   */
/*****************/
.user-entry-merit {
  background-color: #F2F2F2;
  padding: 80px 0 80px 0;
  padding: 5rem 0 5rem 0;
}

.user-entry-merit__title {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.user-entry-merit__wrapper {
  border-radius: 15px;
  background-color: #fff;
  padding: 30px 25px 25px 25px;
  padding: 1.875rem 1.5625rem 1.5625rem 1.5625rem;
}

.user-entry-merit__wrapper:not(:last-child) {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}

.user-entry-merit__merit {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 0.5em;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.user-entry-merit__merit--orange {
  color: #F87549;
}

.user-entry-merit__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 2.143;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.user-entry-merit__image {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  width: 100%;
  vertical-align: bottom;
  position: relative;
}
.user-entry-merit__image::before {
  content: "";
  display: block;
}

.user-entry-merit__image::before {
  padding-top: 67.1186440678%;
}

.user-entry-merit__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.9375rem;
}

.user-entry-merit__text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.917;
  letter-spacing: 0.1em;
}

.user-entry-merit__exsample {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.24em;
  line-height: 1.857;
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}

.user-entry-merit__reward {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
  padding-top: 0.625rem;
  border-top: 1px solid #F2F2F2;
  border-top: 0.0625rem solid #F2F2F2;
}

.user-entry-merit__reward:not(:last-child) {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
}

.user-entry-merit__conditions {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.667;
  letter-spacing: 0.24em;
  width: 160px;
  width: 10rem;
  margin-right: 37px;
  margin-right: 2.3125rem;
}

.user-entry-merit__conditions span {
  color: #0EC392;
}

.user-entry-merit__value {
  color: #0EC392;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.24em;
}

.user-entry-merit__value span {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.user-entry-merit__case01 {
  margin-top: 30px;
  margin-top: 1.875rem;
}

.user-entry-merit__case02 {
  margin-top: 60px;
  margin-top: 3.75rem;
}

.user-entry-merit__image + .user-entry-merit__image {
  margin-top: 20px;
  margin-top: 1.25rem;
}

/*****************/
/*  アズケルLPのメインビュー
/*****************/
.user-entry-mv {
  margin-top: 60px;
  background-image: radial-gradient(rgba(248, 117, 73, .1) 10%, transparent 5%), radial-gradient(rgba(248, 117, 73, .1) 10%, transparent 5%);
  background-size: 22px 22px;
  background-position: 0 0, 22px 22px;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.user-entry-mv__img {
  position: relative;
  max-width: 375px;
  max-width: 23.4375rem;
  width: 100%;
}

.user-entry-mv__img::before {
  content: "";
  display: block;
  padding-top: 60%;
  width: 100%;
}

.user-entry-mv__img img {
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.user-entry-mv__inner {
  position: relative;
}

.user-entry-mv__catchcopy-wrapper {
  width: 100%;
  max-width: 345px;
  max-width: 21.5625rem;
  position: absolute;
  top: -23.5px;
  top: -1.46875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  background-color: #fff;
  border-radius: 50vh;
  height: 47px;
  height: 2.9375rem;
  line-height: 47px;
  line-height: 2.9375rem;
}

.user-entry-mv__catchcopy {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #F87549;
  letter-spacing: 0;
  line-height: 2.267;
}

.user-entry-mv__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 17px;
  margin-bottom: 1.0625rem;
  padding-top: 34.5px;
  padding-top: 2.15625rem;
}
@media screen and (min-width: 400px) {
  .user-entry-mv__flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-mv__flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.user-entry-mv__image.user-entry-mv__image--left {
  position: relative;
  max-width: 46px;
  max-width: 2.875rem;
  width: 100%;
}

.user-entry-mv__image.user-entry-mv__image--left::before {
  content: "";
  display: block;
  padding-top: 215.2173913043%;
  width: 100%;
}

.user-entry-mv__image.user-entry-mv__image--right {
  position: relative;
  max-width: 62px;
  max-width: 3.875rem;
  width: 100%;
}

.user-entry-mv__image.user-entry-mv__image--right::before {
  content: "";
  display: block;
  padding-top: 133.8870967742%;
  width: 100%;
}

.user-entry-mv__image img {
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (min-width: 400px) {
  .user-entry-mv__image {
    margin: 0 0.625rem;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-mv__image {
    margin: 0;
  }
}

.user-entry-mv__title {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.346;
  letter-spacing: 0.01em;
  color: #F87549;
  margin-left: 10px;
  margin-left: 0.625rem;
  text-align: center;
  margin-right: 13.2px;
  margin-right: 0.825rem;
}

.user-entry-mv__title span {
  position: relative;
}

.user-entry-mv__title span::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -15.5%;
  background-image: url(/user/images/mv-quot-l.png);
  background-repeat: no-repeat;
  max-width: 11.42px;
  max-width: 0.71375rem;
  width: 100%;
  height: 9.54px;
  height: 0.59625rem;
  background-size: contain;
}

.user-entry-mv__title span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -15.5%;
  background-image: url(/user/images/mv-quot-r.png);
  background-repeat: no-repeat;
  max-width: 11.42px;
  max-width: 0.71375rem;
  width: 100%;
  height: 9.54px;
  height: 0.59625rem;
  background-size: contain;
}

/* 画像スライダー*/
.user-entry-mv__slider-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  overflow: hidden;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.user-entry-mv__slider-wrap {
  -webkit-animation: loop-slide 20s infinite linear 1s both;
          animation: loop-slide 20s infinite linear 1s both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

@keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*ホバーでアニメーションの動きを止める */
.slide-paused:hover .user-entry-mv__slider-wrap {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.user-entry-mv__slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-entry-mv__slide {
  width: 203px;
  width: 12.6875rem;
  height: 100%;
  text-align: center;
  margin-right: 10px;
  margin-right: 0.625rem;
}

/* 画像スライダー ここまで*/
.user-entry-mv__flex02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  margin-top: 1.25rem;
}

.user-entry-mv__feature {
  width: 75px;
  width: 4.6875rem;
  height: 56px;
  height: 3.5rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, .1019607843);
          box-shadow: 0px 3px 10px rgba(0, 0, 0, .1019607843);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  border: 1px solid #F87549;
}

.user-entry-mv__feature div {
  color: #F87549;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.42;
  height: 56px;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-entry-mv__feature:not(:last-child) {
  margin-right: 16px;
  margin-right: 1rem;
}

.user-entry-mv__description-wrapper {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.user-entry-mv__description {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.92;
}

.user-entry-mv__btn-wrapper {
  text-align: center;
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.user-entry-mv__btn {
  background-color: #E13C44;
  text-align: center;
  display: inline-block;
  border-radius: 50vh;
}

.user-entry-mv__btn a {
  display: inline-block;
}

/*****************/
/*  アズケルLP アズケルの登録 セクション   */
/*****************/
.user-entry-registration {
  margin-top: 42px;
  margin-top: 2.625rem;
}

/*****************/
/*  アズケルLP こんな人に選ばれていますセクション   */
/*****************/
.user-entry-selected {
  padding: 80px 0;
  padding: 5rem 0;
}

.user-entry-selected__title {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

.user-entry-selected__people {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

/*****************/
/*  アズケルLP  モーダル 詳しくみるボタン   */
/*****************/
.user-entry-service__btn {
  border-radius: 2.1875rem;
  background-color: #F2F2F2;
  padding: 8px;
  padding: 0.5rem;
  width: 50%;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-right: auto;
  margin-left: auto;
}

/*****************/
/*  アズケルLP 使い方は簡単 セクション   */
/*****************/
.user-entry-step {
  padding: 80px 0 38px 0;
  padding: 5rem 0 2.375rem 0;
}

.user-entry-step__title {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.user-entry-step__wrapper {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  border-radius: 15px;
  border: 3px solid #F2F2F2;
  padding-top: 30.5px;
  padding-top: 1.90625rem;
  padding-bottom: 30.5px;
  padding-bottom: 1.90625rem;
}

.user-entry-step__flex-inner {
  width: 100%;
  max-width: 67.5362318841%;
  margin-inline: auto;
}
@media screen and (min-width: 400px) {
  .user-entry-step__flex-inner {
    padding-left: 8vw;
  }
}
@media screen and (min-width: 530px) {
  .user-entry-step__flex-inner {
    padding-left: 0;
    padding-left: initial;
  }
}

.user-entry-step__flex {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-entry-step__text-wrapper {
  padding: 27px 0 43px 0;
  padding: 1.6875rem 0 2.6875rem 0;
  margin-left: 30px;
  margin-left: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user-entry-step__number {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.user-entry-step__number span {
  padding-left: 5px;
  padding-left: 0.3125rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.user-entry-step__text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.125;
}

.user-entry-step__image {
  width: 100%;
  height: 120px;
  height: 7.5rem;
  max-width: 120px;
  max-width: 7.5rem;
  vertical-align: bottom;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-entry-step__image::before {
  content: "";
  display: block;
}

.user-entry-step__image::before {
  padding-top: 100%;
}

.user-entry-step__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.user-entry-step__description {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  line-height: 1.75;
}

.user-entry-step__arrow-wrap {
  text-align: center;
  margin-top: 7px;
  margin-top: 0.4375rem;
  margin-bottom: 7px;
  margin-bottom: 0.4375rem;
  width: 100%;
  max-width: 120px;
  max-width: 7.5rem;
}

.user-entry-step__arrow {
  display: inline-block;
  vertical-align: middle;
  color: #F87549;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-25%) rotate(135deg);
          transform: translateY(-25%) rotate(135deg);
}

/*****************/
/*  アズケルLP メリットセクション 共有の表  */
/*****************/
.user-entry-table__title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-align: left;
  vertical-align: middle;
}

.user-entry-table table {
  border-collapse: collapse;
  width: 100%;
}

.user-entry-table thead th {
  padding-top: 21px;
  padding-top: 1.3125rem;
}

.user-entry-table th {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.user-entry-table td {
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}

.user-entry-table__tr {
  border-top: solid 1px #F0F0F0;
  vertical-align: -webkit-baseline-middle;
  vertical-align: baseline;
}

.user-entry-table__tr:last-of-type {
  border-bottom: solid 1px #F0F0F0;
}

.user-entry-table__text {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.67;
  letter-spacing: 0.06em;
  margin-top: 6px;
  margin-top: 0.375rem;
}

.user-entry-table__img {
  position: relative;
  max-width: 30px;
  max-width: 1.875rem;
  width: 100%;
  margin-inline: auto;
}

.user-entry-table__img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.user-entry-table__img img {
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

/*****************/
/*  アズケルLP 利用者の声 セクション   */
/*****************/
.user-entry-voice {
  padding: 80px 0 70px;
  padding: 5rem 0 4.375rem;
  background-color: #F2F2F2;
}

.user-entry-voice__bg {
  background-color: #fff;
}

.user-entry-voice__text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

.user-entry-voice__text:first-child {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/*****************/
/*  アズケルLPの利用者を募集中 セクション   */
/*****************/
.user-entry-wanted {
  background-color: #F87549;
  padding: 80px 0;
  padding: 5rem 0;
}

.user-entry-wanted__wrapper {
  background-color: #fff;
  border-radius: 15px;
}

.user-entry-wanted__title {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

/*画像の比率管理*/
.user-entry-wanted__image {
  width: 100%;
  vertical-align: bottom;
  position: relative;
}
.user-entry-wanted__image::before {
  content: "";
  display: block;
}

.user-entry-wanted__image::before {
  padding-top: 67.2463768116%;
}

.user-entry-wanted__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px 15px 0 0;
}

.user-entry-wanted__text-wrapper {
  padding: 20px 25px 20px 25px;
  padding: 1.25rem 1.5625rem 1.25rem 1.5625rem;
}

.user-entry-wanted__welcome-wrapper {
  text-align: center;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

.user-entry-wanted__welcome {
  font-size: 25px;
  font-size: 1.5625rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  text-align: center;
  color: #F87549;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgba(248, 117, 73, .1)));
  background: linear-gradient(transparent 60%, rgba(248, 117, 73, .1) 60%);
  display: inline-block;
}

.user-entry-wanted__text {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.917;
}

.user-entry-wanted__text:not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.user-entry-wanted__text span {
  color: #F87549;
}

/*
調整用のCSSファイルです
*/
.mt-20 {
  margin-top: -20px;
  margin-top: -1.25rem;
}

/*
ボタンパーツです
*/
.btn {
  display: inline-block;
  text-align: center;
  width: 100%;
  border-radius: 0.625rem;
  height: 100%;
}

.btn span {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  padding: 0 0.9375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.625rem;
}

.btn-login--small {
  height: 67px;
  height: 4.1875rem;
}

.btn-login--medium {
  height: 76px;
  height: 4.75rem;
}

.btn-login--large {
  height: 100%;
}

.btn--medium {
  height: 60px;
  height: 3.75rem;
}

.btn--yellow {
  background: #FDE67C;
}

.btn--orange {
  background: #F87549;
}

.btn--beige {
  background: #F4F4F4;
}

.btn--linegreen {
  background: #0EC392;
  color: #fff;
}

.btn-login i {
  margin-right: 15px;
  margin-right: 0.9375rem;
}

.btn--orange-white {
  background: #F87549;
  color: #fff;
}

.btn--red-white {
  background-color: #E13C44;
  color: #fff;
}

.btn--regist-info {
  width: 295px;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
}

.btn--loginpage {
  width: 100%;
  max-width: 134px;
  max-width: 8.375rem;
  margin-left: auto;
  margin-right: auto;
}

/*
エラーページ画像です
*/
.error-image {
  width: 100%;
  max-width: 332px;
  max-width: 20.75rem;
  margin: 0 auto;
  position: relative;
}

.error-image__title {
  font-weight: 700;
  line-height: 1.563;
  text-align: center;
  color: #F87549;
  position: absolute;
  top: 56px;
  top: 3.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  max-width: 200px;
  max-width: 12.5rem;
}

/* 画像の比率管理 */
.error-image__wrapper {
  padding-top: 100%;
  position: relative;
}

.error-image__wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50vh;
}

/* sitter */
.error-image__title.error-image__title--green {
  color: #0EC392;
}

/*
エラーページです
*/
.error__message {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.786;
  margin: 30px 15px 0 15px;
  margin: 1.875rem 0.9375rem 0 0.9375rem;
}

.error__btn {
  width: 100%;
  max-width: 214px;
  max-width: 13.375rem;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.429;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.error__message span {
  text-decoration: underline;
}

/*
headerのお知らせアイコンです
*/
.general-bell {
  height: inherit;
  margin-left: auto;
}

.general-bell img {
  width: 100%;
  max-width: 40px;
  max-width: 2.5rem;
}

.general-bell__btn {
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  height: inherit;
}

/*
お知らせアイコンつける場合のクラス
*/
.general-bell--news {
  position: relative;
}

/*
ログイン画面以外のヘッダーです
*/
.general-header {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.general-header__title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*
ヘッダーのハンバーガーメニューです
*/
.global-menu__wrapper {
  background-color: rgba(0, 0, 0, .85);
  padding: 20px 20px 120px 20px;
  padding: 1.25rem 1.25rem 7.5rem 1.25rem;
  color: black;
  max-height: 684px;
  max-height: 42.75rem;
  overflow-y: scroll;
}

.globalMenu1 {
  display: block;
  position: relative;
}

.navButton {
  display: block;
}

.globalMenu__wrap1 {
  padding-top: 70px;
  padding-top: 4.375rem;
  position: fixed;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1100;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
}

.globalMenu__wrap1.is-active {
  display: block;
  pointer-events: all;
  opacity: 1;
}

.global-menu__close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  top: 1rem;
  right: 20px;
  right: 1.25rem;
}

.global-menu__inner {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .85);
  z-index: 10;
  height: 65px;
  height: 4.0625rem;
}

/*
headerのお知らせアイコンです
*/
.header-bell {
  height: inherit;
  margin-left: auto;
}

.header-bell img {
  width: 100%;
  max-width: 23px;
  max-width: 1.4375rem;
}

.header-bell__btn {
  width: 100%;
  padding-right: 18px;
  padding-right: 1.125rem;
  padding-left: 18px;
  padding-left: 1.125rem;
  height: inherit;
}

.header-bell__btn::before {
  content: "13";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
  top: 11.5px;
  top: 0.71875rem;
  left: 31px;
  left: 1.9375rem;
  max-width: 20px;
  max-width: 1.25rem;
  max-height: 20px;
  max-height: 1.25rem;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #E13C44;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
}

.header-bell__btn::after {
  content: "";
  position: absolute;
  top: 9.5px;
  top: 0.59375rem;
  left: 29px;
  left: 1.8125rem;
  max-width: 25px;
  max-width: 1.5625rem;
  max-height: 25px;
  max-height: 1.5625rem;
  line-height: 25px;
  line-height: 1.5625rem;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
  text-align: center;
}

.header-bell__btn--orange::after {
  content: "";
  background: #FF8860;
}

.header-bell__btn--green::after {
  content: "";
  background: #15D9A5;
}

/*
お知らせアイコンつける場合のクラス
*/
.header-bell--news {
  position: relative;
}

.header-bell--news::before {
  content: "13";
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  position: absolute;
  top: 11.5px;
  top: 0.71875rem;
  left: 31px;
  left: 1.9375rem;
  max-width: 20px;
  max-width: 1.25rem;
  max-height: 20px;
  max-height: 1.25rem;
  width: 100%;
  height: 100%;
  color: #fff;
  background: #E13C44;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
}

.header-bell--news::after {
  content: "";
  position: absolute;
  top: 9.5px;
  top: 0.59375rem;
  left: 29px;
  left: 1.8125rem;
  max-width: 25px;
  max-width: 1.5625rem;
  max-height: 25px;
  max-height: 1.5625rem;
  line-height: 25px;
  line-height: 1.5625rem;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
  text-align: center;
}

.header-bell--news-orange::after {
  content: "";
  background: #FF8860;
}

.header-bell--news-green::after {
  content: "";
  background: #15D9A5;
}

/*
ログイン画面のヘッダーです
*/
.login-header {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.login-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login-header__title span {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin-right: 10.9px;
  margin-right: 0.68125rem;
}

.login-header__logo {
  margin-left: 10.1px;
  margin-left: 0.63125rem;
}

.login-header__maintitle span {
  padding-top: 2px;
  padding-top: 0.125rem;
  background-position: top left -2px;
  background-position: top left -0.125rem;
  background-repeat: repeat-x;
  background-size: 1.28125rem 0.2375rem;
  background-image: radial-gradient(0.09375rem 0.09375rem at center center, #fff, #fff 100%, transparent);
}

_::-webkit-full-page-media,
_:future,
:root .login-header__maintitle span {
  background-image: url("../images/common/white-dot.svg");
}

/*
sitterログイン画面下、面談応募のブロックです
*/
.login-interview {
  margin-top: 19px;
  margin-top: 1.1875rem;
}

.login-interview__inner {
  background: #fff;
  border-radius: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  padding: 1.25rem;
}

.login-interview__img {
  padding-top: 45%;
  position: relative;
  width: 34%;
}

.login-interview__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.login-interview__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.786;
}

.login-interview__btn {
  margin-top: 15px;
  margin-top: 0.9375rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: 40px;
  height: 2.5rem;
  max-width: 184px;
  max-width: 11.5rem;
}

.login-interview__smalltext {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.083;
}

.login-interview__body {
  margin-left: 20px;
  margin-left: 1.25rem;
}

/*
ヘッダーのハンバーガーメニューです
*/
.login-menu {
  background-color: #fff;
  border-radius: 0.625rem;
  height: 100%;
  margin-top: 50px;
  margin-top: 3.125rem;
}

.login-menu__btn {
  margin-bottom: 0;
}

.login-menu__btns {
  margin-left: 9px;
  margin-left: 0.5625rem;
}

.login-menu__btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.login-menu__btn.btn-login--large {
  width: 50%;
}

.login-menu__btn + .login-menu__btn {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.login-menu__names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login-menu__fullname {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.714;
}

.login-menu__id {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

.login-menu__photo {
  width: 100%;
  max-width: 50px;
  max-width: 3.125rem;
}

.login-menu__name {
  margin-left: 20px;
  margin-left: 1.25rem;
}

.login-menu__list {
  padding: 20px;
  padding: 1.25rem;
  border-bottom: 1px solid #DDDDDD;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
}

.login-menu__smalltext {
  font-size: 12px;
  font-size: 0.75rem;
  color: #7F7F7f;
}

.login-menu__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.login-menu__contents > div {
  width: 50%;
}

.login-menu__list div :nth-child(n+3) {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.login-menu__list .login-menu__btn {
  margin-top: 10px;
  margin-top: 0.625rem;
}

.login-menu__smalltext:not(:first-of-type) {
  margin-top: 20px;
  margin-top: 1.25rem;
}

.login-menu__smalltext {
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
}

.login-menu__btn-flex > div {
  width: 47.3%;
}

.login-menu__btn-flex .login-menu__btn:nth-of-type(even) {
  margin-left: 10px;
  margin-left: 0.625rem;
}

.login-menu__sitterbtn {
  padding: 20px;
  padding: 1.25rem;
}

.login-menu__sitter {
  color: #0EC392;
  padding: 20px 20px 0 20px;
  padding: 1.25rem 1.25rem 0 1.25rem;
  text-align: center;
}

.login-menu__top {
  padding: 20px 0 20px 0;
  padding: 1.25rem 0 1.25rem 0;
  text-align: center;
  width: 100%;
  border-top: 1px solid #DDDDDD;
  font-size: 14px;
  font-size: 0.875rem;
}

.login-menu__end {
  width: 100%;
  max-width: 200px;
  max-width: 12.5rem;
  padding: 30px;
  padding: 1.875rem;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.429;
}

.login-menu__btn-qr {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2;
  font-weight: 500;
}

.login-menu__icon {
  width: 23px;
  width: 1.4375rem;
  height: 23px;
  height: 1.4375rem;
}

.login-menu__icon.login-menu___icon--big {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  margin: 0 0 17px 0;
  margin: 0 0 1.0625rem 0;
  text-align: center;
}

.login-menu__icon.login-menu__icon--medium {
  width: 36px;
  width: 2.25rem;
  height: 36px;
  height: 2.25rem;
}

.login-menu__icon--qr {
  background: no-repeat center url("/user/images/orange-qrcode.svg");
}

.login-menu--column a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.login-menu__icon--reservation {
  background: no-repeat center url("/user/images/orange-check.svg");
}

.login-menu__icon--green-magnifier {
  background: no-repeat center url("/sitter/images/green-magnifier.svg");
}

.login-menu__icon--green-check {
  background: no-repeat center url("/sitter/images/green-check.svg");
}

.login-menu__icon--green-qr {
  background: no-repeat center url("/sitter/images/green-qrcode.svg");
}

.login-menu__icon--green-gear {
  background: no-repeat center url("/sitter/images/green-gear.svg");
}

.login-menu__icon--green-clasp {
  background: no-repeat center url("/sitter/images/green-clasp.svg");
}

.login-menu--center {
  text-align: center;
}

.login-menu__loginbtn {
  border-bottom: 1px solid #DDDDDD;
  padding: 20px;
  padding: 1.25rem;
}

.login-menu__topbtn span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.429;
}

.login-menu__account {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

.login-menu.v2-login-menu {
  background-color: #fff;
  border-radius: 0.625rem;
  height: 100%;
  overflow: visible;
  overflow: initial;
  max-height: none;
  max-height: initial;
}

/*
モーダル内メニューです
*/
.nomal-menu__item--window1 {
  display: block;
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  background-position: left 150px center;
  background-position: left 9.375rem center;
  background-repeat: no-repeat;
  word-wrap: break-word;
  background-image: url("/images/common/window.png");
  background-size: 0.6875rem;
}

.nomal-menu__item--window2 {
  display: block;
  width: 100%;
  padding-right: 20px;
  padding-right: 1.25rem;
  background-position: left 95px center;
  background-position: left 5.9375rem center;
  background-repeat: no-repeat;
  word-wrap: break-word;
  background-image: url("/images/common/window.png");
  background-size: 0.6875rem;
}

.nomal-menu {
  padding: 20px;
  padding: 1.25rem;
  border-bottom: 1px solid #DDDDDD;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}

/*
託児先一覧
*/
.order-list__info + .order-list__info {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.order-list__end {
  width: 100%;
  max-width: 198px;
  max-width: 12.375rem;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 30px;
  margin-top: 1.875rem;
}

.order-list__more {
  display: block;
  color: #f87549;
  text-decoration: underline;
  margin: 20px 0 0 0;
  margin: 1.25rem 0 0 0;
  font-size: 14px;
  padding: 20px 20px 0 20px;
  padding: 1.25rem 1.25rem 0 1.25rem;
  border-top: 1px solid #ddd;
}

main.payable {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#15d9a5), to(#5ce3aa));
  background-image: linear-gradient(180deg, #15d9a5, #5ce3aa);
  position: relative;
}

.payable__innerB {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.payable_describe {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  margin-top: 16px;
  margin-top: 1rem;
}

.payable__fixedButton {
  position: absolute;
  bottom: 0;
  right: 0;
}

.payabledetails {
  background-color: #fff;
  border-radius: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.payabledetails__title02 {
  background-color: #0ec392;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-weight: bold;
  height: 64px;
  line-height: 64px;
  text-align: center;
}

.payabledetails__text {
  font-size: 14px;
}

.payabledetails__item {
  padding-left: 1em;
  margin-top: 0.5em;
  position: relative;
}

.payabledetails__item:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #333;
  border-radius: 50%;
  position: absolute;
  top: 0.7em;
  left: 0.5em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*
アズカルタブ切り替えです
*/
/* タブ */
.sitter-tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fde67c;
  padding: 2px;
  border-radius: 10px;
  height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.sitter-tab__btn,
.sitter-tab__modal-btn {
  width: 50%;
  line-height: 2.143;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.sitter-tab__btn.is-active,
.sitter-tab__modal-btn.is-active {
  background-color: #0ec392;
  color: #fff;
}

.sitter-tab__content,
.sitter-tab__modal-content {
  display: none;
}

.sitter-tab__content.is-active,
.sitter-tab__modal-content.is-active,
.grobal-menu__wrapper.is-active {
  display: block;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
アズケルタブ切り替えです
*/
/* タブ */
.user-tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FDE67C;
  padding: 2px;
  border-radius: 10px;
  height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.user-tab__btn,
.user-tab__modal-btn {
  width: 50%;
  line-height: 2.143;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

.user-tab__btn.is-active,
.user-tab__modal-btn.is-active {
  background-color: #F87549;
  color: #fff;
}

.user-tab__content,
.user-tab__modal-content {
  display: none;
}

.user-tab__content.is-active,
.user-tab__modal-content.is-active,
.grobal-menu__wrapper.is-active {
  display: block;
  -webkit-animation: fade 1s ease;
          animation: fade 1s ease;
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* //変更0910追加 */
.userInfoFixedButton {
  width: 86px;
  height: 40px;
}

/* //変更0910追加 */
.userInfoFixedButtonWrap {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #000;
  width: 106px;
  height: 60px;
  border-radius: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cetification__imageBox {
  width: 76px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.cetification__imageBox img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.certification__logo {
  padding-left: 2.5em;
  font-size: 14px;
  font-weight: bold;
  color: #0ec392;
  margin-bottom: 10px;
  position: relative;
}

.certification__logo:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(/sitter/images/icon_qualifications_active.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.certificate__rightBox {
  margin-left: 20px;
}

.certificate__rightBox p {
  color: #000;
}

.v2-fixedButton {
  width: 106px;
  height: 56px;
  background-color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 20px;
}

.v2-fixedButton__inside {
  width: 90px;
  height: 40px;
}

.v2-formArea__describe {
  font-size: 13px;
}

.v2-formArea input[type=number] {
  -moz-appearance: textfield;
}

.v2-formArea input[type=number]::-webkit-outer-spin-button,
.v2-formArea input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
headerタイトル
*/
.v2-header-title {
  background-color: #F87549;
  color: #fff;
  height: 64px;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.625rem 0.625rem 0 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.563;
}

.v2-header-title--orange {
  background-color: #F87549;
}

.v2-header-title__check-icon {
  position: relative;
  height: 16px;
  height: 1rem;
  width: 16px;
  width: 1rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-left: -21px;
  margin-left: -1.3125rem;
}

.v2-header-title__check-icon::before {
  content: "";
  background-image: url("../images/icon_check.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 16px;
  height: 1rem;
  width: 100%;
  max-width: 16px;
  max-width: 1rem;
}

.v2-header-title__info-icon {
  position: relative;
  height: 14px;
  height: 0.875rem;
  width: 14px;
  width: 0.875rem;
  margin-right: 5px;
  margin-right: 0.3125rem;
  margin-left: -19px;
  margin-left: -1.1875rem;
}

.v2-header-title__info-icon::before {
  content: "";
  background-image: url("/user/images/white-info.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 14px;
  height: 0.875rem;
  width: 100%;
  max-width: 14px;
  max-width: 0.875rem;
}

/*
情報画面
*/
.v2-info {
  position: relative;
}

.v2-info__qr-btn {
  width: 100%;
  max-width: 147px;
  max-width: 9.1875rem;
  height: 41px;
  height: 2.5625rem;
  line-height: 2.143;
  position: absolute;
  top: 10px;
  top: 0.625rem;
  right: 10px;
  right: 0.625rem;
}

.v2-info__qr {
  background-image: url("/images/common/black-qrcode.svg");
  width: 100%;
  max-width: 20px;
  max-width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  margin-right: 7px;
  margin-right: 0.4375rem;
}

.v2-info__content--bg {
  background-color: #f4f4f4;
  padding-top: 15px;
  padding-top: 0.9375rem;
  padding-bottom: 15px;
  padding-bottom: 0.9375rem;
}

.v2-info__child-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f87549;
  text-decoration: underline;
  padding: 17px 20px 20px 20px;
  padding: 1.0625rem 1.25rem 1.25rem 1.25rem;
  font-size: 14px;
  font-size: 0.875rem;
}

.v2-info__backimage-wrapper {
  background-color: #fff;
  border-radius: 0.625rem;
  margin-right: 20px;
  margin-right: 1.25rem;
}

.v2-info__backimage {
  z-index: 1;
  border-radius: 0.625rem;
  width: 76px;
  width: 4.75rem;
  height: 76px;
  height: 4.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: no-repeat center url(../images/icon_image.svg);
  background-size: 2.5625rem;
}

.v2-info__label {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.143;
  color: #7f7f7f;
  font-weight: 400;
}

.v2-info__flexitem:not(:last-child) {
  padding-right: 20px;
  padding-right: 1.25rem;
  border-right: 1px solid #ddd;
}

.v2-info__flexitem:not(:first-of-type) {
  padding-left: 20px;
  padding-left: 1.25rem;
}

.v2-info__content {
  padding-top: 15px;
  padding-top: 0.9375rem;
}

/*
modal
=================================*/
.qrButton {
  display: block;
}

.qrCloseButton {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: auto;
}

.qr-modal__wrapper {
  position: fixed;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.js-modal-qr.is-active {
  pointer-events: all;
  opacity: 1;
}

.v2-inputWrap__example {
  font-size: 12px;
}

.v2-inputWrap__example:not(:first-of-type) {
  margin-top: 0.5em;
}

.v2-inputWrap__addinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.v2-inputWrap__search {
  font-size: 14px;
  text-decoration: underline;
  padding-right: 2em;
  display: block;
  position: relative;
}

.v2-inputWrap__search:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(/sitter/images/icon_blank.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.v2-inputWrap__radiobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.v2-inputWrap__radioLabel {
  cursor: pointer;
  padding-left: 1.3em;
  position: relative;
}

.v2-inputWrap__radioLabel:before,
.v2-inputWrap__radioLabel:after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.v2-inputWrap__radioLabel:before {
  border: 2px solid #dddddd;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #dddddd;
  position: absolute;
  top: 50%;
  left: calc(0.1em + 2px);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.v2-inputWrap__radio:checked + .v2-inputWrap__radioLabel:before {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #0ec392;
  position: absolute;
  top: 50%;
  left: calc(0.1em + 3px);
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.v2-inputWrap__radio:checked + .v2-inputWrap__radioLabel:after {
  border: 2px solid #0ec392;
  border-radius: 50%;
  opacity: 1;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0.1em;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.v2-inputWrap__radioLabel:not(:last-of-type) {
  margin-right: 1em;
}

.v2-inputWrap__radio {
  /* コンテンツの流れから切り離す */
  position: absolute;
  /* 誤ったコードに対処するための回避策 */
  white-space: nowrap;
  /* 可能な限り文字サイズを小さくするための処理
    * (スクリーンリーダー中には height と width が 0 のものを無視するため)
    */
  width: 1px;
  height: 1px;
  /* オーバーフローしているコンテンツを隠す */
  overflow: hidden;
  /* 要素サイズを変更しうるプロパティのリセット */
  border: 0;
  padding: 0;
  /* 要素のどの部分が表示されるかを定義するもの */
  /* 古いブラウザでは使用できない */
  clip: rect(0 0 0 0);
  /* 最近のブラウザ用
    * コンテンツを非表示にする設定  */
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  /* 今現在なぜ-1pxがここで設定されるかは分かっていないそうです。
    * それに加えていくつか問題もあるそうです 
    * (参考: https://github.com/h5bp/html5-boilerplate/issues/1985)
    */
  margin: -1px;
}

.v2-inputWrap__label {
  display: block;
  font-size: 12px;
  color: #7f7f7f;
}

.v2-inputWrap__value {
  display: block;
  font-size: 14px;
  color: #000;
}

/*
メッセージ（吹き出しあり）です
*/
.v2-message__top {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px;
  font-size: 14px;
  position: relative;
  line-height: 1.4;
}

.v2-message__top::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -8px;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  background-color: #FF8860;
}

.sitter .v2-message__top::before {
  background-color: #15D9A5;
}

/*
お知らせ画面
*/
/*新着の赤丸*/
.v2-news__info--newarrivals {
  position: relative;
  padding-left: 15px;
  padding-left: 15px;
  padding-left: 0.9375rem;
}

.v2-news__info--newarrivals::before {
  position: absolute;
  top: 36%;
  left: 1%;
  content: "";
  background-image: url("/images/common/news-red-circle.svg");
  background-repeat: no-repeat;
  z-index: 2;
  width: 100%;
  max-width: 6px;
  max-width: 6px;
  max-width: 0.375rem;
  height: 100%;
}

/* お知らせ */
.v2-news__category {
  border: #F87549 1px solid;
  color: #F87549;
  border-radius: 0.3125rem;
  padding: 2px 6px 3px 6px;
  padding: 0.125rem 0.375rem 0.1875rem 0.375rem;
  font-size: 10px;
  font-size: 0.625rem;
}

.sitter .v2-news__category {
  border: #0EC392 1px solid;
  color: #0EC392;
  border-radius: 0.3125rem;
  padding: 2px 6px 3px 6px;
  padding: 0.125rem 0.375rem 0.1875rem 0.375rem;
  font-size: 10px;
  font-size: 0.625rem;
}

/* メンテナンス情報 */
.v2-news__category.v2-news__category--maintenance {
  color: #6aac32;
  border: 1px solid #6aac32;
}

/* 障害情報 */
.v2-news__category.v2-news__category--fault {
  color: #0054a4;
  border: 1px solid #0054a4;
}

/* 重要なお知らせ */
.v2-news__category.v2-news__category--important {
  color: #fff;
  border: 1px solid #E13C44;
  background-color: #E13C44;
}

.v2-news__inner {
  padding: 18px 20px 18px 20px;
  padding: 1.125rem 1.25rem 1.125rem 1.25rem;
}

.v2-news__date {
  font-size: 12px;
  font-size: 0.75rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

/*くの字矢印*/
.v2-news__arrow {
  position: relative;
  display: inline-block;
  padding: 10px;
}

.v2-news__arrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  left: 10px;
  left: 0.625rem;
  top: 25%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 既読グレー */
.v2-news--gray .v2-news__date,
.v2-news--gray .news__itemTitle {
  color: #a0a0a0;
}

.v2-news--gray .v2-news__arrow::before {
  border-top: solid 2px #a0a0a0;
  border-right: solid 2px #a0a0a0;
}

.noncetification__imageBox {
  width: 76px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.noncetification__imageBox img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.noncertification__logo {
  padding-left: 2.5em;
  font-size: 14px;
  font-weight: bold;
  color: #ddd;
  margin-bottom: 10px;
  position: relative;
}

.noncertification__logo:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(/sitter/images/icon_qualifications_none.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.noncertificate__rightBox {
  margin-left: 20px;
}

.noncertificate__rightBox p {
  color: #000;
}

.v2-qrcode {
  width: 100%;
  padding: 63px;
  padding: 3.9375rem;
  background-color: #fff;
  border-radius: 10px;
}

.v2-qrcode__imgBox {
  position: relative;
  width: 100%;
}

.v2-qrcode__imgBox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.v2-qrcode__imgBox img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

/*
flex用のクラスです
*/
.v2-u-flexAlignItemStart {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
/*# sourceMappingURL=v2.css.map */