@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Karla");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
/*
* Variable & setting
 */
footer .external-link-list {
  display: flex;
  justify-content: space-between;
  align-items: center; }

@media screen and (min-width: 900px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 900px) {
  .pc {
    display: none !important; } }
/*
* modify bootstrap-reboot.css
 */
body {
  background-color: #e3eae6;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif;
  letter-spacing: .03rem;
  -webkit-font-smoothing: antialiased; }
  @media screen and (min-width: 900px) {
    body {
      min-width: 1100px; } }

.euro-font-def {
  font-family: "Helvetica Neue" , Helvetica , Arial ,sans-serif; }

.euro-font {
  font-family: 'lato',sans-serif; }

.ios-font {
  font-family: -apple-system, 'BlinkMacSystemFont', sans-serif; }

h1, h2, h3, h4 {
  font-weight: bold; }

body:not(.bootstrap-base) .contents h1, body:not(.bootstrap-base) .contents h2, body:not(.bootstrap-base) .contents h3, body:not(.bootstrap-base) .contents h4, body:not(.bootstrap-base) .contents h5, body:not(.bootstrap-base) .contents h6,
body:not(.bootstrap-base) .contents p,
body:not(.bootstrap-base) .contents ol, body:not(.bootstrap-base) .contents ul, body:not(.bootstrap-base) .contents dl,
header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header p,
header ol,
header ul,
header dl,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer ol,
footer ul,
footer dl {
  margin: 0;
  line-height: 1.2;
  font-size: 0.9375rem; }
body:not(.bootstrap-base) .contents ol, body:not(.bootstrap-base) .contents ul,
header ol,
header ul,
footer ol,
footer ul {
  list-style: none;
  padding: 0; }
body:not(.bootstrap-base) .contents a,
header a,
footer a {
  color: #333; }
  body:not(.bootstrap-base) .contents a:hover,
  header a:hover,
  footer a:hover {
    text-decoration: none;
    color: #333; }

@media screen and (min-width: 900px) {
  a {
    transition: opacity .3s; } }
@media screen and (max-width: 900px) {
  a:not(.accordion) {
    transition: opacity .3s; } }

@media screen and (min-width: 900px) {
  a:hover {
    opacity: .3; } }
@media screen and (max-width: 900px) {
  a:hover:not(.accordion) {
    opacity: .3; } }

@media screen and (min-width: 900px) {
  .wrap {
    margin: 0 auto; }
    .wrap.s-1100 {
      width: 1100px; }
    .wrap.s-1050 {
      width: 1050px; }
    .wrap.s-1000 {
      width: 1000px; }
    .wrap.s-870 {
      width: 870px; }
    .wrap.s-780 {
      width: 780px; }
    .wrap.flexible {
      max-width: 1360px;
      padding: 0 30px; } }
@media screen and (max-width: 900px) {
  .wrap.s-1100, .wrap.s-1050, .wrap.s-1000, .wrap.s-780, .wrap.s-870 {
    padding-left: 10px;
    padding-right: 10px; } }

body:not(.home):not(.futon):not(.charge) #order-tag-btn {
  display: none !important; }

.horizontal-list li {
  display: inline-block; }

.list-style-disc li {
  margin-left: 13px; }
  .list-style-disc li:before {
    content: '・';
    margin-left: -13px; }

.note-lests-style li {
  margin-left: 15px; }
  .note-lests-style li:before {
    content: '※';
    margin-left: -15px; }
  .note-lests-style li.mark-none {
    margin-left: 0; }
    .note-lests-style li.mark-none:before {
      display: none; }

.number-lests-style li {
  list-style: none;
  counter-increment: chapter;
  margin-left: 30px; }
  .number-lests-style li:before {
    content: "※" counter(chapter) "…";
    margin-left: -30px; }

.tx-left {
  text-align: left; }

@media screen and (min-width: 900px) {
  .flex-pc {
    display: flex; }
    .flex-pc.jc-sbtw-pc {
      justify-content: space-between; }
    .flex-pc.f-w-pc {
      flex-wrap: wrap; } }
@media screen and (min-width: 900px) {
  .column-3 > div, .column-3 > li {
    width: calc(100% / 3); } }
.title-area.pattern-1 {
  text-align: center; }
  .title-area.pattern-1 .en {
    color: #8ab7ac;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 1.4px;
    margin-bottom: 32px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-1 .en {
        font-size: 0.875rem;
        margin-bottom: 19px; } }
  .title-area.pattern-1 .title {
    font-size: 2.375rem;
    letter-spacing: 1.1px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-1 .title {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.5; } }
.title-area.pattern-2 {
  text-align: center; }
  .title-area.pattern-2 .en {
    color: #8ab7ac;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 1.4px;
    margin-bottom: 28px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-2 .en {
        font-size: 0.875rem;
        margin-bottom: 19px; } }
  .title-area.pattern-2 .title {
    font-size: 3rem;
    letter-spacing: 2.5px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-2 .title {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.5;
        letter-spacing: .5px; } }
  .title-area.pattern-2 .lead {
    font-size: 1.125rem;
    letter-spacing: 1.6px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 1.8; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-2 .lead {
        font-size: 0.8125rem;
        letter-spacing: .5px; } }
.title-area.pattern-3 {
  text-align: center; }
  .title-area.pattern-3 .lead {
    font-size: 1.25rem;
    letter-spacing: 1.6px;
    font-weight: bold;
    margin-top: 40px;
    line-height: 1.6; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-3 .lead {
        font-size: 0.8125rem;
        letter-spacing: .5px;
        margin-top: 30px;
        line-height: 1.7; } }
  .title-area.pattern-3 .tax-info {
    font-size: 1rem;
    margin-top: 20px;
    font-weight: bold; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-3 .tax-info {
        font-size: 0.6875rem;
        margin-top: 0; } }
.title-area.pattern-4 {
  text-align: center; }
  .title-area.pattern-4 .lead {
    font-size: 1.375rem;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 19px;
    line-height: 1.6; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-4 .lead {
        font-size: 0.8125rem;
        letter-spacing: .5px;
        margin-top: 15px;
        line-height: 1.7; } }
.title-area.pattern-5 {
  text-align: center; }
  .title-area.pattern-5 .en {
    color: #82c2d1;
    font-weight: bold;
    font-size: 1.25rem;
    letter-spacing: 0.8px;
    margin-bottom: 32px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-5 .en {
        font-size: 0.875rem;
        margin-bottom: 19px; } }
  .title-area.pattern-5 .title {
    font-size: 2.1875rem;
    letter-spacing: 1.1px; }
    @media screen and (max-width: 900px) {
      .title-area.pattern-5 .title {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.5; } }

.contents section,
.contents .box {
  letter-spacing: 1.5px; }

.contents section {
  padding: 75px 0;
  background-color: #fff; }
  @media screen and (max-width: 900px) {
    .contents section {
      padding: 70px 0; } }
  .contents section .lead-area p {
    font-size: 1.125rem;
    line-height: 1.88;
    margin-bottom: 35px;
    letter-spacing: .5px; }
    @media screen and (max-width: 900px) {
      .contents section .lead-area p {
        font-size: 0.8125rem;
        margin-bottom: 25px; } }
    .contents section .lead-area p:last-child {
      margin-bottom: 0; }

.campaign {
  text-align: center;
  padding: 48px 0 40px;
  background-color: #22686d; }
  @media screen and (max-width: 900px) {
    .campaign {
      padding: 28px 0; } }
  .campaign .title {
    font-weight: normal;
    color: #fff;
    font-size: 1.5rem !important;
    letter-spacing: 2.6px; }
    .campaign .title.r-10 {
      line-height: 1.5; }
      @media screen and (min-width: 900px) {
        .campaign .title.r-10 {
          margin-bottom: -15px; } }
      @media screen and (max-width: 900px) {
        .campaign .title.r-10 {
          font-size: 16px !important; }
          .campaign .title.r-10 span {
            font-size: 23px; } }
    @media screen and (max-width: 900px) {
      .campaign .title {
        font-size: 0.875rem !important;
        letter-spacing: .6px; } }
    .campaign .title span {
      font-size: 1.8125rem;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .campaign .title span {
          font-size: 0.9375rem; } }
      .campaign .title span.mark {
        font-size: 0.8125rem;
        vertical-align: 12px;
        margin-left: -6px; }
        @media screen and (max-width: 900px) {
          .campaign .title span.mark {
            font-size: 0.6875rem;
            vertical-align: 10px;
            margin-left: -5px; } }
  .campaign .price {
    margin-top: 33px !important; }
    @media screen and (max-width: 900px) {
      .campaign .price {
        margin-top: 18px !important; }
        .campaign .price img {
          width: 60%; } }
  .campaign .btn-wrap {
    margin-top: 33px !important; }
    @media screen and (max-width: 900px) {
      .campaign .btn-wrap {
        margin-top: 13px !important; } }
  .campaign .notes {
    font-weight: bold;
    color: #fff; }
    @media screen and (min-width: 900px) {
      .campaign .notes {
        margin-top: 20px !important; } }
    @media screen and (max-width: 900px) {
      .campaign .notes {
        margin-top: 15px !important; } }
    .campaign .notes a {
      text-decoration: underline;
      color: #fff !important; }
    .campaign .notes li {
      font-size: 0.8125rem;
      line-height: 1.6;
      letter-spacing: 0.4px; }
      @media screen and (max-width: 900px) {
        .campaign .notes li {
          font-size: 0.625rem;
          line-height: 1.65; } }

@media screen and (min-width: 900px) {
  .glas-effect {
    position: relative;
    overflow: hidden; }
    .glas-effect::before {
      position: absolute;
      top: 0;
      left: -75%;
      z-index: 2;
      display: block;
      content: '';
      width: 50%;
      height: 100%;
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
      -webkit-transform: skewX(-25deg);
      transform: skewX(-25deg); }
    .glas-effect:hover::before {
      -webkit-animation: shine .75s;
      animation: shine .75s; }
  @-webkit-keyframes shine {
    100% {
      left: 125%; } }
  @keyframes shine {
    100% {
      left: 125%; } }
    .glas-effect .design-btn {
      opacity: 1; } }

.ie .glas-effect::before {
  display: none; }
.ie .glas-effect .design-btn:hover {
  opacity: .3; }

@media screen and (min-width: 900px) {
  span.design-btn.black span {
    color: #fff; }
  span.design-btn.black:before {
    display: none; } }

.design-btn.white {
  display: inline-block;
  text-align: center;
  border: 2px solid #333;
  width: 400px;
  padding: 27px;
  font-size: 1.5rem;
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-big.png) no-repeat 95% 48%;
  background-size: 10px auto;
  background-color: #fff; }
  @media screen and (max-width: 900px) {
    .design-btn.white {
      width: 95%;
      font-size: 1.0625rem;
      padding: 24px;
      background-size: 8px auto;
      background-position: 95% 50%; } }
  @media screen and (min-width: 900px) {
    .design-btn.white {
      position: relative; }
      .design-btn.white span {
        position: relative;
        z-index: 10; }
      .design-btn.white:before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition-property: all;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        background: url("") no-repeat 92% 49%;
        background-size: 13px auto;
        background-color: #333; }
      .design-btn.white:hover {
        opacity: 1; }
        .design-btn.white:hover span {
          color: #fff; }
        .design-btn.white:hover:before {
          width: 100%;
          transition-property: width,background-image;
          transition-duration: 0.6s,0.25s;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
.design-btn.black {
  color: #fff !important;
  display: inline-block;
  width: 400px;
  padding: 27px;
  font-size: 1.5rem;
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png) no-repeat 95% 48%;
  background-size: 10px auto;
  background-color: #333;
  text-align: center;
  letter-spacing: 0.5px;
  border: 2px solid #333; }
  @media screen and (min-width: 900px) {
    .design-btn.black {
      position: relative; }
      .design-btn.black span {
        position: relative;
        z-index: 10; }
      .design-btn.black:before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition-property: all;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        background: url("") no-repeat 95% 48%;
        background-size: 10px auto;
        background-color: #fff; }
      .design-btn.black:hover {
        opacity: 1; }
        .design-btn.black:hover span {
          color: #333; }
        .design-btn.black:hover:before {
          width: 100%;
          transition-property: width,background-image;
          transition-duration: 0.6s,0.25s;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-thin.png); } }
  @media screen and (max-width: 900px) {
    .design-btn.black {
      width: 95%;
      font-size: 1.0625rem;
      padding: 24px;
      background-size: 8px auto; } }
.design-btn.normal {
  display: inline-block;
  text-align: center;
  border: 2px solid #333;
  width: 250px;
  padding: 14px;
  font-weight: bold;
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black.png) no-repeat 92% 49%;
  background-size: 8px auto;
  background-color: #fff;
  transition: background .3s; }
  .design-btn.normal.toggle-info {
    background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/plus.png) no-repeat 92% 49%;
    background-size: 12px auto;
    background-color: #fff; }
  .design-btn.normal.open-info {
    background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/minus.png); }
  @media screen and (min-width: 900px) {
    .design-btn.normal {
      position: relative; }
      .design-btn.normal.toggle-info:hover:before, .design-btn.normal.open-info:hover:before {
        background: #333; }
      .design-btn.normal span {
        position: relative;
        z-index: 10; }
      .design-btn.normal:before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition-property: all;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        background: url("") no-repeat 92% 49%;
        background-size: 8px auto;
        background-color: #333; }
      .design-btn.normal:hover {
        opacity: 1; }
        .design-btn.normal:hover span {
          color: #fff; }
        .design-btn.normal:hover:before {
          width: 100%;
          transition-property: width,background-image;
          transition-duration: 0.6s,0.25s;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
  @media screen and (max-width: 900px) {
    .design-btn.normal {
      width: 100%;
      font-size: 0.8125rem; } }
.design-btn.normal-middle {
  display: inline-block;
  text-align: center;
  border: 2px solid #333;
  width: 300px;
  padding: 14px;
  font-weight: bold;
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black.png) no-repeat 92% 49%;
  background-size: 8px auto;
  background-color: #fff;
  transition: background .3s; }
  .design-btn.normal-middle.toggle-info {
    background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/plus.png) no-repeat 92% 49%;
    background-size: 12px auto;
    background-color: #fff; }
  .design-btn.normal-middle.open-info {
    background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/minus.png); }
  @media screen and (min-width: 900px) {
    .design-btn.normal-middle {
      position: relative; }
      .design-btn.normal-middle.toggle-info:hover:before, .design-btn.normal-middle.open-info:hover:before {
        background: #333; }
      .design-btn.normal-middle span {
        position: relative;
        z-index: 10; }
      .design-btn.normal-middle:before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition-property: all;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        background: url("") no-repeat 92% 49%;
        background-size: 8px auto;
        background-color: #333; }
      .design-btn.normal-middle:hover {
        opacity: 1; }
        .design-btn.normal-middle:hover span {
          color: #fff; }
        .design-btn.normal-middle:hover:before {
          width: 100%;
          transition-property: width,background-image;
          transition-duration: 0.6s,0.25s;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
  @media screen and (max-width: 900px) {
    .design-btn.normal-middle {
      width: 100%;
      font-size: 0.8125rem; } }
.design-btn.normal-big {
  display: inline-block;
  text-align: center;
  border: 2px solid #333;
  width: 400px;
  padding: 27px;
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-big.png) no-repeat 95% 48%;
  background-size: 10px auto;
  background-color: #fff; }
  @media screen and (max-width: 900px) {
    .design-btn.normal-big {
      width: 100%;
      padding: 24px;
      font-size: 1.0625rem;
      background-size: 8px auto;
      background-position: 95% 50%; } }
  @media screen and (min-width: 900px) {
    .design-btn.normal-big {
      position: relative; }
      .design-btn.normal-big span {
        position: relative;
        z-index: 10; }
      .design-btn.normal-big:before {
        content: "";
        position: absolute;
        width: 0%;
        height: 100%;
        z-index: 0;
        top: 0;
        left: 0;
        transition-property: all;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
        background: url("") no-repeat 92% 49%;
        background-size: 13px auto;
        background-color: #333; }
      .design-btn.normal-big:hover {
        opacity: 1; }
        .design-btn.normal-big:hover span {
          color: #fff; }
        .design-btn.normal-big:hover:before {
          width: 100%;
          transition-property: width,background-image;
          transition-duration: 0.6s,0.25s;
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
.design-btn.bg-photo {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 530px;
  height: 200px;
  padding: 14px;
  font-weight: bold;
  font-size: 1.5rem;
  background: no-repeat center;
  background-size: cover; }
  @media screen and (max-width: 900px) {
    .design-btn.bg-photo {
      width: 100vw;
      height: 32vw;
      font-size: 0.9375rem; } }
  .design-btn.bg-photo .inner {
    display: block;
    background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-big.png) no-repeat 99% 50%;
    background-size: 13px auto; }
    @media screen and (max-width: 900px) {
      .design-btn.bg-photo .inner {
        background-size: 8px auto; } }
    .design-btn.bg-photo .inner span {
      display: inline-block;
      margin-bottom: 10px;
      font-size: 0.875rem; }

.info-column {
  padding: 0 !important;
  position: relative;
  z-index: 10;
  background: transparent !important; }
  @media screen and (min-width: 900px) {
    .info-column {
      min-width: 1100px; }
      .info-column .inner .cover.top-standard:before {
        bottom: 20%; }
      .info-column.cover-left .inner .content {
        padding-left: 77px; }
        .info-column.cover-left .inner .content:before {
          right: -90px; }
        .info-column.cover-left .inner .content .flex {
          width: 480px; } }
      @media screen and (min-width: 900px) and (min-width: 1360px) {
        .info-column.cover-left .inner .content .flex {
          width: 520px; } }
  @media screen and (min-width: 900px) {
      .info-column.cover-left .inner .cover.top-transparent:after {
        left: 15%;
        right: 0; }
      .info-column.cover-left .inner .cover img {
        margin-left: auto; }
      .info-column.cover-right .inner .content {
        order: 10;
        padding-right: 0; }
        .info-column.cover-right .inner .content:before {
          left: -90px; }
        .info-column.cover-right .inner .content .flex {
          width: 500px; } }
      @media screen and (min-width: 900px) and (min-width: 1360px) {
        .info-column.cover-right .inner .content .flex {
          width: 520px !important; } }
      @media screen and (min-width: 900px) and (min-width: 1360px) {
        .info-column.cover-right .inner .content .flex {
          width: 600px !important; } }
  @media screen and (min-width: 900px) {
      .info-column.cover-right .inner .cover img {
        margin-right: auto; } }
  @media screen and (min-width: 900px) {
    .info-column .inner {
      display: flex;
      justify-content: space-between; } }
  .info-column .inner .content {
    position: relative;
    background-color: #fff; }
    @media screen and (min-width: 900px) {
      .info-column .inner .content {
        width: 48.3%;
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .info-column .inner .content {
        padding: 60px 20px 80px; } }
    @media screen and (min-width: 900px) {
      .info-column .inner .content:before {
        content: '';
        display: block;
        position: absolute;
        background-color: #fff;
        top: -40px;
        bottom: -40px;
        right: 0;
        left: 0;
        z-index: -1; } }
    .info-column .inner .content .flex {
      font-weight: bold;
      margin-left: auto;
      letter-spacing: 0;
      position: relative; }
      .info-column .inner .content .flex .for-sub-title {
        font-size: 2.25rem;
        margin-bottom: 15px;
        font-family: "apercu";
        font-weight: 600;
        margin-left: -.5rem; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .for-sub-title {
            font-size: 1.125rem; } }
      .info-column .inner .content .flex .new-line-title-lead {
        font-size: 1.5rem; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .new-line-title-lead {
            font-size: 0.9375rem; } }
      .info-column .inner .content .flex .title-lead {
        font-size: 1.5rem;
        margin-top: 26px;
        position: relative; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .title-lead {
            font-size: 0.9375rem; } }
        @media screen and (min-width: 900px) {
          .info-column .inner .content .flex .title-lead:before {
            content: '';
            display: block;
            position: absolute;
            height: 2px;
            width: 40px;
            background-color: #333;
            top: 50%;
            left: -56px;
            transform: translateY(-50%); } }
      .info-column .inner .content .flex .new-line-title-lead {
        font-size: 1.5rem; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .new-line-title-lead {
            font-size: 0.9375rem; } }
      .info-column .inner .content .flex .sub-title {
        font-size: 1.90625rem;
        margin-top: 12px; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .sub-title {
            margin-top: 8px;
            font-size: 1.1875rem; } }
      .info-column .inner .content .flex .recommend-lists {
        font-size: 1rem;
        margin-top: 55px;
        line-height: 1.8; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .recommend-lists {
            line-height: 2;
            margin-top: 20px;
            font-size: 0.6875rem; } }
      .info-column .inner .content .flex .newcourse-lists {
        font-size: 1rem;
        margin-top: 24px;
        line-height: 1.8; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .newcourse-lists {
            line-height: 2;
            margin-top: 20px;
            font-size: 0.6875rem; } }
      .info-column .inner .content .flex .note {
        line-height: 1.6;
        font-size: 13px;
        font-weight: normal;
        margin-top: 15px; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .note {
            margin-top: 10px;
            font-size: 10px; } }
      .info-column .inner .content .flex .link {
        margin-top: 40px; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .link {
            margin-top: 20px; }
            .info-column .inner .content .flex .link img {
              width: 100%; } }
      .info-column .inner .content .flex .seal {
        position: absolute;
        top: -40px;
        right: 30px; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .seal {
            top: -40px;
            right: 0; }
            .info-column .inner .content .flex .seal img {
              width: 20vw;
              min-width: 90px; } }
        @media screen and (min-width: 1360px) {
          .info-column .inner .content .flex .seal {
            top: -70px;
            right: 60px; } }
      .info-column .inner .content .flex .option {
        font-size: 1rem;
        padding: 12px 14px;
        margin-top: 15px;
        display: inline-block;
        background-color: #333;
        color: #fff; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .option {
            padding: 10px 14px;
            font-size: 0.8125rem; } }
      .info-column .inner .content .flex .lead {
        font-size: 1rem;
        margin-top: 50px;
        font-weight: bold;
        line-height: 1.8; }
        @media screen and (max-width: 900px) {
          .info-column .inner .content .flex .lead {
            line-height: 2;
            margin-top: 20px;
            font-size: 0.75rem; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover {
      width: 51.7%;
      position: relative; } }
  @media screen and (max-width: 900px) {
    .info-column .inner .cover {
      margin-top: -40px;
      position: relative;
      z-index: 10; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover.top-transparent.top-natural:after {
      background-color: #e8ecdb; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover.top-transparent:after {
      background-color: #e0eae6;
      display: block;
      content: '';
      position: absolute;
      top: -40px;
      bottom: 0;
      left: 0;
      right: 15%;
      z-index: -1; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover.top-transparent.top-dailycare:after {
      background-color: #fef9cc; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover.top-transparent.top-detox:after {
      background-color: #feecd0; } }
  @media screen and (min-width: 900px) {
    .info-column .inner .cover:before {
      background-color: #fff;
      display: block;
      content: '';
      position: absolute;
      top: -40px;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: -1; } }
  .info-column .inner .cover img {
    display: block; }
    @media screen and (min-width: 900px) {
      .info-column .inner .cover img {
        width: 89%; } }
    @media screen and (max-width: 900px) {
      .info-column .inner .cover img {
        width: calc(100% - 40px);
        margin: 0 auto; } }
    @media screen and (min-width: 1100px) {
      .info-column .inner .cover img {
        width: 95%; } }
    @media screen and (min-width: 1360px) {
      .info-column .inner .cover img {
        width: 100%; } }

.info-column-details {
  background-color: #e1eae6;
  padding: 70px 0 80px; }
  @media screen and (max-width: 900px) {
    .info-column-details {
      padding: 20px 10px 50px; } }
  @media screen and (min-width: 900px) {
    .info-column-details.dailycare {
      margin-bottom: 40px; } }
  .info-column-details .toggle-details {
    text-align: center; }

@media screen and (max-width: 900px) {
  .scroll {
    overflow: auto;
    white-space: nowrap; }

  .scroll::-webkit-scrollbar {
    height: 5px; }

  .scroll::-webkit-scrollbar-track {
    background: #F1F1F1; }

  .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC; } }
.flat-table {
  width: 100%; }
  .flat-table th, .flat-table td {
    vertical-align: middle;
    border: 1px solid #333;
    padding: 10px; }

.footer-cover .img {
  width: 100%; }

.info-content {
  padding-bottom: 110px; }
  @media screen and (max-width: 900px) {
    .info-content {
      padding: 0 10px 50px; } }
  .info-content.natural {
    background-color: #e9ecdc; }
  @media screen and (min-width: 900px) {
    .info-content .contents {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .info-content .contents .item {
    background-color: #fff; }
    @media screen and (min-width: 900px) {
      .info-content .contents .item {
        width: 45%; }
        .info-content .contents .item:first-child {
          width: 100%;
          margin-bottom: 12px; } }
    @media screen and (max-width: 900px) {
      .info-content .contents .item {
        margin-bottom: 12px;
        padding: 25px !important; }
        .info-content .contents .item:last-child {
          margin-bottom: 0; } }
    @media screen and (min-width: 900px) {
      .info-content .contents .item.photo-in-both {
        display: flex;
        align-items: center;
        padding: 47px 0 33px; } }
    .info-content .contents .item.photo-in-both .img-left {
      text-align: center; }
      @media screen and (min-width: 900px) {
        .info-content .contents .item.photo-in-both .img-left {
          width: 180px;
          margin-top: -16px; } }
      @media screen and (max-width: 900px) {
        .info-content .contents .item.photo-in-both .img-left img {
          height: 48px; } }
    @media screen and (min-width: 900px) {
      .info-content .contents .item.photo-in-both .content {
        width: 605px; } }
    @media screen and (min-width: 900px) {
      .info-content .contents .item.photo-in-both .img-right {
        width: 215px; } }
    @media screen and (max-width: 900px) {
      .info-content .contents .item.photo-in-both .img-right {
        text-align: center;
        margin-top: 20px; }
        .info-content .contents .item.photo-in-both .img-right img {
          width: 100px; } }
    .info-content .contents .item.photo-in-both .title {
      margin-bottom: 21px; }
    .info-content .contents .item.photo-in-both .lead {
      margin-bottom: 24px; }
    .info-content .contents .item.photo-in-both .lists {
      margin-top: -5px; }
    @media screen and (min-width: 900px) {
      .info-content .contents .item.photo-in-both.v2 {
        padding: 30px 0 35px;
        align-items: flex-start; }
        .info-content .contents .item.photo-in-both.v2 .content {
          margin-left: 30px;
          padding-right: 50px; }
        .info-content .contents .item.photo-in-both.v2 .title {
          line-height: 1.35; }
          .info-content .contents .item.photo-in-both.v2 .title img {
            float: left;
            position: relative;
            top: -10px;
            margin-right: 30px; }
        .info-content .contents .item.photo-in-both.v2 .lead {
          line-height: 1.4; }
        .info-content .contents .item.photo-in-both.v2 .img-right {
          width: 328px; } }
    @media screen and (max-width: 900px) {
      .info-content .contents .item.photo-in-both.v2 {
        padding: 10px 25px 25px !important; }
        .info-content .contents .item.photo-in-both.v2 .img-right img {
          width: 100%; } }
    .info-content .contents .item.photo-center {
      padding: 30px 40px; }
      @media screen and (min-width: 900px) {
        .info-content .contents .item.photo-center {
          width: 495px; } }
      .info-content .contents .item.photo-center .img-center {
        text-align: center; }
        @media screen and (max-width: 900px) {
          .info-content .contents .item.photo-center .img-center img {
            height: 48px; } }
      .info-content .contents .item.photo-center .title {
        margin-bottom: 22px;
        margin-top: 5px; }
        @media screen and (min-width: 900px) {
          .info-content .contents .item.photo-center .title {
            display: flex;
            justify-content: center;
            align-items: center; } }
      .info-content .contents .item.photo-center .lead {
        margin-bottom: 24px; }
    .info-content .contents .item .title {
      font-size: 1.375rem;
      font-weight: normal;
      letter-spacing: 1.5px; }
      @media screen and (max-width: 900px) {
        .info-content .contents .item .title {
          text-align: center;
          font-size: 0.9375rem;
          letter-spacing: 1.3px;
          line-height: 1.6;
          margin-bottom: 8px !important;
          margin-top: 10px !important; } }
    .info-content .contents .item .lead {
      text-align: justify;
      line-height: 1.3;
      letter-spacing: -0.7px; }
      @media screen and (max-width: 900px) {
        .info-content .contents .item .lead {
          font-size: 0.6875rem;
          letter-spacing: 0;
          line-height: 1.8;
          margin-bottom: 0 !important; } }
    .info-content .contents .item .notes {
      font-size: 0.75rem;
      line-height: 1.5;
      letter-spacing: 0.4px; }
      @media screen and (max-width: 900px) {
        .info-content .contents .item .notes {
          margin-top: 10px;
          font-size: 0.6875rem; } }
    .info-content .contents .item .lists {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      line-height: 1.3; }
      @media screen and (max-width: 900px) {
        .info-content .contents .item .lists {
          font-size: 0.6875rem;
          margin-top: 15px !important; } }
      .info-content .contents .item .lists dt, .info-content .contents .item .lists dd {
        margin-bottom: 17px;
        letter-spacing: -.8px; }
        .info-content .contents .item .lists dt:last-child, .info-content .contents .item .lists dd:last-child {
          margin-bottom: 0; }
      .info-content .contents .item .lists dt {
        font-weight: normal;
        text-decoration: underline;
        width: 110px; }
        @media screen and (max-width: 900px) {
          .info-content .contents .item .lists dt {
            width: 80px; } }
      .info-content .contents .item .lists dd {
        width: calc(100% - 110px); }
        @media screen and (max-width: 900px) {
          .info-content .contents .item .lists dd {
            width: calc(100% - 80px); } }

.order-tag-wrap {
  position: fixed;
  z-index: 999;
  bottom: 50px;
  right: 20px;
  transition: all 0.4s; }
  .order-tag-wrap.scroll {
    opacity: 0; }
  .order-tag-wrap.stop {
    transition-delay: 0.5s;
    opacity: 1; }
  .order-tag-wrap.stop-important {
    opacity: 1 !important; }
  @media screen and (max-width: 900px) {
    .order-tag-wrap {
      right: 0; } }
  @media screen and (max-width: 900px) {
    .order-tag-wrap .order-tag:hover {
      opacity: 1 !important; }
    .order-tag-wrap .order-tag img {
      width: 130px; } }

@media screen and (max-width: 900px) {
  .pc-fz-44 {
    width: auto;
    height: 25px; }

  .pc-fz-48 {
    width: auto;
    height: 22px; }

  .pc-fz-80 {
    width: auto;
    height: 38px; }

  .pc-fz-88 {
    width: auto;
    height: 42px; }

  .pc-fz-60 {
    width: auto;
    height: 30px; }

  .pc-fz-72 {
    width: auto;
    height: 26px; }

  .pc-fz-65 {
    width: auto;
    height: 65px; } }
/* パララックス */
.parallax {
  background: no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  height: 30vh;
  width: 100%; }
  .parallax.type-cover {
    background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1558417979/laundry-out/index/type/bg-parallax.jpg);
    height: 37.5vw; }
    @media screen and (max-width: 900px) {
      .parallax.type-cover {
        background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1558417979/laundry-out/index/type/bg-parallax-sp.jpg);
        background-size: 100% auto;
        height: 53vw; } }

/*
* 画面をスクロールで、順番に読み込んでいく
 */
/* 画面外にいる状態 */
.fadein-item {
  opacity: 0.1;
  transform: translate(0, 100px);
  transition: all 500ms; }

/* 画面内に入った状態 */
.fadein-item.scrollin {
  opacity: 1;
  transform: translate(0, 0); }

.white-box {
  background-color: #fff; }

.combine-images-bg {
  background: no-repeat center;
  background-size: cover; }

.combine-images {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .combine-images img {
    width: 100%;
    height: auto; }

.ie .design-btn.black,
.ie .design-btn.normal-big,
.ie .design-btn.white {
  padding: 27px 27px 17px; }

@media screen and (min-width: 900px) {
  .pc-narrow-width {
    max-width: 1100px;
    margin: 0 auto; } }

.breadcrumb-wrap {
  padding: 12px 0;
  background-color: #fff; }
  .breadcrumb-wrap.bg-grey {
    background-color: #e9eaea; }
  .breadcrumb-wrap .wrap {
    max-width: 1250px !important; }
    @media screen and (max-width: 900px) {
      .breadcrumb-wrap .wrap {
        padding: 0 15px; } }

.breadcrumb-original ol li {
  display: inline-block; }
  .breadcrumb-original ol li:after {
    content: '/';
    vertical-align: -1px; }
  .breadcrumb-original ol li a {
    display: inline-block;
    font-size: 0.8125rem !important; }
    @media screen and (max-width: 900px) {
      .breadcrumb-original ol li a {
        font-size: 0.6875rem !important; } }
.breadcrumb-original ol li:last-child:after {
  display: none; }
.breadcrumb-original ol li:not(.active) a {
  color: #22686d;
  position: relative; }
  .breadcrumb-original ol li:not(.active) a:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #22686d; }
.breadcrumb-original ol li.active a:hover {
  opacity: 1 !important;
  cursor: text; }

.bootstrap-base .breadcrumb-wrap {
  margin-top: -50px;
  margin-bottom: 50px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base .breadcrumb-wrap {
      margin-top: -25px;
      margin-bottom: 25px; } }
.bootstrap-base .breadcrumb-original ol {
  margin-bottom: 0;
  padding: 0;
  font-size: 13px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base .breadcrumb-original ol {
      font-size: 11px; } }
  .bootstrap-base .breadcrumb-original ol li a {
    text-decoration: none !important; }
  .bootstrap-base .breadcrumb-original ol li.active a {
    color: #212529; }

.v-2019-10-renewal.flow-diagram {
  padding: 47px 0 28px; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.flow-diagram {
      padding: 55px 0 28px; } }
  .v-2019-10-renewal.flow-diagram .title {
    text-align: center;
    font-size: 1.5rem !important; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.flow-diagram .title {
        font-size: 0.9375rem !important; } }
  .v-2019-10-renewal.flow-diagram .flow {
    margin-top: 33px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.flow-diagram .flow {
        margin-top: 24px;
        margin-bottom: -39px; } }
    .v-2019-10-renewal.flow-diagram .flow ol {
      position: relative; }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.flow-diagram .flow ol:before {
          content: '';
          display: block;
          height: 2px;
          background-color: #22686d;
          position: absolute;
          left: 80px;
          right: 80px;
          top: 9px; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.flow-diagram .flow ol {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin: 0 10px;
          overflow: hidden; } }
      .v-2019-10-renewal.flow-diagram .flow ol li {
        position: relative; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.flow-diagram .flow ol li {
            width: 43%;
            margin-bottom: 24px; }
            .v-2019-10-renewal.flow-diagram .flow ol li:nth-child(2n) .order:before {
              content: '';
              display: block;
              height: 1px;
              background-color: #22686d;
              position: absolute;
              left: -100vw;
              right: -100vw;
              top: 19px; }
            .v-2019-10-renewal.flow-diagram .flow ol li:nth-child(2n) .order:after {
              left: 6px;
              right: 0; } }
        .v-2019-10-renewal.flow-diagram .flow ol li .order {
          font-size: 1.125rem;
          color: #22686d;
          font-weight: bold;
          width: 143px;
          margin: 0 auto;
          margin-top: -8px;
          background-color: #fff; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.flow-diagram .flow ol li .order {
              font-size: 0.75rem;
              width: 100%;
              margin-top: 0; }
              .v-2019-10-renewal.flow-diagram .flow ol li .order img {
                width: 30px; }
              .v-2019-10-renewal.flow-diagram .flow ol li .order span {
                position: relative;
                z-index: 11; }
              .v-2019-10-renewal.flow-diagram .flow ol li .order:after {
                content: '';
                display: block;
                background-color: #fff;
                position: absolute;
                top: 12px;
                left: 0;
                right: 6px;
                height: 14px;
                z-index: 10; } }
        .v-2019-10-renewal.flow-diagram .flow ol li .title {
          font-size: 1.5rem;
          margin: 6px 0 30px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.flow-diagram .flow ol li .title {
              font-size: 0.9375rem;
              margin: 6px 0 8px;
              letter-spacing: -0.5px; } }
        .v-2019-10-renewal.flow-diagram .flow ol li .lead {
          margin-top: 16px;
          line-height: 1.4;
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.flow-diagram .flow ol li .lead {
              margin-top: 11px;
              font-size: 0.75rem;
              letter-spacing: -.05px; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.flow-diagram .flow ol li .img img {
            width: 100%; } }
        .v-2019-10-renewal.flow-diagram .flow ol li .notes {
          position: absolute;
          bottom: -102px;
          left: 47%;
          transform: translateX(-50%);
          text-align: center;
          height: 77px;
          width: 321px;
          font-size: 0.75rem;
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v2/laundry-out/index/easy-steps/callout.png) no-repeat center;
          background-position: 50% 0;
          background-size: cover;
          line-height: 1.6;
          letter-spacing: 0.3px;
          padding: 27px 15px 7px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.flow-diagram .flow ol li .notes {
              font-size: 0.6875rem;
              background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v2/laundry-out/index/easy-steps/callout-sp.png);
              left: auto;
              right: 0;
              bottom: -78px;
              transform: translateX(0);
              width: 224px;
              height: 66px;
              padding: 21px 11px 10px; } }
.v-2019-10-renewal.size-info {
  padding-bottom: 70px; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.size-info {
      padding-bottom: 40px; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.size-info .title-area {
      margin-top: 50px; }
      .v-2019-10-renewal.size-info .title-area .pc-fz-60 {
        height: 30px; }
      .v-2019-10-renewal.size-info .title-area .lead {
        margin-top: 12px;
        line-height: 1.4; } }
  .v-2019-10-renewal.size-info .title-area .sub-lead {
    font-size: 1.375rem;
    margin: 5px 0 10px;
    letter-spacing: 1.6px; }
    .v-2019-10-renewal.size-info .title-area .sub-lead small {
      vertical-align: super;
      font-size: 0.8125rem; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.size-info .title-area .sub-lead small {
          font-size: 0.625rem; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.size-info .title-area .sub-lead {
        font-size: 0.6875rem;
        margin-top: 6px; } }
  .v-2019-10-renewal.size-info .title-area .lead-note {
    font-size: 1rem; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.size-info .title-area .lead-note {
        font-size: 0.625rem;
        line-height: 1.4;
        margin-top: -2px; } }
  .v-2019-10-renewal.size-info .introduction {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 48px;
    padding: 0 24px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.size-info .introduction {
        margin-top: 40px;
        padding: 0 10px; } }
    .v-2019-10-renewal.size-info .introduction .item {
      width: 475px;
      padding-bottom: 20px;
      background: #fff; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.size-info .introduction .item {
          padding-bottom: 17px;
          margin-bottom: 26px;
          width: 100%; }
          .v-2019-10-renewal.size-info .introduction .item:last-child {
            margin-bottom: 0; } }
      .v-2019-10-renewal.size-info .introduction .item .img img {
        width: 100%; }
      .v-2019-10-renewal.size-info .introduction .item .title-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 22px 22px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.size-info .introduction .item .title-wrap {
            padding: 15px 16px; } }
        .v-2019-10-renewal.size-info .introduction .item .title-wrap .num {
          margin-right: 15px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.size-info .introduction .item .title-wrap .num {
              margin-right: 7px; } }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.size-info .introduction .item .title-wrap .num img {
              width: 50px; } }
        .v-2019-10-renewal.size-info .introduction .item .title-wrap .text {
          color: #22686d; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.size-info .introduction .item .title-wrap .text {
              width: calc(100% - 60px); } }
          .v-2019-10-renewal.size-info .introduction .item .title-wrap .text .title {
            font-size: 1.375rem;
            margin-bottom: 6px; }
            @media screen and (max-width: 900px) {
              .v-2019-10-renewal.size-info .introduction .item .title-wrap .text .title {
                font-size: 1.25rem;
                letter-spacing: -0.8px; } }
          .v-2019-10-renewal.size-info .introduction .item .title-wrap .text .lead {
            font-size: 1rem; }
            @media screen and (max-width: 900px) {
              .v-2019-10-renewal.size-info .introduction .item .title-wrap .text .lead {
                font-size: 0.875rem; } }
      .v-2019-10-renewal.size-info .introduction .item .note {
        margin: 0 20px;
        padding: 13px 17px;
        background: #eee; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.size-info .introduction .item .note {
            margin: 0 15px;
            padding: 10px; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.size-info .introduction .item .note .title {
            font-size: 0.75rem;
            letter-spacing: 0.2px; } }
        .v-2019-10-renewal.size-info .introduction .item .note .title span {
          font-size: 0.75rem;
          font-weight: normal;
          margin-left: 7px; }
        .v-2019-10-renewal.size-info .introduction .item .note .note-item {
          margin-top: 10px;
          display: flex;
          flex-wrap: wrap;
          list-style: disc; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.size-info .introduction .item .note .note-item {
              margin-top: 7px; } }
          .v-2019-10-renewal.size-info .introduction .item .note .note-item li {
            margin-left: 1rem;
            width: calc(50% - 1rem);
            font-size: 0.875rem;
            padding: 1px 0;
            padding-right: 10px;
            line-height: 1.4; }
            @media screen and (max-width: 900px) {
              .v-2019-10-renewal.size-info .introduction .item .note .note-item li {
                font-size: 0.75rem;
                letter-spacing: 0.2px; } }
    .v-2019-10-renewal.size-info .introduction .note-box {
      margin-top: 30px;
      width: 100%;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.size-info .introduction .note-box {
          margin-top: 5px;
          padding-bottom: 10px; } }
      .v-2019-10-renewal.size-info .introduction .note-box p {
        font-size: 0.8125rem; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.size-info .introduction .note-box p {
            font-size: 0.6875rem; } }
      .v-2019-10-renewal.size-info .introduction .note-box .capacity-info {
        font-size: 0.8125rem; }
        .v-2019-10-renewal.size-info .introduction .note-box .capacity-info a {
          color: #22686d;
          text-decoration: underline; }
.v-2019-10-renewal.delivery-intro {
  text-align: center; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.delivery-intro {
      padding: 0 20px;
      margin-bottom: -30px; } }
  .v-2019-10-renewal.delivery-intro .box {
    padding: 50px 0;
    background: #fff; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.delivery-intro .box {
        padding: 50px 13px; } }
    .v-2019-10-renewal.delivery-intro .box.h-title {
      padding: 77px 0 65px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.h-title {
          padding: 38px 13px 24px; } }
      .v-2019-10-renewal.delivery-intro .box.h-title .sub-title {
        font-size: 24px;
        margin-top: 80px;
        margin-bottom: 52px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.h-title .sub-title {
            font-size: 15px;
            margin-top: 40px;
            margin-bottom: 30px; } }
      .v-2019-10-renewal.delivery-intro .box.h-title .lead {
        margin-top: 19px;
        line-height: 1.9;
        font-weight: bold; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.h-title .lead {
            font-size: 0.7875rem;
            margin-top: 25px;
            line-height: 1.5;
            letter-spacing: 0.3px; } }
      .v-2019-10-renewal.delivery-intro .box.h-title .map {
        margin-top: 18px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.h-title .map {
            margin-top: 24px; }
            .v-2019-10-renewal.delivery-intro .box.h-title .map img {
              width: 100%; } }
      .v-2019-10-renewal.delivery-intro .box.h-title .note {
        margin-top: 22px;
        line-height: 2; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.h-title .note {
            text-align: left;
            line-height: 1.42;
            font-size: 0.75rem;
            letter-spacing: 0.3px; } }
    .v-2019-10-renewal.delivery-intro .box.normal {
      margin-top: 10px;
      position: relative; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.normal {
          margin-top: 20px;
          padding: 20px 10px; } }
      .v-2019-10-renewal.delivery-intro .box.normal .seal {
        position: absolute;
        top: 7px;
        right: 75px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .seal {
            top: -11px;
            right: -9px; }
            .v-2019-10-renewal.delivery-intro .box.normal .seal img {
              width: 80px; } }
      .v-2019-10-renewal.delivery-intro .box.normal .title {
        font-size: 1.375rem;
        letter-spacing: 0.5px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .title {
            text-align: left;
            font-size: 0.9375rem; } }
        .v-2019-10-renewal.delivery-intro .box.normal .title .op {
          font-size: 0.875rem;
          display: inline-block;
          padding: 13px 17px;
          margin-right: 10px;
          vertical-align: 3px;
          background: #22686d;
          color: #fff; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .title .op {
              font-size: 0.8125rem;
              padding: 8px 12px;
              vertical-align: middle;
              margin-bottom: 15px; } }
        .v-2019-10-renewal.delivery-intro .box.normal .title .f-brackets {
          margin-left: -13px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .title .f-brackets {
              margin-left: -8px; } }
      .v-2019-10-renewal.delivery-intro .box.normal .lead {
        margin-top: 20px;
        line-height: 1.9;
        letter-spacing: 1.6px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .lead {
            text-align: left;
            font-size: 0.75rem;
            margin-top: 12px;
            line-height: 1.45; } }
      .v-2019-10-renewal.delivery-intro .box.normal .notes {
        margin-top: 2px; }
        .v-2019-10-renewal.delivery-intro .box.normal .notes li {
          line-height: 1.8;
          font-size: 13px;
          letter-spacing: 0.5px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .notes li {
              text-align: left;
              font-size: 0.6875rem;
              line-height: 1.45; } }
          .v-2019-10-renewal.delivery-intro .box.normal .notes li:before {
            content: '※'; }
      .v-2019-10-renewal.delivery-intro .box.normal .selectable-time {
        margin-top: 42px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .selectable-time {
            margin-top: 14px; } }
        .v-2019-10-renewal.delivery-intro .box.normal .selectable-time .title {
          margin-bottom: 28px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .selectable-time .title {
              font-size: 0.75rem;
              text-align: center;
              line-height: 1.6;
              margin-bottom: 21px; } }
          .v-2019-10-renewal.delivery-intro .box.normal .selectable-time .title span {
            text-decoration: underline; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .selectable-time .img {
            margin: 0 -7px; }
            .v-2019-10-renewal.delivery-intro .box.normal .selectable-time .img img {
              width: 100%; } }
      .v-2019-10-renewal.delivery-intro .box.normal .step-wrap {
        margin-top: 40px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .step-wrap {
            margin-top: 22px; } }
        .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step {
          display: flex;
          justify-content: center; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step li {
              width: calc(100% / 3); }
              .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step li img {
                width: 100%; } }
        .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step-time {
          margin-top: 4px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step-time {
              margin-top: 2px; } }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.normal .step-wrap .step-time img {
              width: 100%; } }
      .v-2019-10-renewal.delivery-intro .box.normal .img-box {
        margin-top: 43px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.normal .img-box {
            margin-top: 21px; }
            .v-2019-10-renewal.delivery-intro .box.normal .img-box img {
              width: 225px; } }
    .v-2019-10-renewal.delivery-intro .box.main-box {
      padding: 78px 0;
      margin-bottom: 30px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.main-box {
          margin-bottom: 20px; } }
      .v-2019-10-renewal.delivery-intro .box.main-box:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.main-box {
          padding: 26px 0; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.main-box .title img {
          height: 51px; } }
      .v-2019-10-renewal.delivery-intro .box.main-box .sub-title {
        font-size: 22px;
        font-weight: bold;
        margin-top: 28px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .sub-title {
            line-height: 1.5;
            margin-top: 11px;
            font-size: 12px;
            padding: 0 10px; } }
      .v-2019-10-renewal.delivery-intro .box.main-box .lead {
        color: #666;
        font-weight: bold;
        font-size: 13px;
        line-height: 1.8;
        margin-top: 12px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .lead {
            margin-top: 8px;
            font-size: 10px;
            padding: 0 10px; } }
      .v-2019-10-renewal.delivery-intro .box.main-box .map-wrap {
        margin: 37px auto 0; }
        @media screen and (min-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .map-wrap {
            width: 600px; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .map-wrap {
            padding: 0 30px; } }
        .v-2019-10-renewal.delivery-intro .box.main-box .map-wrap img {
          width: 100%; }
      .v-2019-10-renewal.delivery-intro .box.main-box .map-note {
        margin-top: 40px;
        text-align: left;
        line-height: 1.6;
        letter-spacing: 1.4px;
        display: inline-block; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .map-note {
            font-size: 10px;
            margin-top: 20px;
            letter-spacing: 1px; } }
        .v-2019-10-renewal.delivery-intro .box.main-box .map-note + .btn-wrap {
          margin-top: 46px;
          padding-bottom: 25px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.main-box .map-note + .btn-wrap {
              margin-top: 25px;
              padding-bottom: 45px; } }
      .v-2019-10-renewal.delivery-intro .box.main-box .btn-wrap {
        margin-top: 80px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.main-box .btn-wrap {
            margin-top: 30px;
            padding: 0 20px; } }
        .v-2019-10-renewal.delivery-intro .box.main-box .btn-wrap .design-btn {
          font-size: 24px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.main-box .btn-wrap .design-btn {
              font-size: 17px;
              padding: 15px; } }
    .v-2019-10-renewal.delivery-intro .box.delivery-option-box {
      padding: 79px 0 95px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.delivery-option-box {
          padding: 30px 10px 46px; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro .box.delivery-option-box .title img {
          width: 290px; } }
      .v-2019-10-renewal.delivery-intro .box.delivery-option-box .sub-title {
        font-size: 22px;
        font-weight: bold;
        margin-top: 28px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.delivery-option-box .sub-title {
            font-size: 13px;
            margin-top: 18px;
            letter-spacing: 0.3px; } }
      .v-2019-10-renewal.delivery-intro .box.delivery-option-box .lead {
        color: #666;
        font-weight: bold;
        font-size: 13px;
        line-height: 1.8;
        margin-top: 12px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.delivery-option-box .lead {
            margin-top: 8px;
            font-size: 10px;
            margin-bottom: 10px; } }
      .v-2019-10-renewal.delivery-intro .box.delivery-option-box .lead-note {
        font-size: 13px;
        font-weight: bold;
        margin-top: 11px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.delivery-option-box .lead-note {
            font-size: 10px;
            margin-top: 3px; } }
      .v-2019-10-renewal.delivery-intro .box.delivery-option-box .map-wrap {
        margin-top: 14px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.delivery-option-box .map-wrap {
            margin-top: 3px;
            padding: 0 4px; } }
        .v-2019-10-renewal.delivery-intro .box.delivery-option-box .map-wrap img {
          width: 606px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.delivery-intro .box.delivery-option-box .map-wrap img {
              width: 100%; } }
      .v-2019-10-renewal.delivery-intro .box.delivery-option-box .note {
        margin-top: 38px;
        letter-spacing: 0.4px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.delivery-intro .box.delivery-option-box .note {
            font-size: 11px;
            text-align: left;
            margin-top: 16px;
            line-height: 1.4; } }
  .v-2019-10-renewal.delivery-intro.delivery-intro-v2 .box.normal {
    margin-top: 0;
    border-top: 1px solid #47645a;
    padding: 104px 0; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.delivery-intro.delivery-intro-v2 .box.normal {
        padding: 38px 10px;
        border-color: #91a9a0; } }
    .v-2019-10-renewal.delivery-intro.delivery-intro-v2 .box.normal .seal {
      top: 47px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro.delivery-intro-v2 .box.normal .seal {
          top: 10px; } }
.v-2019-10-renewal.flow ol {
  overflow: hidden; }
  @media screen and (min-width: 900px) {
    .v-2019-10-renewal.flow ol li {
      width: 230px; }
      .v-2019-10-renewal.flow ol li .title {
        margin-left: -20px !important;
        margin-right: -20px !important; }
      .v-2019-10-renewal.flow ol li .lead {
        text-align: left;
        margin-top: 28px !important; }
      .v-2019-10-renewal.flow ol li .img {
        padding: 10px 0; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.flow ol li {
      margin-bottom: 48px !important; }
      .v-2019-10-renewal.flow ol li .title {
        margin-left: -20px !important;
        margin-right: -20px !important; }
        .v-2019-10-renewal.flow ol li .title.m {
          letter-spacing: -0.7px; }
      .v-2019-10-renewal.flow ol li .lead {
        text-align: justify; }
      .v-2019-10-renewal.flow ol li .img {
        margin: 20px 0 12px; }
        .v-2019-10-renewal.flow ol li .img img {
          width: 55px !important; } }
.v-2019-10-renewal.prepare {
  margin-top: 65px;
  padding: 46px 40px;
  background: #fff;
  font-size: 1rem; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.prepare {
      margin: 0 10px;
      margin-top: 160px;
      padding: 30px 10px; } }
  .v-2019-10-renewal.prepare .title {
    font-size: 1.375rem;
    text-align: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .title {
        font-size: 0.9375rem;
        text-align: left;
        letter-spacing: 0.4px;
        margin-bottom: 18px; } }
  @media screen and (min-width: 900px) {
    .v-2019-10-renewal.prepare .flex {
      display: flex;
      justify-content: space-between; } }
  .v-2019-10-renewal.prepare .flex .text .sub-title {
    font-size: 1.375rem;
    margin-top: 50px;
    color: #22686d; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .flex .text .sub-title {
        font-size: 0.9375rem;
        line-height: 1.35;
        letter-spacing: 0.5px;
        margin-top: 12px; } }
    .v-2019-10-renewal.prepare .flex .text .sub-title:first-child {
      margin-top: 4px; }
    .v-2019-10-renewal.prepare .flex .text .sub-title small {
      vertical-align: super;
      font-size: 0.6875rem; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare .flex .text .sub-title small {
          font-size: 0.625rem; } }
  .v-2019-10-renewal.prepare .flex .text .title-note {
    color: #22686d;
    font-weight: bold;
    margin-top: 4px;
    font-size: 1rem; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .flex .text .title-note {
        font-size: 0.6875rem;
        margin-top: 2px;
        line-height: 1.5;
        letter-spacing: 0.5px; } }
  .v-2019-10-renewal.prepare .flex .text .lead {
    font-size: 1rem;
    margin-top: 21px;
    line-height: 1.8;
    letter-spacing: 1.1px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .flex .text .lead {
        font-size: 0.75rem;
        line-height: 1.7;
        margin-top: 8px;
        letter-spacing: 0.5px; } }
  .v-2019-10-renewal.prepare .flex .text .indication-title {
    font-size: 1rem;
    margin-top: 10px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .flex .text .indication-title {
        font-size: 0.75rem;
        margin-top: 8px; } }
  .v-2019-10-renewal.prepare .flex .text dl {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare .flex .text dl {
        font-size: 0.75rem;
        margin-top: 7px;
        letter-spacing: 0.5px; } }
    .v-2019-10-renewal.prepare .flex .text dl dt {
      width: 160px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare .flex .text dl dt {
          width: 114px; } }
    .v-2019-10-renewal.prepare .flex .text dl dd {
      width: calc(100% - 160px); }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare .flex .text dl dd {
          width: calc(100% - 114px); } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.prepare .flex .img {
      margin-top: 18px; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.prepare .flex .img img {
      width: 100%; } }
  .v-2019-10-renewal.prepare.futon .futon-prepare {
    padding: 28px 0; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare {
        padding: 0; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .title {
      font-size: 35px;
      margin-bottom: 70px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .title {
          font-size: 17.5px;
          text-align: center;
          margin-bottom: 30px; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .text .title {
      font-size: 22px;
      background: #22686d;
      color: #fff;
      padding: 10px 10px;
      text-align: left;
      margin-bottom: 0;
      margin-top: 43px; }
      .v-2019-10-renewal.prepare.futon .futon-prepare .text .title:first-child {
        margin-top: 0; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .text .title {
          font-size: 15px;
          padding: 7px;
          margin-top: 30px; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .text .lead {
      font-size: 15px;
      line-height: 1.6;
      margin-top: 18px;
      letter-spacing: 0.6px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .text .lead {
          font-size: 14px;
          margin-top: 15px; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .text .note {
      font-size: 13px;
      line-height: 1.6;
      margin-top: 5px;
      letter-spacing: 0.6px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .text .note {
          font-size: 11px;
          margin-top: 0; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents {
        margin-top: 25px; } }
    @media screen and (min-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 875px;
        margin: 25px auto 0; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .img-wrap img {
        width: 100%; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note {
      font-size: 15px;
      font-weight: bold;
      line-height: 1.55;
      letter-spacing: 0.6px;
      border: 1px solid #22656a;
      margin-top: 0;
      text-align: center;
      padding: 17px 0; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note {
          font-size: 12px;
          margin-top: 22px; } }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note {
          width: 400px; } }
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note .c {
        color: #22656a; }
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note .m {
        font-size: 19px;
        color: #22656a; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.futon .futon-prepare .img-contents .note .m {
            font-size: 12px; } }
    @media screen and (min-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list {
        width: 875px;
        margin: 25px auto -55px;
        display: flex;
        flex-wrap: wrap; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list {
        margin-top: 35px;
        padding-bottom: 20px; } }
    @media screen and (min-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item {
        width: 400px;
        margin-right: 75px;
        margin-bottom: 55px; }
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item:nth-child(2n) {
          margin-right: 0; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item {
        margin-bottom: 35px; }
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item:last-child {
          margin-bottom: 0; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .img-wrap img {
        width: 100%; } }
    .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap {
      display: flex;
      justify-content: space-between;
      margin-top: 10px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap {
          margin-top: 20px; } }
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .num-wrap {
        width: 65px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .num-wrap {
            width: 50px; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .num-wrap .num img {
            width: 35px; } }
      .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap {
        width: calc(100% - 65px);
        padding-top: 10px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap {
            padding-top: 0;
            width: calc(100% - 50px); } }
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap .lead {
          margin-top: 0;
          font-size: 15px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap .lead {
              font-size: 14px; } }
        .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap .note {
          margin-top: 0;
          font-size: 13px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.prepare.futon .futon-prepare .img-list .item .text-wrap .lead-wrap .note {
              font-size: 11px; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.prepare.futon {
      margin-top: 30px; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.prepare.v-2019-12-18-fix {
      padding: 24px 10px 42px; } }
  .v-2019-10-renewal.prepare.v-2019-12-18-fix .title {
    font-size: 28px;
    margin-bottom: 35px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.v-2019-12-18-fix .title {
        font-size: 17px;
        text-align: center;
        margin-bottom: 21px; } }
    .v-2019-10-renewal.prepare.v-2019-12-18-fix .title span {
      font-size: 20px;
      display: block;
      margin-top: 25px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.v-2019-12-18-fix .title span {
          font-size: 13px;
          margin-top: 14px; } }
  .v-2019-10-renewal.prepare.v-2019-12-18-fix .title-lead {
    text-align: center;
    font-weight: bold; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.v-2019-12-18-fix .title-lead {
        font-size: 12px;
        letter-spacing: -0.2px;
        line-height: 1.5; } }
    .v-2019-10-renewal.prepare.v-2019-12-18-fix .title-lead .c {
      display: block;
      margin-top: 10px;
      color: #22686d; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.v-2019-12-18-fix .title-lead .c {
          margin-top: 0; } }
  .v-2019-10-renewal.prepare.v-2019-12-18-fix > .title-note {
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
    margin-top: 10px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.v-2019-12-18-fix > .title-note {
        font-size: 10px;
        text-align: left;
        margin-top: 5px; } }
  .v-2019-10-renewal.prepare.v-2019-12-18-fix .flex {
    margin-top: 40px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.prepare.v-2019-12-18-fix .flex {
        margin-top: 33px; }
        .v-2019-10-renewal.prepare.v-2019-12-18-fix .flex:first-child {
          margin-top: 25px; } }
  .v-2019-10-renewal.prepare.v-2020-2-13-fix {
    padding: 46px 40px 70px; }
    .v-2019-10-renewal.prepare.v-2020-2-13-fix .flex .text .sub-title {
      background: #22686d;
      color: #fff;
      padding: 10px 10px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.v-2020-2-13-fix .flex .text .sub-title {
          padding: 5px 10px; } }
    .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater {
      margin-top: 60px;
      padding-top: 50px;
      border-top: 1px solid #45645b;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater {
          margin-top: 48px;
          padding-top: 30px; } }
      .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .title {
        font-size: 20px;
        margin-bottom: 28px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .title {
            font-size: 13px;
            margin-bottom: 20px; } }
      .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .lead {
        font-size: 15px;
        font-weight: bold;
        line-height: 2.1; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .lead {
            font-size: 12.5px;
            line-height: 1.55;
            text-align: left; } }
      .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .img-wrap {
        margin: 23px 0 12px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .img-wrap {
            margin: 13px 0 0; }
            .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .img-wrap img {
              width: 100%;
              margin-bottom: 7px; } }
      .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .note {
        font-size: 13px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.prepare.v-2020-2-13-fix .repeater .note {
            text-align: left;
            font-size: 10px;
            line-height: 1.6; } }
.v-2019-10-renewal.price-info {
  padding: 166px 0 100px;
  background: #82c2d1; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.price-info {
      padding: 36px 0 50px; } }
  .v-2019-10-renewal.price-info .wrap {
    position: relative; }
  .v-2019-10-renewal.price-info .title {
    text-align: center; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .title img {
        width: 280px; } }
  .v-2019-10-renewal.price-info .title-lead {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 52px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .title-lead {
        font-size: 12.6px;
        margin-top: 20px; } }
  .v-2019-10-renewal.price-info .title-note {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-top: 16px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .title-note {
        font-size: 10px;
        margin-top: 7px; } }
  .v-2019-10-renewal.price-info .w-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 40px 0 -30px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .w-title {
        font-size: 20px;
        margin: 20px 0 0; } }
  @media screen and (min-width: 900px) {
    .v-2019-10-renewal.price-info .banner {
      width: 870px;
      margin: 95px auto 30px; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.price-info .banner {
      margin: 40px auto 36px;
      padding: 0 10px; } }
  .v-2019-10-renewal.price-info .banner img {
    width: 100%; }
  .v-2019-10-renewal.price-info .flex {
    margin-top: 100px;
    padding: 0 7px; }
    @media screen and (min-width: 900px) {
      .v-2019-10-renewal.price-info .flex {
        display: flex;
        justify-content: space-between; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .flex {
        margin-top: 25px;
        padding: 0 10px; } }
    .v-2019-10-renewal.price-info .flex .course {
      background: #fff;
      padding: 28px 50px; }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.price-info .flex .course {
          width: 502px; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.price-info .flex .course {
          padding: 17px 18px 19px; } }
      .v-2019-10-renewal.price-info .flex .course .course-title {
        font-size: 1.5625rem;
        text-align: center;
        color: #82c2d1; }
        .v-2019-10-renewal.price-info .flex .course .course-title span {
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .course .course-title span {
              font-size: 0.6875rem; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.price-info .flex .course .course-title {
            font-size: 1.09375rem; } }
      .v-2019-10-renewal.price-info .flex .course .price {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 27px; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.price-info .flex .course .price {
            align-items: center;
            margin-top: 23px; } }
        .v-2019-10-renewal.price-info .flex .course .price dt, .v-2019-10-renewal.price-info .flex .course .price dd {
          margin-bottom: 18px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .course .price dt, .v-2019-10-renewal.price-info .flex .course .price dd {
              margin-bottom: 11px; } }
          .v-2019-10-renewal.price-info .flex .course .price dt:last-of-type, .v-2019-10-renewal.price-info .flex .course .price dd:last-of-type {
            margin-bottom: 0 !important; }
        .v-2019-10-renewal.price-info .flex .course .price dt {
          width: 190px;
          text-align: right;
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .course .price dt {
              font-size: 0.6875rem;
              width: calc(100% - 132px);
              text-align: left; } }
        .v-2019-10-renewal.price-info .flex .course .price dd {
          width: 158px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .course .price dd {
              width: 132px;
              text-align: right; }
              .v-2019-10-renewal.price-info .flex .course .price dd img {
                height: 19px; } }
      .v-2019-10-renewal.price-info .flex .course .note {
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0; }
        @media screen and (min-width: 900px) {
          .v-2019-10-renewal.price-info .flex .course .note {
            margin: 0 -30px;
            margin-top: 20px;
            text-align: center; } }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.price-info .flex .course .note {
            font-size: 10px;
            margin-top: 7px;
            line-height: 1.4; } }
    .v-2019-10-renewal.price-info .flex .ad-present {
      background: #22686d;
      display: flex;
      justify-content: space-between;
      padding: 20px; }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.price-info .flex .ad-present {
          width: 502px;
          align-items: center; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.price-info .flex .ad-present {
          margin-top: 22px;
          padding: 12px 13px; } }
      .v-2019-10-renewal.price-info .flex .ad-present .text {
        margin-left: 17px;
        margin-top: 7px;
        color: #fff; }
        @media screen and (max-width: 900px) {
          .v-2019-10-renewal.price-info .flex .ad-present .text {
            margin-left: 2px;
            margin-top: 2px;
            width: 165px; } }
        .v-2019-10-renewal.price-info .flex .ad-present .text .lead {
          font-size: 1rem;
          line-height: 1.8; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .ad-present .text .lead {
              font-size: 0.6875rem; } }
        .v-2019-10-renewal.price-info .flex .ad-present .text .ad-title {
          font-size: 1.375rem;
          margin-top: 6px;
          line-height: 1.5; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .ad-present .text .ad-title {
              font-size: 0.9375rem; } }
        .v-2019-10-renewal.price-info .flex .ad-present .text .note {
          font-size: 0.75rem;
          margin-top: 8px; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.price-info .flex .ad-present .text .note {
              font-size: 0.625rem; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.price-info .flex .ad-present .img {
          width: calc(100% - 176px); } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.price-info .flex .ad-present .img img {
          width: 100%; } }
  .v-2019-10-renewal.price-info .btn-wrap {
    text-align: center;
    margin-top: 102px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .btn-wrap {
        margin-top: 20px; } }
  .v-2019-10-renewal.price-info .notes {
    font-weight: bold;
    color: #fff;
    text-align: center; }
    @media screen and (min-width: 900px) {
      .v-2019-10-renewal.price-info .notes {
        margin-top: 20px !important; } }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.price-info .notes {
        margin-top: 15px !important; } }
    .v-2019-10-renewal.price-info .notes a {
      text-decoration: underline;
      color: #fff !important; }
    .v-2019-10-renewal.price-info .notes li {
      font-size: 0.8125rem;
      line-height: 1.6;
      letter-spacing: 0.4px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.price-info .notes li {
          font-size: 0.625rem;
          line-height: 1.65; } }
@media screen and (max-width: 900px) {
  .v-2019-10-renewal.futon-notes .list > div {
    margin-bottom: 10px; } }
.v-2019-10-renewal.futon-notes .list .list-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 8px 22px !important;
  background: #cddcd3 !important; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.futon-notes .list .list-title {
      padding: 5px 8px 5px 18px !important; } }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.futon-notes .list .list-title .t {
      font-size: 0.75rem; } }
  .v-2019-10-renewal.futon-notes .list .list-title.open-info .open {
    display: none; }
  .v-2019-10-renewal.futon-notes .list .list-title:not(.open-info) .close {
    display: none; }
  .v-2019-10-renewal.futon-notes .list .list-title .toggle {
    font-weight: bold; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.futon-notes .list .list-title .toggle {
        border: 1px solid #444;
        padding: 7px 8px;
        border-radius: 100px;
        font-size: 0.625rem; } }
    .v-2019-10-renewal.futon-notes .list .list-title .toggle img {
      vertical-align: -1px;
      margin-right: 4px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.futon-notes .list .list-title .toggle img {
          margin-right: 1px;
          width: 10px; } }
@media screen and (max-width: 900px) {
  .v-2019-10-renewal.futon-notes .list .items {
    padding-bottom: 10px; } }
.v-2019-10-renewal.delivery-intro.futon {
  background-color: #dfeaec;
  padding-top: 70px; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.delivery-intro.futon {
      padding-top: 50px;
      padding-bottom: 40px; } }
  .v-2019-10-renewal.delivery-intro.futon .fast {
    margin-top: 0;
    padding: 87px 0 82px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.delivery-intro.futon .fast {
        margin-top: 0;
        padding: 38px 10px 18px; } }
    .v-2019-10-renewal.delivery-intro.futon .fast .h-title-t {
      margin-bottom: 32px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro.futon .fast .h-title-t {
          margin-bottom: 26px; } }
    .v-2019-10-renewal.delivery-intro.futon .fast .lead {
      margin-bottom: 70px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro.futon .fast .lead {
          margin-bottom: 30px; } }
    .v-2019-10-renewal.delivery-intro.futon .fast .seal {
      top: 155px;
      right: 42px; }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.delivery-intro.futon .fast .seal {
          top: 82px; } }
    .v-2019-10-renewal.delivery-intro.futon .fast .selectable-time .title {
      margin-bottom: 55px; }
.v-2019-10-renewal.charge-delivery {
  text-align: center; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal.charge-delivery {
      padding: 0 20px; } }
  .v-2019-10-renewal.charge-delivery .wrap {
    background: #fff;
    border-top: 1px solid #333;
    padding: 80px 0 0;
    margin: 90px 0 -40px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.charge-delivery .wrap {
        padding: 50px 0 0;
        margin: 60px 0 -20px; } }
  .v-2019-10-renewal.charge-delivery .h-title {
    margin-bottom: 18px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.charge-delivery .h-title {
        margin-bottom: 7px; }
        .v-2019-10-renewal.charge-delivery .h-title img {
          height: 33px; } }
  .v-2019-10-renewal.charge-delivery .lead {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.8; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.charge-delivery .lead {
        font-size: 0.875rem;
        line-height: 1.6;
        letter-spacing: 0.3px; } }
  .v-2019-10-renewal.charge-delivery .note {
    font-size: 0.8125rem;
    font-weight: bold;
    margin-top: 10px;
    line-height: 1.8; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.charge-delivery .note {
        font-size: 0.6875rem;
        margin-top: 0;
        line-height: 1.5; } }
  .v-2019-10-renewal.charge-delivery .links {
    margin-top: 36px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.charge-delivery .links {
        text-align: left;
        margin-top: 50px; } }
    .v-2019-10-renewal.charge-delivery .links .link {
      font-weight: bold; }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.charge-delivery .links .link {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 20px; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.charge-delivery .links .link {
          position: relative;
          display: block;
          margin-bottom: 50px; }
          .v-2019-10-renewal.charge-delivery .links .link:last-child {
            margin-bottom: 0; } }
      @media screen and (min-width: 900px) {
        .v-2019-10-renewal.charge-delivery .links .link .flex {
          display: flex;
          align-items: center; } }
      .v-2019-10-renewal.charge-delivery .links .link .cont {
        letter-spacing: 0.2px; }
        @media screen and (min-width: 900px) {
          .v-2019-10-renewal.charge-delivery .links .link .cont {
            width: 645px; } }
        .v-2019-10-renewal.charge-delivery .links .link .cont .op {
          font-size: 0.875rem;
          padding: 12px 18px;
          margin-right: 17px;
          background: #22686d;
          color: #fff; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.charge-delivery .links .link .cont .op {
              display: inline-block;
              font-size: 0.8125rem;
              padding: 9px 11px;
              margin-right: 0; } }
        .v-2019-10-renewal.charge-delivery .links .link .cont .title {
          font-size: 1.625rem; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.charge-delivery .links .link .cont .title {
              font-size: 1rem;
              margin-top: 14px; } }
        .v-2019-10-renewal.charge-delivery .links .link .cont .to-details {
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            .v-2019-10-renewal.charge-delivery .links .link .cont .to-details {
              font-size: 0.875rem;
              text-align: center;
              margin-top: 20px; } }
          @media screen and (min-width: 900px) {
            .v-2019-10-renewal.charge-delivery .links .link .cont .to-details {
              position: relative;
              bottom: -21px;
              right: -67px; } }
          .v-2019-10-renewal.charge-delivery .links .link .cont .to-details span {
            display: inline-block;
            color: #22686d;
            text-decoration: underline;
            position: relative;
            padding-right: 13px; }
            @media screen and (max-width: 900px) {
              .v-2019-10-renewal.charge-delivery .links .link .cont .to-details span {
                padding-right: 7px; } }
            .v-2019-10-renewal.charge-delivery .links .link .cont .to-details span:after {
              content: '';
              position: absolute;
              display: block;
              top: 50%;
              right: 0;
              width: 9px;
              height: 15px;
              transform: translateY(-50%);
              background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/charge/v-20190801/icon-arrow-green.png) no-repeat center;
              background-size: cover; }
              @media screen and (max-width: 900px) {
                .v-2019-10-renewal.charge-delivery .links .link .cont .to-details span:after {
                  width: 5px;
                  height: 8px; } }
      @media screen and (max-width: 900px) {
        .v-2019-10-renewal.charge-delivery .links .link .seal {
          position: absolute;
          top: -30px;
          right: -19px; }
          .v-2019-10-renewal.charge-delivery .links .link .seal img {
            width: 80px; } }
.v-2019-10-renewal.size-info.charge-v .title-wrap .text .lead {
  text-align: left; }
@media screen and (min-width: 900px) {
  .v-2019-10-renewal.size-info.charge-v {
    padding-bottom: 0;
    margin-bottom: -20px; }
    .v-2019-10-renewal.size-info.charge-v .introduction {
      background-color: #e3ebe6;
      padding: 24px; }
      .v-2019-10-renewal.size-info.charge-v .introduction .item {
        width: 49%; } }
@media screen and (max-width: 900px) {
  .v-2019-10-renewal.size-info.charge-v {
    padding-bottom: 20px;
    margin-bottom: 40px; }
    .v-2019-10-renewal.size-info.charge-v .introduction {
      background-color: #e3ebe6;
      padding-bottom: 20px; } }
.v-2019-10-renewal.ad-present-futon {
  text-align: center; }
  .v-2019-10-renewal.ad-present-futon p {
    background: #c1e1e8;
    display: inline-block;
    font-size: 23px !important;
    font-weight: bold;
    margin: 30px 0 10px !important;
    line-height: 1.4 !important;
    padding: 10px 110px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal.ad-present-futon p {
        font-size: 14px !important;
        margin: 25px 0 0 !important;
        padding: 13px 30px; } }

.v-2019-10-renewal-fix.easy-steps {
  padding-bottom: 70px; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal-fix.easy-steps {
      padding-bottom: 40px !important; } }
  .v-2019-10-renewal-fix.easy-steps.futon {
    background-color: #dfeaec; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal-fix.easy-steps.futon {
        padding: 40px 0 40px; } }
.v-2019-10-renewal-fix.charge-v.notes {
  background: #e3ece6;
  padding: 40px 0 20px;
  margin: 60px 0 -60px; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal-fix.charge-v.notes {
      padding: 30px 0 40px;
      margin: 30px 0 -50px !important; } }
.v-2019-10-renewal-fix.laundry-area-table.large {
  margin-top: 50px !important; }
  @media screen and (max-width: 900px) {
    .v-2019-10-renewal-fix.laundry-area-table.large {
      margin-top: 20px !important; } }
  .v-2019-10-renewal-fix.laundry-area-table.large th.t {
    font-weight: normal;
    text-align: left;
    padding: 15px 20px; }
    @media screen and (max-width: 900px) {
      .v-2019-10-renewal-fix.laundry-area-table.large th.t {
        font-size: 0.625rem; } }

.store .contents {
  background-color: #fff; }
.store .img-box {
  background: no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100px; }
.store .mv .pc .img-box {
  height: 500px; }
.store .mv .sp img {
  width: 100%; }
@media screen and (min-width: 900px) {
  .store .mv .page-title {
    width: 877px;
    margin: -145px auto 111px;
    font-size: 28px;
    line-height: 1.4; }
    .store .mv .page-title .ls-1 {
      letter-spacing: 2.3px; }
    .store .mv .page-title .ls-2 {
      letter-spacing: 2.6px; } }
@media screen and (max-width: 900px) {
  .store .mv .page-title {
    margin: -60px 0 27px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0; } }
.store .mv .page-title .f {
  margin-left: -0.6rem; }
.store .mv .page-title .l {
  margin-right: -0.6rem; }
@media screen and (max-width: 900px) {
  .store .mv .page-title .f {
    margin-left: -0.4rem; }
  .store .mv .page-title .l {
    margin-right: -0.4rem; } }
@media screen and (min-width: 900px) {
  .store .mv-lead-wrap {
    width: 870px;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
    align-items: center; } }
@media screen and (max-width: 900px) {
  .store .mv-lead-wrap {
    padding: 0 20px;
    margin-bottom: 38px; } }
@media screen and (min-width: 900px) {
  .store .mv-lead-wrap .mv-lead {
    width: 640px; } }
.store .mv-lead-wrap .mv-lead p {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 2 !important;
  letter-spacing: 1.4px;
  margin-bottom: 28px !important; }
  @media screen and (max-width: 900px) {
    .store .mv-lead-wrap .mv-lead p {
      font-size: 11px !important;
      line-height: 1.8 !important;
      letter-spacing: 1.1px;
      margin-bottom: 19px !important; } }
  .store .mv-lead-wrap .mv-lead p:last-child {
    margin-bottom: 0 !important; }
@media screen and (max-width: 900px) {
  .store .mv-lead-wrap .lead-logo {
    margin-top: 20px;
    text-align: center; }
    .store .mv-lead-wrap .lead-logo img {
      width: 130px; } }
.store .baluko-intro {
  padding: 48px 0 90px;
  background-color: #eeeeee; }
  @media screen and (max-width: 900px) {
    .store .baluko-intro {
      padding: 30px 0 62px; } }
  @media screen and (min-width: 900px) {
    .store .baluko-intro .wrap {
      width: 1025px; } }
  @media screen and (max-width: 900px) {
    .store .baluko-intro .wrap {
      padding: 0 20px; } }
  .store .baluko-intro .main-title {
    text-align: center;
    font-size: 24px; }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .main-title {
        font-size: 18px; } }
  .store .baluko-intro .baluko-main-img {
    margin: 30px 0; }
    .store .baluko-intro .baluko-main-img p {
      text-align: right;
      margin-top: 12px; }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .baluko-main-img {
        margin: 30px 0 13px; }
        .store .baluko-intro .baluko-main-img p {
          margin-top: 7px;
          margin-bottom: 20px;
          font-size: 11px; } }
  @media screen and (min-width: 900px) {
    .store .baluko-intro .service {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 900px) {
    .store .baluko-intro .service .box {
      width: 320px; } }
  @media screen and (max-width: 900px) {
    .store .baluko-intro .service .box {
      margin-bottom: 27px; }
      .store .baluko-intro .service .box:last-child {
        margin-bottom: 0; } }
  .store .baluko-intro .service .box .img-wrap {
    margin-bottom: 19px; }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .service .box .img-wrap {
        margin-bottom: 16px; } }
  .store .baluko-intro .service .box .title {
    margin-bottom: 10px; }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .service .box .title {
        margin-bottom: 7px; } }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .service .box .title img {
        height: 28px; } }
  .store .baluko-intro .service .box .lead {
    line-height: 1.5;
    letter-spacing: 0.4px; }
    @media screen and (max-width: 900px) {
      .store .baluko-intro .service .box .lead {
        line-height: 1.4;
        letter-spacing: 1.3px;
        font-size: 13px; } }
.store .baluko-price {
  padding: 59px 15px 40px;
  background: #E3EAE6; }
  @media screen and (max-width: 900px) {
    .store .baluko-price {
      padding: 30px 10px 20px; } }
  .store .baluko-price .section-title-wrap {
    text-align: center;
    margin-bottom: 38px; }
    @media screen and (max-width: 900px) {
      .store .baluko-price .section-title-wrap {
        margin-bottom: 20px; } }
    .store .baluko-price .section-title-wrap .title {
      margin-bottom: 32px; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .section-title-wrap .title {
          margin-bottom: 13px; } }
    .store .baluko-price .section-title-wrap .lead {
      font-size: 22px;
      font-weight: bold;
      line-height: 1.8;
      letter-spacing: 2.5px; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .section-title-wrap .lead {
          font-size: 13px;
          letter-spacing: 1.3px; } }
    .store .baluko-price .section-title-wrap .note {
      margin-top: 20px;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .section-title-wrap .note {
          margin-top: 10px;
          font-size: 10px; } }
  .store .baluko-price .white-wrap {
    background: #fff; }
    @media screen and (min-width: 900px) {
      .store .baluko-price .white-wrap {
        max-width: 1200px;
        margin: 0 auto;
        padding: 58px 0 28px; } }
    @media screen and (min-width: 900px) {
      .store .baluko-price .white-wrap .white-inner {
        width: 1024px;
        margin: 0 auto; } }
    @media screen and (max-width: 900px) {
      .store .baluko-price .white-wrap .white-inner {
        padding: 30px 10px 18px; } }
    .store .baluko-price .white-wrap .white-inner .title-area {
      text-align: center;
      margin-top: 45px; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .white-wrap .white-inner .title-area {
          margin-top: 23px; } }
      .store .baluko-price .white-wrap .white-inner .title-area:first-child {
        margin-top: 0; }
      .store .baluko-price .white-wrap .white-inner .title-area .title {
        margin-bottom: 20px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .title-area .title {
            margin-bottom: 10px; } }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .title-area .title img {
            height: 31px; } }
      .store .baluko-price .white-wrap .white-inner .title-area .sub-title {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 2.3px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .title-area .sub-title {
            font-size: 13px; } }
    @media screen and (min-width: 900px) {
      .store .baluko-price .white-wrap .white-inner .size-info {
        margin-top: -4px;
        margin-bottom: 0; }
        .store .baluko-price .white-wrap .white-inner .size-info .introduction {
          padding: 32px; }
          .store .baluko-price .white-wrap .white-inner .size-info .introduction .item {
            width: 48.3%; } }
    @media screen and (max-width: 900px) {
      .store .baluko-price .white-wrap .white-inner .size-info {
        padding-bottom: 0;
        margin-bottom: 0; }
        .store .baluko-price .white-wrap .white-inner .size-info .introduction {
          margin-top: 18px;
          padding-top: 10px;
          padding-bottom: 12px; }
          .store .baluko-price .white-wrap .white-inner .size-info .introduction .item {
            margin-bottom: 16px; }
            .store .baluko-price .white-wrap .white-inner .size-info .introduction .item:last-child {
              margin-bottom: 0; }
          .store .baluko-price .white-wrap .white-inner .size-info .introduction .item .title-wrap .text .title {
            font-size: 18px; }
          .store .baluko-price .white-wrap .white-inner .size-info .introduction .item .title-wrap .text .lead {
            font-size: 13px; }
          .store .baluko-price .white-wrap .white-inner .size-info .introduction .item .note .note-item li {
            letter-spacing: -0.8px; } }
    .store .baluko-price .white-wrap .white-inner .futon-price {
      margin-top: 30px; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .white-wrap .white-inner .futon-price {
          margin-top: 15px; } }
      .store .baluko-price .white-wrap .white-inner .futon-price .img-wrap {
        margin-bottom: 18px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .futon-price .img-wrap {
            margin-bottom: 10px; } }
      .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table {
        width: 100%;
        text-align: center; }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-1 {
          width: 176px; }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-2 {
          width: 283px; }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-3 {
          width: 283px; }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-4 {
          width: 283px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-1 {
            width: 21%; }
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-2 {
            width: 26%; }
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-3 {
            width: 26%; }
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table .style-4 {
            width: 26%; } }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table td, .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table th {
          vertical-align: middle;
          border: 1px solid #eeeeee; }
        .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr {
          height: 65px; }
          @media screen and (max-width: 900px) {
            .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr {
              height: 30px;
              line-height: 1.2;
              font-size: 10px !important; }
              .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr .p {
                font-size: 12px !important; } }
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr:first-child {
            height: 44px; }
            @media screen and (max-width: 900px) {
              .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr:first-child {
                height: 28px; } }
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .futon-area-table tr:nth-child(2) {
            font-size: 13px; }
      .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .note {
        margin-top: 17px;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: 16px;
        text-align: center; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .futon-price .table-wrap .note {
            font-size: 11px;
            margin-top: 10px;
            letter-spacing: 0;
            line-height: 1.7; } }
    .store .baluko-price .white-wrap .white-inner .bag-info {
      text-align: center;
      margin-top: 70px; }
      @media screen and (max-width: 900px) {
        .store .baluko-price .white-wrap .white-inner .bag-info {
          margin-top: 25px; } }
      .store .baluko-price .white-wrap .white-inner .bag-info .title {
        font-size: 32px;
        position: relative;
        display: inline-block; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .title {
            font-size: 16px;
            letter-spacing: -0.1px; } }
        .store .baluko-price .white-wrap .white-inner .bag-info .title:after {
          content: '';
          display: block;
          width: 100%;
          height: 6px;
          background: #8AB7AC;
          position: absolute;
          bottom: -8px;
          left: 0;
          right: 0; }
          @media screen and (max-width: 900px) {
            .store .baluko-price .white-wrap .white-inner .bag-info .title:after {
              height: 3px;
              bottom: -4px; } }
      .store .baluko-price .white-wrap .white-inner .bag-info .lead {
        font-weight: bold;
        margin-top: 40px;
        line-height: 1.7;
        letter-spacing: 1px;
        font-size: 16px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .lead {
            font-size: 11px;
            margin-top: 14px;
            letter-spacing: 0; } }
      .store .baluko-price .white-wrap .white-inner .bag-info .note {
        margin-top: 15px;
        font-size: 13px; }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .note {
            margin-top: 6px;
            font-size: 10px; } }
      .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents {
        margin-top: 56px;
        display: flex;
        justify-content: space-between; }
        @media screen and (min-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents {
            padding: 0 55px; } }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents {
            margin-top: 19px;
            padding: 0 10px; } }
        .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .size {
          font-size: 22px;
          letter-spacing: 2px;
          color: #8AB7AC; }
          @media screen and (max-width: 900px) {
            .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .size {
              font-size: 12px; } }
        @media screen and (max-width: 900px) {
          .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .img-wrap img {
            width: auto;
            height: 29vw; } }
        .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .price {
          margin-top: 3px;
          letter-spacing: -0.2px;
          font-size: 18px; }
          @media screen and (max-width: 900px) {
            .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .price {
              font-size: 12px;
              margin-top: 1px; } }
          .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .price span {
            font-size: 12px; }
            @media screen and (max-width: 900px) {
              .store .baluko-price .white-wrap .white-inner .bag-info .bag-contents .box .price span {
                font-size: 10px; } }
.store .how-to-start {
  padding: 47px 0 50px; }
  @media screen and (max-width: 900px) {
    .store .how-to-start {
      padding: 23px 0 40px; } }
  .store .how-to-start .title-area {
    text-align: center; }
    @media screen and (max-width: 900px) {
      .store .how-to-start .title-area .title img {
        height: 27px; } }
    .store .how-to-start .title-area .sub-title {
      font-size: 16px;
      font-weight: bold;
      margin-top: 45px;
      line-height: 1.6;
      letter-spacing: 0; }
      @media screen and (max-width: 900px) {
        .store .how-to-start .title-area .sub-title {
          font-size: 13px;
          margin-top: 15px;
          line-height: 1.7; } }
  .store .how-to-start .v-2019-10-renewal.flow-diagram {
    padding: 37px 12px 0; }
    @media screen and (max-width: 900px) {
      .store .how-to-start .v-2019-10-renewal.flow-diagram {
        padding: 22px 0px 0; } }
    @media screen and (max-width: 900px) {
      .store .how-to-start .v-2019-10-renewal.flow-diagram .flow {
        margin-top: 0;
        margin-bottom: 0; }
        .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol {
          flex-direction: column;
          margin: 0 30px; }
          .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li {
            width: 100%;
            margin-bottom: 38px;
            position: relative; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li:after {
              content: '';
              display: block;
              position: absolute;
              bottom: -29px;
              left: 50%;
              transform: translateX(-50%);
              background: #22686D;
              width: 1px;
              height: 24px; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li:last-child {
              margin-bottom: 0; }
              .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li:last-child:after {
                display: none; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .order:after, .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .order:before {
              display: none; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .order img {
              width: 37px; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .title {
              font-size: 18px !important;
              margin: 6px 0 6px; }
            .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .lead {
              margin-top: 0;
              letter-spacing: 0.1px;
              line-height: 1.5;
              text-align: left; } }
    @media screen and (min-width: 900px) {
      .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li {
        width: 288px; }
        .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .title {
          font-size: 30px !important;
          margin: 10px 0 27px; }
        .store .how-to-start .v-2019-10-renewal.flow-diagram .flow ol li .lead {
          text-align: left;
          font-size: 15px;
          line-height: 1.6;
          letter-spacing: 0.1px; } }
.store .link-area {
  text-align: center;
  padding: 27px 0 50px;
  background: #22686D;
  color: #fff; }
  @media screen and (max-width: 900px) {
    .store .link-area {
      padding: 13px 0 23px; } }
  .store .link-area .title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2.3px; }
    @media screen and (max-width: 900px) {
      .store .link-area .title {
        font-size: 13px;
        letter-spacing: 1.2px; } }
  .store .link-area .lead {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .store .link-area .lead {
        font-size: 10px;
        margin-top: 7px; } }
  .store .link-area .btn-wrap {
    margin-top: 40px; }
    @media screen and (max-width: 900px) {
      .store .link-area .btn-wrap {
        margin-top: 20px; } }
    .store .link-area .btn-wrap .design-btn {
      width: 360px; }
      @media screen and (max-width: 900px) {
        .store .link-area .btn-wrap .design-btn {
          width: 182px;
          font-size: 12px;
          padding: 13px;
          background-size: 6px auto; } }
.store .v-2019-10-renewal.delivery-intro {
  background: #C1E1E8; }
  @media screen and (min-width: 900px) {
    .store .v-2019-10-renewal.delivery-intro {
      padding: 31px 15px 51px; }
      .store .v-2019-10-renewal.delivery-intro .wrap {
        max-width: 1154px; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .sub-title {
          font-size: 22px;
          font-weight: bold;
          margin: 27px 0 32px; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .lead {
          line-height: 1.8;
          letter-spacing: 1px; } }
  @media screen and (max-width: 900px) {
    .store .v-2019-10-renewal.delivery-intro {
      padding: 16px 10px 20px;
      margin-bottom: 0; }
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .title img {
        width: 270px; }
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .sub-title {
        font-size: 13px;
        font-weight: bold;
        margin: 13px 0 0; }
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .lead {
        margin-top: 11px;
        font-size: 11px;
        line-height: 1.8;
        letter-spacing: 0; } }
  .store .v-2019-10-renewal.delivery-intro .wrap.h-title {
    padding: 54px 0 79px; }
    @media screen and (max-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title {
        padding: 30px 10px 24px; } }
    .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication {
      color: #22686D;
      font-weight: bold;
      margin-top: 57px; }
      @media screen and (max-width: 900px) {
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication {
          margin-top: 22px; } }
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .indication-title {
        font-size: 20px;
        letter-spacing: 2px; }
        @media screen and (max-width: 900px) {
          .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .indication-title {
            font-size: 12px;
            letter-spacing: 0; } }
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time {
        margin-top: 37px;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 900px) {
          .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time {
            margin-top: 17px;
            padding: 0 13%; } }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time .c-wrap {
          padding: 0 23px; }
          @media screen and (max-width: 900px) {
            .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time .c-wrap {
              padding: 0;
              width: 50%; } }
          @media screen and (max-width: 900px) {
            .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time .c-wrap .img-wrap img {
              width: 41%; } }
          .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time .c-wrap p {
            font-size: 16px;
            margin-top: 13px;
            letter-spacing: -0.1px; }
            @media screen and (max-width: 900px) {
              .store .v-2019-10-renewal.delivery-intro .wrap.h-title .indication .time .c-wrap p {
                font-size: 11px;
                margin-top: 3px; } }
    @media screen and (min-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info {
        width: 528px;
        margin: 42px auto 0; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info .style-1 {
          width: 176px; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info .style-2 {
          width: 352px; } }
    @media screen and (max-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info {
        margin-top: 20px;
        width: 100%; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info .style-1 {
          width: 31%; }
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info .style-2 {
          width: 69%; } }
    .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info th, .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info td {
      border: 1px solid #eeeeee;
      height: 47px;
      text-align: left;
      padding: 0 20px;
      letter-spacing: 0; }
      @media screen and (max-width: 900px) {
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info th, .store .v-2019-10-renewal.delivery-intro .wrap.h-title .info td {
          font-size: 11px;
          padding: 0 9px;
          height: 24px; } }
    .store .v-2019-10-renewal.delivery-intro .wrap.h-title .note {
      text-align: left;
      font-size: 13px;
      letter-spacing: 1.3px;
      line-height: 1.5; }
      @media screen and (min-width: 900px) {
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .note {
          width: 542px;
          margin: 13px auto 0; } }
      @media screen and (max-width: 900px) {
        .store .v-2019-10-renewal.delivery-intro .wrap.h-title .note {
          font-size: 11px;
          line-height: 1.7;
          margin-top: 16px;
          letter-spacing: 0; } }
  .store .v-2019-10-renewal.delivery-intro .wrap.normal {
    margin-top: 16px;
    padding: 50px 0 53px; }
    @media screen and (max-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.normal {
        margin-top: 12px;
        padding: 20px 10px 27px; } }
    @media screen and (min-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .title {
        letter-spacing: 2.1px; }
        .store .v-2019-10-renewal.delivery-intro .wrap.normal .title .op {
          letter-spacing: 0;
          margin-right: 6px;
          padding: 13px 20px; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .seal {
        top: 27px;
        right: 95px; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .lead {
        margin-top: 26px; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .note {
        margin-top: 40px;
        font-size: 13px;
        line-height: 1.6;
        letter-spacing: 1.3px;
        text-align: left;
        display: inline-block; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .step-wrap {
        margin-top: 48px; } }
    @media screen and (max-width: 900px) {
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .title {
        letter-spacing: 0; }
        .store .v-2019-10-renewal.delivery-intro .wrap.normal .title .op {
          font-size: 12px;
          padding: 4px 11px;
          margin-bottom: 9px;
          letter-spacing: .5px; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .lead {
        margin-top: 25px;
        line-height: 1.5;
        letter-spacing: 0; }
      .store .v-2019-10-renewal.delivery-intro .wrap.normal .note {
        margin-top: 25px;
        font-size: 11px;
        letter-spacing: 0;
        text-align: left;
        line-height: 1.7; } }
.store .store-list {
  padding: 65px 0 100px; }
  @media screen and (max-width: 900px) {
    .store .store-list {
      padding: 24px 0 30px; } }
  @media screen and (min-width: 900px) {
    .store .store-list .wrap {
      width: 1024px;
      margin: 0 auto; } }
  .store .store-list .wrap .title-area {
    text-align: center; }
    @media screen and (max-width: 900px) {
      .store .store-list .wrap .title-area .title img {
        height: 31px; } }
    .store .store-list .wrap .title-area .sub-title {
      font-size: 22px;
      font-weight: bold;
      margin-top: 30px;
      letter-spacing: 1.8px; }
      @media screen and (max-width: 900px) {
        .store .store-list .wrap .title-area .sub-title {
          font-size: 13px;
          margin-top: 13px;
          letter-spacing: 0; } }
  .store .store-list .wrap .list {
    margin-top: 48px; }
    @media screen and (max-width: 900px) {
      .store .store-list .wrap .list {
        margin-top: 22px;
        padding: 0 20px; } }
    @media screen and (min-width: 900px) {
      .store .store-list .wrap .list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap; } }
    .store .store-list .wrap .list .item {
      position: relative;
      display: block;
      background: #eeeeee; }
      @media screen and (min-width: 900px) {
        .store .store-list .wrap .list .item {
          width: 496px;
          padding: 26px 30px 30px; }
          .store .store-list .wrap .list .item:nth-child(2n) {
            margin-left: 32px; }
          .store .store-list .wrap .list .item:nth-child(n + 3) {
            margin-top: 30px; } }
      @media screen and (max-width: 900px) {
        .store .store-list .wrap .list .item {
          padding: 15px 20px 10px;
          margin-bottom: 20px; }
          .store .store-list .wrap .list .item:last-child {
            margin-bottom: 0; } }
      .store .store-list .wrap .list .item .shop-name {
        font-size: 22px;
        letter-spacing: 0;
        padding-right: 40px;
        line-height: 1.4; }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .shop-name {
            font-size: 15px;
            padding-right: 25px; } }
      .store .store-list .wrap .list .item .hours {
        font-size: 16px;
        margin-top: 11px;
        letter-spacing: 0; }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .hours {
            font-size: 12px;
            margin-top: 2px; } }
        .store .store-list .wrap .list .item .hours span {
          padding-left: 5px; }
          @media screen and (max-width: 900px) {
            .store .store-list .wrap .list .item .hours span {
              padding-left: 4px; } }
      .store .store-list .wrap .list .item .link-mark {
        position: absolute;
        right: 30px;
        top: 30px; }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .link-mark {
            right: 20px;
            top: 15px; } }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .link-mark img {
            width: 17px; } }
      .store .store-list .wrap .list .item .product-wrap {
        background: #fff;
        margin-top: 30px;
        text-align: center;
        padding: 17px 60px 14px; }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .product-wrap {
            margin-top: 18px;
            padding: 17px 24px 10px; } }
        .store .store-list .wrap .list .item .product-wrap .title {
          font-size: 16px;
          font-weight: bold; }
          @media screen and (max-width: 900px) {
            .store .store-list .wrap .list .item .product-wrap .title {
              font-size: 11px; } }
        .store .store-list .wrap .list .item .product-wrap .product {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          margin-top: 19px; }
          @media screen and (max-width: 900px) {
            .store .store-list .wrap .list .item .product-wrap .product {
              margin-top: 12px; } }
          .store .store-list .wrap .list .item .product-wrap .product .product-item {
            width: calc(100% / 3); }
            .store .store-list .wrap .list .item .product-wrap .product .product-item .name {
              font-size: 13px; }
              @media screen and (max-width: 900px) {
                .store .store-list .wrap .list .item .product-wrap .product .product-item .name {
                  font-size: 10px; } }
            .store .store-list .wrap .list .item .product-wrap .product .product-item .img-wrap img {
              width: 100%; }
      .store .store-list .wrap .list .item .service-wrap {
        margin-top: 15px;
        padding: 14px 10px;
        background: #fff; }
        @media screen and (max-width: 900px) {
          .store .store-list .wrap .list .item .service-wrap {
            padding: 14px 10px 5px;
            margin-top: 10px; } }
        .store .store-list .wrap .list .item .service-wrap .service {
          display: flex;
          justify-content: center;
          flex-wrap: wrap; }
          @media screen and (min-width: 900px) {
            .store .store-list .wrap .list .item .service-wrap .service {
              padding: 0 6px; } }
          .store .store-list .wrap .list .item .service-wrap .service .service-item {
            width: calc(100% / 4);
            text-align: center; }
            .store .store-list .wrap .list .item .service-wrap .service .service-item:nth-child(n + 5) {
              margin-top: 15px; }
              @media screen and (max-width: 900px) {
                .store .store-list .wrap .list .item .service-wrap .service .service-item:nth-child(n + 5) {
                  margin-top: 10px; } }
            .store .store-list .wrap .list .item .service-wrap .service .service-item .name {
              font-size: 12px;
              margin-top: 5px;
              letter-spacing: 0; }
              @media screen and (max-width: 900px) {
                .store .store-list .wrap .list .item .service-wrap .service .service-item .name {
                  font-size: 10px;
                  margin-top: 2px;
                  line-height: 1;
                  letter-spacing: -0.5px; } }
            @media screen and (max-width: 900px) {
              .store .store-list .wrap .list .item .service-wrap .service .service-item .img-wrap img {
                width: 59%; } }
@media screen and (max-width: 900px) {
  .store .store-start-campaign {
    font-family: -apple-system, 'BlinkMacSystemFont', Sans-Serif; } }
.store .store-start-campaign .open-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F93822;
  color: #fff;
  width: 160px;
  height: 160px;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 99; }
  @media screen and (max-width: 900px) {
    .store .store-start-campaign .open-btn {
      font-size: 10px;
      width: 115px;
      height: 115px;
      font-weight: 600;
      right: 5px;
      bottom: 5px; }
      .store .store-start-campaign .open-btn:hover {
        opacity: 1; } }
  .store .store-start-campaign .open-btn:hover {
    color: #fff; }
  .store .store-start-campaign .open-btn .open-btn-content-wrap {
    padding-bottom: 3px; }
    .store .store-start-campaign .open-btn .open-btn-content-wrap span {
      font-size: 20px; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign .open-btn .open-btn-content-wrap span {
          font-size: 15px; } }
.store .store-start-campaign #js-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: none; }
  .store .store-start-campaign #js-modal .modal__bg {
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    height: 100%; }
  .store .store-start-campaign #js-modal .modal__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 738px;
    height: 500px;
    background: #fff;
    border: 1px solid #22686D;
    text-align: center;
    padding: 40px 50px;
    color: #22686D;
    letter-spacing: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 900px) {
      .store .store-start-campaign #js-modal .modal__content {
        width: calc(100% - 40px);
        max-width: 460px;
        height: 380px;
        padding: 20px 30px; } }
    .store .store-start-campaign #js-modal .modal__content > div {
      width: 100%; }
    .store .store-start-campaign #js-modal .modal__content .js-modal-close {
      position: absolute;
      right: 15px;
      top: 15px;
      font-size: 45px;
      line-height: 1; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign #js-modal .modal__content .js-modal-close {
          right: 5px;
          top: -8px;
          font-weight: 100;
          font-size: 54px; } }
    .store .store-start-campaign #js-modal .modal__content .title {
      font-size: 24px;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign #js-modal .modal__content .title {
          font-size: 18px; } }
    .store .store-start-campaign #js-modal .modal__content .date {
      font-size: 22px;
      margin-top: 12px; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign #js-modal .modal__content .date {
          font-size: 13px; } }
    .store .store-start-campaign #js-modal .modal__content .line {
      margin: 20px auto 0;
      width: 60px;
      background: #22686D;
      height: 1px;
      border: none; }
    .store .store-start-campaign #js-modal .modal__content .lead {
      font-size: 16px;
      line-height: 1.7;
      margin-top: 22px;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign #js-modal .modal__content .lead {
          font-size: 13px;
          text-align: justify;
          font-weight: 600; } }
    .store .store-start-campaign #js-modal .modal__content .note {
      text-align: left;
      font-size: 14px;
      margin-top: 32px;
      line-height: 2;
      color: #333;
      display: inline-block;
      list-style: disc; }
      @media screen and (max-width: 900px) {
        .store .store-start-campaign #js-modal .modal__content .note {
          font-size: 11px;
          text-align: justify;
          margin-top: 20px;
          line-height: 1.7; } }
      .store .store-start-campaign #js-modal .modal__content .note a {
        color: #22686D;
        text-decoration: underline; }
.store.js-modal-opened {
  overflow: hidden; }
  .store.js-modal-opened.win {
    overflow: auto; }

@media screen and (min-width: 900px) {
  .ad-20191202.size-info .introduction .item .title-wrap .text {
    width: calc(100% - 85px); } }
@media screen and (max-width: 900px) {
  .ad-20191202.size-info .introduction .item .title-wrap .text .title {
    font-size: 17px !important; } }
.ad-20191202.size-info .introduction .item .title-wrap .text .lead {
  font-size: 15px;
  line-height: 1.5;
  border-top: 1px dotted #c4ded5;
  padding-top: 7px; }
  @media screen and (max-width: 900px) {
    .ad-20191202.size-info .introduction .item .title-wrap .text .lead {
      font-size: 13px !important;
      letter-spacing: 0.3px; } }
.ad-20191202.laundry-area-map .section-title-wrap {
  margin: -40px 0 50px; }
  @media screen and (max-width: 900px) {
    .ad-20191202.laundry-area-map .section-title-wrap {
      margin: -20px 0 40px; }
      .ad-20191202.laundry-area-map .section-title-wrap .section-title img {
        width: auto !important;
        height: 40px !important; } }
.ad-20191202.futon-area-map .section-title-wrap {
  margin: -40px 0 50px; }
  @media screen and (max-width: 900px) {
    .ad-20191202.futon-area-map .section-title-wrap {
      margin: -20px 0 40px; }
      .ad-20191202.futon-area-map .section-title-wrap .section-title img {
        width: auto !important;
        height: 40px !important; } }
@media screen and (max-width: 900px) {
  .ad-20191202.h-title img {
    height: 42px !important; } }
.ad-20191202.charge.charge-futon > .contents {
  background: #dfeaec; }
  .ad-20191202.charge.charge-futon > .contents .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap {
    margin-top: 77px; }
    @media screen and (max-width: 900px) {
      .ad-20191202.charge.charge-futon > .contents .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap {
        margin-top: 33px; } }
  .ad-20191202.charge.charge-futon > .contents .map-title {
    font-size: 24px;
    letter-spacing: 1px;
    text-decoration: underline;
    margin: 60px 0 30px; }
    @media screen and (max-width: 900px) {
      .ad-20191202.charge.charge-futon > .contents .map-title {
        font-size: 16px;
        margin: 30px 0 20px !important;
        line-height: 1.6; } }
  .ad-20191202.charge.charge-futon > .contents .bag-intro {
    background: #c1e1e8;
    padding: 20px 40px;
    margin-top: 30px; }
    @media screen and (max-width: 900px) {
      .ad-20191202.charge.charge-futon > .contents .bag-intro {
        padding: 20px 15px; } }
    .ad-20191202.charge.charge-futon > .contents .bag-intro.futon-v {
      margin: 70px 0 100px; }
      @media screen and (max-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro.futon-v {
          margin: 50px 0 0; } }
    .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v {
      background: #e3ebe6;
      margin-top: 50px; }
      @media screen and (max-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v {
          margin-top: -30px;
          margin-bottom: 50px; }
          .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v .flex {
            align-items: center; }
            .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v .flex .img img {
              margin-bottom: 5px; }
              .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v .flex .img img:last-child {
                margin-bottom: 0; } }
      @media screen and (min-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v .flex .img {
          width: 300px; }
        .ad-20191202.charge.charge-futon > .contents .bag-intro.laundry-v .flex .contents-wrap {
          width: 620px; } }
    .ad-20191202.charge.charge-futon > .contents .bag-intro .flex {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro .flex {
          align-items: flex-start; } }
      @media screen and (max-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .img {
          width: 25%; } }
      @media screen and (max-width: 900px) {
        .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .img img {
          width: 100%; } }
      .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap {
        width: calc(100% - 150px); }
        @media screen and (max-width: 900px) {
          .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap {
            width: calc(100% - 30%); } }
        .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap .title {
          font-size: 22px;
          border-bottom: 1px solid rgba(51, 51, 51, 0.15);
          padding-bottom: 10px;
          margin-bottom: 10px; }
          @media screen and (max-width: 900px) {
            .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap .title {
              font-size: 16px;
              line-height: 1.5; } }
        .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap .bag-note {
          line-height: 1.6; }
          @media screen and (max-width: 900px) {
            .ad-20191202.charge.charge-futon > .contents .bag-intro .flex .contents-wrap .bag-note {
              line-height: 1.7;
              font-size: 12px; } }
  @media screen and (min-width: 900px) {
    .ad-20191202.charge.charge-futon > .contents .contents-last {
      margin-bottom: 0;
      padding-bottom: 50px; } }

.contents.charge.page-a .title-area .note {
  margin-top: 20px;
  font-weight: bold; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a .title-area .note {
      margin-top: 10px;
      font-size: 10px; } }

.flow-diagram-wrap {
  background: #fff;
  padding: 56px 0 70px; }
  @media screen and (max-width: 900px) {
    .flow-diagram-wrap {
      padding: 52px 0 52px; } }
  .flow-diagram-wrap .v-2019-10-renewal.flow-diagram {
    padding: 0 0 28px; }
    @media screen and (max-width: 900px) {
      .flow-diagram-wrap .v-2019-10-renewal.flow-diagram {
        padding: 0 0 46px; } }

@media screen and (max-width: 900px) {
  .flow-diagram-note {
    padding: 0 10px; } }
.flow-diagram-note .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #1b5456;
  background: #dee8ea;
  padding: 10px 10px; }
  @media screen and (min-width: 900px) {
    .flow-diagram-note .flex {
      width: 640px;
      margin: 0 auto; } }
  .flow-diagram-note .flex div {
    margin-right: 20px; }
    @media screen and (max-width: 900px) {
      .flow-diagram-note .flex div {
        margin-right: 10px; } }
    @media screen and (max-width: 900px) {
      .flow-diagram-note .flex div img {
        width: 28px; } }
  .flow-diagram-note .flex p {
    font-size: 15px;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .flow-diagram-note .flex p {
        font-size: 11px !important;
        line-height: 1.4 !important; } }

.weekly-delivery .page-head {
  padding: 99px 0 58px; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .page-head {
      padding: 49px 0 33px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .page-head .title-area .title img {
      width: 254px; } }
  .weekly-delivery .page-head .title-area.pattern-4 .lead {
    letter-spacing: 2.5px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .page-head .title-area.pattern-4 .lead {
        letter-spacing: 1.4px;
        margin-top: 8px; } }
@media screen and (min-width: 900px) {
  .weekly-delivery .max-1200 {
    padding: 0 20px;
    max-width: 1240px;
    margin: 0 auto 100px; } }
@media screen and (max-width: 900px) {
  .weekly-delivery .max-1200 {
    padding: 0 20px;
    margin-bottom: 50px; } }
.weekly-delivery .intro {
  padding: 39px 0 47px; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .intro {
      padding: 10px 10px 64px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .intro .intro-mv {
      padding: 0 21px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .intro .wrap {
      padding: 0; } }
  .weekly-delivery .intro .sub-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #8AB7AC;
    margin-top: 29px;
    letter-spacing: 2px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .intro .sub-title {
        font-size: 12.5px;
        margin-top: 34px;
        letter-spacing: 1.3px; } }
  .weekly-delivery .intro .title {
    font-size: 38px;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 3.9px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .intro .title {
        font-size: 17.5px;
        margin-top: 6px;
        line-height: 1.75;
        letter-spacing: 1.9px; } }
  .weekly-delivery .intro .lead {
    font-size: 18px;
    margin-top: 28px;
    letter-spacing: 0;
    line-height: 1.9; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .intro .lead {
        font-size: 13px;
        margin-top: 18px; } }
.weekly-delivery .point {
  background: #F5F6F6;
  padding: 90px 0 101px; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .point {
      padding: 41px 0 60px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .point .title-area .title img {
      width: 130px; } }
  .weekly-delivery .point .title-area.pattern-4 .lead {
    letter-spacing: 2.5px;
    margin-top: 30px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .point .title-area.pattern-4 .lead {
        letter-spacing: 1.4px;
        margin-top: 13px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .point .wrap {
      width: 1024px;
      margin: 34px auto 0; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .point .wrap {
      margin-top: 29px;
      padding: 0 15px; } }
  .weekly-delivery .point .wrap .list .item {
    background: #fff;
    letter-spacing: 0;
    margin-bottom: 23px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .point .wrap .list .item {
        margin-bottom: 20px; } }
    .weekly-delivery .point .wrap .list .item:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 900px) {
      .weekly-delivery .point .wrap .list .item.point3, .weekly-delivery .point .wrap .list .item.point4 {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .point .wrap .list .item.point1 .img-wrap img {
        width: 37px; }
      .weekly-delivery .point .wrap .list .item.point2 .img-wrap img {
        width: 130px;
        margin-left: 23px; }
      .weekly-delivery .point .wrap .list .item.point3 .text-wrap .title {
        letter-spacing: -0.4px; }
      .weekly-delivery .point .wrap .list .item.point3 .img-wrap img {
        width: 115px; }
      .weekly-delivery .point .wrap .list .item.point4 .img-wrap img {
        width: 115px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .point .wrap .list .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 38px 60px 38px;
        padding-right: 43px;
        position: relative; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .point .wrap .list .item {
        padding: 18px 20px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .point .wrap .list .item .text-wrap {
        width: calc(100% - 228px);
        padding: 0 23px 0 116px; } }
    .weekly-delivery .point .wrap .list .item .text-wrap .title {
      font-size: 24px;
      font-weight: normal; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .point .wrap .list .item .text-wrap .title {
          position: relative;
          font-size: 15px;
          padding-left: 57px;
          line-height: 1.5; } }
      .weekly-delivery .point .wrap .list .item .text-wrap .title .title-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        @media screen and (min-width: 900px) {
          .weekly-delivery .point .wrap .list .item .text-wrap .title .title-icon {
            left: 60px; } }
        @media screen and (max-width: 900px) {
          .weekly-delivery .point .wrap .list .item .text-wrap .title .title-icon {
            left: 0;
            width: 47px; } }
      .weekly-delivery .point .wrap .list .item .text-wrap .title span {
        display: inline-block;
        border-bottom: 4px solid #8AB7AC; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .point .wrap .list .item .text-wrap .title span {
            border-bottom-width: 2px; } }
    .weekly-delivery .point .wrap .list .item .text-wrap .lead {
      font-size: 14px;
      margin-top: 9px;
      line-height: 1.6; }
      @media screen and (min-width: 900px) {
        .weekly-delivery .point .wrap .list .item .text-wrap .lead {
          padding-right: 60px; } }
      @media screen and (max-width: 900px) {
        .weekly-delivery .point .wrap .list .item .text-wrap .lead {
          font-size: 11px;
          margin-top: 5px;
          line-height: 1.65; } }
    .weekly-delivery .point .wrap .list .item .img-wrap {
      text-align: center; }
      @media screen and (min-width: 900px) {
        .weekly-delivery .point .wrap .list .item .img-wrap {
          width: 228px; } }
      @media screen and (max-width: 900px) {
        .weekly-delivery .point .wrap .list .item .img-wrap {
          margin-top: 25px; } }
.weekly-delivery .option {
  padding: 68px 0 91px; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .option {
      padding: 54px 0 52px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .option .title-area .title img {
      width: 176px; } }
  .weekly-delivery .option .title-area.pattern-4 .lead {
    letter-spacing: 2.5px;
    margin-top: 16px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .title-area.pattern-4 .lead {
        letter-spacing: 1.3px;
        margin-top: 6px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .option .title-area.pattern-4 .lead-note {
      font-size: 15px;
      font-weight: bold;
      margin-top: 27px;
      line-height: 1.8;
      letter-spacing: 1.5px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .option .title-area.pattern-4 .lead-note {
      font-size: 12px;
      padding: 0 10px;
      margin-top: 12px;
      text-align: left;
      letter-spacing: 1.2px;
      line-height: 1.45; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .option .wrap {
      width: 1024px;
      margin: 0 auto; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .option .wrap {
      padding: 0 10px; } }
  .weekly-delivery .option .plan-details {
    width: 100%;
    margin-top: 31px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .plan-details {
        margin-top: 28px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .plan-details .table-col-1 {
        width: 350px; }
      .weekly-delivery .option .plan-details .table-col-2 {
        width: 674px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .plan-details .table-col-1 {
        width: 108px; }
      .weekly-delivery .option .plan-details .table-col-2 {
        width: 210px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .plan-details .d-ib {
        display: inline-block; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .plan-details .t-head {
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .plan-details .t-head .img-wrap img {
        width: 30px; } }
    .weekly-delivery .option .plan-details .t-head .text-wrap {
      font-weight: bold; }
      @media screen and (min-width: 900px) {
        .weekly-delivery .option .plan-details .t-head .text-wrap {
          margin-left: 38px;
          width: 173px;
          text-align: left; } }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .plan-details .t-head .text-wrap {
          margin-top: 4px; } }
      .weekly-delivery .option .plan-details .t-head .text-wrap .en-title {
        font-size: 24px;
        letter-spacing: 0;
        color: #fff; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .option .plan-details .t-head .text-wrap .en-title {
            font-size: 14px; } }
      .weekly-delivery .option .plan-details .t-head .text-wrap .jp-title {
        font-size: 16px;
        margin-top: 6px;
        color: #fff; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .option .plan-details .t-head .text-wrap .jp-title {
            font-size: 11px;
            margin-top: 0; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .plan-details .h th, .weekly-delivery .option .plan-details .h td {
        height: 77px; } }
    .weekly-delivery .option .plan-details th, .weekly-delivery .option .plan-details td {
      vertical-align: middle;
      text-align: center;
      border: 1px solid #DADBDB;
      height: 90px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .plan-details th, .weekly-delivery .option .plan-details td {
          height: 80px; } }
      .weekly-delivery .option .plan-details th.b-g, .weekly-delivery .option .plan-details td.b-g {
        border: 1px solid #DADBDB; }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .plan-details .h th {
        border-top: 1px solid #DADBDB; }
      .weekly-delivery .option .plan-details .b td {
        border-bottom: 1px solid #DADBDB; } }
    .weekly-delivery .option .plan-details td {
      font-size: 18px;
      text-align: left;
      padding: 0 34px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .plan-details td {
          font-size: 12px;
          padding: 5px 15px; } }
    .weekly-delivery .option .plan-details th {
      background: #22686D; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .plan-details th {
          font-size: 12px; } }
    .weekly-delivery .option .plan-details .txt {
      font-size: 14px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .plan-details .txt {
          font-size: 11px;
          line-height: 1.8;
          letter-spacing: 0.4px; } }
      .weekly-delivery .option .plan-details .txt b {
        color: #22686D; }
  .weekly-delivery .option .price {
    margin-top: 115px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .price {
        margin-top: 56px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .price .title-area.pattern-4 .title img {
        width: 73px; } }
    .weekly-delivery .option .price .title-area.pattern-4 .lead {
      margin-top: 38px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .price .title-area.pattern-4 .lead {
          margin-top: 13px; } }
    .weekly-delivery .option .price .title-area.pattern-4 .lead-note {
      font-size: 15px;
      margin-top: 13px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .price .title-area.pattern-4 .lead-note {
          font-size: 10px;
          text-align: center;
          margin-top: 10px;
          font-weight: bold; } }
    .weekly-delivery .option .price .contents.charge.page-a {
      margin-bottom: 0; }
      .weekly-delivery .option .price .contents.charge.page-a .map-wrap {
        margin-top: 0;
        padding: 0; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .option .price .contents.charge.page-a .map-wrap {
            margin: 0; } }
        .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table {
          margin-top: 60px; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table {
              margin-top: 36px; } }
          @media screen and (min-width: 900px) {
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .style-1 {
              width: 500px; }
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .style-2 {
              width: 130px; }
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .style-3 {
              width: 130px; }
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .style-4 {
              width: 130px; }
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .style-5 {
              width: 130px; } }
          .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .grey-blanc {
            background: #F5F6F6; }
          .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .plan-name {
            background: #22686D;
            color: #fff; }
            @media screen and (min-width: 900px) {
              .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .plan-name {
                font-size: 14px;
                height: 57px;
                line-height: 1.3;
                border-bottom: 0; }
                .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .plan-name .en {
                  font-size: 20px; } }
            @media screen and (max-width: 900px) {
              .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .plan-name {
                height: 25px;
                font-size: 10px;
                text-align: left;
                padding: 0 10px; }
                .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .plan-name .en {
                  font-size: 13px;
                  margin-right: 7px; } }
          .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size.r {
            background: #9ac7ac; }
          .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size.l {
            background: #dce7b6; }
          @media screen and (min-width: 900px) {
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size {
              font-size: 14px;
              height: 32px;
              border-top: 0; }
              .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size.r {
                border-right: 0; }
              .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size.l {
                border-left: 0; } }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table .size {
              height: 25px;
              font-size: 10px;
              padding: 0; } }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table th, .weekly-delivery .option .price .contents.charge.page-a .map-wrap .laundry-area-table td {
              padding: 8px 3px; } }
  .weekly-delivery .option .natural-course {
    margin-top: 100px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .natural-course {
        margin-top: 40px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .natural-course {
        display: flex;
        justify-content: space-between; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .option .natural-course .img-wrap {
        width: 427px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .option .natural-course .img-wrap img {
        width: 100%; } }
    .weekly-delivery .option .natural-course .flex-c {
      background: #f5f7ea; }
      @media screen and (min-width: 900px) {
        .weekly-delivery .option .natural-course .flex-c {
          width: calc(100% - 427px);
          display: flex;
          align-items: center;
          padding: 20px 50px 20px 51px; } }
      @media screen and (max-width: 900px) {
        .weekly-delivery .option .natural-course .flex-c {
          padding: 28px 13px; } }
      .weekly-delivery .option .natural-course .flex-c .text-wrap {
        width: 100%;
        font-weight: bold;
        letter-spacing: 0; }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .title-wrap {
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .title-wrap .title img {
              width: 132px; } }
          .weekly-delivery .option .natural-course .flex-c .text-wrap .title-wrap .bg {
            padding: 13px 16px;
            font-size: 14px;
            background: #22686D;
            color: #fff; }
            @media screen and (max-width: 900px) {
              .weekly-delivery .option .natural-course .flex-c .text-wrap .title-wrap .bg {
                font-size: 13px;
                padding: 8px 10px; } }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .sub-title {
          font-size: 16px;
          margin-top: 8px; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .sub-title {
              font-size: 14px;
              margin-top: 12px; } }
          .weekly-delivery .option .natural-course .flex-c .text-wrap .sub-title:before {
            content: '—';
            padding-right: 4px; }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .course {
          font-size: 22px;
          color: #BAD06E;
          margin-top: 7px; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .course {
              font-size: 19px; } }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .list {
          font-size: 15px;
          margin-top: 35px; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .list {
              font-size: 11px;
              margin-top: 20px; } }
          .weekly-delivery .option .natural-course .flex-c .text-wrap .list li {
            margin-bottom: 8px; }
            @media screen and (max-width: 900px) {
              .weekly-delivery .option .natural-course .flex-c .text-wrap .list li {
                margin-bottom: 9px; } }
            .weekly-delivery .option .natural-course .flex-c .text-wrap .list li:last-child {
              margin-bottom: 0; }
            .weekly-delivery .option .natural-course .flex-c .text-wrap .list li:before {
              content: '・'; }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .plan-price {
          font-size: 18px;
          font-weight: normal;
          margin-top: 24px;
          line-height: 1.5; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .plan-price {
              font-size: 13px;
              margin-top: 14px; } }
        .weekly-delivery .option .natural-course .flex-c .text-wrap .note {
          font-size: 12px;
          margin-top: 10px;
          font-weight: normal; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .option .natural-course .flex-c .text-wrap .note {
              font-size: 11px;
              margin-top: 6px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .option .btn-wrap {
      margin-top: 50px;
      text-align: center;
      font-size: 24px;
      letter-spacing: -0.5px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .option .btn-wrap {
      margin-top: 25px; } }
.weekly-delivery .model-case {
  padding: 90px 0 100px;
  background: #F5F6F6; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .model-case {
      padding: 53px 0 30px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .model-case .title-area .title img {
      width: 97px; } }
  .weekly-delivery .model-case .title-area.pattern-4 .lead {
    letter-spacing: 2.1px;
    margin-top: 30px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .model-case .title-area.pattern-4 .lead {
        letter-spacing: 1.3px;
        margin-top: 12px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .model-case .wrap {
      width: 1024px;
      margin: 44px auto 0; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .model-case .wrap {
      margin-top: 36px;
      padding: 0 20px; } }
  .weekly-delivery .model-case .case .item {
    background: #fff;
    padding: 20px 20px;
    margin-bottom: 20px; }
    .weekly-delivery .model-case .case .item:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 900px) {
      .weekly-delivery .model-case .case .item {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .model-case .case .item {
        padding: 10px;
        margin-bottom: 29px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery .model-case .case .item .img-wrap {
        width: 338px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery .model-case .case .item .img-wrap img {
        width: 100%; } }
    .weekly-delivery .model-case .case .item .text-wrap {
      letter-spacing: 0; }
      @media screen and (min-width: 900px) {
        .weekly-delivery .model-case .case .item .text-wrap {
          width: calc(100% - 338px);
          padding: 0 20px 0 36px; } }
      @media screen and (max-width: 900px) {
        .weekly-delivery .model-case .case .item .text-wrap {
          margin-top: 18px; } }
      .weekly-delivery .model-case .case .item .text-wrap .title {
        font-size: 22px;
        font-weight: normal;
        color: #22686D; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .model-case .case .item .text-wrap .title {
            font-size: 15px; } }
        .weekly-delivery .model-case .case .item .text-wrap .title span {
          font-weight: bold; }
      .weekly-delivery .model-case .case .item .text-wrap .lead {
        font-size: 16px;
        margin-top: 18px;
        padding: 24px 30px;
        line-height: 1.8;
        background: #CDECF0;
        border-radius: 10px;
        position: relative; }
        @media screen and (max-width: 900px) {
          .weekly-delivery .model-case .case .item .text-wrap .lead {
            font-size: 13px;
            margin-top: 25px;
            padding: 16px 20px 18px;
            line-height: 1.5; } }
        .weekly-delivery .model-case .case .item .text-wrap .lead:before {
          content: '';
          display: block;
          position: absolute;
          left: -10px;
          top: 50%;
          transform: translateY(-50%);
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/weekly-delivery/model-case/triangle/pc.png) no-repeat center;
          background-size: cover;
          width: 14px;
          height: 24px; }
          @media screen and (max-width: 900px) {
            .weekly-delivery .model-case .case .item .text-wrap .lead:before {
              background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/weekly-delivery/model-case/triangle/sp.png);
              left: 50%;
              transform: translateX(-50%);
              top: -14px;
              width: 24px;
              height: 14px; } }
  .weekly-delivery .model-case .note {
    margin-top: 30px;
    text-align: center;
    font-size: 13px; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .model-case .note {
        margin-top: 15px;
        font-size: 11px; } }
.weekly-delivery section.easy-steps {
  padding-top: 106px;
  padding-bottom: 80px;
  background-color: #e2eae5; }
  @media screen and (max-width: 900px) {
    .weekly-delivery section.easy-steps {
      padding-top: 51px;
      padding-bottom: 30px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery section.easy-steps .title-area.pattern-4 .pc-fz-72 {
      height: 33px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery section.easy-steps .title-area.pattern-4 .lead {
      letter-spacing: 2px;
      margin-top: 16px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery section.easy-steps .title-area.pattern-4 .lead {
      margin-top: 8px;
      font-size: 11px;
      letter-spacing: 1px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery section.easy-steps .flow {
      margin-top: 77px; }
      .weekly-delivery section.easy-steps .flow ol li .lead {
        letter-spacing: 0.4px; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery section.easy-steps .flow {
      margin-top: 47px;
      margin-bottom: 0; }
      .weekly-delivery section.easy-steps .flow ol li {
        margin-bottom: 32px !important; }
        .weekly-delivery section.easy-steps .flow ol li .order:before {
          height: 1px !important; } }
  .weekly-delivery section.easy-steps .easy-steps-info {
    text-align: center;
    background: #fff; }
    @media screen and (min-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-info {
        width: 1024px;
        margin: 56px auto 0; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-info {
        margin: 8px 10px 0; } }
    .weekly-delivery section.easy-steps .easy-steps-info .title {
      font-size: 22px;
      letter-spacing: 0;
      padding: 32px 10px;
      background: #22686D;
      color: #fff; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-info .title {
          font-size: 13px;
          padding: 10px 5px;
          line-height: 1.6; } }
      .weekly-delivery section.easy-steps .easy-steps-info .title span {
        border-bottom: 3px solid #fff;
        padding-bottom: 4px; }
        @media screen and (max-width: 900px) {
          .weekly-delivery section.easy-steps .easy-steps-info .title span {
            border-bottom-width: 1px;
            padding-bottom: 2px; } }
    .weekly-delivery section.easy-steps .easy-steps-info .img-wrap {
      padding: 45px 0 50px;
      background: #fff; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-info .img-wrap {
          padding: 19px 11px 51px; } }
  .weekly-delivery section.easy-steps .easy-steps-note {
    text-align: center;
    letter-spacing: 0;
    background: #fff; }
    @media screen and (min-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-note {
        width: 1024px;
        margin: 100px auto 0;
        padding: 98px 0 100px; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-note {
        margin: 42px 10px 0;
        padding: 56px 0 31px; } }
    .weekly-delivery section.easy-steps .easy-steps-note > .title {
      font-size: 28px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-note > .title {
          font-size: 15px; } }
    .weekly-delivery section.easy-steps .easy-steps-note .title-lead {
      font-size: 15px;
      font-weight: bold;
      margin-top: 26px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-note .title-lead {
          font-size: 12px;
          margin-top: 16px; } }
    @media screen and (min-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-note .list-box {
        width: 672px;
        margin: 62px auto 0; } }
    @media screen and (max-width: 900px) {
      .weekly-delivery section.easy-steps .easy-steps-note .list-box {
        margin: 28px 10px 0; } }
    .weekly-delivery section.easy-steps .easy-steps-note .list-box .item {
      margin-bottom: 24px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-note .list-box .item {
          margin-bottom: 16px; } }
      .weekly-delivery section.easy-steps .easy-steps-note .list-box .item .title {
        font-size: 20px;
        font-weight: normal;
        border: 1px solid #22686D;
        color: #22686D;
        padding: 9px 5px; }
        @media screen and (max-width: 900px) {
          .weekly-delivery section.easy-steps .easy-steps-note .list-box .item .title {
            font-size: 12px;
            padding: 3px 5px; } }
      .weekly-delivery section.easy-steps .easy-steps-note .list-box .item .lead {
        font-size: 15px;
        text-align: left;
        margin-top: 16px;
        line-height: 1.6; }
        @media screen and (max-width: 900px) {
          .weekly-delivery section.easy-steps .easy-steps-note .list-box .item .lead {
            font-size: 11px;
            margin-top: 6px;
            line-height: 1.7;
            letter-spacing: 1.1px; } }
    .weekly-delivery section.easy-steps .easy-steps-note .note-flow {
      margin-top: 56px; }
      @media screen and (max-width: 900px) {
        .weekly-delivery section.easy-steps .easy-steps-note .note-flow {
          margin: 30px 10px 0; } }
.weekly-delivery .campaign {
  background: #e2eae5;
  padding: 0 0 100px; }
  @media screen and (max-width: 900px) {
    .weekly-delivery .campaign {
      padding: 0 0 20px; } }
  @media screen and (min-width: 900px) {
    .weekly-delivery .campaign .design-btn.black {
      padding: 3px 27px 12px;
      line-height: 1.45; } }
  @media screen and (max-width: 900px) {
    .weekly-delivery .campaign .design-btn.black {
      padding: 7px 24px 9px;
      line-height: 1.5; } }
  .weekly-delivery .campaign .design-btn.black .c {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .weekly-delivery .campaign .design-btn.black .c {
        font-size: 12px; } }

.home .weekly-delivery-link {
  margin: 80px 0 -20px; }
  @media screen and (max-width: 900px) {
    .home .weekly-delivery-link {
      margin: 40px 0 0;
      padding: 0 10px; } }

.charge .weekly-delivery-link {
  margin: 80px 0 0; }
  @media screen and (max-width: 900px) {
    .charge .weekly-delivery-link {
      margin: 50px 0 -10px; } }

header {
  background-color: #fff;
  color: #00696e;
  position: relative;
  z-index: 999; }
  @media screen and (min-width: 900px) {
    header {
      padding: 7px 0;
      width: 100vw; }
      header .wrap.flexible {
        max-width: 1250px; } }
  @media screen and (max-width: 900px) {
    header {
      padding: 8px 20px; }
      header:not(.login-in) .wrap .toggle-btn-wrap {
        width: 32px; }
      header:not(.login-in) .wrap .logo {
        width: 100px; }
      header:not(.login-in) .wrap .links-wrap {
        width: calc(100% - 132px);
        text-align: right; }
        header:not(.login-in) .wrap .links-wrap ul {
          margin-top: -2px;
          letter-spacing: 1px;
          font-weight: bold; }
          header:not(.login-in) .wrap .links-wrap ul li {
            display: inline-block;
            margin-left: 12px; }
            header:not(.login-in) .wrap .links-wrap ul li:first-child {
              margin-left: 0; }
            header:not(.login-in) .wrap .links-wrap ul li a {
              display: block;
              padding: 15px 0;
              color: #00696e;
              font-size: 0.75rem;
              font-weight: bold; }
      header.login-in .wrap .logo {
        order: -1; }
      header.login-in .wrap .links-wrap {
        display: none !important; } }
  header#fixed-header {
    background-color: #fff;
    position: fixed;
    top: -100px;
    left: 50%;
    transition: top .3s;
    transform: translateX(-50%); }
    @media screen and (min-width: 900px) {
      header#fixed-header {
        padding: 7px 0;
        min-width: 1100px;
        width: 100vw;
        top: -190px; }
        header#fixed-header .logo img {
          width: 123px; } }
    @media screen and (max-width: 900px) {
      header#fixed-header {
        padding: 3px 20px;
        width: 100vw; } }
    header#fixed-header .horizontal-list > li.drop-down-list ul {
      border: 1px solid #f3f3f3; }
    header#fixed-header a,
    header#fixed-header a:hover {
      color: #00696e !important; }
    header#fixed-header.scrolled {
      top: 0; }
  header.skeleton {
    padding: 25px 0; }
    @media screen and (max-width: 900px) {
      header.skeleton {
        padding: 8px 20px; } }
    @media screen and (min-width: 1100px) {
      header.skeleton .logo img {
        width: 160px; } }
    @media screen and (min-width: 900px) {
      header.skeleton {
        background-color: transparent; }
        header.skeleton .logo img {
          width: 130px; } }
  @media screen and (min-width: 900px) {
    header.skeleton:not(#fixed-header) .logo a {
      transition: opacity .3s; }
      header.skeleton:not(#fixed-header) .logo a:hover {
        opacity: .5; }
    header.skeleton:not(#fixed-header) a {
      color: #251e1c !important;
      transition: color .3s; }
    header.skeleton:not(#fixed-header) a:hover {
      opacity: 1;
      color: #8ab7ac !important; } }
  header a,
  header a:hover {
    color: #00696e; }
  header .box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    header .box .logo img {
      width: 100px; }
    header .box .toggle-btn-wrap .toggle-btn .text {
      display: none; }
    header .box .toggle-btn-wrap .toggle-btn .icon {
      margin-top: -1px;
      display: block;
      width: 22px;
      height: 19px;
      background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/sp-menu-btn.png);
      background-size: cover; }
    @media screen and (min-width: 900px) {
      header .box .menu {
        display: flex;
        justify-content: flex-end;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      header .box .menu {
        position: absolute;
        top: -650px; } }
    @media screen and (min-width: 900px) {
      header .box .menu {
        width: calc(100% - 132px); }
        header .box .menu a {
          font-size: 12px; } }
    @media screen and (min-width: 1100px) {
      header .box .menu {
        width: calc(100% - 170px); }
        header .box .menu a {
          font-size: 14px; } }
    @media screen and (min-width: 900px) {
      header .box .menu .horizontal-list:first-child {
        margin-right: 30px; } }
    header .box .menu .horizontal-list > li {
      font-weight: bold;
      position: relative; }
      @media screen and (max-width: 900px) {
        header .box .menu .horizontal-list > li {
          display: block; } }
      @media screen and (min-width: 900px) {
        header .box .menu .horizontal-list > li {
          vertical-align: middle; } }
      header .box .menu .horizontal-list > li a {
        display: block; }
        @media screen and (min-width: 900px) {
          header .box .menu .horizontal-list > li a {
            padding: 22px 3px;
            text-align: center; } }
        @media screen and (min-width: 1100px) {
          header .box .menu .horizontal-list > li a {
            padding: 22px 10px;
            text-align: center; } }
        @media screen and (min-width: 900px) {
          header .box .menu .horizontal-list > li a.user_lastname {
            letter-spacing: 0.2px;
            width: 170px;
            line-height: 1.5;
            padding: 10px 5px;
            position: relative;
            z-index: 10; } }
        @media screen and (min-width: 1100px) {
          header .box .menu .horizontal-list > li a.user_lastname {
            width: 207px; } }
      @media screen and (min-width: 768px) {
        header .box .menu .horizontal-list > li {
          margin-left: .8vw; } }
      @media screen and (min-width: 1100px) {
        header .box .menu .horizontal-list > li {
          margin-left: 2.4vw; } }
      @media screen and (min-width: 1360px) {
        header .box .menu .horizontal-list > li {
          margin-left: 35px; } }
      header .box .menu .horizontal-list > li:first-child {
        margin-left: 0; }
      @media screen and (min-width: 900px) {
        header .box .menu .horizontal-list > li.drop-down-list.hover-right ul {
          left: auto;
          right: 0; }
        header .box .menu .horizontal-list > li.drop-down-list .user_lastname + ul {
          top: 39px; }
        header .box .menu .horizontal-list > li.drop-down-list:hover a {
          color: #22686d;
          background-color: #fff; }
        header .box .menu .horizontal-list > li.drop-down-list:hover ul {
          visibility: visible;
          opacity: 1;
          height: auto; }
        header .box .menu .horizontal-list > li.drop-down-list .border-top {
          border-top: 1px solid #e2e8e4;
          margin-top: 10px;
          padding-top: 6px; }
        header .box .menu .horizontal-list > li.drop-down-list a {
          position: relative; }
        header .box .menu .horizontal-list > li.drop-down-list ul {
          visibility: hidden;
          opacity: 0;
          height: 0;
          background-color: #fff;
          position: absolute;
          top: 58px;
          left: 0;
          width: 160px;
          padding: 17px 13px; }
          header .box .menu .horizontal-list > li.drop-down-list ul li {
            display: block;
            border-top: 1px dotted #e0e0e0;
            margin-top: 3px;
            padding-top: 3px; }
            header .box .menu .horizontal-list > li.drop-down-list ul li:first-child {
              border-top: 0;
              margin-top: 0;
              padding-top: 0; } }
    @media screen and (min-width: 900px) and (max-width: 900px) {
      header .box .menu .horizontal-list > li.drop-down-list ul li {
        display: block;
        padding-top: 5px;
        margin-top: 5px; } }
      @media screen and (min-width: 900px) {
            header .box .menu .horizontal-list > li.drop-down-list ul li a {
              color: #22686d;
              text-align: left;
              padding: 7px 0;
              line-height: 1.6; } }
      @media screen and (min-width: 1100px) {
        header .box .menu .horizontal-list > li.drop-down-list .user_lastname + ul {
          top: 41px; } }
      @media screen and (max-width: 900px) {
        header .box .menu .horizontal-list > li.drop-down-list ul li {
          display: block; } }

.zdo_drawer_menu * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none; }

.zdo_drawer_menu .zdo_drawer_bg {
  text-align: right;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  top: 0;
  left: 0;
  padding: 18px 10px; }
  .zdo_drawer_menu .zdo_drawer_bg .zdo_drawer_button {
    position: static;
    display: inline; }

.zdo_drawer_menu .zdo_drawer_button {
  display: block;
  background: none;
  border: none;
  padding: 0;
  width: 42px;
  letter-spacing: 0.1em;
  cursor: pointer;
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 1001;
  text-align: center;
  outline: none; }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar {
  width: 49px; }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(30deg); }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0; }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-30deg); }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_menu_text {
  display: none; }

.zdo_drawer_menu .zdo_drawer_button.active .zdo_drawer_close {
  display: block; }

.zdo_drawer_menu .zdo_drawer_bar {
  display: block;
  height: 2px;
  margin: 10px 0;
  transition: all 0.2s;
  transform-origin: 0 0; }

.zdo_drawer_menu .zdo_drawer_text {
  text-align: center;
  font-size: 10px; }

.zdo_drawer_menu .zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none; }

.zdo_drawer_menu .zdo_drawer_menu_text {
  display: block; }

.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: calc(100% - 63px);
  height: 100%;
  transition: all 0.2s;
  transform: translate(calc(100% - 63px));
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  background-color: #FFF; }

.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform: translate(0); }

.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px; }

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(calc(-100% - 63px));
  right: auto;
  left: 0; }

.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform: translate(0); }

/*+++ Default Button Color +++*/
.zdo_drawer_menu .zdo_drawer_button {
  color: #276490; }

.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar {
  background-color: #276490; }

.sp-menu-wrapper {
  font-size: 0.875rem;
  color: #22686d;
  font-weight: bold;
  overflow-y: auto; }
  @media screen and (max-width: 480px) {
    .sp-menu-wrapper {
      font-size: 0.75rem; } }
  .sp-menu-wrapper a {
    color: #22686d;
    font-size: 0.875rem;
    display: block; }
    @media screen and (max-width: 480px) {
      .sp-menu-wrapper a {
        font-size: 0.75rem; } }
    .sp-menu-wrapper a:hover {
      text-decoration: none; }
  .sp-menu-wrapper .user-name {
    background-color: #dce2de;
    padding: 10px 20px; }
  .sp-menu-wrapper .margin {
    padding: 15px; }
  .sp-menu-wrapper .sp-menu {
    padding: 25px 20px 20px; }
  .sp-menu-wrapper .link-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .sp-menu-wrapper .link-btn li {
      width: calc(100% / 3 - 5px); }
      .sp-menu-wrapper .link-btn li a {
        text-align: center;
        border: 1px solid #22686d;
        padding: 10px 4px;
        border-radius: 30px;
        font-size: 0.8125rem;
        letter-spacing: -.5px; }
        @media screen and (max-width: 480px) {
          .sp-menu-wrapper .link-btn li a {
            font-size: 0.625rem; } }
        .sp-menu-wrapper .link-btn li a.order {
          background-color: #22686d;
          color: #fff; }
  .sp-menu-wrapper .link-1,
  .sp-menu-wrapper .link-2,
  .sp-menu-wrapper .sns {
    padding: 0 10px; }
  .sp-menu-wrapper .link-1 {
    border-bottom: 1px solid #dce2de;
    padding-bottom: 10px; }
    .sp-menu-wrapper .link-1 li {
      margin-bottom: 15px; }
      .sp-menu-wrapper .link-1 li a.accordion {
        background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/plus-green.png) no-repeat;
        background-position: 97% 55%;
        background-size: 13px auto; }
        .sp-menu-wrapper .link-1 li a.accordion.open-info {
          background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/minus-green.png); }
      .sp-menu-wrapper .link-1 li ul {
        background-color: #dce2de;
        margin: 20px -30px 0;
        padding: 40px 40px 20px; }
        .sp-menu-wrapper .link-1 li ul li {
          margin-bottom: 17px; }
  .sp-menu-wrapper .link-2 {
    margin-top: 25px; }
    .sp-menu-wrapper .link-2 li {
      margin-bottom: 10px; }
  .sp-menu-wrapper .sns {
    margin-top: 25px; }
    .sp-menu-wrapper .sns li {
      display: inline-block;
      margin-right: 15px; }
      .sp-menu-wrapper .sns li:last-child {
        margin-right: 0; }
      .sp-menu-wrapper .sns li a {
        display: inline; }

.lp-header {
  position: relative; }
  .lp-header .logo {
    position: absolute;
    top: 40px;
    left: 30px;
    z-index: 999; }
    @media screen and (max-width: 900px) {
      .lp-header .logo {
        top: 20px;
        left: 20px; }
        .lp-header .logo img {
          width: 115px; } }

@media screen and (min-width: 1100px) {
  #fixed-header .logo img {
    width: 123px !important; } }
@media screen and (min-width: 900px) {
  #fixed-header {
    min-width: unset !important; }
    #fixed-header .logo img {
      width: 100px !important; } }

@media screen and (max-width: 900px) {
  .sp-login {
    background: #dce2dd;
    padding: 20px 20px 15px;
    margin: -25px -20px 20px; }
    .sp-login .link-btn li a {
      background-color: #fff; } }
@media screen and (min-width: 900px) {
  footer {
    padding-top: 47px;
    border-top: 1px solid #dadbdb; } }
@media screen and (max-width: 900px) {
  footer {
    padding-top: 42px; }
    footer .wrap {
      padding: 0 20px !important; } }
@media screen and (min-width: 900px) {
  footer .page-link-list {
    display: flex; } }
@media screen and (max-width: 900px) {
  footer .page-link-list {
    border-bottom: 1px solid #333; } }
footer .page-link-list .box {
  background-color: #e3eae6; }
  @media screen and (min-width: 900px) {
    footer .page-link-list .box:nth-child(1) {
      margin-right: 200px; }
    footer .page-link-list .box:nth-child(2) {
      margin-right: 180px; }
    footer .page-link-list .box:nth-child(3) {
      margin-right: 165px; }
    footer .page-link-list .box p {
      margin-bottom: 8px;
      font-weight: bold; }
    footer .page-link-list .box ul {
      line-height: 1.55;
      display: block !important;
      opacity: 1 !important;
      height: auto !important; } }
  @media screen and (max-width: 900px) {
    footer .page-link-list .box a {
      display: block; }
    footer .page-link-list .box p {
      border-top: 1px solid #333;
      font-weight: bold !important; }
      footer .page-link-list .box p a {
        padding: 17px 0; }
        footer .page-link-list .box p a.accordion {
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/sp-footer-plus.png) no-repeat;
          background-position: 97% 55%;
          background-size: 13px auto; }
          footer .page-link-list .box p a.accordion.open-info {
            background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/other/sp-footer-minus.png); }
    footer .page-link-list .box ul {
      display: none;
      padding: 10px 10px 20px; }
      footer .page-link-list .box ul li {
        border-top: 1px solid #dedede; }
        footer .page-link-list .box ul li a {
          padding: 12px 0;
          padding-left: 10px; } }
footer .external-link-list {
  margin: 40px 0;
  justify-content: flex-start; }
  @media screen and (max-width: 900px) {
    footer .external-link-list {
      margin: 13px 0 32px; } }
  @media screen and (min-width: 900px) {
    footer .external-link-list .lo-logo {
      margin-right: 122px; }
    footer .external-link-list .sns {
      margin-right: 411px; } }
  @media screen and (max-width: 900px) {
    footer .external-link-list {
      flex-wrap: wrap;
      justify-content: space-between; }
      footer .external-link-list .lo-logo img {
        width: 110px; }
      footer .external-link-list .logo {
        order: -1;
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        footer .external-link-list .logo .logo-title {
          width: 100px;
          margin-bottom: 0; }
        footer .external-link-list .logo a {
          width: calc(100% - 100px);
          display: block;
          text-align: right; }
          footer .external-link-list .logo a img {
            width: 82%; } }
  footer .external-link-list .sns li {
    padding: 0 15px; }
    @media screen and (max-width: 900px) {
      footer .external-link-list .sns li {
        padding: 0 8px; }
        footer .external-link-list .sns li img {
          width: 38px; } }
    footer .external-link-list .sns li:first-child {
      padding-left: 0; }
  footer .external-link-list .logo .logo-title {
    font-weight: bold;
    margin-bottom: 9px; }
  @media screen and (max-width: 900px) {
    footer .external-link-list .logo img {
      width: 108px; } }
footer .other-link-list {
  border-top: 2px solid #333;
  padding: 22px 0 45px; }
  @media screen and (min-width: 900px) {
    footer .other-link-list {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  @media screen and (max-width: 900px) {
    footer .other-link-list .horizontal-list {
      line-height: 2.1;
      letter-spacing: 0.2px; }
      footer .other-link-list .horizontal-list li {
        display: block; } }
  @media screen and (max-width: 900px) {
    footer .other-link-list .copy {
      margin-top: 28px;
      font-size: 0.625rem; } }
  footer .other-link-list .horizontal-list,
  footer .other-link-list .copy {
    font-size: 0.8125rem; }
    footer .other-link-list .horizontal-list li,
    footer .other-link-list .copy li {
      margin-right: 15px; }

.footer-cover {
  background: no-repeat center;
  background-size: cover;
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/footer-catch/img-01.jpg);
  height: 37.7vw;
  position: relative;
  overflow: hidden;
  /* はみ出す部分を見えなくする */ }
  @media screen and (max-width: 900px) {
    .footer-cover {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/footer-catch/img-01-sp.jpg);
      height: 57vw; } }
  .footer-cover.futon {
    background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/ft/bg.jpg); }
    @media screen and (max-width: 900px) {
      .footer-cover.futon {
        background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/ft/bg-sp.jpg); } }
  .footer-cover .ie-only {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .footer-cover .ie-only img {
      width: 958px;
      height: 50px; }
  .footer-cover .lead-container {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .footer-cover .slider-container {
    display: flex;
    /* 画像を横並びにする */
    font-size: 0;
    /* 余計な余白を削除 */
    animation: slideshow 120s linear infinite; }
    @media screen and (max-width: 900px) {
      .footer-cover .slider-container {
        animation: slideshow 120s linear infinite; } }
  .footer-cover .slider-img {
    width: 958px;
    height: 50px; }
    @media screen and (max-width: 900px) {
      .footer-cover .slider-img {
        width: 479px;
        height: 25px; } }
  .footer-cover .slider-img + .slider-img {
    margin-left: 50px; }
    @media screen and (max-width: 900px) {
      .footer-cover .slider-img + .slider-img {
        margin-left: 25px; } }

@keyframes slideshow {
  100% {
    transform: translateX(calc((8 * 958px + 50px * 8) * -1));
    @media screen and (max-width: 900px) {
      transform: translateX(calc((8 * 479px + 25px * 8) * -1)); } } }
.ie .ie-only {
  display: block; }
.ie .lead-container {
  display: none; }

@media screen and (min-width: 900px) {
  .bootstrap-base.user-login .sns-login {
    margin-top: 56px !important; } }
.bootstrap-base.user-login .list-group-item {
  border-color: black; }
  .bootstrap-base.user-login .list-group-item:last-of-type {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: 0.25rem; }
.bootstrap-base.user-mypage .change-your-address {
  font-size: 1.2rem;
  font-weight: bold; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.user-mypage .change-your-address {
      font-size: 1.1rem; } }
.bootstrap-base .category-name {
  border-left: 7px solid #22686d;
  padding: 12px 15px;
  background-color: #f1f1f1; }
  @media screen and (max-width: 900px) {
    .bootstrap-base .category-name {
      font-size: 1rem;
      border-width: 5px; } }
@media screen and (max-width: 900px) {
  .bootstrap-base .page-lead {
    font-size: 0.8em; } }
.bootstrap-base .item-body .item-price {
  font-size: 1.7rem;
  text-align: center;
  font-weight: bold; }
  @media screen and (max-width: 900px) {
    .bootstrap-base .item-body .item-price {
      text-align: left;
      font-size: 1.2rem !important; } }
  .bootstrap-base .item-body .item-price small {
    font-size: 1rem; }
    @media screen and (max-width: 900px) {
      .bootstrap-base .item-body .item-price small {
        font-size: .6rem; } }
@media screen and (max-width: 900px) {
  .bootstrap-base .item-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .bootstrap-base .item-body .image {
      width: 80px; }
      .bootstrap-base .item-body .image img {
        margin-top: 10px; }
    .bootstrap-base .item-body .media-body {
      width: calc(100% - 80px); } }
@media (max-width: 320px) {
  .bootstrap-base .item-body .image {
    width: 60px; }
  .bootstrap-base .item-body .media-body {
    width: calc(100% - 60px); } }
.bootstrap-base .legend {
  font-size: 0.75rem; }
  .bootstrap-base .legend .color-box {
    display: inline-block;
    width: 26px;
    height: 17px;
    vertical-align: -4px;
    border: 1px solid #333; }
.bootstrap-base .item label.radio-wrap {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer; }
  .bootstrap-base .item label.radio-wrap input[type=radio].select-item-elm {
    display: none; }
.bootstrap-base .item .deselect {
  z-index: 20; }
.bootstrap-base hr.style1 {
  border-top: 1px solid #8c8b8b; }
.bootstrap-base hr.style2 {
  border-top: 3px double #8c8b8b; }
.bootstrap-base hr.style3 {
  border-top: 1px dashed #8c8b8b; }
.bootstrap-base hr.style4 {
  border-top: 1px dotted #dcdcdc; }
.bootstrap-base hr.style5 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b; }
.bootstrap-base hr.style6 {
  background-color: #fff;
  border-top: 2px dotted #e2e2e2; }
.bootstrap-base #loading {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center; }
  .bootstrap-base #loading .spinner-grow {
    background-color: #aabba7; }
.bootstrap-base .contents {
  background-color: #fff;
  padding: 25px 0; }
.bootstrap-base .list-inline a {
  color: #333;
  font-weight: bold; }
.bootstrap-base .contents .main {
  padding: 20px;
  border: 1px solid rgba(0, 108, 111, 0.3);
  box-shadow: 2px 2px 1px 1px rgba(0, 108, 111, 0.1); }
.bootstrap-base .form-group .required:after {
  content: '*';
  padding-left: .3rem;
  color: red; }
.bootstrap-base form .validation_error {
  color: #721c24;
  margin-top: 5px; }
.bootstrap-base .form-control {
  width: 100% !important; }
.bootstrap-base .contents .main .alert {
  margin: 20px 0 30px; }
.bootstrap-base .contents .main a {
  color: #22686d; }
.bootstrap-base .default_hide {
  display: none; }
.bootstrap-base a.card-body,
.bootstrap-base .list-group a,
.bootstrap-base .btn-link {
  color: #333 !important;
  text-decoration: none; }
.bootstrap-base a.card-body:hover {
  background-color: #f8f9fa; }
.bootstrap-base .card-body .icon {
  font-size: 40px;
  text-align: center; }
.bootstrap-base table.table.table-bordered * {
  text-align: center;
  vertical-align: middle; }
.bootstrap-base .selecting_box {
  position: relative;
  background-color: #dcdcdc;
  padding: 30px 30px;
  margin: 0 auto;
  border: 4px solid #c3c3c3;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s; }
.bootstrap-base .selecting_box.scrollin {
  opacity: 1;
  visibility: visible; }
.bootstrap-base .card:not(.selected) .mark-icon {
  display: none; }
.bootstrap-base .card .mark-icon svg {
  fill: #005b56; }
.bootstrap-base .card .mark-icon:hover {
  cursor: pointer; }
.bootstrap-base .card .mark-icon:hover .fa-clipboard-check {
  display: none; }
.bootstrap-base .card .mark-icon .fa-clipboard-check {
  display: block; }
.bootstrap-base .select {
  position: absolute;
  top: 250px;
  left: 58px; }
.bootstrap-base .mark-icon {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  overflow: hidden;
  display: block; }
.bootstrap-base .mark-icon svg {
  transform: scale(-1, 1);
  position: relative;
  top: -31px;
  right: -24px;
  width: 140px; }
.bootstrap-base .mark-icon i {
  position: absolute;
  right: 11px;
  top: 13px;
  color: #fff;
  font-size: 1.5rem; }
.bootstrap-base .selection-status {
  position: fixed;
  bottom: 60px;
  right: 0px;
  z-index: 999;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-right: 0;
  box-shadow: 1px 1px 0px 1px #e8e8e8; }
.bootstrap-base .order-title {
  text-align: center;
  font-weight: bold;
  position: relative; }
  .bootstrap-base .order-title:before {
    content: '';
    display: block;
    height: 1px;
    background-color: #f1f1f1;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%; }
  .bootstrap-base .order-title .text {
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 10px 20px;
    color: #6c757d;
    font-size: 15px; }
.bootstrap-base .selected {
  border-color: #005b56 !important;
  background-color: #e8f5f4;
  border-width: 5px; }
.bootstrap-base .category-container .item {
  border: 5px solid #f5f5f5; }
.bootstrap-base #wrap-static-fixed,
.bootstrap-base #wrap-fixed-static {
  width: 100%; }
.bootstrap-base .static-fixed-style {
  position: static;
  width: 100%;
  z-index: 100; }
.bootstrap-base .static-fixed-style.fixed {
  position: fixed;
  top: 0;
  left: 0; }
.bootstrap-base .fixed-static-style {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
.bootstrap-base .fixed-static-style.static {
  position: static; }
@media (min-width: 768px) {
  .bootstrap-base .contents .main {
    padding: 30px 60px; }
  .bootstrap-base .contents {
    padding: 50px 0; } }
.bootstrap-base .wizard {
  padding: 0 30px; }
.bootstrap-base .wizard .nav-tabs {
  position: relative;
  border: 0px; }
.bootstrap-base .wizard > div.wizard-inner {
  position: relative; }
.bootstrap-base .wizard .connecting-line {
  height: 15px;
  background: #e0e0e0;
  position: absolute;
  width: 99.5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 36%;
  z-index: 1;
  border-radius: 15px; }
.bootstrap-base .wizard .active-line {
  height: 15px;
  position: absolute;
  width: 99.5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 36%;
  z-index: 1;
  border-radius: 15px !important; }
.bootstrap-base .wizard .active .connecting-line {
  background-color: #22686d; }
.bootstrap-base .wizard .border-right {
  border-radius: 15px 0 0 15px; }
.bootstrap-base .wizard .border-left {
  border-radius: 0; }
.bootstrap-base .wizard .nav-tabs > li.active > a, .bootstrap-base .wizard .nav-tabs > li.active > a:hover, .bootstrap-base .wizard .nav-tabs > li.active > a:focus {
  cursor: default;
  border: 0;
  color: #2ED4E0;
  border-bottom-color: transparent; }
.bootstrap-base .nav-tabs li p {
  padding-top: 10px;
  font-size: 16px;
  text-align: center; }
.bootstrap-base .wizard span.round-tab {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: #DFE3E4;
  border: 2px solid #fff;
  z-index: 1;
  text-align: center;
  font-size: 25px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base .wizard span.round-tab {
      width: 20px;
      height: 20px; } }
.bootstrap-base .wizard li.active span.round-tab {
  background: #22686d;
  color: white;
  border: 2px solid #fff; }
.bootstrap-base .wizard span.round-tab:hover {
  border: 2px solid #fff; }
.bootstrap-base .wizard .nav {
  justify-content: space-between;
  flex-wrap: nowrap; }
.bootstrap-base .wizard .nav-tabs > li {
  width: 100%;
  text-align: center;
  position: relative; }
.bootstrap-base .wizard .nav-tabs > li span {
  width: 70px;
  height: 70px;
  margin: 20px auto 0;
  border-radius: 100%;
  padding: 0;
  color: #777;
  position: relative;
  z-index: 20;
  color: #22686d; }
.bootstrap-base .wizard .tab-pane {
  position: relative;
  padding-top: 15px;
  border-top: 1px solid #fff;
  margin-top: 50px; }
.bootstrap-base .wizard .next-step:hover, .bootstrap-base .wizard .next-step, .bootstrap-base .wizard .prev-step:hover, .bootstrap-base .wizard .prev-step {
  position: relative;
  background-color: #2ED4E0;
  font-size: 16px;
  color: #FFFFFF; }
@media (min-width: 320px) and (max-width: 360px) {
  .bootstrap-base .wizard {
    width: 90%;
    height: auto !important; }
  .bootstrap-base .wizard span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px; }
  .bootstrap-base .wizard .nav-tabs > li a {
    width: 50px;
    height: 50px; }
  .bootstrap-base .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%; }
  .bootstrap-base .wizard .next-step {
    margin-top: 10px; }
  .bootstrap-base .wizard .nav-tabs li p {
    padding-top: 60px;
    font-size: 16px;
    text-align: center; }
  .bootstrap-base .wizard .connecting-line, .bootstrap-base .active-line {
    top: 43%; } }
.bootstrap-base.freddy .wizard .active .connecting-line,
.bootstrap-base.freddy .wizard li.active span.round-tab {
  background-color: #0070b2; }
.bootstrap-base.freddy .card .mark-icon svg {
  fill: #0070b2; }
.bootstrap-base.freddy #fixed-static .btn-secondary,
.bootstrap-base.freddy .btn-lg {
  background-color: #0070b2 !important; }
.bootstrap-base.freddy .wizard .nav-tabs > li span,
.bootstrap-base.freddy .main a {
  color: #0070b2; }
.bootstrap-base.freddy .wizard li.active span.round-tab {
  color: #fff; }
.bootstrap-base.freddy .selected {
  background-color: #dbf2ff;
  border-color: #0070b2 !important; }
.bootstrap-base.freddy .dropdown-toggle,
.bootstrap-base.freddy .dropdown-menu + button {
  color: #0070b2 !important; }
.bootstrap-base.weekly-delivery-contract .page-head {
  display: flex;
  justify-content: space-between; }
  .bootstrap-base.weekly-delivery-contract .page-head.column-2 .item {
    width: 50%; }
  .bootstrap-base.weekly-delivery-contract .page-head .item {
    border: 1px solid #e5e5e5;
    margin-bottom: 0;
    line-height: 1.5; }
    .bootstrap-base.weekly-delivery-contract .page-head .item a, .bootstrap-base.weekly-delivery-contract .page-head .item span {
      display: block;
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      color: #707070;
      padding: 15px 10px; }
      .bootstrap-base.weekly-delivery-contract .page-head .item a:hover, .bootstrap-base.weekly-delivery-contract .page-head .item span:hover {
        text-decoration: none; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .page-head .item a, .bootstrap-base.weekly-delivery-contract .page-head .item span {
          font-size: 13px;
          letter-spacing: 0;
          padding: 15px 5px; } }
    .bootstrap-base.weekly-delivery-contract .page-head .item.active a, .bootstrap-base.weekly-delivery-contract .page-head .item.active span {
      background: #22686D;
      color: #fff; }
.bootstrap-base.weekly-delivery-contract .frequency-of-use {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use {
      justify-content: space-between;
      flex-wrap: wrap; } }
  @media screen and (min-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use > div {
      width: 400px;
      margin-right: 50px; }
      .bootstrap-base.weekly-delivery-contract .frequency-of-use > div:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use > div {
      width: calc(50% - 5px); } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts {
      flex-direction: column; } }
  @media screen and (min-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts > div {
      width: calc(50% - 7px);
      margin-right: 14px; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts > div {
      width: 100%; } }
  .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .radio-type-1 label {
    margin-bottom: 0; }
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .radio-type-1 label:hover {
      cursor: auto; }
    @media screen and (min-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .radio-type-1 label {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 20px 10px; } }
  .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card {
    border-radius: 4px; }
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card p {
      margin-bottom: 0; }
    @media screen and (min-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card {
        padding: 20px 10px;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .wrap {
          width: 100%; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card {
        margin-top: 3px;
        padding: 20px 12px; } }
    @media screen and (min-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .card-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 380px;
        margin: 0 auto; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .card-flex {
        text-align: center; }
        .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .card-flex .h-title {
          padding-right: 15px; } }
    @media screen and (min-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .card-flex .arrow {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 30px;
        width: 30px; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .card-flex .arrow {
        margin: 7px 0;
        font-size: 18px; } }
    .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .notes {
      background: #DFEAEC;
      padding: 10px; }
      @media screen and (min-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .notes {
          margin-top: 20px;
          margin-bottom: -10px; } }
      @media screen and (max-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .notes {
          margin-top: 15px; } }
      .bootstrap-base.weekly-delivery-contract .frequency-of-use.confirm-parts .frequency-card .notes ul {
        margin-bottom: 0;
        padding-left: 25px;
        font-size: 13px;
        line-height: 1.7; }
.bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input {
  display: none; }
  .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label {
    display: block;
    background: #dfeaec;
    text-align: center;
    line-height: 1.8;
    padding: 40px 10px;
    border-radius: 4px;
    transition: 0.3s; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label {
        line-height: 1.5;
        padding: 13px 10px; } }
    .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label:hover {
      cursor: pointer; }
    .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label span {
      display: block;
      color: #22686D; }
    .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label .j {
      font-size: 24px;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label .j {
          font-size: 20px; } }
    .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label .e {
      font-size: 16px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input + label .e {
          font-size: 13px; } }
  .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input:checked + label {
    background: #22686D; }
    .bootstrap-base.weekly-delivery-contract .radio-type-1 .radio-input:checked + label span {
      color: #fff; }
@media screen and (min-width: 900px) {
  .bootstrap-base.weekly-delivery-contract .course-box {
    display: flex;
    justify-content: space-between; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.weekly-delivery-contract .course-box .img-wrap {
    width: 32%; } }
.bootstrap-base.weekly-delivery-contract .course-box .img-wrap img {
  width: 100%; }
@media screen and (min-width: 900px) {
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap {
    width: 63%;
    border-top: 1px solid #e5e5e5; } }
.bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #e5e5e5;
  padding: 30px 0; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item {
      padding: 20px 0; } }
  @media screen and (min-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details {
      width: 48%;
      padding-right: 20px; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details {
      width: 100%;
      margin-bottom: 10px; } }
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details * {
    font-weight: bold; }
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details .name {
    font-size: 16px; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details .name {
        margin-bottom: 0; } }
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details .lead {
    font-size: 13px;
    margin-bottom: 0; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .details .lead {
        font-size: 16px; } }
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap {
    font-weight: bold; }
    @media screen and (min-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap {
        width: calc(52% - 80px);
        padding-right: 20px; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap {
        width: calc(100% - 80px);
        padding-right: 20px; } }
    .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap .price {
      font-size: 27px;
      margin-bottom: 0; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap .price {
          font-size: 19px; } }
      .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap .price .unit {
        font-size: 20px; }
        @media screen and (max-width: 900px) {
          .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .price-wrap .price .unit {
            font-size: 14px; } }
  .bootstrap-base.weekly-delivery-contract .course-box .items-wrap .item .input-wrap {
    width: 80px; }
@media screen and (min-width: 900px) {
  .bootstrap-base.weekly-delivery-contract .date-time-select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #82C2D1;
    padding: 30px 15px; } }
.bootstrap-base.weekly-delivery-contract .date-time-select .title {
  margin-bottom: 0;
  font-size: 20px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .date-time-select .title {
      font-size: 16px;
      margin-bottom: 6px; } }
.bootstrap-base.weekly-delivery-contract .date-time-select .select-wrap {
  margin-bottom: 0;
  font-size: 16px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .date-time-select .select-wrap {
      background: #82C2D1;
      padding: 15px 15px;
      text-align: center; } }
  .bootstrap-base.weekly-delivery-contract .date-time-select .select-wrap .custom-select {
    width: auto;
    margin-right: 0.5rem; }
    .bootstrap-base.weekly-delivery-contract .date-time-select .select-wrap .custom-select:last-child {
      margin-right: 0; }
.bootstrap-base.weekly-delivery-contract .custom-notice {
  font-size: 15px;
  background: #DFEAEC;
  border: 1px solid #22686D;
  margin: 0 auto;
  text-align: center;
  padding: 10px 10px; }
  @media screen and (min-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .custom-notice {
      width: 718px; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.weekly-delivery-contract .custom-notice {
      text-align: left;
      padding: 16px 10px; } }
  .bootstrap-base.weekly-delivery-contract .custom-notice img {
    margin-right: 1rem; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.weekly-delivery-contract .custom-notice img {
        float: left;
        margin-top: 5px; } }
.bootstrap-base.weekly-delivery-contract .confirmation-text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.8; }
  .bootstrap-base.weekly-delivery-contract .confirmation-text span {
    color: #22686D; }
.bootstrap-base.base-design-v202006 .contents,
.bootstrap-base.base-design-v202006 .breadcrumb-wrap {
  background-color: #F0F4F5; }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .base-design-wrap {
    font-family: -apple-system, 'BlinkMacSystemFont', sans-serif; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .base-design-wrap.s-760 {
    width: 760px;
    margin: 0 auto; } }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .base-design-wrap.s-760 {
    padding: 0 20px; } }
.bootstrap-base.base-design-v202006 .base-design-wrap .breadcrumb-wrap .wrap {
  max-width: unset !important;
  padding: 0; }
.bootstrap-base.base-design-v202006 .base-design-wrap .box {
  letter-spacing: 0; }
.bootstrap-base.base-design-v202006 hr.for-style {
  border: none;
  margin-top: 0;
  margin-bottom: 0; }
.bootstrap-base.base-design-v202006 .breadcrumb-wrap {
  margin-bottom: 46px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .breadcrumb-wrap {
      padding: 4px 0 12px;
      margin-bottom: 10px; } }
  .bootstrap-base.base-design-v202006 .breadcrumb-wrap .breadcrumb-original ol li a {
    font-size: 12px !important;
    letter-spacing: 0;
    color: #707070; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .breadcrumb-wrap .breadcrumb-original ol li a {
        font-size: 10px !important; } }
    .bootstrap-base.base-design-v202006 .breadcrumb-wrap .breadcrumb-original ol li a:after {
      display: none; }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .stepflow-wrap {
    padding: 0 107px; } }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .stepflow-wrap {
    overflow: hidden; }
    .bootstrap-base.base-design-v202006 .stepflow-wrap .stepflow {
      margin: 0 -13%; } }
.bootstrap-base.base-design-v202006 .stepflow {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none; }
  .bootstrap-base.base-design-v202006 .stepflow li {
    flex: 1;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    text-align: center; }
    .bootstrap-base.base-design-v202006 .stepflow li span {
      display: block; }
    .bootstrap-base.base-design-v202006 .stepflow li .deco {
      position: relative; }
      .bootstrap-base.base-design-v202006 .stepflow li .deco:before {
        content: "";
        display: block;
        border-radius: 50%;
        border: 2px solid #999;
        width: 12px;
        height: 12px;
        margin: 0 auto;
        background-color: #fff;
        position: relative;
        z-index: 1; }
      .bootstrap-base.base-design-v202006 .stepflow li .deco:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 2px;
        background-color: #999;
        z-index: 0; }
    .bootstrap-base.base-design-v202006 .stepflow li .text {
      margin-top: 6px;
      padding: 0 15px; }
    .bootstrap-base.base-design-v202006 .stepflow li.complete {
      color: #000; }
      .bootstrap-base.base-design-v202006 .stepflow li.complete .deco:before {
        border-color: #2298A1;
        background-color: #2298A1; }
      .bootstrap-base.base-design-v202006 .stepflow li.complete .deco:after {
        background-color: #2298A1; }
    .bootstrap-base.base-design-v202006 .stepflow li.active {
      color: #000; }
      .bootstrap-base.base-design-v202006 .stepflow li.active .deco:before {
        border-color: #2298A1; }
    .bootstrap-base.base-design-v202006 .stepflow li:last-child .deco:after {
      display: none; }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .white-box {
    background: transparent; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .s-640-wrap {
    width: 640px;
    margin: 0 auto; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .s-580-wrap {
    width: 580px;
    margin: 0 auto; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .box.s-580 {
    width: 580px;
    margin: 0 auto;
    padding: 58px 0 90px; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .box.s-640 {
    width: 640px;
    margin: 0 auto;
    padding: 58px 0 90px; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .box.box-header {
    padding-bottom: 0; } }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .sp-wide_m-20 {
    margin: 0 -20px; } }
.bootstrap-base.base-design-v202006 .page-title {
  font-size: 28px; }
.bootstrap-base.base-design-v202006 .bar-code-area {
  text-align: center; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .bar-code-area {
      padding: 19px 10px 13px;
      background: #fff;
      border-radius: 7px; } }
  .bootstrap-base.base-design-v202006 .bar-code-area .caption {
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 0;
    color: #666666; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .bar-code-area .caption {
        margin-top: 16px; } }
.bootstrap-base.base-design-v202006 .menu-list a {
  display: block;
  text-align: center; }
  .bootstrap-base.base-design-v202006 .menu-list a:hover {
    text-decoration: none; }
  .bootstrap-base.base-design-v202006 .menu-list a .text {
    display: block;
    font-weight: bold;
    color: #666666;
    text-align: center;
    margin-top: 14px; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .menu-list a .text {
        margin-top: 7px; } }
.bootstrap-base.base-design-v202006 .menu-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }
.bootstrap-base.base-design-v202006 .menu-list .link-l a .text {
  font-size: 17px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .menu-list .link-l a .text {
      font-size: 15px; } }
.bootstrap-base.base-design-v202006 .menu-list .link-s a .text {
  font-size: 15px; }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .menu-list {
    display: flex;
    justify-content: space-between; }
    .bootstrap-base.base-design-v202006 .menu-list a {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .bootstrap-base.base-design-v202006 .menu-list .link-l {
      width: 289px;
      height: 250px;
      border: 1px solid #ccc; }
    .bootstrap-base.base-design-v202006 .menu-list .link-s {
      width: 291px;
      height: 250px;
      border: 1px solid #ccc;
      border-left: 0; }
      .bootstrap-base.base-design-v202006 .menu-list .link-s ul {
        display: flex;
        flex-wrap: wrap; }
        .bootstrap-base.base-design-v202006 .menu-list .link-s ul li {
          width: 145px;
          height: 124px;
          border-right: 1px solid #ccc;
          border-top: 1px solid #ccc; }
          .bootstrap-base.base-design-v202006 .menu-list .link-s ul li:nth-child(2n) {
            border-right: 0; }
          .bootstrap-base.base-design-v202006 .menu-list .link-s ul li:nth-child(-n+2) {
            border-top: 0; } }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .menu-list {
    background: #fff; }
    .bootstrap-base.base-design-v202006 .menu-list a {
      padding: 25px 5px; }
    .bootstrap-base.base-design-v202006 .menu-list .link-l {
      border: 1px solid #ccc; }
    .bootstrap-base.base-design-v202006 .menu-list .link-s ul {
      display: flex;
      flex-wrap: wrap; }
      .bootstrap-base.base-design-v202006 .menu-list .link-s ul li {
        width: 50%;
        border: 1px solid #ccc;
        border-top: 0; }
        .bootstrap-base.base-design-v202006 .menu-list .link-s ul li:nth-child(2n) {
          border-left: 0; }
        .bootstrap-base.base-design-v202006 .menu-list .link-s ul li a {
          padding: 28px 5px; } }
.bootstrap-base.base-design-v202006 .share-btn {
  display: block;
  position: relative;
  padding: 11px 14px;
  padding-left: 50px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 60px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-btn {
      padding: 15px 14px;
      padding-left: 34px;
      letter-spacing: 0.9px;
      font-size: 15px; } }
  .bootstrap-base.base-design-v202006 .share-btn:hover {
    text-decoration: none; }
  .bootstrap-base.base-design-v202006 .share-btn.fb {
    background: #027AFF; }
  .bootstrap-base.base-design-v202006 .share-btn.line {
    background: #00C300; }
  .bootstrap-base.base-design-v202006 .share-btn.tw {
    background: #55ACEE; }
  .bootstrap-base.base-design-v202006 .share-btn img {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%); }
.bootstrap-base.base-design-v202006 .sp-order-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
  padding: 10px 16px;
  background: #F0F4F5;
  color: rgba(60, 60, 67, 0.6); }
.bootstrap-base.base-design-v202006 .info-mark img {
  vertical-align: baseline; }
.bootstrap-base.base-design-v202006 .service-list {
  letter-spacing: 0; }
  .bootstrap-base.base-design-v202006 .service-list h1, .bootstrap-base.base-design-v202006 .service-list h2, .bootstrap-base.base-design-v202006 .service-list h3, .bootstrap-base.base-design-v202006 .service-list h4, .bootstrap-base.base-design-v202006 .service-list p, .bootstrap-base.base-design-v202006 .service-list dl, .bootstrap-base.base-design-v202006 .service-list ol, .bootstrap-base.base-design-v202006 .service-list ul {
    margin-bottom: 0; }
  .bootstrap-base.base-design-v202006 .service-list .service {
    padding: 42px 0 33px;
    border-bottom: 1px solid #ccc; }
    .bootstrap-base.base-design-v202006 .service-list .service:last-child {
      padding-bottom: 54px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service:last-child {
          padding-bottom: 30px; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .service-list .service {
        padding: 19px 20px 16px; } }
    .bootstrap-base.base-design-v202006 .service-list .service .category-img {
      text-align: right; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .category-img {
          margin-right: -20px; } }
      .bootstrap-base.base-design-v202006 .service-list .service .category-img .round {
        display: inline-block;
        border-radius: 16px 0 0 16px;
        overflow: hidden; }
    .bootstrap-base.base-design-v202006 .service-list .service .c-wrap {
      margin-top: 13px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap {
          margin-top: 4px; } }
      @media screen and (min-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-1 {
          display: flex;
          justify-content: space-between; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-1 .overview {
            width: 250px; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-1 .service-item-list {
            width: 315px; } }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 {
          margin-top: -1px; } }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 {
        margin-bottom: 15px; }
        @media screen and (min-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 {
            display: flex;
            justify-content: space-between; } }
        @media screen and (min-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .left-box {
            width: 345px; } }
        @media screen and (min-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .right-box {
            width: 200px; } }
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .title-flex {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .title-flex .form-group-wrap .checkbox-title {
            font-size: 16px;
            font-weight: bold;
            letter-spacing: -1.4px;
            vertical-align: -2px; }
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .cat-lead {
          margin-top: 5px; }
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .overview.pattern-2 .info-text {
          margin-top: 0; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap.pattern-2 .service-item-list {
          margin-top: 0; } }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .cat-title {
        font-size: 24px; }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .cat-lead {
        font-size: 13px;
        font-weight: bold;
        color: #666;
        margin-top: 10px; }
        @media screen and (max-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .cat-lead {
            margin-top: 6px; } }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-text {
        font-size: 13px;
        margin-top: 14px;
        line-height: 1.7; }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-display {
        border: 1px solid #ccc;
        margin-top: 12px;
        padding: 6px 10px 14px; }
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-display dl {
          font-size: 12px; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-display dl dt {
            font-weight: normal; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-display dl dd {
            font-weight: bold;
            margin-bottom: 18px; }
            .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .overview .info-display dl dd:last-child {
              margin-bottom: 0; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list {
          margin-top: 15px; } }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.flex-list {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.flex-list {
            padding: 0 10px; } }
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.flex-list .item {
          width: calc(50% - 10px);
          margin-right: 20px; }
          .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.flex-list .item:nth-child(2n) {
            margin-right: 0; }
      @media screen and (min-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list {
          margin: 0 -30px; } }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list {
          margin-right: -20px;
          overflow: hidden; } }
      @media screen and (min-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list .item {
          width: 173px;
          margin: 0 auto; } }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list .item {
          width: 38vw; } }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list .item .service-item-img img {
        display: inline-block; }
      .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list .slick-slide {
        outline: none; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-list .service .c-wrap .service-item-list.slider-list .slick-list {
          padding-right: 50px; } }
.bootstrap-base.base-design-v202006 .service-item-list {
  margin-bottom: -30px; }
  .bootstrap-base.base-design-v202006 .service-item-list .item {
    margin-bottom: 30px; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .bg-grey,
    .bootstrap-base.base-design-v202006 .service-item-list .item .bg-light-yellow {
      padding: 7px 0 12px;
      border-radius: 16px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-item-list .item .bg-grey,
        .bootstrap-base.base-design-v202006 .service-item-list .item .bg-light-yellow {
          padding: 2px 0 11px; } }
    .bootstrap-base.base-design-v202006 .service-item-list .item .bg-grey {
      background-color: #F2F2F6; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .bg-light-yellow {
      background-color: #FCF6E3; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v {
      padding: 25px 0 19px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v {
          padding: 22px 0 10px; }
          .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .service-item-img img {
            width: 82%; } }
      .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .name,
      .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .price {
        padding: 0 14px; }
      .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .name {
        margin-top: 12px;
        font-weight: normal;
        letter-spacing: 0; }
        @media screen and (max-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .name {
            margin-top: 11px;
            letter-spacing: -0.6px; } }
      .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .price {
        margin-top: 5px; }
        @media screen and (max-width: 900px) {
          .bootstrap-base.base-design-v202006 .service-item-list .item .futon-v .price {
            margin-top: 2px; } }
    .bootstrap-base.base-design-v202006 .service-item-list .item .service-item-img {
      text-align: center; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .name,
    .bootstrap-base.base-design-v202006 .service-item-list .item .price {
      padding: 0 12px; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .name {
      font-size: 13px;
      margin-top: 8px;
      letter-spacing: -0.4px; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .price {
      font-size: 17px;
      font-weight: bold;
      margin-top: 2px;
      line-height: 1;
      letter-spacing: -0.5px; }
    .bootstrap-base.base-design-v202006 .service-item-list .item .form-group-wrap {
      text-align: center;
      margin-top: 8px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .service-item-list .item .form-group-wrap {
          margin-top: 10px; } }
.bootstrap-base.base-design-v202006 .form-group-wrap h1, .bootstrap-base.base-design-v202006 .form-group-wrap h2, .bootstrap-base.base-design-v202006 .form-group-wrap h3, .bootstrap-base.base-design-v202006 .form-group-wrap h4, .bootstrap-base.base-design-v202006 .form-group-wrap h5, .bootstrap-base.base-design-v202006 .form-group-wrap h6, .bootstrap-base.base-design-v202006 .form-group-wrap p {
  letter-spacing: 0;
  margin-bottom: 0; }
.bootstrap-base.base-design-v202006 .form-group-wrap .form-group-title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5;
  padding: 10px 16px;
  background: #F0F4F5;
  color: rgba(60, 60, 67, 0.6); }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .form-group-wrap .form-group-title {
      border-bottom: 1px solid #ccc; } }
  .bootstrap-base.base-design-v202006 .form-group-wrap .form-group-title.underline {
    border-bottom: 1px solid #ccc; }
.bootstrap-base.base-design-v202006 .form-group-wrap p {
  margin-bottom: 0;
  font-size: 13px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .small-text {
  font-size: 11px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .link-text {
  color: #2298A1; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .link-text:hover {
    text-decoration: none; }
.bootstrap-base.base-design-v202006 .form-group-wrap .original-error-text {
  font-size: 12px;
  font-weight: bold;
  color: #E62E2E; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .original-error-text img {
    margin-right: 5px;
    vertical-align: -1px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .row {
  margin: 0;
  padding: 15px 16px;
  padding-right: 10px;
  border-bottom: 1px solid #ccc; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .form-group-wrap .row {
      background: #fff;
      padding: 15px 20px; } }
  .bootstrap-base.base-design-v202006 .form-group-wrap .row.including-switch-row {
    padding: 9px 16px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .row.including-pickup-input-row {
    padding: 9px 16px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .form-group-wrap .row.sp-short-line {
      border-bottom-color: transparent;
      position: relative; }
      .bootstrap-base.base-design-v202006 .form-group-wrap .row.sp-short-line:after {
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        height: 1px;
        background-color: #ccc; } }
  .bootstrap-base.base-design-v202006 .form-group-wrap .row > div:first-child {
    padding-left: 0; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .row > div:last-child {
    padding-right: 0; }
.bootstrap-base.base-design-v202006 .form-group-wrap .product-description .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0; }
.bootstrap-base.base-design-v202006 .form-group-wrap .product-description .lead {
  font-size: 11px;
  margin-top: 9px;
  line-height: 1.8; }
.bootstrap-base.base-design-v202006 .form-group-wrap .product-item {
  padding: 7px 0 5px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .product-item .name {
    font-size: 13px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .product-item .price {
    font-size: 13px;
    margin-top: 3px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table {
  width: 100%;
  font-weight: bold; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr:nth-child(2n) {
    background: #eee; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr:last-child {
    background: none; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr:last-child td {
      font-size: 19px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr td {
    font-size: 15px;
    text-align: right; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr td:first-child {
      font-size: 13px;
      text-align: left;
      padding-left: 25px; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr td:last-child {
      padding-right: 25px; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .total-fee-table tr td.child {
      font-weight: normal;
      padding-left: 40px; }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .form-group-wrap .order-details {
    padding-right: 10px; } }
.bootstrap-base.base-design-v202006 .form-group-wrap .order-details.item-only .price-wrap {
  width: 100% !important; }
.bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item {
  display: flex;
  justify-content: space-between; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .img-wrap {
    width: 59px; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .img-wrap img {
      margin-top: -10px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-wrap {
    width: calc(100% - 63px); }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-wrap {
        width: calc(100% - 61px); } }
  .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 1.4;
    margin-bottom: 0; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list dt, .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list dd {
      margin-bottom: 0; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list dt {
      width: calc(100% - 80px);
      font-size: 13px;
      color: #666666;
      font-weight: normal; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list dd {
      width: 80px;
      text-align: right;
      font-size: 13px; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list .bold {
      font-size: 15px;
      font-weight: bold;
      color: #000; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list .mt {
      margin-top: 10px; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .item .price-list .c-black {
      color: #000; }
.bootstrap-base.base-design-v202006 .form-group-wrap .order-details .action {
  margin-top: 10px;
  padding-left: 33px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .action {
      padding-left: 29px; } }
  .bootstrap-base.base-design-v202006 .form-group-wrap .order-details .action .text {
    font-size: 12px;
    color: #666;
    margin-right: 3px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .add-btn-wrap {
  text-align: center;
  padding: 8px 10px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .add-btn {
  text-align: center;
  display: inline-block; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .add-btn:hover {
    text-decoration: none; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .add-btn span {
    display: block; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .add-btn .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    background: #2298A1;
    border-radius: 50%; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .add-btn .icon img {
      vertical-align: baseline; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .add-btn .text {
    font-size: 11px;
    color: #000;
    margin-top: 6px; }
.bootstrap-base.base-design-v202006 .form-group-wrap .delete-button {
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  transition: .3s opacity;
  outline: none;
  color: #2298A1;
  padding: 6px 11px;
  border: 1px solid #8bcdd2;
  border-radius: 100px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .delete-button img {
    margin-right: 6px;
    vertical-align: -4px; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .delete-button:hover {
    cursor: pointer;
    opacity: .7; }
.bootstrap-base.base-design-v202006 .form-group-wrap .submit-button {
  font-size: 17px;
  font-weight: bold;
  border: none;
  padding: 10px 10px;
  background: #2298A1;
  color: #fff;
  width: 295px;
  border-radius: 100px;
  transition: .3s opacity;
  outline: none; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .submit-button.bg-white {
    border: 1px solid #2298A1;
    color: #2298A1; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .submit-button:hover {
    cursor: pointer;
    opacity: .7; }
.bootstrap-base.base-design-v202006 .form-group-wrap .pickup-input {
  border: 0;
  display: inline-block;
  padding: 2px;
  font-size: 17px;
  font-weight: bold;
  text-align: right;
  background: transparent;
  letter-spacing: -0.4px;
  width: 100%;
  white-space: normal; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .pickup-input::placeholder {
    color: rgba(60, 60, 67, 0.3); }
  .bootstrap-base.base-design-v202006 .form-group-wrap .pickup-input:hover {
    cursor: pointer; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .pickup-input:focus {
    outline: 0; }
.bootstrap-base.base-design-v202006 .form-group-wrap .original-switch {
  user-select: none;
  margin-bottom: 0; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch:hover {
    cursor: pointer; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-input {
    display: none; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-input:checked + .checkbox-parts.on-green {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/switch/on-green.png); }
    .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-input:checked + .checkbox-parts.on-yellow {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/switch/on-yellow.png); }
  .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-parts {
    display: inline-block;
    width: 51px;
    height: 31px;
    background: no-repeat center;
    background-size: cover;
    transition: background .15s;
    vertical-align: middle; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-parts.off-lightgray {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/switch/off-lightgray.png); }
    .bootstrap-base.base-design-v202006 .form-group-wrap .original-switch .checkbox-parts.off-darkgray {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/switch/off-darkgray.png); }
.bootstrap-base.base-design-v202006 .form-group-wrap .counter {
  width: 130px;
  display: inline-block;
  letter-spacing: 0; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter.yellow .minus,
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter.yellow .plus {
    background-color: #EFB30A; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter .minus,
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter .plus {
    border: 0;
    color: transparent;
    background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/counter-btn/minus.png) no-repeat center;
    background-size: 12px auto;
    background-color: #2298A1;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    transition: .3s opacity;
    outline: none; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .counter .minus:hover,
    .bootstrap-base.base-design-v202006 .form-group-wrap .counter .plus:hover {
      cursor: pointer;
      opacity: .7; }
    .bootstrap-base.base-design-v202006 .form-group-wrap .counter .minus[disabled],
    .bootstrap-base.base-design-v202006 .form-group-wrap .counter .plus[disabled] {
      background-color: #CCC; }
      .bootstrap-base.base-design-v202006 .form-group-wrap .counter .minus[disabled]:hover,
      .bootstrap-base.base-design-v202006 .form-group-wrap .counter .plus[disabled]:hover {
        cursor: default;
        opacity: 1; }
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter .plus {
    background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/f_auto/v1/laundry-out//bootstrap-page/parts/counter-btn/plus.png); }
  .bootstrap-base.base-design-v202006 .form-group-wrap .counter .number {
    width: 50px;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 6px;
    padding: 3px;
    margin: 0 2px; }
.bootstrap-base.base-design-v202006 .share-lo .title {
  margin-bottom: 0;
  font-size: 19px;
  text-align: center;
  padding: 14px 10px;
  color: #fff;
  background: #2298A1; }
.bootstrap-base.base-design-v202006 .share-lo .box {
  padding: 15px 0 155px !important; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .box {
      padding: 15px 0 0 !important; } }
.bootstrap-base.base-design-v202006 .share-lo .lead {
  font-size: 13px;
  font-weight: bold; }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006 .share-lo .sp-white-r {
    border-radius: 16px;
    background: #fff;
    padding: 18px 12px 37px;
    margin-top: 23px; } }
@media screen and (min-width: 900px) {
  .bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px; } }
.bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code-title {
  margin-bottom: 0;
  font-size: 22px;
  color: #999999; }
  @media screen and (min-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code-title {
      width: 260px; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code-title {
      text-align: center; } }
.bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code {
  margin-bottom: 0;
  padding: 15px 10px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 2px;
  background: #F0F4F5;
  border: 1px solid #22686D;
  border-radius: 7px;
  word-break: break-all; }
  @media screen and (min-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code {
      width: 311px; } }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .coupon-code-wrap .code {
      margin-top: 22px; } }
.bootstrap-base.base-design-v202006 .share-lo .share-on-sns {
  margin-top: 32px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .share-on-sns {
      margin-top: 14px; } }
  .bootstrap-base.base-design-v202006 .share-lo .share-on-sns ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media screen and (min-width: 900px) {
      .bootstrap-base.base-design-v202006 .share-lo .share-on-sns ul {
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media screen and (min-width: 900px) {
      .bootstrap-base.base-design-v202006 .share-lo .share-on-sns ul li {
        width: 186px; } }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .share-lo .share-on-sns ul li {
        margin-bottom: 7px; }
        .bootstrap-base.base-design-v202006 .share-lo .share-on-sns ul li:last-child {
          margin-bottom: 0; } }
.bootstrap-base.base-design-v202006 .share-lo .overview {
  margin-top: 68px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006 .share-lo .overview {
      margin-top: 40px; } }
  .bootstrap-base.base-design-v202006 .share-lo .overview .o-box {
    margin-top: 27px; }
    @media screen and (max-width: 900px) {
      .bootstrap-base.base-design-v202006 .share-lo .overview .o-box {
        margin-top: 22px; } }
    .bootstrap-base.base-design-v202006 .share-lo .overview .o-box:first-child {
      margin-top: 0; }
    .bootstrap-base.base-design-v202006 .share-lo .overview .o-box h3, .bootstrap-base.base-design-v202006 .share-lo .overview .o-box p {
      margin-bottom: 0; }
    .bootstrap-base.base-design-v202006 .share-lo .overview .o-box .o-title {
      font-size: 13px;
      padding: 9px 19px;
      color: #fff;
      background: #2298A1;
      border-radius: 100px; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .share-lo .overview .o-box .o-title {
          text-align: center;
          padding: 9px 10px; } }
    .bootstrap-base.base-design-v202006 .share-lo .overview .o-box .o-lead {
      font-size: 11px;
      margin-top: 15px;
      line-height: 1.8; }
      @media screen and (max-width: 900px) {
        .bootstrap-base.base-design-v202006 .share-lo .overview .o-box .o-lead {
          margin-top: 12px; } }
.bootstrap-base.base-design-v202006.user-mypage .base-design-wrap {
  padding-bottom: 176px; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006.user-mypage .base-design-wrap {
      padding-bottom: 70px; } }
.bootstrap-base.base-design-v202006.user-mypage .fast-box {
  padding-bottom: 72px !important; }
  @media screen and (max-width: 900px) {
    .bootstrap-base.base-design-v202006.user-mypage .fast-box {
      padding-bottom: 44px !important; } }
@media screen and (max-width: 900px) {
  .bootstrap-base.base-design-v202006.order-lo .contents,
  .bootstrap-base.base-design-v202006.order-lo .breadcrumb-wrap {
    background-color: #fff; } }

@media (max-width: 768px) {
  .h1, h1 {
    font-size: 1.7rem; }

  .h2, h2 {
    font-size: 1.65rem; }

  .h3, h3 {
    font-size: 1.4rem; }

  .h4, h4 {
    font-size: 1.5rem; }

  .h5, h5 {
    font-size: 1.25rem; }

  .h6, h6 {
    font-size: 1rem; }

  .bootstrap-base .wizard.step-4 {
    padding: 0 10px; }
    .bootstrap-base .wizard.step-4 .connecting-line {
      top: 28%; }
    .bootstrap-base .wizard.step-4 .nav-tabs > li span {
      width: 40px;
      height: 40px;
      line-height: 40px; }
      .bootstrap-base .wizard.step-4 .nav-tabs > li span .round-tab {
        font-size: 15px; }
    .bootstrap-base .wizard.step-4 .nav-tabs li p {
      font-size: 13px;
      line-height: 1.5;
      margin-top: 5px;
      padding: 0 8px; }

  .bootstrap-base .nav-tabs li p {
    padding-top: 10px;
    font-size: 15px;
    text-align: center;
    line-height: 1.3; }

  .bootstrap-base .wizard .nav-tabs > li span {
    width: 50px;
    height: 50px;
    line-height: 50px; }

  .bootstrap-base .wizard .connecting-line {
    height: 6px;
    top: 34%; }

  .bootstrap-base .wizard li.active span.round-tab {
    font-size: 17px; }

  .bootstrap-base .nav-tabs li p {
    margin-top: -4px; }

  .bootstrap-base .selection-status {
    border: none;
    border-top: 3px solid #d2d2d2;
    width: 100%;
    padding: 10px !important;
    bottom: 0;
    transition: bottom .3s; }
    .bootstrap-base .selection-status.selecting, .bootstrap-base .selection-status.sp-hide {
      bottom: -180px; }

  .select-address .card-title {
    font-size: 15px; }

  .bootstrap-base .mark-icon svg {
    width: 110px; }

  .bootstrap-base .mark-icon i {
    right: 4px;
    font-size: 1.2rem;
    top: 6px; }

  .category-container .items {
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px; }
    .category-container .items:nth-child(2n) {
      margin-right: 0; }
    .category-container .items .card .card-body {
      padding: 10px; }
      .category-container .items .card .card-body .name {
        font-size: 15px; }
      .category-container .items .card .card-body .description {
        font-size: 12px; }
      .category-container .items .card .card-body .item-price {
        font-size: 15px; }
      .category-container .items .card .card-body small {
        font-size: 10px; }
    .category-container .items .media-body {
      padding: 10px !important; } }
.select-address .dropdown select {
  text-align: center;
  color: #00696e;
  position: relative;
  top: 4px;
  width: 90% !important;
  height: 80px !important; }

.table-responsive {
  display: table; }

.table-bordered td,
.table-bordered th {
  font-size: 15px;
  padding: 9px 7px; }

@media (max-width: 768px) {
  .select-address .dropdown select {
    height: auto !important; }

  .table-bordered td,
  .table-bordered th {
    padding: 9px 3px;
    font-size: 12px;
    line-height: 1.4; } }
.policy-rules-iframe-var {
  padding: 20px 40px;
  background: #f3f3f3;
  min-width: auto; }
  @media screen and (max-width: 900px) {
    .policy-rules-iframe-var {
      padding: 10px 15px; }
      .policy-rules-iframe-var h1 {
        margin-top: 30px !important; }
        .policy-rules-iframe-var h1:first-child {
          margin-top: 1rem !important; }
      .policy-rules-iframe-var .sectionTtl {
        text-align: left !important; }
      .policy-rules-iframe-var .h3, .policy-rules-iframe-var h3 {
        font-size: 17px; }
      .policy-rules-iframe-var .h4, .policy-rules-iframe-var h4 {
        font-size: 15px; }
      .policy-rules-iframe-var p {
        font-size: 13px; }
      .policy-rules-iframe-var .mb-5, .policy-rules-iframe-var .my-5 {
        margin-bottom: 1.5rem !important; } }

@media screen and (max-width: 900px) {
  .bootstrap-base .contents .main {
    padding: 20px 0; }
  .bootstrap-base .contents > .container {
    padding-right: 8px;
    padding-left: 8px; }
  .bootstrap-base .contents > .container > h1 {
    padding-left: 10px; }
    .bootstrap-base .contents > .container > h1 + p {
      padding-left: 10px; }
  .bootstrap-base .contents .main > .container {
    padding-right: 10px;
    padding-left: 10px; }
  .bootstrap-base .contents .main .h4,
  .bootstrap-base .contents .main h4 {
    font-size: 1.4rem; }
  .bootstrap-base.contact .contents .main, .bootstrap-base.contact-confirm .contents .main, .bootstrap-base.contact-complete .contents .main, .bootstrap-base.biz-contact .contents .main, .bootstrap-base.biz-contact-confirm .contents .main, .bootstrap-base.biz-contact-complete .contents .main {
    padding: 20px 10px; }
  .bootstrap-base.policy-privacy .contents > .container > h1, .bootstrap-base.policy-rules .contents > .container > h1, .bootstrap-base.policy-law .contents > .container > h1 {
    padding-left: 0; }
    .bootstrap-base.policy-privacy .contents > .container > h1 + p, .bootstrap-base.policy-rules .contents > .container > h1 + p, .bootstrap-base.policy-law .contents > .container > h1 + p {
      padding-left: 0; } }
#mv,
#mv-sp {
  margin-bottom: 0;
  overflow: hidden; }
  @media screen and (min-width: 900px) {
    #mv.mt,
    #mv-sp.mt {
      margin-top: -128px; } }
  @media screen and (max-width: 900px) {
    #mv .slick-dots,
    #mv-sp .slick-dots {
      bottom: 35px; } }
  @media screen and (max-width: 900px) {
    #mv .slick-dots li,
    #mv-sp .slick-dots li {
      margin: 0 2px; } }
  #mv .slick-dots li button:before,
  #mv-sp .slick-dots li button:before {
    font-size: 0.9375rem;
    transform: translate(-18%, -28%);
    opacity: 1;
    color: white; }
    @media screen and (max-width: 900px) {
      #mv .slick-dots li button:before,
      #mv-sp .slick-dots li button:before {
        font-size: 0.9375rem; } }
  #mv .slick-dots li.slick-active button:before,
  #mv-sp .slick-dots li.slick-active button:before {
    opacity: .5; }
  #mv .slick-dots,
  #mv-sp .slick-dots {
    text-align: right;
    bottom: 17px;
    right: 30px; }
    @media screen and (max-width: 900px) {
      #mv .slick-dots,
      #mv-sp .slick-dots {
        bottom: 10px;
        right: 10px; } }

.safari #mv .slick-dots li button:before,
.safari #mv-sp .slick-dots li button:before {
  font-size: 0.625rem; }
  @media screen and (max-width: 900px) {
    .safari #mv .slick-dots li button:before,
    .safari #mv-sp .slick-dots li button:before {
      font-size: 0.625rem; } }

.win #mv .slick-dots li button:before,
.win #mv-sp .slick-dots li button:before {
  font-size: 0.875rem; }
  @media screen and (max-width: 900px) {
    .win #mv .slick-dots li button:before,
    .win #mv-sp .slick-dots li button:before {
      font-size: 0.625rem; } }

.win .title-area.pattern-1 .title {
  font-size: 2.3125rem; }
.win section.intro .recommend .lists ul li {
  width: 354px; }
.win section.course-intro .lists ul li {
  width: 366px; }
.win section.reason .lists ul li .title span {
  display: inline-block; }
.win section.reason .lists ul li .title span:after {
  bottom: -1px; }
.win section.easy-steps .flow ol li .notes {
  letter-spacing: 0.1px; }

.home #modal-content {
  width: 80%;
  margin: 0;
  padding: 0;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 99999; }
.home #modal-content .inner {
  position: relative; }
.home #modal-content .inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden; }
.home #modal-content .inner #player {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }
.home #modal-overlay {
  z-index: 9999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

section.intro {
  padding: 90px 0 50px; }
  @media screen and (max-width: 900px) {
    section.intro {
      padding: 45px 0 30px; } }
  section.intro .lead-area {
    margin-top: 28px; }
  section.intro .youtube {
    margin: 50px 14px 0; }
    @media screen and (max-width: 900px) {
      section.intro .youtube {
        border: 1px solid #f1f1f1;
        margin: 50px 0 0; } }
    section.intro .youtube iframe {
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        section.intro .youtube iframe {
          width: 100%;
          height: 55vw; } }
  section.intro .recommend {
    margin-top: 42px; }
    @media screen and (max-width: 900px) {
      section.intro .recommend {
        margin-top: 52px;
        padding: 0 10px; } }
    section.intro .recommend .title {
      text-align: center;
      font-size: 1.5rem; }
      @media screen and (max-width: 900px) {
        section.intro .recommend .title {
          font-size: 0.9375rem; } }
    section.intro .recommend .lists {
      margin-top: 15px; }
      @media screen and (min-width: 900px) {
        section.intro .recommend .lists {
          margin-top: 36px;
          padding: 0 18px; } }
      @media screen and (max-width: 900px) {
        section.intro .recommend .lists ul {
          max-width: 350px;
          margin: 0 auto; } }
      @media screen and (min-width: 900px) {
        section.intro .recommend .lists ul li {
          padding: 0px 20px;
          text-align: center; } }
      @media screen and (max-width: 900px) {
        section.intro .recommend .lists ul li {
          overflow: hidden;
          margin-bottom: 10px; } }
      section.intro .recommend .lists ul li .img {
        width: 252px; }
        @media screen and (max-width: 900px) {
          section.intro .recommend .lists ul li .img {
            float: left;
            width: 90px; } }
      section.intro .recommend .lists ul li .lead {
        margin-top: 16px;
        font-size: 1.125rem;
        letter-spacing: 1.5px;
        line-height: 1.6; }
        @media screen and (max-width: 900px) {
          section.intro .recommend .lists ul li .lead {
            float: right;
            width: calc(100% - 135px);
            margin-top: 15px;
            font-size: 0.9375rem; } }
        section.intro .recommend .lists ul li .lead span {
          font-weight: bold;
          color: #22686d; }
        section.intro .recommend .lists ul li .lead .checkbox {
          margin-left: -23px;
          vertical-align: -3px; }
          @media screen and (max-width: 900px) {
            section.intro .recommend .lists ul li .lead .checkbox {
              width: 18px;
              vertical-align: -1px; } }
section.reason {
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/index/reason/bg.jpg) no-repeat center;
  background-size: cover; }
  @media screen and (max-width: 900px) {
    section.reason {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/index/reason/bg-sp.jpg);
      padding-bottom: 40px; } }
  section.reason .lists {
    margin-top: 44px; }
    @media screen and (max-width: 900px) {
      section.reason .lists {
        margin-top: 30px; } }
    @media screen and (min-width: 900px) {
      section.reason .lists ul.normal li {
        width: 346px !important; } }
    section.reason .lists ul li {
      background-color: #fff; }
      @media screen and (min-width: 900px) {
        section.reason .lists ul li {
          margin-bottom: 30px;
          padding: 40px 35px;
          width: 346px; }
          section.reason .lists ul li:nth-child(1) {
            width: 535px; }
          section.reason .lists ul li:nth-child(2) {
            width: 535px; } }
      @media screen and (max-width: 900px) {
        section.reason .lists ul li {
          margin: 0 10px 10px;
          padding: 22px 20px; } }
      section.reason .lists ul li .icon {
        text-align: center; }
        @media screen and (max-width: 900px) {
          section.reason .lists ul li .icon img {
            width: 42px; } }
      section.reason .lists ul li .title {
        text-align: center;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: 0; }
        @media screen and (min-width: 900px) {
          section.reason .lists ul li .title {
            font-size: 1.4375rem;
            height: 118px;
            width: 520px;
            display: table-cell;
            vertical-align: middle; } }
        @media screen and (max-width: 900px) {
          section.reason .lists ul li .title {
            letter-spacing: .4px;
            font-size: 1rem;
            margin-top: 14px; } }
        section.reason .lists ul li .title span {
          position: relative; }
          section.reason .lists ul li .title span:after {
            display: block;
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #8ab7ac; }
            @media screen and (max-width: 900px) {
              section.reason .lists ul li .title span:after {
                bottom: -4px;
                height: 3px; } }
      section.reason .lists ul li .lead {
        text-align: justify;
        line-height: 1.45;
        letter-spacing: -1px; }
        @media screen and (max-width: 900px) {
          section.reason .lists ul li .lead {
            font-size: 0.6875rem;
            margin-top: 14px;
            line-height: 1.75;
            letter-spacing: .4px; } }
section.news {
  padding: 58px 0 70px; }
  @media screen and (max-width: 900px) {
    section.news {
      padding: 58px 20px; } }
  section.news .items {
    margin-top: 42px; }
    @media screen and (max-width: 900px) {
      section.news .items {
        margin: 35px 0 0; } }
    section.news .items ul li {
      border-bottom: 1px solid #ececec; }
      @media screen and (min-width: 900px) {
        section.news .items ul li:last-child {
          border-bottom: 0; } }
      section.news .items ul li .item {
        font-size: 1rem;
        padding: 20px 0; }
        @media screen and (max-width: 900px) {
          section.news .items ul li .item {
            display: flex;
            justify-content: space-between;
            align-items: center; } }
        section.news .items ul li .item .date {
          width: 120px;
          letter-spacing: .2px; }
          @media screen and (max-width: 900px) {
            section.news .items ul li .item .date {
              font-size: 0.6875rem;
              width: 85px; } }
        section.news .items ul li .item .text {
          width: calc(100% - 132px); }
          @media screen and (max-width: 900px) {
            section.news .items ul li .item .text {
              font-size: 0.75rem;
              width: calc(100% - 85px); } }
      section.news .items ul li a.item {
        background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-thin.png) no-repeat 99% 43%;
        background-size: 7px auto; }
        @media screen and (max-width: 900px) {
          section.news .items ul li a.item {
            background-size: 6px auto;
            background-position: 99% 52%; } }
  section.news .btn-wrap {
    margin-top: 5px !important;
    text-align: center; }
    @media screen and (max-width: 900px) {
      section.news .btn-wrap {
        margin-top: 25px !important; } }
section.type {
  padding: 0 0 70px;
  background-color: #e3eae6; }
  @media screen and (max-width: 900px) {
    section.type {
      padding: 30px 0 50px; } }
  section.type .cover img {
    width: 100%; }
  section.type .links {
    padding-top: 70px; }
    @media screen and (max-width: 900px) {
      section.type .links {
        margin: 0 20px 0;
        padding-top: 20px; }
        section.type .links ul li {
          margin-bottom: 20px; }
          section.type .links ul li:last-child {
            margin-bottom: 0; } }
@media screen and (max-width: 900px) {
  section.course-intro {
    padding: 0 0 10px; } }
@media screen and (max-width: 900px) {
  section.standard.info-column {
    margin-top: 0px;
    padding-top: 0px !important; } }
@media screen and (min-width: 900px) {
  section.standard.info-column .cover {
    position: relative;
    top: 10px; } }
@media screen and (max-width: 900px) {
  section.natural.info-column {
    background-color: #e8ecdb !important; } }
@media screen and (min-width: 900px) {
  section.delicate.info-column .inner .content .flex .seal {
    right: -20px; } }
@media screen and (min-width: 1360px) {
  section.delicate.info-column .inner .content .flex .seal {
    right: 10px; } }
@media screen and (max-width: 900px) {
  section.dailycare.info-column {
    background-color: #fef9cc !important; } }
section.dailycare.info-column .inner .content .flex .seal {
  position: absolute;
  top: -40px;
  right: 0px; }
  @media screen and (max-width: 900px) {
    section.dailycare.info-column .inner .content .flex .seal {
      top: -40px;
      right: 0; } }
  @media screen and (min-width: 1360px) {
    section.dailycare.info-column .inner .content .flex .seal {
      top: -70px;
      right: 60px; } }
@media screen and (max-width: 900px) {
  section.detox.info-column {
    background-color: #feecd0 !important; } }
@media screen and (min-width: 900px) {
  section.detox.info-column .inner .content .flex .seal {
    right: -20px; } }
@media screen and (min-width: 1360px) {
  section.detox.info-column .inner .content .flex .seal {
    right: 10px; } }
section.choose-your-course {
  padding-top: 87px; }
  @media screen and (max-width: 900px) {
    section.choose-your-course {
      padding: 87px 10px 50px; } }
  section.choose-your-course .flat-table {
    margin-top: 40px;
    font-size: 0.9375rem;
    letter-spacing: -.4px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      section.choose-your-course .flat-table {
        margin-top: 30px;
        font-size: 0.75rem;
        width: 730px; } }
    section.choose-your-course .flat-table .table-col-1 {
      width: 50px; }
    section.choose-your-course .flat-table .table-col-1.lp {
      width: 90px; }
    section.choose-your-course .flat-table .table-col-2 {
      width: 120px; }
    section.choose-your-course .flat-table .table-col-3 {
      width: 165px; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .table-col-3 {
          width: 80px; } }
    section.choose-your-course .flat-table .table-col-4 {
      width: 278px;
      background-color: rgba(52, 147, 99, 0.5); }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .table-col-4 {
          width: 150px; } }
    section.choose-your-course .flat-table .table-col-5 {
      width: 278px;
      background-color: rgba(186, 208, 110, 0.5); }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .table-col-5 {
          width: 150px; } }
    section.choose-your-course .flat-table .table-col-6 {
      width: 278px;
      background-color: rgba(137, 196, 168, 0.5); }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .table-col-6 {
          width: 150px; } }
    section.choose-your-course .flat-table .table-col-7 {
      width: 165px;
      background-color: rgba(177, 217, 230, 0.5); }
    section.choose-your-course .flat-table td, section.choose-your-course .flat-table th {
      padding: 20px 15px;
      height: 90px;
      border-color: #dadbdb;
      font-weight: normal; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table td, section.choose-your-course .flat-table th {
          padding: 0 5px; } }
    section.choose-your-course .flat-table th {
      font-size: 15px;
      font-weight: bold !important; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table th {
          font-size: 12px; } }
    section.choose-your-course .flat-table .v-wr {
      display: inline;
      writing-mode: vertical-rl;
      white-space: nowrap;
      text-orientation: upright;
      font-weight: bold; }
    section.choose-your-course .flat-table .b-w {
      border-color: #fff; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .b-w img {
          width: 100px; } }
    section.choose-your-course .flat-table ul {
      line-height: 1.6;
      text-align: left;
      display: inline-block; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table ul {
          font-size: 0.75rem; } }
      section.choose-your-course .flat-table ul li:before {
        content: '\025cf';
        margin-right: 6px;
        font-size: 10px;
        vertical-align: 1px;
        color: rgba(0, 0, 0, 0.3); }
    section.choose-your-course .flat-table span {
      font-size: 1.4375rem;
      color: #fff; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table span {
          font-size: 0.9375rem; } }
    section.choose-your-course .flat-table .head td, section.choose-your-course .flat-table .head th {
      font-weight: bold;
      font-size: 1.0625rem; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .flat-table .head td, section.choose-your-course .flat-table .head th {
          font-size: 0.8125rem; } }
  section.choose-your-course .course-list-table {
    width: 100%;
    margin-top: 40px;
    font-size: 0.9375rem;
    letter-spacing: -.4px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      section.choose-your-course .course-list-table {
        margin-top: 30px;
        font-size: 0.75rem;
        width: 730px; } }
    section.choose-your-course .course-list-table td, section.choose-your-course .course-list-table th {
      vertical-align: middle;
      border: 1px solid #333;
      padding: 10px 15px;
      height: 90px;
      border-color: #dadbdb;
      font-weight: normal; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .course-list-table td, section.choose-your-course .course-list-table th {
          padding: 10px 15px; } }
    section.choose-your-course .course-list-table th {
      font-size: 15px;
      font-weight: bold !important; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .course-list-table th {
          font-size: 12px; } }
    section.choose-your-course .course-list-table .b-w {
      border-color: #fff; }
      @media screen and (max-width: 900px) {
        section.choose-your-course .course-list-table .b-w img {
          width: 100px; } }
    section.choose-your-course .course-list-table .b-t-w {
      border-top-color: #fff; }
    section.choose-your-course .course-list-table .b-r-w {
      border-right-color: #fff; }
    section.choose-your-course .course-list-table .b-b-w {
      border-bottom-color: #fff; }
    section.choose-your-course .course-list-table .b-br-w {
      border-bottom-color: #fff;
      border-right-color: #fff; }
    section.choose-your-course .course-list-table tr.head .second-col {
      background-color: #f5f6f6; }
    section.choose-your-course .course-list-table tr.head .third-col {
      background-color: #ededed; }
    section.choose-your-course .course-list-table tr.head .fourth-col {
      background-color: #e0e0e0; }
    section.choose-your-course .course-list-table tr.standard {
      background-color: rgba(52, 147, 99, 0.5); }
      section.choose-your-course .course-list-table tr.standard th {
        text-align: left; }
    section.choose-your-course .course-list-table tr.natural {
      background-color: rgba(186, 208, 110, 0.5); }
      section.choose-your-course .course-list-table tr.natural th {
        text-align: left; }
    section.choose-your-course .course-list-table tr.delicate {
      background-color: rgba(137, 196, 168, 0.5); }
      section.choose-your-course .course-list-table tr.delicate th {
        text-align: left; }
    section.choose-your-course .course-list-table tr.dailycare th {
      background-color: #f5c300;
      width: 50px;
      color: #fff;
      padding: 20px 5px; }
    section.choose-your-course .course-list-table tr.dailycare .title {
      text-align: left;
      width: 150px;
      font-weight: bold; }
    section.choose-your-course .course-list-table tr.dailycare td {
      background-color: #fef9cc; }
    section.choose-your-course .course-list-table tr.detox {
      background-color: #ffecd0; }
      section.choose-your-course .course-list-table tr.detox .title {
        text-align: left;
        width: 150px;
        font-weight: bold; }
section.users-voice {
  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/index/users-voice/bg.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 80px; }
  @media screen and (max-width: 900px) {
    section.users-voice {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/index/users-voice/bg-parallax-sp.jpg);
      background-size: cover;
      padding: 10px 10px 50px;
      background-attachment: scroll; } }
  section.users-voice .title-area {
    margin-top: 77px; }
    @media screen and (max-width: 900px) {
      section.users-voice .title-area {
        margin-top: 65px; } }
  section.users-voice .voices {
    margin-top: 30px; }
    section.users-voice .voices .voice {
      background: rgba(255, 255, 255, 0.9); }
      @media screen and (min-width: 900px) {
        section.users-voice .voices .voice {
          width: 47.5%;
          padding: 40px 30px;
          margin-bottom: 45px; } }
      @media screen and (max-width: 900px) {
        section.users-voice .voices .voice {
          padding: 15px 15px;
          margin-bottom: 10px; } }
      section.users-voice .voices .voice p {
        letter-spacing: 0.5px;
        line-height: 1.5; }
      section.users-voice .voices .voice .lead {
        font-size: 1.125rem; }
        @media screen and (max-width: 900px) {
          section.users-voice .voices .voice .lead {
            font-size: 0.75rem; } }
      section.users-voice .voices .voice .user {
        text-align: right;
        margin-top: 8px; }
        @media screen and (max-width: 900px) {
          section.users-voice .voices .voice .user {
            font-size: 0.75rem; } }
section.easy-steps {
  background-color: #e1e8e4;
  padding-top: 85px;
  padding-bottom: 160px; }
  section.easy-steps .flow {
    margin-top: 70px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      section.easy-steps .flow {
        margin-top: 40px;
        margin-bottom: -160px; } }
    section.easy-steps .flow ol {
      position: relative; }
      @media screen and (min-width: 900px) {
        section.easy-steps .flow ol:before {
          content: '';
          display: block;
          height: 2px;
          background-color: #22686d;
          position: absolute;
          left: 80px;
          right: 80px;
          top: 9px; } }
      @media screen and (max-width: 900px) {
        section.easy-steps .flow ol {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin: 0 10px;
          overflow: hidden; } }
      section.easy-steps .flow ol li {
        position: relative; }
        @media screen and (max-width: 900px) {
          section.easy-steps .flow ol li {
            width: 43%;
            margin-bottom: 110px; }
            section.easy-steps .flow ol li:nth-child(2n) .order:before {
              content: '';
              display: block;
              height: 2px;
              background-color: #22686d;
              position: absolute;
              left: -100vw;
              right: -100vw;
              top: 5px; }
            section.easy-steps .flow ol li:nth-child(2n) .order:after {
              left: 10px;
              right: 0; } }
        section.easy-steps .flow ol li .order {
          font-size: 1.125rem;
          color: #22686d;
          font-weight: bold;
          width: 160px;
          margin: 0 auto;
          background-color: #e2e8e4; }
          @media screen and (max-width: 900px) {
            section.easy-steps .flow ol li .order {
              font-size: 0.75rem;
              width: 100%; }
              section.easy-steps .flow ol li .order span {
                position: relative;
                z-index: 11; }
              section.easy-steps .flow ol li .order:after {
                content: '';
                display: block;
                background-color: #e1e8e4;
                position: absolute;
                top: -1px;
                left: 0;
                right: 10px;
                height: 14px;
                z-index: 10; } }
        section.easy-steps .flow ol li .title {
          font-size: 1.5rem;
          margin: 13px 0 30px; }
          @media screen and (max-width: 900px) {
            section.easy-steps .flow ol li .title {
              font-size: 0.9375rem;
              margin: 6px 0 12px; } }
        section.easy-steps .flow ol li .lead {
          margin-top: 16px;
          line-height: 1.4;
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            section.easy-steps .flow ol li .lead {
              font-size: 0.75rem;
              letter-spacing: -.05px; } }
        @media screen and (max-width: 900px) {
          section.easy-steps .flow ol li .img img {
            width: 100%; } }
        section.easy-steps .flow ol li .notes {
          position: absolute;
          bottom: -102px;
          left: 47%;
          transform: translateX(-50%);
          text-align: center;
          height: 77px;
          width: 321px;
          font-size: 0.75rem;
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v2/laundry-out/index/easy-steps/callout.png) no-repeat center;
          background-position: 50% 0;
          background-size: cover;
          line-height: 1.6;
          letter-spacing: 0.3px;
          padding: 27px 15px 7px; }
          @media screen and (max-width: 900px) {
            section.easy-steps .flow ol li .notes {
              font-size: 0.6875rem;
              background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v2/laundry-out/index/easy-steps/callout-sp.png);
              left: auto;
              right: 0;
              bottom: -78px;
              transform: translateX(0);
              width: 224px;
              height: 66px;
              padding: 21px 11px 10px; } }

.notes .descriptions {
  padding-top: 80px; }
  @media screen and (max-width: 900px) {
    .notes .descriptions {
      padding: 0 10px 0;
      padding-top: 60px; } }
  .notes .descriptions .item {
    text-align: center;
    width: 48%;
    border: 2px solid #333;
    padding: 60px 20px 35px; }
    @media screen and (max-width: 900px) {
      .notes .descriptions .item {
        width: 100%;
        margin-bottom: 15px;
        padding: 30px 20px; } }
    .notes .descriptions .item .title {
      font-size: 1.4375rem; }
      @media screen and (max-width: 900px) {
        .notes .descriptions .item .title {
          font-size: 1rem; } }
    .notes .descriptions .item .icon {
      margin: 26px 0 25px; }
      @media screen and (max-width: 900px) {
        .notes .descriptions .item .icon {
          margin: 18px 0 15px; }
          .notes .descriptions .item .icon img {
            width: 35px; } }
    .notes .descriptions .item .content {
      font-size: 0.9375rem;
      line-height: 2.2; }
      @media screen and (max-width: 900px) {
        .notes .descriptions .item .content {
          font-size: 0.75rem; } }
    .notes .descriptions .item .note {
      font-size: 0.75rem;
      line-height: 1.8;
      margin-top: 20px; }
      @media screen and (max-width: 900px) {
        .notes .descriptions .item .note {
          font-size: 0.6875rem; } }
      .notes .descriptions .item .note a {
        color: #22686d;
        text-decoration: underline; }
        .notes .descriptions .item .note a:hover {
          opacity: 1;
          text-decoration: none; }
    .notes .descriptions .item .lead {
      margin-bottom: 20px;
      line-height: 1.7;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        .notes .descriptions .item .lead {
          font-size: 0.8125rem; } }
      .notes .descriptions .item .lead img {
        display: inline-block;
        margin: 10px 0; }
        @media screen and (max-width: 900px) {
          .notes .descriptions .item .lead img {
            width: 100px; } }
.notes .descriptions-d-02 {
  padding-top: 92px; }
  @media screen and (max-width: 900px) {
    .notes .descriptions-d-02 {
      padding: 53px 10px 10px; } }
  @media screen and (min-width: 900px) {
    .notes .descriptions-d-02 .flex-container {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; } }
  .notes .descriptions-d-02 .flex-container .item {
    background: #fff;
    border: 5px solid #89b7ac;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (min-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item {
        width: 500px; } }
    @media screen and (max-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item {
        border-width: 3px;
        margin-bottom: 10px; } }
    .notes .descriptions-d-02 .flex-container .item .title-wrap,
    .notes .descriptions-d-02 .flex-container .item .lead-wrap {
      width: 50%;
      height: 160px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item .title-wrap,
        .notes .descriptions-d-02 .flex-container .item .lead-wrap {
          height: 108px; } }
    .notes .descriptions-d-02 .flex-container .item .title-wrap {
      border-right: 2px solid #89b7ac;
      padding-left: 15px;
      padding-right: 5px; }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item .title-wrap {
          padding-left: 10px;
          border-width: 1px; } }
      .notes .descriptions-d-02 .flex-container .item .title-wrap h2, .notes .descriptions-d-02 .flex-container .item .title-wrap h3, .notes .descriptions-d-02 .flex-container .item .title-wrap h4 {
        font-size: 23px; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .title-wrap h2, .notes .descriptions-d-02 .flex-container .item .title-wrap h3, .notes .descriptions-d-02 .flex-container .item .title-wrap h4 {
            font-size: 16px; } }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .title-wrap h2 img, .notes .descriptions-d-02 .flex-container .item .title-wrap h3 img, .notes .descriptions-d-02 .flex-container .item .title-wrap h4 img {
            width: 34px; } }
    .notes .descriptions-d-02 .flex-container .item .lead-wrap {
      width: 50%;
      padding-left: 22px;
      padding-right: 15px; }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item .lead-wrap {
          padding-left: 12px;
          padding-right: 8px; } }
      .notes .descriptions-d-02 .flex-container .item .lead-wrap p {
        font-size: 15px;
        font-weight: bold;
        line-height: 1.7; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .lead-wrap p {
            font-size: 13px;
            letter-spacing: -0.5px; } }
    .notes .descriptions-d-02 .flex-container .item .contents-wrap {
      width: 100%;
      border-top: 4px solid #89b7ac;
      text-align: center;
      padding: 33px 35px; }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item .contents-wrap {
          padding: 22px 17px;
          border-width: 3px; } }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item .contents-wrap .mark img {
          width: 85px; } }
      .notes .descriptions-d-02 .flex-container .item .contents-wrap .note {
        margin-top: 12px;
        margin-bottom: -13px;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.75; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .note {
            font-size: 10px;
            margin-top: 8px;
            margin-bottom: -7px; } }
      .notes .descriptions-d-02 .flex-container .item .contents-wrap .contents-title {
        margin-top: 34px;
        font-size: 16px;
        color: #0b5b4f;
        margin-bottom: 6px; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .contents-title {
            margin-top: 20px;
            font-size: 13px;
            margin-bottom: 5px; } }
      .notes .descriptions-d-02 .flex-container .item .contents-wrap .list {
        line-height: 1.2; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .list {
            font-size: 12px; } }
        .notes .descriptions-d-02 .flex-container .item .contents-wrap .list li {
          margin-bottom: 8px; }
          @media screen and (max-width: 900px) {
            .notes .descriptions-d-02 .flex-container .item .contents-wrap .list li {
              margin-bottom: 4px; } }
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .list li:last-child {
            margin-bottom: 0; }
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .list li:before {
            content: '・'; }
      .notes .descriptions-d-02 .flex-container .item .contents-wrap .link-wrap {
        padding: 11px;
        margin-top: 39px;
        background: #92b5ae; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .link-wrap {
            padding: 8px;
            margin-top: 20px; } }
        .notes .descriptions-d-02 .flex-container .item .contents-wrap .link-wrap p {
          line-height: 1.8;
          font-weight: bold;
          color: #fff; }
          @media screen and (max-width: 900px) {
            .notes .descriptions-d-02 .flex-container .item .contents-wrap .link-wrap p {
              font-size: 12px; } }
          .notes .descriptions-d-02 .flex-container .item .contents-wrap .link-wrap p a {
            color: #0b5b4f;
            text-decoration: underline; }
  .notes .descriptions-d-02 .flex-container .item-note {
    background: #fff;
    margin-top: 15px; }
    @media screen and (min-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item-note {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 35px 40px; } }
    @media screen and (max-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item-note {
        padding: 17px 20px; } }
    @media screen and (min-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item-note .title-wrap {
        width: 510px; } }
    @media screen and (max-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item-note .title-wrap {
        border-bottom: 1px solid #f0827d;
        margin-bottom: 13px;
        padding-bottom: 12px; } }
    .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title {
      display: flex;
      align-items: center; }
      .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title .img-w {
        margin-right: 22px; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title .img-w {
            margin-right: 16px; }
            .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title .img-w img {
              width: 26px; } }
      .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title .h {
        line-height: 1.8;
        color: #f0827d;
        letter-spacing: -0.5px; }
        @media screen and (max-width: 900px) {
          .notes .descriptions-d-02 .flex-container .item-note .title-wrap .title .h {
            font-size: 11px;
            line-height: 1.7; } }
    @media screen and (min-width: 900px) {
      .notes .descriptions-d-02 .flex-container .item-note .list-wrap {
        width: calc(100% - 510px);
        padding-left: 30px;
        border-left: 2px solid #f0827d; } }
    .notes .descriptions-d-02 .flex-container .item-note .list-wrap ul li {
      margin-bottom: 5px;
      line-height: 1.5; }
      @media screen and (max-width: 900px) {
        .notes .descriptions-d-02 .flex-container .item-note .list-wrap ul li {
          font-size: 11px;
          margin-bottom: 2px; } }
      .notes .descriptions-d-02 .flex-container .item-note .list-wrap ul li:last-child {
        margin-bottom: 0; }
      .notes .descriptions-d-02 .flex-container .item-note .list-wrap ul li:before {
        content: '・'; }
  .notes .descriptions-d-02 .flex-container .annotation p {
    margin-top: 20px;
    letter-spacing: -1px; }
    @media screen and (max-width: 900px) {
      .notes .descriptions-d-02 .flex-container .annotation p {
        font-size: 0.75rem; } }
    .notes .descriptions-d-02 .flex-container .annotation p a {
      color: #22686d;
      text-decoration: underline; }
.notes .title-area {
  margin-top: 104px; }
  @media screen and (max-width: 900px) {
    .notes .title-area {
      margin-top: 75px; } }
@media screen and (min-width: 900px) {
  .notes .capacity {
    padding-left: 123px;
    padding-right: 138px;
    margin: 35px 0 86px; } }
@media screen and (max-width: 900px) {
  .notes .capacity {
    display: flex;
    flex-direction: column; } }
@media screen and (min-width: 900px) {
  .notes .capacity .content {
    margin-top: 55px;
    width: 430px; } }
@media screen and (max-width: 900px) {
  .notes .capacity .content {
    width: 242px;
    margin: 0 auto;
    padding-bottom: 40px; } }
.notes .capacity .content .capacity-caption {
  background-color: #fff;
  color: #22686d;
  font-weight: bold; }
  @media screen and (min-width: 900px) {
    .notes .capacity .content .capacity-caption {
      font-size: 1.40625rem;
      margin: -25px -15px 12px;
      margin-right: 40px;
      padding: 10px;
      padding-left: 15px; } }
  @media screen and (max-width: 900px) {
    .notes .capacity .content .capacity-caption {
      font-size: 0.8125rem;
      text-align: center;
      padding: 7px;
      margin-bottom: 12px; } }
.notes .capacity .content dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 2.14375rem;
  font-weight: bold;
  line-height: 1.8; }
  @media screen and (max-width: 900px) {
    .notes .capacity .content dl {
      font-size: 1.15625rem; } }
  .notes .capacity .content dl dt {
    width: 185px; }
    @media screen and (max-width: 900px) {
      .notes .capacity .content dl dt {
        width: 115px; } }
    .notes .capacity .content dl dt span {
      font-size: 1.1875rem;
      display: block;
      margin-top: -6px; }
      @media screen and (max-width: 900px) {
        .notes .capacity .content dl dt span {
          font-size: 0.78125rem; } }
  .notes .capacity .content dl dd {
    width: calc(100% - 185px);
    letter-spacing: 1.3px;
    color: #22686d; }
    @media screen and (max-width: 900px) {
      .notes .capacity .content dl dd {
        width: calc(100% - 115px); } }
    .notes .capacity .content dl dd span {
      position: relative; }
      .notes .capacity .content dl dd span:after {
        content: '';
        display: block;
        background-color: #22686d;
        position: absolute;
        left: 0%;
        right: 0;
        bottom: -10px;
        height: 4px; }
@media screen and (max-width: 900px) {
  .notes .capacity .img {
    text-align: center;
    order: -1;
    margin: 20px 0 15px; }
    .notes .capacity .img img {
      width: 40%; } }
.notes .capacity .link {
  width: 100%;
  text-align: right;
  margin-top: 30px;
  font-size: 1rem; }
  @media screen and (max-width: 900px) {
    .notes .capacity .link {
      text-align: center;
      font-size: 0.75rem;
      margin: -20px 0 40px; } }

.regular-price-wrap {
  padding: 80px 0 0;
  text-align: center;
  font-size: 1.5rem; }
  @media screen and (max-width: 900px) {
    .regular-price-wrap {
      padding: 0 0 40px !important; } }

.option-lists {
  margin-top: 90px !important; }
  @media screen and (max-width: 900px) {
    .option-lists {
      margin-top: 40px !important;
      padding: 0 20px !important; } }
  .option-lists .item {
    padding: 40px 47px 23px;
    margin-bottom: 10px;
    background-color: #fff; }
    @media screen and (max-width: 900px) {
      .option-lists .item {
        padding: 30px 10px 30px; } }
    .option-lists .item .title {
      text-align: center;
      font-size: 1.375rem;
      letter-spacing: 2px; }
      @media screen and (max-width: 900px) {
        .option-lists .item .title {
          font-size: 0.8125rem;
          line-height: 1.6; } }
      .option-lists .item .title span {
        text-decoration: underline; }
    .option-lists .item .lead {
      font-size: 1rem;
      text-align: center;
      margin-top: 22px; }
      @media screen and (max-width: 900px) {
        .option-lists .item .lead {
          margin-top: 12px;
          font-size: 0.6875rem; } }
    .option-lists .item .selectable-time {
      text-align: center;
      margin-top: 55px; }
      @media screen and (max-width: 900px) {
        .option-lists .item .selectable-time {
          margin-top: 20px; }
          .option-lists .item .selectable-time img {
            width: 100%; } }
    .option-lists .item .flow {
      margin-top: 40px;
      overflow: hidden; }
      @media screen and (max-width: 900px) {
        .option-lists .item .flow {
          margin-top: 30px; } }
      .option-lists .item .flow li {
        float: left; }
        @media screen and (max-width: 900px) {
          .option-lists .item .flow li {
            width: 25%; } }
        @media screen and (max-width: 900px) {
          .option-lists .item .flow li img {
            width: 100%; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.lpregular1 #mv {
  max-width: 1100px;
  margin: 0 auto; }
@media screen and (min-width: 900px) {
  .lpregular1 header .wrap.flexible {
    max-width: 1360px; } }
@media screen and (min-width: 900px) {
  .lpregular1 .wrap.flexible {
    max-width: 1100px; } }
@media screen and (max-width: 900px) {
  .lpregular1 section.intro .lead-area p {
    text-align: justify; } }
.lpregular1 section.intro .recommend {
  margin-top: 100px;
  padding-top: 80px;
  position: relative; }
  .lpregular1 section.intro .recommend:before {
    content: '';
    display: block;
    position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    width: 960px;
    height: 1px;
    background: #ebebeb; }
  @media screen and (max-width: 900px) {
    .lpregular1 section.intro .recommend {
      margin-top: 35px;
      padding-top: 40px; }
      .lpregular1 section.intro .recommend:before {
        width: calc(100% - 20px); } }
.lpregular1 .notes .note-lp {
  text-align: center;
  margin-top: -40px;
  padding-top: 30px;
  padding-bottom: 60px;
  position: relative; }
  @media screen and (max-width: 900px) {
    .lpregular1 .notes .note-lp {
      margin-top: -5px;
      padding-top: 20px;
      padding-bottom: 30px; } }
  .lpregular1 .notes .note-lp:before {
    content: '';
    display: block;
    position: absolute;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    width: 789px;
    height: 1px;
    background: #b0b0b0; }
  @media screen and (max-width: 900px) {
    .lpregular1 .notes .note-lp:before {
      width: calc(100% - 20px); } }
  .lpregular1 .notes .note-lp p {
    line-height: 1.7;
    font-weight: bold; }
    @media screen and (max-width: 900px) {
      .lpregular1 .notes .note-lp p {
        font-size: 13px; } }
    .lpregular1 .notes .note-lp p.title {
      margin-top: 6px; }
      @media screen and (max-width: 900px) {
        .lpregular1 .notes .note-lp p.title {
          margin-top: 1px; } }
    .lpregular1 .notes .note-lp p.sm {
      margin-top: 5px;
      font-weight: normal;
      font-size: 13px; }
      @media screen and (max-width: 900px) {
        .lpregular1 .notes .note-lp p.sm {
          font-size: 10px;
          text-align: left;
          padding: 0 15px;
          margin-top: 10px; } }
.lpregular1 section.easy-steps .flow ol li .notes {
  text-align: center; }
  @media screen and (max-width: 900px) {
    .lpregular1 section.easy-steps .flow ol li .notes {
      text-align: left; } }
@media screen and (max-width: 900px) {
  .lpregular1 section.course-intro {
    padding: 50px 0 10px; } }

.info-column.delivery.fix .inner .content .flex .title-lead {
  margin: 10px 0px 10px; }
  @media screen and (max-width: 900px) {
    .info-column.delivery.fix .inner .content .flex .title-lead {
      margin: -10px 0px 5px; } }
.info-column.delivery.fix .inner .content .flex .lead {
  margin-top: 100px; }
  @media screen and (max-width: 900px) {
    .info-column.delivery.fix .inner .content .flex .lead {
      margin-top: 70px; } }
.info-column.delivery.fix .inner .content .flex .seal {
  top: 60px; }
  @media screen and (max-width: 900px) {
    .info-column.delivery.fix .inner .content .flex .seal {
      top: 30px; } }

section.type + .white-box {
  padding-top: 20px; }
  @media screen and (max-width: 900px) {
    section.type + .white-box {
      padding-top: 50px; } }

.home .title-area.pattern-4 .lead.top {
  margin-bottom: 30px; }
  @media screen and (max-width: 900px) {
    .home .title-area.pattern-4 .lead.top {
      margin-bottom: 20px; } }
@media screen and (max-width: 900px) {
  .home .easy-steps {
    padding-top: 35px !important; } }

.pollen {
  background: #8ab7ac;
  padding: 40px 0; }
  @media screen and (max-width: 900px) {
    .pollen {
      padding: 30px 20px; } }
  .pollen .wrap {
    background: #fff; }
    @media screen and (min-width: 900px) {
      .pollen .wrap {
        width: 970px;
        padding: 43px 75px 56px 60px;
        display: flex;
        justify-content: space-between;
        align-items: center; } }
    @media screen and (max-width: 900px) {
      .pollen .wrap {
        padding: 30px 20px; } }
    @media screen and (min-width: 900px) {
      .pollen .wrap .text-wrap {
        width: calc(100% - 343px); } }
    .pollen .wrap .text-wrap .title {
      font-size: 28px;
      color: #22686d;
      margin-bottom: 24px; }
      @media screen and (max-width: 900px) {
        .pollen .wrap .text-wrap .title {
          font-size: 17px;
          text-align: center;
          margin-bottom: 16px; } }
    .pollen .wrap .text-wrap .lead {
      font-size: 16px;
      text-align: justify;
      line-height: 1.85; }
      @media screen and (max-width: 900px) {
        .pollen .wrap .text-wrap .lead {
          font-size: 11px;
          line-height: 1.8; } }
      .pollen .wrap .text-wrap .lead small {
        font-size: 12px;
        vertical-align: top; }
        @media screen and (max-width: 900px) {
          .pollen .wrap .text-wrap .lead small {
            font-size: 10px; } }
    .pollen .wrap .text-wrap .note {
      font-size: 13px;
      margin-top: 18px; }
      @media screen and (max-width: 900px) {
        .pollen .wrap .text-wrap .note {
          font-size: 10px;
          margin-top: 15px; } }
    @media screen and (min-width: 900px) {
      .pollen .wrap .img-wrap {
        width: 280px; } }
    @media screen and (max-width: 900px) {
      .pollen .wrap .img-wrap {
        margin-top: 30px;
        text-align: center; } }
    @media screen and (max-width: 900px) {
      .pollen .wrap .img-wrap img {
        width: 50%; } }

section.intro.futon {
  padding: 80px 0; }
  @media screen and (max-width: 900px) {
    section.intro.futon {
      padding: 44px 0; } }
  section.intro.futon .lead-area {
    margin-top: 31px; }
    @media screen and (max-width: 900px) {
      section.intro.futon .lead-area {
        margin-top: 23px; } }
    @media screen and (min-width: 900px) {
      section.intro.futon .lead-area {
        margin-right: -110px; } }
    section.intro.futon .lead-area p {
      line-height: 1.78; }

@media screen and (min-width: 900px) {
  section.reason.column-2 .lists ul li {
    width: 535px !important; } }
section.reason.futon {
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/reason/bg.jpg); }
  @media screen and (max-width: 900px) {
    section.reason.futon {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/reason/bg-sp.jpg); } }
  section.reason.futon .en {
    color: #82c2d1; }
  section.reason.futon .lists ul li .title span:after {
    background-color: #82c2d1; }

.start-campaign {
  padding: 70px 0 37px;
  background-color: #82c2d1; }
  @media screen and (max-width: 900px) {
    .start-campaign {
      padding: 36px 10px 28px; } }
  .start-campaign .wrap {
    position: relative; }
  .start-campaign .title {
    text-align: center;
    border-bottom: 2px solid #fff;
    color: #fff; }
    @media screen and (min-width: 900px) {
      .start-campaign .title {
        padding-right: 70px;
        padding-bottom: 18px;
        font-size: 2.75rem !important; } }
    @media screen and (max-width: 900px) {
      .start-campaign .title {
        padding-bottom: 9px;
        font-size: 1.375rem !important; } }
    @media screen and (min-width: 900px) {
      .start-campaign .title span {
        vertical-align: 7px;
        padding-right: 10px;
        font-size: 1.75rem !important; } }
    @media screen and (max-width: 900px) {
      .start-campaign .title span {
        display: block;
        margin-bottom: 8px;
        font-size: 0.88125rem !important; } }
  .start-campaign .seal {
    position: absolute;
    top: -46px;
    right: -40px; }
    @media screen and (max-width: 900px) {
      .start-campaign .seal {
        top: -50px;
        right: 0; }
        .start-campaign .seal img {
          width: 18vw;
          max-width: 80px; } }
  @media screen and (min-width: 900px) {
    .start-campaign .price-list {
      margin-top: 40px;
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 900px) {
    .start-campaign .price-list {
      margin-top: 18px; } }
  .start-campaign .price-list .box {
    background-color: #fff; }
    @media screen and (min-width: 900px) {
      .start-campaign .price-list .box {
        width: 502px;
        padding: 22px 24px 28px; } }
    @media screen and (max-width: 900px) {
      .start-campaign .price-list .box {
        padding: 15px;
        margin-bottom: 10px; } }
    .start-campaign .price-list .box .box-title {
      text-align: center;
      color: #82c2d1;
      font-size: 1.5625rem; }
      @media screen and (max-width: 900px) {
        .start-campaign .price-list .box .box-title {
          font-size: 1.0875rem; } }
      .start-campaign .price-list .box .box-title span {
        font-size: 1.84375rem;
        vertical-align: -2px; }
        @media screen and (max-width: 900px) {
          .start-campaign .price-list .box .box-title span {
            font-size: 1.28125rem; } }
    .start-campaign .price-list .box dl {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 30px;
      align-items: center; }
      @media screen and (max-width: 900px) {
        .start-campaign .price-list .box dl {
          font-size: 0.6875rem;
          letter-spacing: -.5px;
          margin-top: 13px; } }
      .start-campaign .price-list .box dl dt,
      .start-campaign .price-list .box dl dd {
        margin-bottom: 18px; }
        @media screen and (max-width: 900px) {
          .start-campaign .price-list .box dl dt,
          .start-campaign .price-list .box dl dd {
            margin-bottom: 13px; } }
        .start-campaign .price-list .box dl dt:last-of-type,
        .start-campaign .price-list .box dl dd:last-of-type {
          margin-bottom: 0 !important; }
      .start-campaign .price-list .box dl dt {
        width: 205px; }
        @media screen and (max-width: 900px) {
          .start-campaign .price-list .box dl dt {
            width: 135px; } }
      .start-campaign .price-list .box dl dd {
        width: calc(100% - 205px); }
        @media screen and (max-width: 900px) {
          .start-campaign .price-list .box dl dd {
            width: calc(100% - 135px); }
            .start-campaign .price-list .box dl dd img {
              height: auto;
              width: 100%; } }
  .start-campaign .info {
    font-weight: bold;
    border: 2px solid #fff;
    position: relative;
    color: #fff; }
    @media screen and (min-width: 900px) {
      .start-campaign .info {
        width: 585px;
        margin: 30px auto 10px;
        padding: 20px 10px 10px;
        text-align: center; } }
    @media screen and (max-width: 900px) {
      .start-campaign .info {
        margin: 15px 0 20px;
        padding: 12px 12px;
        border-width: 1px; } }
    .start-campaign .info .wrap {
      position: relative;
      z-index: 1; }
    .start-campaign .info:before {
      content: '';
      display: block;
      position: absolute;
      top: -4px;
      left: 26px;
      right: 26px;
      bottom: -4px;
      background: #82c2d3; }
    .start-campaign .info .info-title {
      font-size: 1.3125rem;
      font-weight: bold;
      line-height: 1.4;
      letter-spacing: 0.9px;
      margin-bottom: 14px; }
      @media screen and (max-width: 900px) {
        .start-campaign .info .info-title {
          font-size: 1rem;
          line-height: 1.6;
          text-align: center; } }
    .start-campaign .info .info-lead {
      font-size: 0.8625rem;
      line-height: 2;
      letter-spacing: 0.3px; }
      @media screen and (max-width: 900px) {
        .start-campaign .info .info-lead {
          font-size: 0.6875rem;
          line-height: 1.7; } }
  .start-campaign .btn-wrap {
    padding-top: 8px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .start-campaign .btn-wrap .design-btn {
        width: 100%; } }
  .start-campaign .notes {
    font-weight: bold;
    color: #fff; }
    @media screen and (min-width: 900px) {
      .start-campaign .notes {
        margin-top: 30px !important;
        padding-left: 207px !important; } }
    @media screen and (max-width: 900px) {
      .start-campaign .notes {
        margin-top: 15px !important; } }
    .start-campaign .notes .color {
      color: #22686d; }
    .start-campaign .notes a {
      text-decoration: underline;
      color: #fff !important; }
    .start-campaign .notes li {
      font-size: 0.8125rem;
      line-height: 1.6;
      letter-spacing: 0.4px; }
      @media screen and (max-width: 900px) {
        .start-campaign .notes li {
          font-size: 0.625rem;
          line-height: 1.65; } }

section.point {
  padding: 90px 0;
  background: no-repeat center;
  background-size: cover;
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/point/bg.jpg); }
  @media screen and (max-width: 900px) {
    section.point {
      background-repeat: repeat; } }
  section.point .items {
    margin-top: 24px; }
    @media screen and (max-width: 900px) {
      section.point .items {
        padding: 0 10px; } }
    section.point .items .item {
      margin-bottom: 20px;
      background-color: #fff; }
      @media screen and (min-width: 900px) {
        section.point .items .item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 50px 20px;
          padding-left: 75px; } }
      @media screen and (max-width: 900px) {
        section.point .items .item {
          position: relative;
          padding: 22px 20px; } }
      @media screen and (min-width: 900px) {
        section.point .items .item.column-2 .contents {
          width: 769px;
          margin-right: 64px; } }
      section.point .items .item.align-items-top {
        align-items: flex-start; }
      section.point .items .item:last-child {
        margin-bottom: 0; }
      section.point .items .item .number-wrap {
        text-align: center; }
        @media screen and (min-width: 900px) {
          section.point .items .item .number-wrap {
            width: 80px; } }
        @media screen and (max-width: 900px) {
          section.point .items .item .number-wrap {
            position: absolute;
            top: 15px;
            left: 20px; }
            section.point .items .item .number-wrap.aj-2 {
              top: 23px; }
            section.point .items .item .number-wrap.aj-a {
              top: 25px; } }
        section.point .items .item .number-wrap .number {
          line-height: 1;
          text-align: center;
          font-weight: bold;
          border: 2px solid #82c2d3;
          border-radius: 50%;
          color: #82c2d3;
          width: 80px;
          height: 80px;
          display: table-cell;
          vertical-align: middle;
          padding-left: 3px;
          font-size: 0.9375rem; }
          @media screen and (max-width: 900px) {
            section.point .items .item .number-wrap .number {
              width: 50px;
              height: 50px;
              font-size: 0.625rem;
              border-width: 1px;
              padding-left: 1px;
              padding-top: 4px; } }
          section.point .items .item .number-wrap .number span {
            font-size: 1.96875rem;
            display: block; }
            @media screen and (max-width: 900px) {
              section.point .items .item .number-wrap .number span {
                font-size: 1.25rem; } }
      @media screen and (min-width: 900px) {
        section.point .items .item .contents {
          width: 586px;
          margin-left: 53px; } }
      section.point .items .item .contents .title {
        font-size: 1.5rem;
        font-weight: normal; }
        @media screen and (max-width: 900px) {
          section.point .items .item .contents .title {
            font-size: 0.9375rem;
            padding-left: 62px;
            line-height: 1.9; }
            section.point .items .item .contents .title.aj-2 {
              margin-bottom: -13px; }
            section.point .items .item .contents .title.aj-a {
              margin-bottom: -4px; } }
        section.point .items .item .contents .title span:not([class]) {
          position: relative; }
          section.point .items .item .contents .title span:not([class]):after {
            display: block;
            content: '';
            position: absolute;
            bottom: -7px;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #82c2d3; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .title span:not([class]):after {
                height: 3px; } }
        section.point .items .item .contents .title .big {
          font-size: 3.03125rem;
          vertical-align: -10px;
          padding: 0 10px; }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .title .big {
              font-size: 1.75rem;
              vertical-align: -5px;
              padding: 0 2px; } }
        section.point .items .item .contents .title .notes {
          font-size: 0.875rem;
          vertical-align: 3px; }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .title .notes {
              font-size: 0.6875rem;
              vertical-align: top;
              display: block;
              padding-left: 44px;
              margin-top: -5px; } }
      section.point .items .item .contents .lead {
        font-size: 0.875rem;
        line-height: 1.6;
        letter-spacing: 0.3px;
        padding-top: 16px; }
        @media screen and (max-width: 900px) {
          section.point .items .item .contents .lead {
            padding-top: 20px;
            font-size: 0.6875rem; } }
      section.point .items .item .contents .article {
        margin-top: 20px; }
        section.point .items .item .contents .article .title {
          border: 2px solid #82c2d1;
          margin-bottom: -2px;
          font-size: 1.25rem;
          font-weight: bold;
          text-align: center;
          padding: 7px 0; }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .article .title {
              font-size: 0.9375rem;
              padding: 2px 0; } }
        section.point .items .item .contents .article .column {
          border: 2px solid #82c2d1; }
          @media screen and (min-width: 900px) {
            section.point .items .item .contents .article .column {
              display: flex;
              justify-content: space-between; } }
          @media screen and (min-width: 900px) {
            section.point .items .item .contents .article .column > div {
              width: 50%;
              padding: 24px 25px; } }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .article .column > div {
              padding: 24px 25px;
              padding-top: 35px; } }
          section.point .items .item .contents .article .column > div:first-child {
            position: relative; }
            @media screen and (min-width: 900px) {
              section.point .items .item .contents .article .column > div:first-child {
                border-right: 2px solid #82c2d1; } }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .article .column > div:first-child {
                border-bottom: 2px solid #82c2d1;
                padding-bottom: 35px;
                padding-top: 24px; } }
            section.point .items .item .contents .article .column > div:first-child:after {
              content: '';
              display: block;
              position: absolute; }
              @media screen and (min-width: 900px) {
                section.point .items .item .contents .article .column > div:first-child:after {
                  top: 100px;
                  right: -20px;
                  width: 39px;
                  height: 70px;
                  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/point/point-arrow.png) no-repeat;
                  background-position: center;
                  background-size: 100% auto;
                  background-color: #fff; } }
              @media screen and (max-width: 900px) {
                section.point .items .item .contents .article .column > div:first-child:after {
                  bottom: -22px;
                  right: 50%;
                  transform: translateX(50%);
                  width: 55px;
                  height: 42px;
                  background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/point/point-arrow-sp.png) no-repeat;
                  background-position: center;
                  background-size: auto 100%;
                  background-color: #fff; } }
          section.point .items .item .contents .article .column > div .sub-title {
            font-size: 1.125rem;
            font-weight: bold; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .article .column > div .sub-title {
                font-size: 0.84375rem; } }
            section.point .items .item .contents .article .column > div .sub-title span {
              padding-right: 10px; }
          section.point .items .item .contents .article .column > div .img {
            margin-top: 17px; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .article .column > div .img img {
                width: 210px; } }
          section.point .items .item .contents .article .column > div .lead {
            margin-top: 13px;
            line-height: 1.5;
            letter-spacing: -0.4px; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .article .column > div .lead {
                padding-top: 0;
                margin-top: 8px;
                font-size: 0.6875rem;
                line-height: 1.8;
                letter-spacing: -0.1px; } }
          section.point .items .item .contents .article .column > div .notes {
            font-size: 0.75rem;
            margin-top: 32px; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .article .column > div .notes {
                margin-top: 12px;
                font-size: 0.6875rem; } }
      section.point .items .item .contents .accordion-area {
        margin-top: 32px; }
        @media screen and (min-width: 900px) {
          section.point .items .item .contents .accordion-area.v2 {
            width: 700px !important;
            margin-bottom: -45px; }
            section.point .items .item .contents .accordion-area.v2 .accordion-contents {
              display: flex !important;
              justify-content: space-between;
              flex-wrap: wrap;
              padding-right: 0;
              width: 100% !important;
              padding-bottom: 47px !important; }
            section.point .items .item .contents .accordion-area.v2 .toggle {
              margin-bottom: 17px !important; }
            section.point .items .item .contents .accordion-area.v2 .pc-img-left,
            section.point .items .item .contents .accordion-area.v2 .pc-img-right {
              width: 328px; }
            section.point .items .item .contents .accordion-area.v2 .text {
              width: 340px; }
              section.point .items .item .contents .accordion-area.v2 .text .lead,
              section.point .items .item .contents .accordion-area.v2 .text .notes {
                padding: 0 !important;
                width: 100% !important; }
            section.point .items .item .contents .accordion-area.v2 .pc-img-right {
              order: 1; } }
        @media screen and (max-width: 900px) {
          section.point .items .item .contents .accordion-area.v2 .toggle {
            text-align: left; }
          section.point .items .item .contents .accordion-area.v2 .pc-img-left,
          section.point .items .item .contents .accordion-area.v2 .pc-img-right {
            margin: 15px 0 10px; }
            section.point .items .item .contents .accordion-area.v2 .pc-img-left img,
            section.point .items .item .contents .accordion-area.v2 .pc-img-right img {
              display: inline-block;
              width: 100%; } }
        @media screen and (max-width: 900px) {
          section.point .items .item .contents .accordion-area {
            margin-top: 22px; } }
        @media screen and (max-width: 900px) {
          section.point .items .item .contents .accordion-area .toggle {
            text-align: center;
            margin-bottom: 10px; } }
        section.point .items .item .contents .accordion-area .toggle span {
          display: block; }
          section.point .items .item .contents .accordion-area .toggle span.toggle-lead {
            line-height: 1.4;
            font-size: 19px;
            margin-bottom: 8px;
            text-decoration: underline; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .accordion-area .toggle span.toggle-lead {
                font-size: 12px; } }
          section.point .items .item .contents .accordion-area .toggle span.toggle-title {
            font-size: 22px; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .accordion-area .toggle span.toggle-title {
                font-size: 14px; } }
        section.point .items .item .contents .accordion-area .accordion-contents {
          position: relative;
          display: none; }
          @media screen and (min-width: 900px) {
            section.point .items .item .contents .accordion-area .accordion-contents {
              padding-right: 70px;
              padding-bottom: 30px; } }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .accordion-area .accordion-contents {
              padding-bottom: 30px; } }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .accordion-area .accordion-contents .lead {
              padding-top: 0; } }
          section.point .items .item .contents .accordion-area .accordion-contents .notes {
            font-size: 0.75rem;
            margin-top: 20px;
            line-height: 1.8;
            letter-spacing: 0.3px; }
            @media screen and (max-width: 900px) {
              section.point .items .item .contents .accordion-area .accordion-contents .notes {
                font-size: 0.625rem;
                margin-top: 10px; } }
          @media screen and (max-width: 900px) {
            section.point .items .item .contents .accordion-area .accordion-contents .img {
              text-align: center;
              margin-top: 20px; }
              section.point .items .item .contents .accordion-area .accordion-contents .img img {
                width: 100px; } }
          @media screen and (min-width: 900px) {
            section.point .items .item .contents .accordion-area .accordion-contents .img {
              position: absolute;
              top: 0;
              right: -100px; } }
      section.point .items .item .icon {
        text-align: center; }
        @media screen and (min-width: 900px) {
          section.point .items .item .icon {
            width: 190px; } }
        section.point .items .item .icon .img-wrap {
          display: inline-block; }
          @media screen and (max-width: 900px) {
            section.point .items .item .icon .img-wrap {
              margin-top: 10px; }
              section.point .items .item .icon .img-wrap img {
                width: 70px; } }
  section.point.point-v0213 .title-area .en {
    color: #82c2d3; }
  section.point.point-v0213 .title-area .sub-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px; }
    @media screen and (max-width: 900px) {
      section.point.point-v0213 .title-area .sub-title {
        font-size: 18px;
        margin-top: 23px; } }
  section.point.point-v0213 .items {
    margin-top: 45px; }
    @media screen and (max-width: 900px) {
      section.point.point-v0213 .items {
        margin-top: 30px; } }
  section.point.point-v0213 .items .item .contents hr {
    height: 1px;
    background-color: #c9d8dc;
    margin: 30px 0 20px;
    border: none; }
    @media screen and (max-width: 900px) {
      section.point.point-v0213 .items .item .contents hr {
        margin: 20px 0 10px; } }
  section.point.point-v0213 .note {
    font-size: 12px;
    margin-top: 11px;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      section.point.point-v0213 .note {
        font-size: 10px; } }
  section.point.point-v0213 .note-table {
    margin-top: 30px; }
    @media screen and (max-width: 900px) {
      section.point.point-v0213 .note-table {
        margin-top: 18px; } }
    section.point.point-v0213 .note-table .title {
      font-size: 20px !important;
      font-weight: bold !important; }
      @media screen and (max-width: 900px) {
        section.point.point-v0213 .note-table .title {
          font-size: 10px !important;
          text-align: left !important;
          letter-spacing: 0;
          padding: 0 !important; } }
    section.point.point-v0213 .note-table .note-table-contents {
      margin-top: 17px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      letter-spacing: 0;
      font-size: 15px;
      border: 1px solid #8cc8d5;
      border-left: 0; }
      @media screen and (max-width: 900px) {
        section.point.point-v0213 .note-table .note-table-contents {
          margin-top: 4px;
          font-size: 11px; } }
      section.point.point-v0213 .note-table .note-table-contents dt, section.point.point-v0213 .note-table .note-table-contents dd {
        margin-bottom: 0;
        padding: 11px 15px; }
        @media screen and (max-width: 900px) {
          section.point.point-v0213 .note-table .note-table-contents dt, section.point.point-v0213 .note-table .note-table-contents dd {
            padding: 6px 6px; } }
        section.point.point-v0213 .note-table .note-table-contents dt:last-of-type, section.point.point-v0213 .note-table .note-table-contents dd:last-of-type {
          border-bottom: 0; }
      section.point.point-v0213 .note-table .note-table-contents dt {
        width: calc(100% - 356px);
        background-color: #8cc8d5;
        color: #fff;
        border-bottom: 1px solid #fff;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 900px) {
          section.point.point-v0213 .note-table .note-table-contents dt {
            width: calc(100% - 220px);
            padding: 6px 2px; } }
      section.point.point-v0213 .note-table .note-table-contents dd {
        width: 356px;
        border-bottom: 1px solid #8cc8d5;
        line-height: 1.7; }
        @media screen and (max-width: 900px) {
          section.point.point-v0213 .note-table .note-table-contents dd {
            width: 220px; } }
        section.point.point-v0213 .note-table .note-table-contents dd .highlight {
          display: inline-block;
          width: 140px;
          height: 24px;
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/point/bg-parts.png) no-repeat center;
          background-size: cover;
          font-size: 13px;
          color: #fff;
          text-align: center;
          line-height: 24px;
          margin-right: 6px; }
          @media screen and (max-width: 900px) {
            section.point.point-v0213 .note-table .note-table-contents dd .highlight {
              font-size: 11px;
              line-height: 20px;
              width: 100px;
              height: 20px;
              background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/point/bg-parts_sp.png);
              margin: 2px 0;
              margin-right: 3px; } }

section.recommended-reason {
  padding: 110px 0 100px;
  text-align: center;
  background: no-repeat center;
  background-size: cover;
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/recommended-reason/bg.jpg); }
  @media screen and (max-width: 900px) {
    section.recommended-reason {
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/futon/recommended-reason/bg-sp.jpg);
      padding: 62px 0; } }
  @media screen and (min-width: 900px) {
    section.recommended-reason .items {
      display: flex;
      justify-content: space-between;
      margin-top: 52px; } }
  @media screen and (max-width: 900px) {
    section.recommended-reason .items {
      padding: 0 10px;
      margin-top: 30px; } }
  section.recommended-reason .items .item {
    background-color: #fff; }
    @media screen and (min-width: 900px) {
      section.recommended-reason .items .item {
        width: 300px;
        padding: 46px 30px 42px; } }
    @media screen and (max-width: 900px) {
      section.recommended-reason .items .item {
        padding: 15px 20px 15px;
        margin-bottom: 12px; }
        section.recommended-reason .items .item:last-child {
          margin-bottom: 0; } }
    section.recommended-reason .items .item .img {
      margin-bottom: 18px; }
      @media screen and (max-width: 900px) {
        section.recommended-reason .items .item .img {
          margin-bottom: 12px; } }
      @media screen and (max-width: 900px) {
        section.recommended-reason .items .item .img img {
          width: 80px; } }
    section.recommended-reason .items .item .title {
      font-size: 1.375rem;
      font-weight: normal;
      line-height: 1.5; }
      @media screen and (max-width: 900px) {
        section.recommended-reason .items .item .title {
          font-size: 0.9375rem; } }
      section.recommended-reason .items .item .title span {
        position: relative; }
        section.recommended-reason .items .item .title span:after {
          display: block;
          content: '';
          position: absolute;
          bottom: -7px;
          left: 0;
          right: 0;
          height: 4px;
          background-color: #82c2d3; }
          @media screen and (max-width: 900px) {
            section.recommended-reason .items .item .title span:after {
              height: 3px; } }
    section.recommended-reason .items .item .lead {
      text-align: justify;
      margin-top: 25px;
      line-height: 1.6;
      letter-spacing: 0.2px;
      font-size: 0.875rem; }
      @media screen and (max-width: 900px) {
        section.recommended-reason .items .item .lead {
          margin-top: 8px;
          font-size: 0.6875rem; } }

.notes.futon-notes .descriptions {
  padding: 70px 0; }
  @media screen and (max-width: 900px) {
    .notes.futon-notes .descriptions {
      padding: 40px 10px 30px; } }
  .notes.futon-notes .descriptions .item {
    padding: 25px 24px 15px;
    border: 1px solid #b6c3bc; }
    @media screen and (max-width: 900px) {
      .notes.futon-notes .descriptions .item {
        padding: 17px 10px; } }
    .notes.futon-notes .descriptions .item .title {
      font-size: 1.125rem; }
      @media screen and (max-width: 900px) {
        .notes.futon-notes .descriptions .item .title {
          font-size: 0.9375rem; } }
      .notes.futon-notes .descriptions .item .title img {
        width: 33px;
        vertical-align: -10px;
        margin-right: 5px; }
        @media screen and (max-width: 900px) {
          .notes.futon-notes .descriptions .item .title img {
            width: 23px;
            vertical-align: -5px; } }
    .notes.futon-notes .descriptions .item .text-lest {
      margin-top: 10px;
      line-height: 1.5; }
    .notes.futon-notes .descriptions .item .note {
      font-size: 0.6875rem;
      margin-top: 12px; }
      @media screen and (max-width: 900px) {
        .notes.futon-notes .descriptions .item .note br {
          display: none; } }
  .notes.futon-notes .descriptions .annotation p {
    margin-top: 20px;
    letter-spacing: -1px; }
    @media screen and (max-width: 900px) {
      .notes.futon-notes .descriptions .annotation p {
        font-size: 0.75rem; } }
    .notes.futon-notes .descriptions .annotation p a {
      color: #22686d;
      text-decoration: underline; }
  .notes.futon-notes .descriptions .text-lest {
    font-weight: bold;
    margin-top: 30px;
    line-height: 1.8; }
    @media screen and (max-width: 900px) {
      .notes.futon-notes .descriptions .text-lest {
        font-size: 0.75rem;
        margin-top: 18px; } }
  .notes.futon-notes .descriptions .note {
    margin-top: 20px;
    text-align: justify;
    font-size: 0.8125rem;
    line-height: 1.4; }
    @media screen and (max-width: 900px) {
      .notes.futon-notes .descriptions .note {
        font-size: 0.75rem;
        margin-top: 14px;
        line-height: 1.6; } }

.futon-bg {
  background-color: #dfeaec; }
  .futon-bg.aj {
    margin-bottom: -10px;
    padding-bottom: 10px; }

section.easy-steps.futon {
  background-color: #dfeaec;
  padding-bottom: 70px; }
  @media screen and (max-width: 900px) {
    section.easy-steps.futon {
      padding: 20px 0 40px; }
      section.easy-steps.futon .flow {
        margin-bottom: -30px; }
      section.easy-steps.futon .flow ol li {
        margin-bottom: 30px; } }
  section.easy-steps.futon .flow ol:before {
    background-color: #82c2d1; }
  section.easy-steps.futon .flow ol li .order {
    color: #82c2d1;
    background-color: #dfeaec; }
  section.easy-steps.futon .flow ol li .order:after {
    background-color: #dfeaec; }
  section.easy-steps.futon .flow ol li:nth-child(2n) .order:before {
    background-color: #82c2d1; }

.option-lists.futon {
  margin-top: 0 !important;
  padding-top: 90px; }
  @media screen and (max-width: 900px) {
    .option-lists.futon {
      padding-top: 40px !important; } }

@media screen and (min-width: 900px) {
  .info-column.futon .inner .cover:before {
    top: 0; } }
.info-column.futon.the-day {
  margin-bottom: 150px; }
  @media screen and (max-width: 900px) {
    .info-column.futon.the-day {
      margin-bottom: 40px; } }
@media screen and (min-width: 900px) {
  .info-column.futon.morning-night .title {
    padding-top: 80px; }
  .info-column.futon.morning-night .inner .content .flex .seal {
    top: -70px; } }
@media screen and (max-width: 900px) {
  .info-column.futon.morning-night .flex .seal img {
    width: 17vw !important;
    min-width: 70px !important; } }

.regular-price-wrap.futon .title-area {
  margin: 153px 0 -50px; }
  @media screen and (max-width: 900px) {
    .regular-price-wrap.futon .title-area {
      margin: 83px 0 -20px; } }

.win section.reason .lists ul li .title span,
.win section.point .items .item .contents .title span:not([class]),
.win section.recommended-reason .items .item .title span {
  display: inline-block; }
.win section.reason .lists ul li .title span:after,
.win section.point .items .item .contents .title span:not([class]):after,
.win section.recommended-reason .items .item .title span:after {
  bottom: -1px; }
.win section.easy-steps .flow ol li .notes {
  letter-spacing: 0.1px; }

.futon .campaign {
  background-color: #82c2d1; }
.futon .title-area.pattern-4 .lead.top {
  margin-bottom: 30px; }
  @media screen and (max-width: 900px) {
    .futon .title-area.pattern-4 .lead.top {
      margin-bottom: 20px; } }
.futon .campaign .title {
  line-height: 1.5; }
  @media screen and (max-width: 900px) {
    .futon .campaign .title span {
      font-size: 1.25rem; } }
.futon .campaign .btn-wrap:last-of-type {
  margin-top: 20px !important; }
.futon .mt-info-column {
  padding-top: 120px; }
  @media screen and (max-width: 900px) {
    .futon .mt-info-column {
      padding-top: 0; } }
.futon .futon-area-map.map {
  text-align: center;
  padding: 80px 50px 95px;
  background-color: #fff; }
  @media screen and (max-width: 900px) {
    .futon .futon-area-map.map {
      padding: 55px 20px 65px; } }
  @media screen and (min-width: 900px) {
    .futon .futon-area-map.map .title-area.pattern-2 .title {
      font-size: 2.1875rem; } }
  .futon .futon-area-map.map .wrap {
    padding-top: 90px;
    margin-top: -50px;
    padding-bottom: 20px;
    border-top: 1px solid #eeeeee; }
    @media screen and (max-width: 900px) {
      .futon .futon-area-map.map .wrap {
        padding-top: 41px;
        margin-top: -55px;
        padding-bottom: 10px; } }
  .futon .futon-area-map.map .notes {
    font-size: 0.8125rem;
    color: #666;
    font-weight: bold;
    margin-top: 40px;
    line-height: 1.7;
    letter-spacing: 1.1px; }
    @media screen and (max-width: 900px) {
      .futon .futon-area-map.map .notes {
        font-size: 0.625rem;
        margin-top: 20px; } }
  @media screen and (min-width: 900px) {
    .futon .futon-area-map.map.laundry-area-map img {
      position: relative;
      top: 0;
      left: -52px; } }
  @media screen and (max-width: 900px) {
    .futon .futon-area-map.map.laundry-area-map img {
      width: 100%; } }
  .futon .futon-area-map.map.futon-area-map {
    margin-bottom: -17px; }
    @media screen and (min-width: 900px) {
      .futon .futon-area-map.map.futon-area-map img {
        position: relative;
        top: 0;
        left: 14px; } }
    @media screen and (max-width: 900px) {
      .futon .futon-area-map.map.futon-area-map img {
        width: 100%; } }
.futon .futon-area-map .map-title {
  font-size: 1.25rem;
  margin-top: 78px;
  text-align: center;
  letter-spacing: 2.2px; }
  @media screen and (max-width: 900px) {
    .futon .futon-area-map .map-title {
      font-size: 0.9375rem;
      margin-top: 60px; } }
.futon .futon-area-map .title-lead {
  margin-top: 24px; }
  @media screen and (max-width: 900px) {
    .futon .futon-area-map .title-lead {
      margin-top: 15px; } }
.futon .futon-area-map .lead {
  text-align: center;
  letter-spacing: 1.2px;
  line-height: 1.8; }
  @media screen and (max-width: 900px) {
    .futon .futon-area-map .lead {
      font-size: 0.75rem; } }

@media screen and (min-width: 900px) {
  .futon .accordion-contents {
    width: 670px !important; }
    .futon .accordion-contents .lead,
    .futon .accordion-contents .notes {
      width: 510px !important; }
    .futon .accordion-contents .img {
      right: 0 !important; }
  .futon section.point {
    background-size: 100% auto;
    background-position: 50% 0;
    background-repeat: repeat-y; }
    .futon section.point .items .item:nth-child(2) .contents .lead {
      width: 583px; }
  .futon section.point .items .item.column-2 .contents {
    width: 715px; } }

.futon-style-v20190731 section.point .items .item .contents .accordion-area .toggle {
  line-height: 1.6; }
  @media screen and (max-width: 900px) {
    .futon-style-v20190731 section.point .items .item .contents .accordion-area .toggle {
      line-height: 1.3; } }
  .futon-style-v20190731 section.point .items .item .contents .accordion-area .toggle a {
    font-size: 1.0625rem; }
    @media screen and (max-width: 900px) {
      .futon-style-v20190731 section.point .items .item .contents .accordion-area .toggle a {
        font-size: 0.75rem; } }
.futon-style-v20190731 .futon-notes hr {
  margin: 15px 0 20px;
  opacity: 0.3; }
.futon-style-v20190731 .futon-notes .item {
  border: 2px solid #b6c3bc !important; }
.futon-style-v20190731 .futon-notes .list {
  text-align: left; }
  .futon-style-v20190731 .futon-notes .list > div {
    margin-bottom: 20px; }
  .futon-style-v20190731 .futon-notes .list .list-title {
    font-size: 0.9375rem;
    margin-bottom: 10px;
    text-align: center;
    background-color: #cddcd3;
    padding: 8px;
    border-radius: 60px; }
    @media screen and (max-width: 900px) {
      .futon-style-v20190731 .futon-notes .list .list-title {
        font-size: 0.75rem; } }
  .futon-style-v20190731 .futon-notes .list .items li,
  .futon-style-v20190731 .futon-notes .list .items p,
  .futon-style-v20190731 .futon-notes .list .dsc li,
  .futon-style-v20190731 .futon-notes .list .dsc p {
    font-size: 0.875rem;
    line-height: 1.5; }
    @media screen and (max-width: 900px) {
      .futon-style-v20190731 .futon-notes .list .items li,
      .futon-style-v20190731 .futon-notes .list .items p,
      .futon-style-v20190731 .futon-notes .list .dsc li,
      .futon-style-v20190731 .futon-notes .list .dsc p {
        font-size: 0.75rem; } }
  .futon-style-v20190731 .futon-notes .list .items li,
  .futon-style-v20190731 .futon-notes .list .dsc li {
    margin-bottom: 6px;
    position: relative;
    padding-left: 1rem; }
    .futon-style-v20190731 .futon-notes .list .items li:last-child,
    .futon-style-v20190731 .futon-notes .list .dsc li:last-child {
      margin-bottom: 0; }
    .futon-style-v20190731 .futon-notes .list .items li:before,
    .futon-style-v20190731 .futon-notes .list .dsc li:before {
      content: '・';
      position: absolute;
      top: 0;
      left: 0;
      font-weight: bold; }
@media screen and (max-width: 900px) {
  .futon-style-v20190731 .futon-notes .note {
    font-size: 0.625rem !important; } }

.start-campaign.column-1 .price-list .box-sub-title {
  text-align: center;
  margin-bottom: 10px; }
  .start-campaign.column-1 .price-list .box-sub-title span {
    display: inline-block;
    color: #82c2d1;
    border: 1px solid #82c2d1;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0;
    padding: 5px 10px; }
    @media screen and (max-width: 900px) {
      .start-campaign.column-1 .price-list .box-sub-title span {
        font-size: 0.6875rem; } }
@media screen and (min-width: 900px) {
  .start-campaign.column-1 .price-list {
    justify-content: center;
    margin-bottom: 32px; }
  .start-campaign.column-1 .notes {
    padding-left: 0 !important; }
    .start-campaign.column-1 .notes li {
      text-align: center; } }

@media screen and (max-width: 900px) {
  .easy-steps.column-3 .flow {
    margin-top: 28px; } }
@media screen and (min-width: 900px) {
  .easy-steps.column-3 .flow ol {
    width: 800px;
    margin: 0 auto; } }
@media screen and (max-width: 900px) {
  .easy-steps.column-3 .flow ol li {
    width: calc(100% / 3);
    padding: 0 3px;
    margin: 0 -3px; }
    .easy-steps.column-3 .flow ol li .title {
      padding: 5px 0;
      margin: 7px 0 12px;
      background-color: #c7d8dc; }
    .easy-steps.column-3 .flow ol li .order {
      width: auto; }
      .easy-steps.column-3 .flow ol li .order:before, .easy-steps.column-3 .flow ol li .order:after {
        display: none !important; }
    .easy-steps.column-3 .flow ol li .lead {
      font-size: 0.6875rem;
      margin-top: 8px; } }

@media screen and (max-width: 900px) {
  section.users-voice.futon {
    margin-top: 30px; } }

/*
style.scssが壊れているためbase_scssで必要なスタイルをここに記述
コンパイル時に必要なだけなのでstyle.scssが直ったらこちらを消す
*/
/*
ここまで
*/
.sneakers-style .en {
  font-family: 'apercu','lato','Helvetica Neue', Helvetica,Arial,sans-serif; }
.sneakers-style .en.bold {
  font-weight: 500 !important; }
.sneakers-style #eye-catch {
  padding: 0px; }
  .sneakers-style #eye-catch .bg-img {
    background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1602465937/laundry-out/sneaker/pc-bg01.jpg");
    background-size: cover;
    position: relative;
    height: 580px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #eye-catch .bg-img {
        background-image: none;
        position: static;
        height: auto; } }
  .sneakers-style #eye-catch h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%); }
    @media screen and (max-width: 900px) {
      .sneakers-style #eye-catch h1 {
        position: static;
        top: 0;
        left: 0;
        transform: translateY(0%) translateX(0%);
        width: 100%; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #eye-catch h1 img {
        display: block;
        width: 100%; } }
  .sneakers-style #eye-catch .read-area {
    background: #2298a1;
    padding: 30px 0px; }
  .sneakers-style #eye-catch h2 {
    text-align: center; }
    @media screen and (max-width: 900px) {
      .sneakers-style #eye-catch h2 {
        width: 90%;
        margin: 0 auto; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #eye-catch h2 img {
        display: block;
        width: 100%; } }
@media screen and (max-width: 900px) {
  .sneakers-style #about {
    background: white;
    padding: 0px; } }
.sneakers-style #about .abount-inner {
  width: 870px;
  margin: 0px auto; }
  @media screen and (max-width: 900px) {
    .sneakers-style #about .abount-inner {
      padding: 80px 0px 70px 0px;
      width: 90%; } }
.sneakers-style #about .about-title {
  text-align: center; }
  .sneakers-style #about .about-title h3:nth-child(1) {
    color: #2298a1;
    font-size: 1.25rem; }
    @media screen and (max-width: 900px) {
      .sneakers-style #about .about-title h3:nth-child(1) {
        font-size: 1.75rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #about .about-title h3:nth-child(1) {
        font-size: 0.875rem; } }
  .sneakers-style #about .about-title h3:nth-child(2) {
    margin-top: 35px;
    font-size: 2.1875rem; }
    @media screen and (max-width: 900px) {
      .sneakers-style #about .about-title h3:nth-child(2) {
        font-size: 2.5rem; }
        .sneakers-style #about .about-title h3:nth-child(2) span {
          display: block;
          line-height: 1.5; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #about .about-title h3:nth-child(2) {
        font-size: 1.25rem; } }
.sneakers-style #about .read {
  margin: 50px 0px 40px 0px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.9px; }
  @media screen and (max-width: 900px) {
    .sneakers-style #about .read {
      font-size: 1.625rem; } }
  @media screen and (max-width: 480px) {
    .sneakers-style #about .read {
      font-size: 0.8125rem; } }
  .sneakers-style #about .read span {
    display: block; }
.sneakers-style #about img {
  width: 870px;
  height: 580px; }
  @media screen and (max-width: 900px) {
    .sneakers-style #about img {
      display: block;
      width: 100%;
      height: auto; } }
.sneakers-style #choose-cause {
  padding: 0px;
  background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1602465937/laundry-out/sneaker/pc-bg02.jpg");
  background-size: cover; }
  @media screen and (max-width: 900px) {
    .sneakers-style #choose-cause {
      background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1602728170/laundry-out/sneaker/sp-bg02.jpg"); } }
  .sneakers-style #choose-cause .choose-cause-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 0px 100px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .choose-cause-inner {
        width: 90%; } }
  .sneakers-style #choose-cause .choose-cause-title {
    text-align: center; }
    .sneakers-style #choose-cause .choose-cause-title h3:nth-child(1) {
      color: #2298a1;
      font-size: 1.25rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #choose-cause .choose-cause-title h3:nth-child(1) {
          font-size: 1.75rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #choose-cause .choose-cause-title h3:nth-child(1) {
          font-size: 0.875rem; } }
    .sneakers-style #choose-cause .choose-cause-title h3:nth-child(2) {
      margin-top: 35px;
      font-size: 3rem;
      color: white; }
      @media screen and (max-width: 900px) {
        .sneakers-style #choose-cause .choose-cause-title h3:nth-child(2) {
          font-size: 2.5rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #choose-cause .choose-cause-title h3:nth-child(2) {
          font-size: 1.25rem; } }
  .sneakers-style #choose-cause .read {
    margin: 60px 0px 40px 0px;
    color: white;
    font-size: 1.75rem;
    font-weight: 600;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .read {
        font-size: 1.625rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .read {
        font-size: 0.8125rem; } }
  .sneakers-style #choose-cause .choose-cause-list {
    background-color: white;
    width: 1000px;
    height: 210px;
    border: solid 0px transparent;
    padding: 50px 70px;
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .choose-cause-list {
        background-color: white;
        width: 100%;
        height: auto;
        border: solid 0px transparent;
        padding: 20px;
        display: block;
        margin: 20px auto 0px auto; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .choose-cause-list li:nth-child(1) {
        display: flex; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .choose-cause-list li:nth-child(3) {
        text-align: center;
        margin-top: 20px; } }
  .sneakers-style #choose-cause .choose-cause-list-circle {
    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 40px;
    border: solid 2px #2298a1;
    min-width: 80px; }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .choose-cause-list-circle {
        width: 50px;
        height: 50px;
        background-color: white;
        border-radius: 40px;
        border: solid 2px #2298a1;
        min-width: 50px; } }
    .sneakers-style #choose-cause .choose-cause-list-circle p {
      color: #2298a1;
      text-align: center; }
      .sneakers-style #choose-cause .choose-cause-list-circle p:nth-child(1) {
        margin-top: 18px;
        font-size: 0.9375rem;
        font-weight: 600; }
        @media screen and (max-width: 480px) {
          .sneakers-style #choose-cause .choose-cause-list-circle p:nth-child(1) {
            margin-top: 10px;
            font-size: 10px;
            letter-spacing: 0.1px; } }
      .sneakers-style #choose-cause .choose-cause-list-circle p:nth-child(2) {
        margin-top: -3px;
        font-size: 1.96875rem;
        font-weight: 600; }
        @media screen and (max-width: 480px) {
          .sneakers-style #choose-cause .choose-cause-list-circle p:nth-child(2) {
            font-size: 18px; } }
  .sneakers-style #choose-cause .choose-cause-list-text {
    padding: 0px 55px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .choose-cause-list-text {
        padding: 0px; } }
  .sneakers-style #choose-cause .term {
    font-size: 1.5rem; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .term {
        margin: 0px 0px 0px 20px;
        position: relative;
        width: 100%; } }
    .sneakers-style #choose-cause .term span {
      border-bottom: 3px solid #2298a1;
      padding-bottom: 2px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .term p {
        font-size: 1.875rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 1.6; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .term p {
        font-size: 0.9375rem;
        letter-spacing: 1px;
        top: 55%; } }
  .sneakers-style #choose-cause .description {
    margin-top: 15px;
    font-size: 0.875rem;
    line-height: 1.5; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .description {
        font-size: 1.375rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .description {
        font-size: 0.6875rem; } }
    .sneakers-style #choose-cause .description span {
      display: block; }
  .sneakers-style #choose-cause .annotation {
    display: block;
    font-weight: 600; }
  .sneakers-style #choose-cause .icon01 {
    width: 49px;
    height: 56px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .icon01 {
        width: 95px;
        height: 102px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .icon01 {
        width: 47.5px;
        height: 51px; } }
  .sneakers-style #choose-cause .icon02 {
    width: 80px;
    height: 52px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .icon02 {
        width: 147px;
        height: 99px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .icon02 {
        width: 73.5px;
        height: 49.5px; } }
  .sneakers-style #choose-cause .icon03 {
    width: 60px;
    height: 60px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #choose-cause .icon03 {
        width: 110px;
        height: 110px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #choose-cause .icon03 {
        width: 55px;
        height: 55px; } }
.sneakers-style #service {
  padding: 0px; }
  .sneakers-style #service .service-inner {
    padding: 90px 0px 100px 0px;
    width: 1100px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .sneakers-style #service .service-inner {
        width: 90%; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #service .service-inner {
        padding: 60px 0px 100px 0px; } }
  .sneakers-style #service .service-title h3 {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sneakers-style #service .service-title h3 img {
        width: 120px;
        height: 26px; } }
    .sneakers-style #service .service-title h3:nth-child(2) {
      margin-top: 40px;
      font-weight: 600;
      font-size: 1.375rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #service .service-title h3:nth-child(2) {
          margin-top: 20px;
          font-size: 0.6875rem; } }
  .sneakers-style #service .read {
    margin-top: 80px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .sneakers-style #service .read {
        font-size: 1.875rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #service .read {
        margin-top: 50px;
        font-size: 0.9375rem; } }
  .sneakers-style #service .order-band01 {
    display: flex;
    justify-content: flex-end;
    margin-top: 40px; }
    .sneakers-style #service .order-band01 span {
      font-weight: 600;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #service .order-band01 span {
          font-size: 0.75rem; } }
    .sneakers-style #service .order-band01 .order-band-border {
      width: 225px;
      height: 1px;
      border: 1px solid #22686d;
      margin: 20px 43px; }
    .sneakers-style #service .order-band01 .order-band-border-min {
      width: 95px;
      height: 1px;
      border: 1px solid #22686d;
      margin: 20px 0px 0px 43px; }
  .sneakers-style #service .order-band02 {
    display: flex;
    justify-content: flex-start;
    margin-top: 40px; }
    .sneakers-style #service .order-band02 span {
      font-weight: 600;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #service .order-band02 span {
          font-size: 0.75rem; } }
    .sneakers-style #service .order-band02 .order-band-border {
      width: 237px;
      height: 1px;
      border: 1px solid #22686d;
      margin: 20px 52px; }
    .sneakers-style #service .order-band02 .order-band-border-min {
      width: 95px;
      height: 1px;
      border: 1px solid #22686d;
      margin: 20px 45px 0px 0px; }
  .sneakers-style #service .order-band01-sp,
  .sneakers-style #service .order-band02-sp,
  .sneakers-style #service .order-band03-sp {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0px auto;
    width: 80%; }
    .sneakers-style #service .order-band01-sp li,
    .sneakers-style #service .order-band02-sp li,
    .sneakers-style #service .order-band03-sp li {
      width: calc(100% / 3);
      text-align: center; }
    .sneakers-style #service .order-band01-sp span,
    .sneakers-style #service .order-band02-sp span,
    .sneakers-style #service .order-band03-sp span {
      font-weight: 600;
      font-size: 1.875rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #service .order-band01-sp span,
        .sneakers-style #service .order-band02-sp span,
        .sneakers-style #service .order-band03-sp span {
          font-size: 0.9375rem; } }
    .sneakers-style #service .order-band01-sp .order-band-border,
    .sneakers-style #service .order-band02-sp .order-band-border,
    .sneakers-style #service .order-band03-sp .order-band-border {
      min-width: 120px;
      width: 40%;
      height: 1px;
      border: 1px solid #22686d;
      margin-top: 20px; }
  .sneakers-style #service .number-circle {
    width: 36px;
    height: 36px;
    background-color: #22686d;
    border-radius: 40px;
    border: solid 0px transparent;
    position: relative;
    margin: 0 auto 10px auto; }
    .sneakers-style #service .number-circle span {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      font-size: 1.25rem;
      color: white;
      font-weight: 600; }
  .sneakers-style #service .order-definition {
    margin-top: 20px;
    display: flex;
    justify-content: space-between; }
  .sneakers-style #service .order-definition-item {
    width: 325px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #service .order-definition-item {
        width: 46%; } }
    .sneakers-style #service .order-definition-item img {
      width: 100%;
      height: 248px; }
      @media screen and (max-width: 900px) {
        .sneakers-style #service .order-definition-item img {
          height: auto; } }
    .sneakers-style #service .order-definition-item dt {
      position: relative;
      height: 248px; }
      @media screen and (max-width: 900px) {
        .sneakers-style #service .order-definition-item dt {
          height: auto; } }
    .sneakers-style #service .order-definition-item .icon04 {
      width: 100px;
      height: 71px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
    .sneakers-style #service .order-definition-item dd {
      margin: 20px 0px 0px 0px;
      font-size: 1rem;
      line-height: 1.5; }
      @media screen and (max-width: 900px) {
        .sneakers-style #service .order-definition-item dd {
          font-size: 1.375rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #service .order-definition-item dd {
          font-size: 0.6875rem; } }
      .sneakers-style #service .order-definition-item dd span {
        display: block; }
  @media screen and (max-width: 900px) {
    .sneakers-style #service .order-definition-item.adjustment dt {
      text-align: center;
      top: 50%;
      transform: translateY(-50%); } }
  @media screen and (max-width: 900px) {
    .sneakers-style #service .order-definition-item.adjustment .icon04 {
      position: static;
      top: 0%;
      left: 0%;
      transform: translateY(0%) translateX(0%); } }
.sneakers-style #price {
  padding: 0px;
  background: #90cbd0; }
  .sneakers-style #price .price-inner {
    width: 1100px;
    margin: 0px auto;
    padding: 100px 0px 100px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-inner {
        width: 90%; } }
  .sneakers-style #price .price-title h3 {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sneakers-style #price .price-title h3 img {
        width: 110px; } }
    .sneakers-style #price .price-title h3:nth-child(2) {
      margin-top: 40px;
      font-size: 1rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-title h3:nth-child(2) {
          font-size: 1.25rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .price-title h3:nth-child(2) {
          margin-top: 20px;
          font-size: 0.625rem; } }
  .sneakers-style #price .price-box {
    background: white;
    padding: 70px 110px 50px 110px;
    margin-top: 45px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-box {
        padding: 55px 2% 45px 2%; } }
  .sneakers-style #price .read {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 600; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .read {
        font-size: 2.5rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #price .read {
        font-size: 1.25rem; } }
    .sneakers-style #price .read span {
      border-bottom: 2px solid black;
      padding-bottom: 8px; }
    .sneakers-style #price .read .read-price {
      border: none;
      font-size: 2.5625rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .read .read-price {
          font-size: 1.25rem; } }
  .sneakers-style #price .price-list01 {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-list01 > .price-list01-item {
        margin-bottom: 20px; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-list01 {
        display: block; } }
  .sneakers-style #price .price-list01-item {
    width: 420px;
    display: flex;
    border: 2px solid #eeeeee; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-list01-item {
        width: 100%; } }
    .sneakers-style #price .price-list01-item img {
      width: 140px;
      height: 100%; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list01-item img {
          width: 100%;
          height: 100%; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-list01-item dt {
        width: 30%; } }
    .sneakers-style #price .price-list01-item dd {
      margin: 0px; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list01-item dd {
          width: 70%; } }
    .sneakers-style #price .price-list01-item .price-list01-description-list01 {
      padding: 25px 20px 20px 20px; }
      .sneakers-style #price .price-list01-item .price-list01-description-list01 dt {
        display: flex;
        justify-content: space-between;
        font-weight: normal; }
        @media screen and (max-width: 900px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dt {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dt > span {
            font-size: 0.75rem; } }
        .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span {
          display: block;
          letter-spacing: 0.5px; }
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(1) {
            font-weight: 600; }
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) {
            font-size: 0.75rem; }
            @media screen and (max-width: 900px) {
              .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) {
                font-size: 1.125rem; } }
            @media screen and (max-width: 480px) {
              .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) {
                font-size: 0.625rem; } }
            .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) span {
              display: inline;
              font-size: 1.125rem;
              font-weight: 600; }
              @media screen and (max-width: 900px) {
                .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) span {
                  font-size: 1.5625rem; } }
              @media screen and (max-width: 480px) {
                .sneakers-style #price .price-list01-item .price-list01-description-list01 dt span:nth-child(2) span {
                  font-size: 0.8125rem; } }
      .sneakers-style #price .price-list01-item .price-list01-description-list01 dd {
        font-size: 0.875rem;
        margin-top: 10px;
        line-height: 1.5; }
        @media screen and (max-width: 900px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dd {
            width: 100%;
            font-size: 1.375rem; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list01 dd {
            font-size: 0.6875rem; } }
    .sneakers-style #price .price-list01-item .price-list01-description-list02 {
      padding: 25px 20px 20px 20px; }
      .sneakers-style #price .price-list01-item .price-list01-description-list02 dt {
        display: flex;
        justify-content: space-between;
        font-weight: normal; }
        @media screen and (max-width: 900px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list02 dt {
            width: 100%; } }
        .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span {
          display: block;
          letter-spacing: 0.5px;
          font-weight: 600;
          font-size: 1rem; }
          @media screen and (max-width: 900px) {
            .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span {
              font-size: 1.5rem; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span {
              font-size: 0.75rem; } }
          .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span:nth-child(2) {
            font-size: 1.125rem; }
            @media screen and (max-width: 900px) {
              .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span:nth-child(2) {
                font-size: 1.5625rem; } }
            @media screen and (max-width: 480px) {
              .sneakers-style #price .price-list01-item .price-list01-description-list02 dt span:nth-child(2) {
                font-size: 0.75rem; } }
      .sneakers-style #price .price-list01-item .price-list01-description-list02 dd {
        font-size: 0.875rem;
        margin-top: 10px;
        line-height: 1.5; }
        @media screen and (max-width: 900px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list02 dd {
            width: 100%;
            font-size: 1.375rem; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #price .price-list01-item .price-list01-description-list02 dd {
            font-size: 0.6875rem; } }
        .sneakers-style #price .price-list01-item .price-list01-description-list02 dd span {
          display: block; }
  .sneakers-style #price .price-list02 {
    margin-top: 45px; }
  .sneakers-style #price .price-list02-item > dt {
    border: 1px solid #eeeeee;
    background: #fafafa;
    text-align: center;
    padding: 20px 0px;
    font-size: 1.125rem;
    font-weight: 600; }
    @media screen and (max-width: 900px) {
      .sneakers-style #price .price-list02-item > dt {
        font-size: 1.5rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #price .price-list02-item > dt {
        font-size: 0.75rem; } }
    .sneakers-style #price .price-list02-item > dt span {
      font-size: 0.5625rem;
      vertical-align: top; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list02-item > dt span {
          font-size: 0.75rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .price-list02-item > dt span {
          font-size: 0.375rem; } }
  .sneakers-style #price .price-list02-item dd {
    margin: 0px; }
  .sneakers-style #price .price-list02-description-list {
    display: flex;
    flex-wrap: wrap; }
    .sneakers-style #price .price-list02-description-list dt, .sneakers-style #price .price-list02-description-list dd {
      padding: 20px 0px 20px 35px;
      border: 1px solid #eeeeee;
      font-size: 1.125rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list02-description-list dt, .sneakers-style #price .price-list02-description-list dd {
          padding: 20px 0px 20px 2%;
          font-size: 1.5rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .price-list02-description-list dt, .sneakers-style #price .price-list02-description-list dd {
          font-size: 0.75rem; } }
    .sneakers-style #price .price-list02-description-list dt {
      width: 65%; }
      .sneakers-style #price .price-list02-description-list dt span {
        display: block; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list02-description-list dt {
          width: 40%;
          letter-spacing: 0.5px; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .price-list02-description-list dt {
          letter-spacing: -0.3px; } }
    .sneakers-style #price .price-list02-description-list dd {
      width: 35%; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .price-list02-description-list dd {
          width: 60%; } }
  .sneakers-style #price .annotation-area {
    margin-top: 20px; }
    .sneakers-style #price .annotation-area p {
      font-size: 0.9375rem;
      letter-spacing: 0.7px; }
      @media screen and (max-width: 900px) {
        .sneakers-style #price .annotation-area p {
          font-size: 1.25rem;
          line-height: 1.8; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #price .annotation-area p {
          font-size: 0.625rem;
          letter-spacing: 0.5px; } }
      .sneakers-style #price .annotation-area p:last-child {
        margin-top: 10px; }
    .sneakers-style #price .annotation-area span {
      font-weight: 600;
      border-bottom: 2px solid black;
      padding-bottom: 2px; }
.sneakers-style #before-after {
  padding: 0px; }
  .sneakers-style #before-after .before-after-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 100px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-inner {
        width: 90%; } }
  .sneakers-style #before-after .before-after-title {
    text-align: center;
    margin-bottom: 100px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-title {
        margin-bottom: 80px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #before-after .before-after-title {
        margin-bottom: 50px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #before-after .before-after-title img {
        width: 250px;
        height: 32px; } }
    .sneakers-style #before-after .before-after-title h3:nth-child(2) {
      margin-top: 40px;
      font-size: 1.375rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #before-after .before-after-title h3:nth-child(2) {
          font-size: 1.5rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #before-after .before-after-title h3:nth-child(2) {
          margin-top: 20px;
          font-size: 0.75rem; } }
  .sneakers-style #before-after .before-after-list-row {
    margin-top: 45px;
    display: flex;
    justify-content: space-around; }
    @media screen and (max-width: 480px) {
      .sneakers-style #before-after .before-after-list-row {
        margin-top: 10px; } }
  .sneakers-style #before-after .before-after-list-before,
  .sneakers-style #before-after .before-after-list-after {
    position: relative; }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-list-before,
      .sneakers-style #before-after .before-after-list-after {
        position: static;
        width: 48%; } }
    .sneakers-style #before-after .before-after-list-before img,
    .sneakers-style #before-after .before-after-list-after img {
      width: 498px;
      height: 400px; }
      @media screen and (max-width: 900px) {
        .sneakers-style #before-after .before-after-list-before img,
        .sneakers-style #before-after .before-after-list-after img {
          width: 100%;
          height: auto; } }
    .sneakers-style #before-after .before-after-list-before dd,
    .sneakers-style #before-after .before-after-list-after dd {
      margin: 0px;
      color: white;
      background: #2298a1;
      width: 80px;
      height: 32px;
      line-height: 2;
      text-align: center;
      font-weight: 600;
      position: absolute;
      bottom: 10px;
      font-size: 1rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #before-after .before-after-list-before dd,
        .sneakers-style #before-after .before-after-list-after dd {
          width: 100px;
          height: 40px;
          position: static;
          bottom: 0px;
          font-size: 1.25rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #before-after .before-after-list-before dd,
        .sneakers-style #before-after .before-after-list-after dd {
          font-size: 10px;
          width: 60px;
          height: 20px; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-list-before dt,
      .sneakers-style #before-after .before-after-list-after dt {
        width: 100%; } }
  .sneakers-style #before-after .before-after-list-before dd {
    right: 10px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-list-before dd {
        margin: 10px auto 0px auto;
        right: 0px; } }
  .sneakers-style #before-after .before-after-list-after dd {
    left: 10px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #before-after .before-after-list-after dd {
        margin: 10px auto 0px auto;
        left: 0px; } }
.sneakers-style #considerations {
  padding: 0px;
  background: #e1e8e4; }
  .sneakers-style #considerations .considerations-inner {
    padding: 80px 0px 100px 0px;
    width: 1040px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 900px) {
      .sneakers-style #considerations .considerations-inner {
        width: 90%;
        display: block;
        padding: 60px 0px; } }
  .sneakers-style #considerations .considerations-left-contents {
    padding: 30px 25px;
    border: 2px solid #b4c1ba;
    width: 500px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #considerations .considerations-left-contents {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #considerations .considerations-left-contents {
        padding: 20px; } }
  .sneakers-style #considerations .considerations-right-contents {
    width: 500px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #considerations .considerations-right-contents {
        width: 100%; } }
  .sneakers-style #considerations .ng-box {
    font-size: 0.9375rem; }
    .sneakers-style #considerations .ng-box > h4 {
      border-bottom: 2px solid #b4c1ba;
      padding-bottom: 15px;
      display: flex; }
      .sneakers-style #considerations .ng-box > h4 span {
        display: block; }
        .sneakers-style #considerations .ng-box > h4 span:nth-child(2) {
          margin-top: 8px;
          font-size: 1.125rem; }
          @media screen and (max-width: 480px) {
            .sneakers-style #considerations .ng-box > h4 span:nth-child(2) {
              margin-top: 3px;
              font-size: 14px;
              letter-spacing: -1px; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #considerations .ng-box > h4 span:nth-child(2) span {
              font-size: 16px; } }
    .sneakers-style #considerations .ng-box img {
      width: 37px;
      height: 37px;
      margin: 0px 20px 0px 20px; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box img {
          width: 24px;
          height: 24px;
          margin: 0px 10px 0px 10px; } }
    .sneakers-style #considerations .ng-box ul {
      margin: 20px 0px 0px 18px;
      list-style: disc;
      font-weight: 600;
      line-height: 1.8; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box ul {
          font-size: 12px;
          letter-spacing: 1px; } }
    .sneakers-style #considerations .ng-box .annotation-area {
      margin-top: 30px; }
      .sneakers-style #considerations .ng-box .annotation-area h4 {
        color: #2298a1;
        font-weight: 600; }
      .sneakers-style #considerations .ng-box .annotation-area p {
        margin-top: 10px;
        line-height: 1.8; }
        @media screen and (max-width: 480px) {
          .sneakers-style #considerations .ng-box .annotation-area p {
            margin-top: 5px; } }
        .sneakers-style #considerations .ng-box .annotation-area p span {
          display: block; }
  .sneakers-style #considerations .warning-box {
    background: white;
    padding: 40px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #considerations .warning-box {
        margin-top: 20px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #considerations .warning-box {
        padding: 20px; } }
    .sneakers-style #considerations .warning-box .heading-list {
      border-bottom: solid 3px #f0827d;
      padding-bottom: 15px;
      display: flex; }
      .sneakers-style #considerations .warning-box .heading-list img {
        width: 54px;
        height: 54px; }
        @media screen and (max-width: 480px) {
          .sneakers-style #considerations .warning-box .heading-list img {
            margin-top: 5px;
            width: 26px;
            height: 26px; } }
      .sneakers-style #considerations .warning-box .heading-list dd {
        margin: 0px 0px 0px 10px;
        font-size: 0.9375rem;
        color: #f0827d;
        font-weight: 600;
        letter-spacing: -1.1px;
        line-height: 1.8; }
        .sneakers-style #considerations .warning-box .heading-list dd span {
          display: block; }
          @media screen and (max-width: 480px) {
            .sneakers-style #considerations .warning-box .heading-list dd span {
              font-size: 11px; } }
    .sneakers-style #considerations .warning-box .read-list {
      margin: 20px 0px 0px 18px;
      list-style: disc;
      line-height: 1.8;
      letter-spacing: -0.7px;
      font-size: 0.9375rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .warning-box .read-list {
          font-size: 11px; } }
  .sneakers-style #considerations .annotation-area {
    margin-top: 30px; }
    .sneakers-style #considerations .annotation-area p {
      line-height: 1.5;
      font-size: 0.8125rem;
      letter-spacing: -0.5px; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .annotation-area p {
          font-size: 0.75rem; } }
      .sneakers-style #considerations .annotation-area p a {
        color: #22686d;
        text-decoration: underline; }
    .sneakers-style #considerations .annotation-area span {
      display: block; }
  .sneakers-style #considerations .ok-box-sp {
    padding: 40px 2%;
    border: 2px solid #b6c3bc; }
    .sneakers-style #considerations .ok-box-sp img {
      width: 44px;
      height: 44px; }
    .sneakers-style #considerations .ok-box-sp h4 {
      font-weight: 600;
      text-align: center;
      padding-bottom: 20px;
      border-bottom: 1px solid #b6c3bc; }
      .sneakers-style #considerations .ok-box-sp h4 .title {
        vertical-align: middle;
        margin-left: 20px;
        font-size: 1.5rem; }
        @media screen and (max-width: 480px) {
          .sneakers-style #considerations .ok-box-sp h4 .title {
            font-size: 0.75rem; } }
        .sneakers-style #considerations .ok-box-sp h4 .title span:last-child {
          font-size: 2rem; }
          @media screen and (max-width: 480px) {
            .sneakers-style #considerations .ok-box-sp h4 .title span:last-child {
              font-size: 1rem; } }
    .sneakers-style #considerations .ok-box-sp p {
      margin-top: 20px;
      font-weight: 600;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ok-box-sp p {
          font-size: 0.75rem; } }
    .sneakers-style #considerations .ok-box-sp ul {
      line-height: 1.5;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ok-box-sp ul {
          font-size: 0.75rem; } }
  .sneakers-style #considerations .ng-box-sp {
    margin-top: 20px;
    padding: 40px 2%;
    border: 2px solid #b6c3bc; }
    .sneakers-style #considerations .ng-box-sp img {
      width: 49px;
      height: 49px; }
    .sneakers-style #considerations .ng-box-sp h4 {
      font-weight: 600;
      text-align: center;
      padding-bottom: 20px;
      border-bottom: 1px solid #b6c3bc; }
      .sneakers-style #considerations .ng-box-sp h4 .title {
        vertical-align: middle;
        margin-left: 20px;
        font-size: 1.5rem; }
        @media screen and (max-width: 480px) {
          .sneakers-style #considerations .ng-box-sp h4 .title {
            font-size: 0.75rem;
            letter-spacing: 0.5px; } }
        .sneakers-style #considerations .ng-box-sp h4 .title span:last-child {
          font-size: 2rem; }
          @media screen and (max-width: 480px) {
            .sneakers-style #considerations .ng-box-sp h4 .title span:last-child {
              font-size: 1rem; } }
    .sneakers-style #considerations .ng-box-sp .ng-box-sp-read01 {
      margin-top: 20px;
      font-weight: 600;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box-sp .ng-box-sp-read01 {
          font-size: 0.75rem; } }
    .sneakers-style #considerations .ng-box-sp .ng-box-sp-list01 {
      line-height: 1.5;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box-sp .ng-box-sp-list01 {
          font-size: 0.75rem; } }
    .sneakers-style #considerations .ng-box-sp .ng-box-sp-read02 {
      margin-top: 20px;
      font-size: 1.5rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box-sp .ng-box-sp-read02 {
          font-size: 0.75rem; } }
    .sneakers-style #considerations .ng-box-sp .ng-box-sp-list02 {
      margin-left: 20px;
      line-height: 1.5;
      list-style: disc;
      font-size: 1.5rem;
      letter-spacing: 0.3px; }
      @media screen and (max-width: 480px) {
        .sneakers-style #considerations .ng-box-sp .ng-box-sp-list02 {
          font-size: 0.75rem; } }
.sneakers-style #order {
  padding: 0px;
  background: #2298a1; }
  .sneakers-style #order .order-inner {
    padding: 55px 0px 40px 0px;
    width: 400px;
    margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .sneakers-style #order .order-inner {
        width: 90%; } }
    .sneakers-style #order .order-inner p:last-of-type {
      margin-top: 20px;
      text-align: center;
      font-size: 0.8125rem;
      font-weight: 600;
      color: white; }
      @media screen and (max-width: 900px) {
        .sneakers-style #order .order-inner p:last-of-type {
          font-size: 1.25rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #order .order-inner p:last-of-type {
          font-size: 0.625rem; } }
  .sneakers-style #order h4 {
    font-size: 1.8125rem;
    color: white;
    font-weight: normal;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .sneakers-style #order h4 {
        font-size: 2.5rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #order h4 {
        font-size: 1.25rem; } }
    .sneakers-style #order h4 span {
      font-weight: 600; }
  .sneakers-style #order .btn-wrap {
    margin-top: 30px; }
  .sneakers-style #order .design-btn.black {
    display: inline-block;
    width: 400px;
    padding: 27px;
    font-size: 1.125rem;
    background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #333333;
    text-align: center;
    letter-spacing: 0.5px;
    border: 2px solid #333333;
    color: white; }
    @media screen and (max-width: 900px) {
      .sneakers-style #order .design-btn.black {
        width: 100%;
        font-size: 2.125rem;
        padding: 24px;
        background-size: 8px auto; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #order .design-btn.black {
        font-size: 1.0625rem; } }
.sneakers-style #delivery-area {
  padding: 60px 0px 100px 0px;
  background: #cbdad1; }
  @media screen and (max-width: 480px) {
    .sneakers-style #delivery-area {
      padding-bottom: 45px; } }
  .sneakers-style #delivery-area .delivery-area-inner {
    background: white;
    width: 1000px;
    margin: 0px auto;
    padding: 75px 0px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-inner {
        width: 90%; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-inner {
        padding-top: 35px; } }
  .sneakers-style #delivery-area .delivery-area-title {
    text-align: center; }
    .sneakers-style #delivery-area .delivery-area-title h3:nth-child(2) {
      margin-top: 30px;
      font-size: 1.375rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .delivery-area-title h3:nth-child(2) {
          font-size: 1.5rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #delivery-area .delivery-area-title h3:nth-child(2) {
          margin-top: 20px;
          font-size: 0.75rem; } }
    @media screen and (max-width: 768px) {
      .sneakers-style #delivery-area .delivery-area-title img {
        width: 90%; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #delivery-area .delivery-area-title img {
        width: 251px; } }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-title {
        padding-left: 2%;
        padding-right: 2%; } }
  .sneakers-style #delivery-area .delivery-area-itemlist {
    margin-top: 40px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-itemlist {
        padding-left: 2%;
        padding-right: 2%; } }
  .sneakers-style #delivery-area .delivery-area-item01 {
    padding-bottom: 105px;
    border-bottom: 1px solid black; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-item01 {
        padding-bottom: 70px; } }
    .sneakers-style #delivery-area .delivery-area-item01 img {
      width: 606px;
      height: 266px;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .delivery-area-item01 img {
          width: 100%;
          height: auto; } }
    .sneakers-style #delivery-area .delivery-area-item01 .annotation-area {
      width: 600px;
      margin: 30px auto 0px auto; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .delivery-area-item01 .annotation-area {
          width: 100%; } }
      .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p {
        text-align: center; }
        @media screen and (max-width: 900px) {
          .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p {
            text-align: left; } }
        .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(1) {
          font-size: 0.9375rem; }
          @media screen and (max-width: 900px) {
            .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(1) {
              font-size: 1.375rem; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(1) {
              font-size: 0.6875rem;
              text-align: center;
              width: 90%;
              margin: 0 auto; } }
        .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(2) {
          margin-top: 10px;
          font-size: 0.8125rem; }
          @media screen and (max-width: 900px) {
            .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(2) {
              font-size: 1.375rem; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #delivery-area .delivery-area-item01 .annotation-area p:nth-child(2) {
              text-align: center;
              font-size: 0.6875rem; } }
  .sneakers-style #delivery-area .delivery-area-item02 {
    padding: 100px 0px;
    border-bottom: 1px solid black;
    position: relative; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-item02 {
        padding: 75px 0px; } }
    .sneakers-style #delivery-area .delivery-area-item02 .annotation-area {
      margin: 25px 0px 45px 0px; }
      .sneakers-style #delivery-area .delivery-area-item02 .annotation-area p {
        text-align: center;
        margin-top: 10px;
        font-size: 1rem; }
        @media screen and (max-width: 900px) {
          .sneakers-style #delivery-area .delivery-area-item02 .annotation-area p {
            text-align: left;
            font-size: 1.5rem; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #delivery-area .delivery-area-item02 .annotation-area p {
            font-size: 0.75rem; } }
    .sneakers-style #delivery-area .delivery-area-item02 .select-table-img {
      width: 560px;
      height: 124px;
      display: block;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .delivery-area-item02 .select-table-img {
          width: 100%;
          height: auto; } }
  .sneakers-style #delivery-area .delivery-area-item03 {
    padding: 100px 0px 50px 0px;
    position: relative; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-item03 {
        padding: 75px 0px; } }
    .sneakers-style #delivery-area .delivery-area-item03 .heading-list dd {
      letter-spacing: 0.5px; }
    .sneakers-style #delivery-area .delivery-area-item03 .annotation-area {
      margin: 25px 0px 45px 0px; }
      .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p {
        text-align: center;
        margin-top: 10px;
        font-size: 1rem; }
        @media screen and (max-width: 900px) {
          .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p {
            text-align: left;
            font-size: 1.5rem; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p {
            font-size: 0.75rem; } }
        .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p span {
          font-size: 0.8125rem; }
          @media screen and (max-width: 900px) {
            .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p span {
              text-align: left;
              font-size: 1.375rem; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #delivery-area .delivery-area-item03 .annotation-area p span {
              font-size: 0.6875rem; } }
      .sneakers-style #delivery-area .delivery-area-item03 .annotation-area + img {
        width: 690px;
        height: 272px;
        display: block;
        margin: 0 auto; }
        @media screen and (max-width: 900px) {
          .sneakers-style #delivery-area .delivery-area-item03 .annotation-area + img {
            width: 100%;
            height: auto; } }
  .sneakers-style #delivery-area .delivery-area-item04 {
    padding: 100px 0px 110px 0px;
    position: relative; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .delivery-area-item04 {
        padding: 75px 0px 90px 0px; } }
    .sneakers-style #delivery-area .delivery-area-item04 .heading-list dd {
      letter-spacing: -0.7px; }
    .sneakers-style #delivery-area .delivery-area-item04 .annotation-area {
      margin: 25px 0px 0px 0px; }
      .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p {
        text-align: center;
        margin-top: 10px;
        font-size: 1rem; }
        @media screen and (max-width: 900px) {
          .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p {
            text-align: left;
            font-size: 1.5rem; } }
        @media screen and (max-width: 480px) {
          .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p {
            font-size: 0.75rem; } }
        .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p span {
          font-size: 0.8125rem; }
          @media screen and (max-width: 900px) {
            .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p span {
              text-align: left;
              font-size: 1.375rem; } }
          @media screen and (max-width: 480px) {
            .sneakers-style #delivery-area .delivery-area-item04 .annotation-area p span {
              font-size: 0.6875rem; } }
  .sneakers-style #delivery-area .heading-list {
    width: 580px;
    margin: 0 auto;
    display: flex; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .heading-list {
        display: block;
        width: 100%; } }
    .sneakers-style #delivery-area .heading-list dt {
      background: #22686d;
      color: white;
      margin-right: 20px;
      padding: 13px 17px;
      font-size: 0.875rem; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .heading-list dt {
          display: inline;
          font-size: 1.625rem; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #delivery-area .heading-list dt {
          font-size: 0.8125rem; } }
    .sneakers-style #delivery-area .heading-list dd {
      margin: 0;
      font-weight: 600;
      font-size: 1.375rem;
      line-height: 2; }
      @media screen and (max-width: 900px) {
        .sneakers-style #delivery-area .heading-list dd {
          font-size: 1.875rem;
          margin-top: 20px; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #delivery-area .heading-list dd {
          font-size: 0.9375rem; } }
  .sneakers-style #delivery-area .circle-price-img {
    width: 131px;
    height: 131px;
    position: absolute;
    top: 50px;
    right: 80px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #delivery-area .circle-price-img {
        top: 5px;
        right: -30px; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #delivery-area .circle-price-img {
        width: 100px;
        height: 100px;
        right: -10px; } }
.sneakers-style #order-flow {
  background: #cbdad1;
  padding: 0px; }
  .sneakers-style #order-flow .order-flow-inner {
    width: 1100px;
    margin: 0 auto;
    padding: 100px 0px 95px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #order-flow .order-flow-inner {
        width: 90%; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #order-flow .order-flow-inner {
        padding-top: 0px; } }
  .sneakers-style #order-flow .order-flow-title h3 {
    text-align: center; }
    .sneakers-style #order-flow .order-flow-title h3:nth-child(1) {
      margin-bottom: 30px;
      font-size: 1.375rem; }
      @media screen and (max-width: 480px) {
        .sneakers-style #order-flow .order-flow-title h3:nth-child(1) {
          margin-bottom: 20px;
          font-size: 0.6875rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #order-flow .order-flow-title h3 img {
        width: 158px; } }
  .sneakers-style #order-flow .step-band {
    margin-top: 80px;
    display: flex; }
    .sneakers-style #order-flow .step-band .step-band-text01,
    .sneakers-style #order-flow .step-band .step-band-text02,
    .sneakers-style #order-flow .step-band .step-band-text03,
    .sneakers-style #order-flow .step-band .step-band-text04 {
      text-align: center;
      position: relative; }
      .sneakers-style #order-flow .step-band .step-band-text01 span,
      .sneakers-style #order-flow .step-band .step-band-text02 span,
      .sneakers-style #order-flow .step-band .step-band-text03 span,
      .sneakers-style #order-flow .step-band .step-band-text04 span {
        display: block;
        line-height: 1.5; }
        .sneakers-style #order-flow .step-band .step-band-text01 span:nth-child(1),
        .sneakers-style #order-flow .step-band .step-band-text02 span:nth-child(1),
        .sneakers-style #order-flow .step-band .step-band-text03 span:nth-child(1),
        .sneakers-style #order-flow .step-band .step-band-text04 span:nth-child(1) {
          color: #22686d;
          font-size: 1.125rem; }
        .sneakers-style #order-flow .step-band .step-band-text01 span:nth-child(2),
        .sneakers-style #order-flow .step-band .step-band-text02 span:nth-child(2),
        .sneakers-style #order-flow .step-band .step-band-text03 span:nth-child(2),
        .sneakers-style #order-flow .step-band .step-band-text04 span:nth-child(2) {
          font-size: 1.5rem;
          font-weight: 600;
          white-space: nowrap; }
    .sneakers-style #order-flow .step-band .step-band-text01 {
      margin-left: 50px; }
      .sneakers-style #order-flow .step-band .step-band-text01::after {
        content: "";
        width: 120px;
        height: 1px;
        border: 1px solid #22686d;
        position: absolute;
        top: 15px;
        left: 138px; }
    .sneakers-style #order-flow .step-band .step-band-text02 {
      margin-left: 190px; }
      .sneakers-style #order-flow .step-band .step-band-text02::after {
        content: "";
        width: 120px;
        height: 1px;
        border: 1px solid #22686d;
        position: absolute;
        top: 15px;
        left: 132px; }
    .sneakers-style #order-flow .step-band .step-band-text03 {
      margin-left: 95px; }
      .sneakers-style #order-flow .step-band .step-band-text03::after {
        content: "";
        width: 120px;
        height: 1px;
        border: 1px solid #22686d;
        position: absolute;
        top: 15px;
        left: 221px; }
    .sneakers-style #order-flow .step-band .step-band-text04 {
      margin-left: 60px; }
  .sneakers-style #order-flow .step-list {
    display: flex;
    justify-content: space-between;
    margin-top: 45px; }
    .sneakers-style #order-flow .step-list .step-list-item {
      width: 230px; }
      .sneakers-style #order-flow .step-list .step-list-item dt {
        text-align: center;
        height: 68px; }
      .sneakers-style #order-flow .step-list .step-list-item dd {
        margin: 40px 0px 0px 0px;
        letter-spacing: -0.5px;
        line-height: 1.5;
        font-size: 1rem; }
  .sneakers-style #order-flow .icon05 {
    width: 50px;
    height: 68px; }
  .sneakers-style #order-flow .icon06 {
    width: 58px;
    height: 64px; }
  .sneakers-style #order-flow .icon07 {
    width: 66px;
    height: 57px; }
  .sneakers-style #order-flow .icon08 {
    width: 65px;
    height: 50px; }
  .sneakers-style #order-flow .step-list-sp {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 40px; }
    .sneakers-style #order-flow .step-list-sp::before {
      content: "";
      width: 120px;
      position: absolute;
      top: 6px;
      left: 50%;
      height: 1px;
      border: 1px solid #22686d;
      transform: translateX(-50%); }
      @media screen and (max-width: 480px) {
        .sneakers-style #order-flow .step-list-sp::before {
          width: 20%; } }
    .sneakers-style #order-flow .step-list-sp .step-list-sp-left,
    .sneakers-style #order-flow .step-list-sp .step-list-sp-right {
      width: 40%; }
    .sneakers-style #order-flow .step-list-sp .step-list-sp-item {
      text-align: center; }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .icon05 {
        width: 55px;
        height: 55px;
        margin-bottom: 20px; }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .icon06 {
        width: 55px;
        height: 55px;
        margin-bottom: 20px; }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .icon07 {
        width: 55px;
        height: 55px;
        margin-bottom: 20px; }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .icon08 {
        width: 55px;
        height: 55px;
        margin-bottom: 20px; }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .title01 {
        color: #22686d;
        font-size: 1.5rem; }
        @media screen and (max-width: 480px) {
          .sneakers-style #order-flow .step-list-sp .step-list-sp-item .title01 {
            font-size: 0.75rem; } }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .title02 {
        margin: 10px 0px 20px 0px;
        color: black;
        font-size: 1.875rem;
        letter-spacing: 0.3px; }
        @media screen and (max-width: 480px) {
          .sneakers-style #order-flow .step-list-sp .step-list-sp-item .title02 {
            margin-top: 6px;
            font-weight: 600;
            font-size: 0.9375rem;
            letter-spacing: -0.3px; } }
      .sneakers-style #order-flow .step-list-sp .step-list-sp-item .read {
        text-align: left;
        font-size: 1.5rem; }
        @media screen and (max-width: 480px) {
          .sneakers-style #order-flow .step-list-sp .step-list-sp-item .read {
            font-size: 0.75rem; } }
.sneakers-style #preparation {
  padding: 0px 0px 70px 0px;
  background: #cbdad1; }
  .sneakers-style #preparation .preparation-inner {
    width: 1100px;
    margin: 0 auto;
    background: white;
    padding: 50px 0px 60px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #preparation .preparation-inner {
        width: 90%; } }
  .sneakers-style #preparation h3 {
    text-align: center;
    font-size: 1.75rem; }
    @media screen and (max-width: 900px) {
      .sneakers-style #preparation h3 {
        font-size: 1.875rem; } }
    @media screen and (max-width: 480px) {
      .sneakers-style #preparation h3 {
        font-size: 0.9375rem; } }
  .sneakers-style #preparation .annotation-area {
    margin: 40px 0px 65px 0px; }
    @media screen and (max-width: 900px) {
      .sneakers-style #preparation .annotation-area {
        width: 90%;
        margin: 40px auto 65px auto; } }
    .sneakers-style #preparation .annotation-area p {
      text-align: center;
      font-size: 0.9375rem;
      font-weight: 600; }
      @media screen and (max-width: 900px) {
        .sneakers-style #preparation .annotation-area p {
          font-size: 1.5rem;
          text-align: left; } }
      @media screen and (max-width: 480px) {
        .sneakers-style #preparation .annotation-area p {
          font-size: 0.75rem; } }
      .sneakers-style #preparation .annotation-area p:nth-child(2) {
        margin-top: 10px; }
  .sneakers-style #preparation img {
    width: 400px;
    height: 267px;
    display: block;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sneakers-style #preparation img {
        width: 300px;
        height: auto; } }

@media screen and (min-width: 900px) {
  .contents.charge.page-a {
    margin-bottom: 50px; } }

@media screen and (min-width: 900px) {
  .charge .footer-cover {
    margin-top: 70px; } }

.page-a .title-area {
  margin-top: 112px; }
  @media screen and (max-width: 900px) {
    .page-a .title-area {
      margin-top: 60px; } }
  .page-a .title-area .lead {
    margin-top: 36px; }
.page-a ul.anchor-list {
  margin-top: 72px !important;
  text-align: center; }
  @media screen and (max-width: 900px) {
    .page-a ul.anchor-list {
      margin-top: 35px !important; } }
  .page-a ul.anchor-list li {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0 16px; }
    @media screen and (max-width: 900px) {
      .page-a ul.anchor-list li {
        font-size: 0.8125rem;
        margin: 0 8px 0 0; }
        .page-a ul.anchor-list li:last-child {
          margin: 0; }
        .page-a ul.anchor-list li img {
          width: 8px; } }
    .page-a ul.anchor-list li a {
      color: #22686d;
      position: relative;
      letter-spacing: 1.8px; }
      .page-a ul.anchor-list li a:after {
        display: block;
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #22686d; }
        @media screen and (max-width: 900px) {
          .page-a ul.anchor-list li a:after {
            height: 1px; } }
.page-a .page-title-area {
  text-align: center;
  margin-top: 106px; }
  @media screen and (max-width: 900px) {
    .page-a .page-title-area {
      margin-top: 47px; } }
  .page-a .page-title-area .title {
    font-size: 1.875rem;
    letter-spacing: 2.6px; }
    @media screen and (max-width: 900px) {
      .page-a .page-title-area .title {
        font-size: 1.125rem; } }
  .page-a .page-title-area .lead {
    margin-top: 38px;
    font-size: 1rem;
    letter-spacing: 1.4px;
    line-height: 1.6; }
    @media screen and (max-width: 900px) {
      .page-a .page-title-area .lead {
        margin-top: 25px;
        font-size: 0.8125rem;
        line-height: 1.7; } }
  .page-a .page-title-area.futon {
    margin-top: 153px; }
    @media screen and (max-width: 900px) {
      .page-a .page-title-area.futon {
        margin-top: 80px; } }
.page-a .map-wrap {
  margin-top: 37px;
  padding: 50px 50px 65px;
  background-color: #fff; }
  @media screen and (max-width: 900px) {
    .page-a .map-wrap {
      margin: 37px -10px 0;
      padding: 25px 20px 45px; } }
  .page-a .map-wrap .map {
    text-align: center; }
    .page-a .map-wrap .map .notes {
      font-size: 0.8125rem;
      color: #666;
      font-weight: bold;
      margin-top: 14px;
      line-height: 1.7;
      letter-spacing: 1.1px; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .map .notes {
          font-size: 0.625rem; } }
    @media screen and (min-width: 900px) {
      .page-a .map-wrap .map.laundry-area-map img {
        position: relative;
        top: 0;
        left: -52px; } }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .map.laundry-area-map img {
        width: 100%; } }
    .page-a .map-wrap .map.futon-area-map {
      margin-bottom: -17px; }
      @media screen and (min-width: 900px) {
        .page-a .map-wrap .map.futon-area-map img {
          position: relative;
          top: 0;
          left: 14px; } }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .map.futon-area-map img {
          width: 100%; } }
  .page-a .map-wrap .map-title {
    font-size: 1.25rem;
    margin-top: 78px;
    text-align: center;
    letter-spacing: 2.2px; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .map-title {
        font-size: 0.9375rem;
        margin-top: 60px; } }
  .page-a .map-wrap .title-lead {
    margin-top: 24px; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .title-lead {
        margin-top: 15px; } }
  .page-a .map-wrap .lead {
    text-align: center;
    letter-spacing: 1.2px;
    line-height: 1.8; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .lead {
        font-size: 0.75rem; } }
  .page-a .map-wrap .indicator {
    margin-top: 10px;
    text-align: right; }
  .page-a .map-wrap .laundry-area-table {
    margin-top: 88px;
    width: 100%; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .laundry-area-table {
        margin-top: 50px; } }
    .page-a .map-wrap .laundry-area-table tr:first-child th, .page-a .map-wrap .laundry-area-table tr:first-child td {
      padding: 0 8px;
      height: 80px;
      font-size: 0.875rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table tr:first-child th, .page-a .map-wrap .laundry-area-table tr:first-child td {
          font-size: 0.625rem;
          padding: 0 3px;
          height: 60px;
          line-height: 1.3; } }
    .page-a .map-wrap .laundry-area-table th, .page-a .map-wrap .laundry-area-table td {
      vertical-align: middle;
      border: 2px solid #eeeeee;
      text-align: center;
      line-height: 1.5;
      padding: 0 8px;
      height: 60px; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table th, .page-a .map-wrap .laundry-area-table td {
          padding: 4px 3px;
          height: 60px; } }
    @media screen and (min-width: 900px) {
      .page-a .map-wrap .laundry-area-table .style-1 {
        width: 500px; }
      .page-a .map-wrap .laundry-area-table .style-2 {
        width: 125px; }
      .page-a .map-wrap .laundry-area-table .style-3 {
        width: 125px; }
      .page-a .map-wrap .laundry-area-table .style-4 {
        width: 125px; }
      .page-a .map-wrap .laundry-area-table .style-5 {
        width: 125px; } }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .laundry-area-table .style-1 {
        width: 120px; }
      .page-a .map-wrap .laundry-area-table .style-2 {
        width: calc((100% - 120px) / 4); }
      .page-a .map-wrap .laundry-area-table .style-3 {
        width: calc((100% - 120px) / 4); }
      .page-a .map-wrap .laundry-area-table .style-4 {
        width: calc((100% - 120px) / 4); }
      .page-a .map-wrap .laundry-area-table .style-5 {
        width: calc((100% - 120px) / 4); } }
    .page-a .map-wrap .laundry-area-table .p {
      font-size: 1.125rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table .p {
          font-size: 0.75rem;
          line-height: 1.5;
          display: inline-block; } }
    .page-a .map-wrap .laundry-area-table .d.rowspan-5 {
      background-image: linear-gradient(-67.6deg, transparent, transparent 50%, #eeeeee 50%, #eeeeee 51%, transparent 51%, transparent); }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table .d.rowspan-5 {
          background-image: linear-gradient(-83.2deg, transparent, transparent 50%, #eeeeee 50%, #eeeeee 51%, transparent 51%, transparent); } }
    .page-a .map-wrap .laundry-area-table .d.rowspan-9 {
      background-image: linear-gradient(-77.1deg, transparent, transparent 50%, #eeeeee 50%, #eeeeee 51%, transparent 51%, transparent); }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table .d.rowspan-9 {
          background-image: linear-gradient(-86deg, transparent, transparent 50%, #eeeeee 50%, #eeeeee 51%, transparent 51%, transparent); } }
    .page-a .map-wrap .laundry-area-table .area {
      padding: 0 10px;
      padding-right: 0;
      text-align: left; }
      @media screen and (min-width: 900px) {
        .page-a .map-wrap .laundry-area-table .area {
          display: flex;
          justify-content: space-between;
          align-items: center; } }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .laundry-area-table .area {
          padding: 0 4px; } }
      .page-a .map-wrap .laundry-area-table .area .region {
        overflow: hidden;
        display: flex;
        align-items: center; }
        @media screen and (min-width: 900px) {
          .page-a .map-wrap .laundry-area-table .area .region {
            width: 138px; } }
        @media screen and (max-width: 900px) {
          .page-a .map-wrap .laundry-area-table .area .region {
            flex-wrap: wrap; } }
        .page-a .map-wrap .laundry-area-table .area .region .number {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          line-height: 30px;
          background-color: #333;
          color: #fff;
          margin-right: 16px;
          text-align: center;
          letter-spacing: .2px; }
          @media screen and (max-width: 900px) {
            .page-a .map-wrap .laundry-area-table .area .region .number {
              font-size: 0.625rem;
              width: 18px;
              height: 18px;
              line-height: 18px;
              margin-right: 6px; } }
        .page-a .map-wrap .laundry-area-table .area .region .name {
          line-height: 1.4; }
          @media screen and (max-width: 900px) {
            .page-a .map-wrap .laundry-area-table .area .region .name {
              font-size: 0.75rem;
              width: 80px; } }
      .page-a .map-wrap .laundry-area-table .area .list {
        font-weight: normal; }
        @media screen and (min-width: 900px) {
          .page-a .map-wrap .laundry-area-table .area .list {
            width: calc(100% - 138px); } }
        @media screen and (max-width: 900px) {
          .page-a .map-wrap .laundry-area-table .area .list {
            margin-left: 4px; } }
        @media screen and (max-width: 900px) {
          .page-a .map-wrap .laundry-area-table .area .list ul {
            line-height: 1;
            margin-top: 3px; } }
        .page-a .map-wrap .laundry-area-table .area .list ul li {
          display: inline; }
          @media screen and (max-width: 900px) {
            .page-a .map-wrap .laundry-area-table .area .list ul li {
              font-size: 0.6875rem; } }
          .page-a .map-wrap .laundry-area-table .area .list ul li:last-child:after {
            display: none; }
          .page-a .map-wrap .laundry-area-table .area .list ul li:after {
            content: '・'; }
  .page-a .map-wrap .futon-area-table {
    margin-top: 37px;
    width: 100%; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .futon-area-table {
        margin-top: 20px; } }
    .page-a .map-wrap .futon-area-table tr:first-child th, .page-a .map-wrap .futon-area-table tr:first-child td {
      padding: 0 8px;
      height: 40px;
      font-size: 0.875rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-area-table tr:first-child th, .page-a .map-wrap .futon-area-table tr:first-child td {
          height: 25px;
          padding: 0 3px;
          font-size: 0.625rem; } }
    .page-a .map-wrap .futon-area-table tr:nth-child(2) th, .page-a .map-wrap .futon-area-table tr:nth-child(2) td {
      padding: 0 3px;
      height: 70px;
      font-size: 0.8125rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-area-table tr:nth-child(2) th, .page-a .map-wrap .futon-area-table tr:nth-child(2) td {
          height: 50px;
          padding: 0 3px;
          font-size: 0.625rem; } }
    .page-a .map-wrap .futon-area-table th, .page-a .map-wrap .futon-area-table td {
      vertical-align: middle;
      border: 2px solid #eeeeee;
      text-align: center;
      line-height: 1.5;
      padding: 0 8px;
      height: 60px; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-area-table th, .page-a .map-wrap .futon-area-table td {
          height: 52px;
          padding: 2px 3px;
          font-size: 0.75rem; } }
    .page-a .map-wrap .futon-area-table .style-1 {
      width: 120px; }
    .page-a .map-wrap .futon-area-table .style-2 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-3 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-4 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-5 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-6 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-7 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .style-8 {
      width: 110px; }
    .page-a .map-wrap .futon-area-table .p {
      font-size: 1.125rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-area-table .p {
          font-size: 0.75rem; } }
  .page-a .map-wrap .futon-size-table {
    margin-top: 27px;
    margin-bottom: 43px;
    width: 100%; }
    .page-a .map-wrap .futon-size-table tr:first-child th, .page-a .map-wrap .futon-size-table tr:first-child td {
      padding: 0 8px;
      height: 60px;
      font-size: 0.875rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-size-table tr:first-child th, .page-a .map-wrap .futon-size-table tr:first-child td {
          height: 50px;
          padding: 0 3px;
          font-size: 0.625rem; } }
    .page-a .map-wrap .futon-size-table th, .page-a .map-wrap .futon-size-table td {
      vertical-align: middle;
      border: 2px solid #eeeeee;
      text-align: center;
      line-height: 1.5;
      padding: 0 8px;
      height: 60px; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-size-table th, .page-a .map-wrap .futon-size-table td {
          height: 52px;
          padding: 2px 3px;
          font-size: 0.75rem; } }
    @media screen and (min-width: 900px) {
      .page-a .map-wrap .futon-size-table .style-1 {
        width: 120px; }
      .page-a .map-wrap .futon-size-table .style-2 {
        width: 220px; }
      .page-a .map-wrap .futon-size-table .style-3 {
        width: 220px; }
      .page-a .map-wrap .futon-size-table .style-4 {
        width: 220px; }
      .page-a .map-wrap .futon-size-table .style-5 {
        width: 220px; } }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .futon-size-table .style-1 {
        width: 58px; }
      .page-a .map-wrap .futon-size-table .style-2 {
        width: calc((100% - 58px) / 4); }
      .page-a .map-wrap .futon-size-table .style-3 {
        width: calc((100% - 58px) / 4); }
      .page-a .map-wrap .futon-size-table .style-4 {
        width: calc((100% - 58px) / 4); }
      .page-a .map-wrap .futon-size-table .style-5 {
        width: calc((100% - 58px) / 4); } }
    .page-a .map-wrap .futon-size-table .s {
      font-size: 1.125rem; }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .futon-size-table .s {
          font-size: 0.75rem; } }
  .page-a .map-wrap .notes-wrap {
    margin-top: 57px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .page-a .map-wrap .notes-wrap {
        margin-top: 37px; } }
    .page-a .map-wrap .notes-wrap .note-lests-style {
      display: inline-block;
      text-align: left;
      font-size: 0.8125rem;
      letter-spacing: 1px; }
      @media screen and (min-width: 900px) {
        .page-a .map-wrap .notes-wrap .note-lests-style {
          margin-left: 47px;
          line-height: 1.4; } }
      @media screen and (max-width: 900px) {
        .page-a .map-wrap .notes-wrap .note-lests-style {
          font-size: 0.75rem;
          line-height: 1.5;
          text-align: center; } }
      .page-a .map-wrap .notes-wrap .note-lests-style li {
        margin-bottom: 8px; }
        .page-a .map-wrap .notes-wrap .note-lests-style li:last-child {
          margin-bottom: 0; }

.win .page-a ul.anchor-list li a {
  display: inline-block; }
.win .page-a ul.anchor-list li a:after {
  bottom: -1px; }

.contents.charge.page-a.v-20190801 .map-wrap {
  margin-top: 77px;
  padding: 67px 50px 106px; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .map-wrap {
      margin-top: 33px;
      padding: 43px 20px 67px; } }
  .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap {
    text-align: center; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap .section-title img {
        height: 31px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap .section-sub-title {
      margin-top: 22px;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 1.7px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap .section-sub-title {
          font-size: 14px;
          margin-top: 12px;
          letter-spacing: 1.1px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap .section-title-lead {
      margin-top: 43px;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 1.2px;
      line-height: 1.6; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .section-title-wrap .section-title-lead {
          margin-top: 30px;
          font-size: 13px;
          line-height: 1.5;
          letter-spacing: 0; } }
  .contents.charge.page-a.v-20190801 .map-wrap .notes {
    margin-top: 63px;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .notes {
        margin-top: 60px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .notes .title {
      display: inline-block;
      font-size: 26px;
      letter-spacing: 0.2px;
      position: relative; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .notes .title {
          font-size: 16px;
          line-height: 1.4; } }
      .contents.charge.page-a.v-20190801 .map-wrap .notes .title:before {
        content: '';
        display: block;
        position: absolute;
        bottom: -7px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #333333; }
    @media screen and (min-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity {
        margin: 0 auto;
        margin-top: 37px;
        width: 660px;
        padding: 0; }
        .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .content {
          margin-top: 0;
          width: 400px;
          text-align: left; }
          .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .content .capacity-caption {
            margin: 0;
            background: #22676c;
            color: #fff;
            font-size: 19px;
            padding: 10px 14px;
            display: inline-block; }
          .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .content dl {
            margin-top: 6px; }
        .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .img {
          width: 235px;
          margin-top: 6px; }
          .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .img img {
            width: 100%; } }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .content .capacity-caption {
        color: #fff;
        background-color: #22686d;
        width: 230px;
        padding: 7px 4px;
        margin: 0 auto 10px; }
      .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .img {
        margin: 22px 0 20px; }
        .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .img img {
          width: 36%; } }
    .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .note {
      font-size: 13px;
      margin-top: 15px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .notes .capacity .note {
          font-size: 10px;
          margin-top: -15px;
          margin-bottom: 20px; } }
  .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map {
    margin-top: 110px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map {
        margin-top: 30px; }
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map.futon-m {
          margin-top: 55px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map .title {
      font-size: 24px;
      margin-bottom: 57px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map .title {
          font-size: 15px;
          margin-bottom: 33px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-map img {
      position: static; }
  .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table {
    margin-top: 90px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table {
        margin-top: 36px; } }
    @media screen and (min-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-1 {
        width: 518px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-2 {
        width: 160px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-3 {
        width: 160px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-4 {
        width: 160px; } }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-1 {
        width: 131px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-2 {
        width: 68px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-3 {
        width: 68px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .style-4 {
        width: 68px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v tr:first-child th {
      font-size: 13px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v tr:first-child th {
          font-size: 10px;
          letter-spacing: -0.3px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .blank-gray {
      background-color: rgba(245, 246, 246, 0.5); }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .blank-gray {
          height: 56px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .store-block {
      text-align: left;
      font-size: 15px;
      padding-left: 20px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .store-block {
          font-size: 12px;
          padding-left: 10px; } }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .store-block a {
        font-weight: normal;
        text-decoration: underline;
        color: #80beca; }
        @media screen and (min-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table.futon-v .store-block a {
            margin-left: 42px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-1 {
      width: 568px; }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-2 {
      width: 215px; }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-3 {
      width: 215px; }
    .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table tr:first-child th {
      font-size: 20px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table tr:first-child th {
          height: 50px;
          font-size: 10px; } }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-1 {
        width: 180px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-2 {
        width: 65px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .style-3 {
        width: 65px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .area {
        padding: 0 3px; }
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .area .region .name {
          font-size: 12px; }
        .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .area .list {
          margin: 0;
          margin-left: 24px; }
          .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .area .list ul {
            margin: 0; }
            .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table .area .list ul li {
              font-size: 12px; }
      .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table th, .contents.charge.page-a.v-20190801 .map-wrap .laundry-area-table td {
        height: auto;
        padding: 11px 3px;
        border-width: 1px; } }
  .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap {
    margin-top: 48px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap {
        margin-top: 25px; } }
    .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap .note-lests-style {
      margin-left: 0; }
    .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap .standard-corse-note p {
      letter-spacing: 1.2px;
      line-height: 1.8;
      margin-bottom: 10px; }
      .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap .standard-corse-note p a {
        color: #22686d;
        text-decoration: underline; }
      .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap .standard-corse-note p:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .notes-wrap .standard-corse-note p {
          font-size: 10px;
          line-height: 1.5;
          text-align: justify; } }
  .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap {
    margin-top: 94px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap {
        margin-top: 0; } }
    .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item {
      text-align: center;
      font-weight: bold;
      border-bottom: 1px solid #333;
      margin: 0 43px;
      padding-bottom: 90px;
      margin-bottom: 90px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item {
          margin: 0;
          padding-bottom: 51px;
          margin-top: 65px; }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item:nth-child(2) {
            margin-top: 46px; } }
      .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0; }
      .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .title-wrap .title {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 1.3px; }
        @media screen and (max-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .title-wrap .title {
            line-height: 1.6;
            font-size: 14px;
            letter-spacing: 0.8px; } }
      .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .title-wrap .note {
        margin-top: 31px;
        font-size: 13px;
        line-height: 1.7;
        margin-bottom: -8px; }
        @media screen and (max-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .title-wrap .note {
            font-size: 10px;
            margin-bottom: -27px; } }
      .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items {
        margin-top: 48px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        @media screen and (max-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items {
            margin-top: 50px; } }
        .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item {
          width: 440px;
          margin-right: 20px;
          position: relative; }
          @media screen and (min-width: 900px) {
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item:before {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              opacity: 0;
              display: block;
              z-index: 3;
              background-color: #fff;
              transition: opacity 0.3s ease 0s; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item:hover:before {
              opacity: .5; } }
          @media screen and (max-width: 900px) {
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item {
              width: 100%;
              margin: 0 0 74px; }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item:last-child {
                margin: 0; } }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item:nth-child(2n), .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item:last-child {
            margin-right: 0; }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link-over {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            opacity: 0;
            display: block;
            z-index: 3; }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name {
            font-size: 26px;
            border: 1px solid #333;
            padding: 10px; }
            @media screen and (max-width: 900px) {
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name {
                font-size: 17px;
                padding: 8px; } }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.natural {
              color: #bad06e;
              border-color: #bad06e; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.delicate {
              color: #89c4a8;
              border-color: #89c4a8; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.futon-c {
              color: #82c2d1;
              border-color: #82c2d1; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.dailycare {
              color: #f5c300;
              border-color: #f5c300; }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.dailycare .small-pre-text {
                font-size: 1.25rem; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.detox {
              color: #f59700;
              border-color: #f59700; }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .name.detox .small-pre-text {
                font-size: 1.25rem; }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .lead {
            font-size: 20px;
            font-weight: bold;
            margin-top: 30px;
            line-height: 1.5; }
            @media screen and (max-width: 900px) {
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .lead {
                margin-top: 18px;
                font-size: 14px;
                line-height: 1.3; } }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap {
            margin-top: 28px;
            position: relative; }
            @media screen and (max-width: 900px) {
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap {
                margin-top: 17px; } }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap .img-box img {
              width: 100%; }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap .price-icon {
              position: absolute;
              display: inline-block;
              right: 22px;
              bottom: 15px; }
              @media screen and (max-width: 900px) {
                .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap .price-icon {
                  right: 13px;
                  bottom: 11px; } }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap .price-icon img {
                width: 102px;
                height: auto; }
                @media screen and (max-width: 900px) {
                  .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .img-wrap .price-icon img {
                    width: 79px; } }
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link {
            margin-top: 47px;
            font-size: 18px; }
            @media screen and (max-width: 900px) {
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link {
                margin-top: 21px;
                font-size: 13px; } }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link.futon-c span {
              color: #82c2d1; }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link.futon-c span:after {
                background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/charge/v-20190801/icon-arrow-blue.png); }
            .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link span {
              display: inline-block;
              color: #22686d;
              text-decoration: underline;
              position: relative;
              padding-right: 13px; }
              @media screen and (max-width: 900px) {
                .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link span {
                  padding-right: 7px; } }
              .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link span:after {
                content: '';
                position: absolute;
                display: block;
                top: 50%;
                right: 0;
                width: 9px;
                height: 15px;
                transform: translateY(-50%);
                background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/charge/v-20190801/icon-arrow-green.png) no-repeat center;
                background-size: cover; }
                @media screen and (max-width: 900px) {
                  .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .item .link span:after {
                    width: 5px;
                    height: 8px; } }
        @media screen and (min-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .dailycare {
            padding-top: 80px; } }
        @media screen and (min-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap .info-item-wrap .info-item .items .detox {
            padding-top: 80px; } }
.contents.charge.page-a.v-20190801 .campaign {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw; }
  @media screen and (min-width: 900px) {
    .contents.charge.page-a.v-20190801 .campaign {
      padding: 67px 0 60px; } }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .campaign {
      padding: 24px 12px; } }
  .contents.charge.page-a.v-20190801 .campaign .title span:not(.mark) {
    font-size: 24px !important;
    display: inline-block;
    padding: 10px;
    margin-bottom: 8px;
    background-color: #fff;
    color: #22686d; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .campaign .title span:not(.mark) {
        font-size: 16px !important;
        padding: 3px 12px;
        margin-bottom: 5px; } }
  .contents.charge.page-a.v-20190801 .campaign .btn-wrap {
    margin-top: 38px !important; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .campaign .btn-wrap {
        margin: 0 -10px;
        margin-top: 20px !important; } }
    @media screen and (min-width: 900px) {
      .contents.charge.page-a.v-20190801 .campaign .btn-wrap .design-btn {
        width: 495px; } }
.contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap {
  margin-top: 100px; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap {
      margin-top: 0;
      padding-bottom: 60px; } }
  .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .futon-area-map {
    margin-top: 110px;
    margin-bottom: 93px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .futon-area-map {
        margin-top: 50px;
        margin-bottom: 71px; } }
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .futon-area-map .title {
      font-size: 24px;
      margin-bottom: 72px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .futon-area-map .title {
          font-size: 15px;
          margin-bottom: 30px; } }
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .futon-area-map img {
      position: static; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .map-title {
      margin-top: 50px; } }
  .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap {
    margin-top: 60px; }
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:first-child .items {
      margin-top: 28px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:first-child .items {
          margin-top: 51px; }
          .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:first-child .items .lead {
            margin-top: 26px; } }
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .title-wrap .note {
      margin-top: 21px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .title-wrap .note {
          margin-top: 32px; } }
    .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .items {
      margin-top: 38px; }
      @media screen and (max-width: 900px) {
        .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .items {
          margin-top: 49px; } }
      .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .items .img-wrap {
        margin-top: 50px; }
        @media screen and (max-width: 900px) {
          .contents.charge.page-a.v-20190801 .map-wrap.futon-map-wrap .info-item-wrap .info-item:nth-child(2) .items .img-wrap {
            margin-top: 25px; } }
.contents.charge.page-a.v-20190801 .start-campaign {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%); }
  @media screen and (min-width: 900px) {
    .contents.charge.page-a.v-20190801 .start-campaign {
      padding: 45px 0 54px;
      width: 100vw; } }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .start-campaign {
      padding: 51px 20px 34px;
      width: calc(100% + 40px); }
      .contents.charge.page-a.v-20190801 .start-campaign .wrap.s-1000 {
        padding: 0; }
      .contents.charge.page-a.v-20190801 .start-campaign .seal {
        top: -41px; }
        .contents.charge.page-a.v-20190801 .start-campaign .seal img {
          width: 66px; } }
.contents.charge.page-a.v-20190801 .futon-area-table {
  margin-top: 47px; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .futon-area-table {
      margin-top: 25px; } }
  .contents.charge.page-a.v-20190801 .futon-area-table .style-1 {
    width: 119px; }
  .contents.charge.page-a.v-20190801 .futon-area-table .style-2 {
    width: 215px; }
  .contents.charge.page-a.v-20190801 .futon-area-table .style-3 {
    width: 215px; }
  .contents.charge.page-a.v-20190801 .futon-area-table .style-4 {
    width: 215px; }
  .contents.charge.page-a.v-20190801 .futon-area-table .style-5 {
    width: 215px; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .futon-area-table .style-1 {
      width: 479px; } }
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-rp,
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-tx,
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-ltp {
    display: inline-block; }
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-rp {
    position: relative;
    margin-top: 10px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table .p .table-rp {
        margin-top: 3px; } }
    .contents.charge.page-a.v-20190801 .futon-area-table .p .table-rp:after {
      content: '';
      display: block;
      height: 2px;
      background: #f0827d;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      right: 0; }
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-tx {
    font-size: 13px;
    font-weight: bold;
    display: block;
    margin: 5px 0 -3px;
    color: #5f5f5f; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table .p .table-tx {
        font-size: 10px;
        margin: 2px 0 -3px; } }
  .contents.charge.page-a.v-20190801 .futon-area-table .p .table-ltp {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
    color: #f0827d; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table .p .table-ltp {
        font-size: 16px;
        margin-bottom: 3px; } }
  .contents.charge.page-a.v-20190801 .futon-area-table tr:first-child th {
    height: 45px; }
    @media screen and (min-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table tr:first-child th {
        font-size: 16px; } }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table tr:first-child th {
        height: 25px; } }
  .contents.charge.page-a.v-20190801 .futon-area-table tr:nth-child(2) th {
    height: 65px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 .futon-area-table tr:nth-child(2) th {
        height: 50px; } }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .futon-area-table th, .contents.charge.page-a.v-20190801 .futon-area-table td {
      height: 50px; } }
.contents.charge.page-a.v-20190801 .futon-area-table-lead {
  margin-top: 33px; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 .futon-area-table-lead {
      margin-top: 17px;
      font-size: 10px;
      line-height: 1.5; } }
.contents.charge.page-a.v-20190801 section.type {
  background: transparent;
  padding: 0; }
  @media screen and (max-width: 900px) {
    .contents.charge.page-a.v-20190801 section.type .wrap.s-1100 {
      padding: 0; } }
  .contents.charge.page-a.v-20190801 section.type .links {
    padding-top: 60px; }
    @media screen and (max-width: 900px) {
      .contents.charge.page-a.v-20190801 section.type .links {
        padding: 18px 10px;
        margin: 0; }
        .contents.charge.page-a.v-20190801 section.type .links .design-btn.bg-photo {
          height: 111px; } }
@media screen and (min-width: 900px) {
  .contents.charge.page-a.v-20190801 .futon-area-banner {
    width: 870px;
    margin: 55px auto 30px; } }
@media screen and (max-width: 900px) {
  .contents.charge.page-a.v-20190801 .futon-area-banner {
    margin: 40px auto 36px;
    padding: 0 10px; } }
.contents.charge.page-a.v-20190801 .futon-area-banner img {
  width: 100%; }

.note-lests-style.sp-tx-j {
  max-width: 900px;
  text-align: justify !important; }
  @media screen and (max-width: 900px) {
    .note-lests-style.sp-tx-j {
      font-size: 10px !important; } }

.charge .bt-arrow span:after {
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/charge/v-20190801/icon-arrow-blue-b.png) !important;
  height: 9px !important;
  width: 15px !important;
  right: -6px !important; }
  @media screen and (max-width: 900px) {
    .charge .bt-arrow span:after {
      height: 7px !important;
      width: 12px !important;
      right: -9px !important; } }
.charge .open-info + .bt-arrow span:after {
  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/charge/v-20190801/icon-arrow-blue-u.png) !important; }
.charge .natural-contents {
  border-top: 1px solid #eaeaea;
  padding-top: 35px;
  margin-top: 20px; }
  @media screen and (max-width: 900px) {
    .charge .natural-contents {
      padding-top: 35px !important;
      margin-top: -10px !important; } }
  .charge .natural-contents:before {
    opacity: 0 !important; }
  .charge .natural-contents .futon-c-natural .title {
    line-height: 1.4;
    font-size: 19px;
    margin-bottom: 8px;
    text-decoration: underline; }
    @media screen and (max-width: 900px) {
      .charge .natural-contents .futon-c-natural .title {
        font-size: 14px; } }
  .charge .natural-contents .futon-c-natural .natural-contents-wrap .natural-contents-text .lead {
    font-size: 14px !important;
    line-height: 1.6;
    letter-spacing: 0.3px;
    padding-top: 16px;
    font-weight: normal !important;
    margin-top: 0 !important;
    text-align: left; }
    @media screen and (max-width: 900px) {
      .charge .natural-contents .futon-c-natural .natural-contents-wrap .natural-contents-text .lead {
        font-size: 13px !important; } }
  .charge .natural-contents .futon-c-natural .natural-contents-wrap .natural-contents-text .notes {
    text-align: left;
    font-size: 10px;
    margin-top: 20px;
    line-height: 1.8;
    letter-spacing: 0.3px;
    font-weight: normal; }
    @media screen and (max-width: 900px) {
      .charge .natural-contents .futon-c-natural .natural-contents-wrap .natural-contents-text .notes {
        margin-top: 15px; } }
  .charge .natural-contents .futon-c-natural .natural-contents-wrap .img {
    margin-top: 30px; }

.v20190917 {
  margin-top: 20px !important; }
  .v20190917 .note-lests-style {
    background-color: #fafd30;
    padding: 15px 15px;
    font-weight: bold;
    line-height: 1.7 !important;
    font-size: 10px !important;
    text-align: center !important; }
    @media screen and (min-width: 900px) {
      .v20190917 .note-lests-style {
        width: 900px;
        font-size: 15px !important; } }
    .v20190917 .note-lests-style a {
      text-decoration: underline; }
  .v20190917.tax-increase-info.charge-f-s {
    margin: 40px auto !important; }
    .v20190917.tax-increase-info.charge-f-s .note-lests-style {
      margin: 0 auto; }
    @media screen and (max-width: 900px) {
      .v20190917.tax-increase-info.charge-f-s {
        margin: 20px auto !important; } }

ul.anchor-list.faq {
  margin-top: 63px !important; }
  @media screen and (max-width: 900px) {
    ul.anchor-list.faq {
      margin-top: 22px !important; } }
  ul.anchor-list.faq li {
    font-size: 1rem;
    margin: 0;
    margin-right: 20px;
    line-height: 2.7; }
    @media screen and (max-width: 900px) {
      ul.anchor-list.faq li {
        line-height: 3.1; } }
    ul.anchor-list.faq li:last-child {
      margin-right: 0; }
    ul.anchor-list.faq li a {
      letter-spacing: 0; }

.page-a.faq .wrap {
  padding-bottom: 150px; }
  @media screen and (max-width: 900px) {
    .page-a.faq .wrap {
      padding: 0 15px 77px; } }
.page-a.faq .faq-wrap {
  margin-top: 77px; }
  @media screen and (max-width: 900px) {
    .page-a.faq .faq-wrap {
      margin-top: -4px; } }
  .page-a.faq .faq-wrap .faq-title {
    margin-top: 64px;
    margin-bottom: 33px;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.5; }
    @media screen and (max-width: 900px) {
      .page-a.faq .faq-wrap .faq-title {
        font-size: 0.9375rem;
        margin-top: 49px;
        margin-bottom: 18px; } }
  .page-a.faq .faq-wrap .items .item {
    margin-bottom: 10px; }
    .page-a.faq .faq-wrap .items .item:last-child {
      margin-bottom: 0; }
    .page-a.faq .faq-wrap .items .item .title a {
      display: block;
      background-color: #fff;
      padding: 25px 58px;
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.5;
      background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/faq/q-green.png), url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/faq/accordion-plus.png);
      background-repeat: no-repeat;
      background-size: auto 18px, 15px;
      background-position: 21px 50%, 97.9% 50%; }
      @media screen and (max-width: 900px) {
        .page-a.faq .faq-wrap .items .item .title a {
          background-size: auto 11px, 11px;
          background-position: 11px 50%, 97.9% 50%;
          padding: 15px 33px; } }
      @media screen and (min-width: 900px) {
        .page-a.faq .faq-wrap .items .item .title a:hover {
          opacity: .7; } }
      @media screen and (max-width: 900px) {
        .page-a.faq .faq-wrap .items .item .title a {
          font-size: 0.8125rem; } }
      .page-a.faq .faq-wrap .items .item .title a.open-info {
        background-color: #22686d;
        color: #fff;
        background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/faq/q-white.png), url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/faq/accordion-minus.png); }
    .page-a.faq .faq-wrap .items .item .contents {
      line-height: 1.7;
      padding: 28px 58px;
      background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/faq/a-green.png) no-repeat 21px 30px;
      background-size: auto 18px;
      background-color: #fff; }
      @media screen and (max-width: 900px) {
        .page-a.faq .faq-wrap .items .item .contents {
          background-size: auto 11px;
          background-position: 11px 19px;
          padding: 15px 33px;
          font-size: 0.75rem; } }
      .page-a.faq .faq-wrap .items .item .contents p {
        line-height: 1.7; }
        @media screen and (max-width: 900px) {
          .page-a.faq .faq-wrap .items .item .contents p {
            font-size: 0.75rem; } }
        .page-a.faq .faq-wrap .items .item .contents p a {
          color: #22686d;
          text-decoration: underline;
          font-weight: bold; }

ul.anchor-list-category.faq {
  margin: 0 auto !important;
  margin-top: 63px !important;
  text-align: center;
  width: 700px; }
  @media screen and (max-width: 900px) {
    ul.anchor-list-category.faq {
      margin-top: 22px !important;
      width: auto;
      max-width: 360px; } }
  ul.anchor-list-category.faq li {
    font-size: 1rem;
    display: inline-block;
    margin: 0 3px 10px; }
    @media screen and (max-width: 900px) {
      ul.anchor-list-category.faq li {
        margin: 0 1px 10px;
        font-size: 0.75rem; } }
    ul.anchor-list-category.faq li a {
      display: block;
      text-align: center;
      border: 2px solid #22686d;
      padding: 10px 14px;
      border-radius: 8px;
      letter-spacing: 0;
      color: #22686d;
      font-weight: bold; }
      @media screen and (max-width: 900px) {
        ul.anchor-list-category.faq li a {
          padding: 10px 17px; }
          ul.anchor-list-category.faq li a img {
            vertical-align: 0; } }
      ul.anchor-list-category.faq li a:hover {
        color: #22686d; }

/*
* Variable & setting
 */
footer .external-link-list {
  display: flex;
  justify-content: space-between;
  align-items: center; }

@media screen and (min-width: 900px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 900px) {
  .pc {
    display: none !important; } }
.towelcourse-style {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
  .towelcourse-style .en {
    font-family: 'lato','Helvetica Neue', Helvetica,Arial,sans-serif; }
  .towelcourse-style #eye-catch {
    height: 100vh;
    width: 100%;
    background-color: #ffffff;
    padding: 0 45px 45px; }
    @media screen and (max-width: 768px) {
      .towelcourse-style #eye-catch {
        padding: 0; } }
    .towelcourse-style #eye-catch .bg-img {
      width: 100%;
      height: calc(100vh - 90px);
      background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1632194520/laundry-out/towel/main_vis.jpg");
      background-size: cover;
      position: relative;
      opacity: 0;
      animation: fadein-img 1s ease 1s 1 forwards; }
      @media screen and (max-width: 768px) {
        .towelcourse-style #eye-catch .bg-img {
          background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1632406618/laundry-out/towel/main_vis_md.jpg");
          height: 100vh; } }
      @media screen and (max-width: 480px) {
        .towelcourse-style #eye-catch .bg-img {
          background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1632194621/laundry-out/towel/main_vis_sp.jpg"); } }
      .towelcourse-style #eye-catch .bg-img ul .logo {
        opacity: 0;
        position: absolute;
        top: 3%;
        left: 3%;
        animation: fadein-img 1s ease 1.5s 1 forwards; }
      .towelcourse-style #eye-catch .bg-img ul .text-img {
        opacity: 0;
        position: absolute;
        top: 30%;
        left: 57%;
        width: 480px;
        animation: fadein-img 1s ease 2s 1 forwards; }
        @media screen and (max-width: 1360px) {
          .towelcourse-style #eye-catch .bg-img ul .text-img {
            left: 50%; } }
        @media screen and (max-width: 1100px) {
          .towelcourse-style #eye-catch .bg-img ul .text-img {
            top: 66%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            width: 420px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #eye-catch .bg-img ul .text-img {
            width: 345px; } }
      .towelcourse-style #eye-catch .bg-img ul .order-btn {
        opacity: 0;
        position: absolute;
        top: 87%;
        left: 80%;
        animation: fadein-img 1s ease 2.5s 1 forwards; }
        @media screen and (max-width: 1360px) {
          .towelcourse-style #eye-catch .bg-img ul .order-btn {
            left: 75%; } }
        @media screen and (max-width: 1100px) {
          .towelcourse-style #eye-catch .bg-img ul .order-btn {
            top: 84%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%); } }
        .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green {
          display: inline-block;
          width: 225px;
          padding: 15px;
          font-weight: 600;
          font-size: 0.8125rem;
          background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #22686d;
          text-align: left;
          letter-spacing: 1.5px;
          color: white;
          text-decoration: none;
          border-radius: 5px; }
          @media screen and (max-width: 320px) {
            .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green {
              padding: 12px; } }
          .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green span {
            position: relative;
            z-index: 10; }
          .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green:before {
            content: "";
            position: absolute;
            width: 0%;
            height: 100%;
            z-index: 0;
            top: 0;
            left: 0;
            transition-property: all;
            transition-duration: 0.6s;
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            background: no-repeat 95% 48%;
            background-size: 10px auto;
            background-color: #fff;
            border-radius: 5px; }
          .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green:hover {
            opacity: 1; }
            .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green:hover span {
              color: #333;
              font-weight: 600; }
            .towelcourse-style #eye-catch .bg-img ul .order-btn .design-btn.green:hover:before {
              width: 100%;
              transition-property: width, background-image;
              transition-duration: 0.6s, 0.25s;
              transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
              background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-thin.png); }
      .towelcourse-style #eye-catch .bg-img ul .scroll-down {
        opacity: 0;
        position: absolute;
        left: -31px;
        bottom: -2%;
        animation: fadein-img 1s ease 3s 1 forwards; }
        @media screen and (max-width: 768px) {
          .towelcourse-style #eye-catch .bg-img ul .scroll-down {
            display: none; } }
        .towelcourse-style #eye-catch .bg-img ul .scroll-down .inner-contents .text {
          writing-mode: vertical-rl; }
          .towelcourse-style #eye-catch .bg-img ul .scroll-down .inner-contents .text p {
            color: #666666;
            font-size: 0.8125rem; }
        .towelcourse-style #eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap {
          margin-top: 60px; }
          .towelcourse-style #eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap .arrow {
            right: 30px;
            bottom: 20px;
            vertical-align: middle;
            color: #666666;
            width: 16px;
            height: 16px;
            border-width: 1px 1px 0px 0px;
            border-style: solid;
            transform: rotate(135deg); }
          .towelcourse-style #eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap .arrow:before {
            content: "";
            position: absolute;
            top: -1px;
            right: 0px;
            width: 60px;
            height: 1px;
            transform: rotate(-45deg);
            transform-origin: right top;
            box-shadow: inset 0 0 0 24px; }
  .towelcourse-style #about {
    background-color: #efefef;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .towelcourse-style #about {
        padding: 50px 0; } }
    .towelcourse-style #about .about-inner {
      width: 800px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #about .about-inner {
          width: 90%; } }
      .towelcourse-style #about .about-inner .about-title {
        margin-bottom: 50px;
        text-align: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #about .about-inner .about-title {
            margin-bottom: 2rem; } }
        .towelcourse-style #about .about-inner .about-title h3 {
          font-weight: bold;
          font-size: 2rem; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .about-title h3 {
              font-size: 1.25rem; } }
      .towelcourse-style #about .about-inner .contents-body .read {
        font-size: 1.125rem;
        margin-bottom: 80px;
        line-height: 32px; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #about .about-inner .contents-body .read-wraper {
          width: 100%;
          text-align: center; }
          .towelcourse-style #about .about-inner .contents-body .read-wraper .read {
            font-size: 0.8125rem;
            text-align: left;
            display: inline-block;
            margin-bottom: 50px;
            line-height: 24px; } }
      .towelcourse-style #about .about-inner .contents-body .about-middle {
        padding: 40px 0;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #about .about-inner .contents-body .about-middle {
            width: 100%;
            margin: 0 auto; } }
        .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-title {
          margin-bottom: 0.5rem;
          text-align: center;
          font-size: 1.5rem;
          font-weight: 600; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-title {
              margin-bottom: 1rem; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-title {
              font-size: 1.125rem;
              margin-bottom: 1rem; } }
        .towelcourse-style #about .about-inner .contents-body .about-middle .horizontal {
          width: 468px;
          border-bottom: 3px solid #333333;
          margin-bottom: 2rem; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .contents-body .about-middle .horizontal {
              margin-bottom: 1rem;
              width: 90%; } }
        @media screen and (max-width: 900px) {
          .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-text {
            width: 90%; } }
        .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-text p {
          font-size: 1.125rem; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-middle-text p {
              font-size: 1rem;
              line-height: 24px; } }
        .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group {
          width: 80%; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group {
              width: auto; } }
          .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul {
            display: flex;
            align-items: center;
            justify-content: space-between;
            list-style: none;
            margin-top: 2rem; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul {
                flex-wrap: wrap;
                justify-content: space-around; } }
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul li {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul li {
                  width: 40%; } }
              .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul li p {
                font-size: 0.8125rem;
                font-weight: 600;
                margin-top: 1rem;
                color: #8ab7ac; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul .item03,
              .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul .item04 {
                margin-top: 2rem; } }
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul .item03 img,
            .towelcourse-style #about .about-inner .contents-body .about-middle .about-icon-group ul .item04 img {
              height: 70px;
              width: 70px; }
      .towelcourse-style #about .about-inner .btn-group {
        margin-top: 5rem;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #about .about-inner .btn-group {
            display: block;
            margin-top: 3rem; } }
        .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn {
          display: inline-block;
          text-align: center;
          border: 2px solid #333;
          width: 380px;
          padding: 28px 0 28px 45px;
          font-size: 1.25rem;
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1633304793/laundry-out/towel/baluko-icon.svg) no-repeat 8% center, url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-big.png) no-repeat 94% 50%;
          background-size: 63px auto, 8px auto; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn {
              width: 100%;
              font-size: 1.125rem;
              padding: 24px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn {
              background-size: 32px auto, 8px auto; } }
          @media screen and (min-width: 900px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn {
              position: relative; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn span {
                position: relative;
                z-index: 10; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn:before {
                content: "";
                position: absolute;
                width: 0%;
                height: 100%;
                z-index: 0;
                top: 0;
                left: 0;
                transition-property: all;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
                background: no-repeat 8% center, no-repeat 94% 50%;
                background-size: 63px auto, 8px auto;
                background-color: #333; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn:hover {
                opacity: 1; }
                .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn:hover span {
                  color: #fff; }
                .towelcourse-style #about .about-inner .btn-group .btn-wrap .baluko-btn:hover:before {
                  width: 100%;
                  transition-property: width,background-image;
                  background-size: 63px auto;
                  transition-duration: 0.6s,0.25s;
                  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
                  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1633304793/laundry-out/towel/baluko-icon-white.svg), url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
        .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn {
          display: inline-block;
          text-align: center;
          border: 2px solid #333;
          width: 355px;
          padding: 28px 0 28px 45px;
          font-size: 1.25rem;
          background: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1633304793/laundry-out/towel/ikeuchi-icon.svg) no-repeat 8% center, url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-black-big.png) no-repeat 94% 50%;
          background-size: 63px auto, 8px auto; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn {
              margin-top: 2rem;
              width: 100%;
              font-size: 1.125rem;
              padding: 24px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn {
              background-size: 39px auto, 8px auto; } }
          @media screen and (min-width: 900px) {
            .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn {
              position: relative; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn span {
                position: relative;
                z-index: 10; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn:before {
                content: "";
                position: absolute;
                width: 0%;
                height: 100%;
                z-index: 0;
                top: 0;
                left: 0;
                transition-property: all;
                transition-duration: 0.6s;
                transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
                background: no-repeat 8% center, no-repeat 94% 50%;
                background-size: 63px auto, 8px auto;
                background-color: #333; }
              .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn:hover {
                opacity: 1; }
                .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn:hover span {
                  color: #fff; }
                .towelcourse-style #about .about-inner .btn-group .btn-wrap .ikeuchi-btn:hover:before {
                  width: 100%;
                  transition-property: width,background-image;
                  background-size: 63px auto;
                  transition-duration: 0.6s,0.25s;
                  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
                  background-image: url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1633304793/laundry-out/towel/ikeuchi-icon-white.svg), url(https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png); } }
  .towelcourse-style #dailycare-course {
    background-color: #fcf6e3;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .towelcourse-style #dailycare-course {
        padding: 50px 0; } }
    .towelcourse-style #dailycare-course .dailycare-course-inner {
      display: flex; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #dailycare-course .dailycare-course-inner {
          width: 90%;
          margin: 0 auto;
          display: block; } }
      .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents {
        margin: 0px 3rem 0px auto; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents {
            margin: 0 auto; } }
        .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper {
          display: flex;
          justify-content: space-between;
          position: relative; }
          .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .left-contents-title {
            position: absolute; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .left-contents-title {
                top: 10%; } }
            @media screen and (max-width: 480px) {
              .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .left-contents-title {
                top: 5%; } }
          .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .text-list {
            position: absolute; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .text-list {
                top: 36%; } }
            @media screen and (max-width: 480px) {
              .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .items .text-list {
                top: 26%; } }
          .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .dailycare-img {
            margin-right: -5.5%; }
            .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .dailycare-img img {
              float: right;
              object-fit: fill; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents .items-wraper .dailycare-img img {
                  width: 50%; } }
      @media screen and (max-width: 900px) {
        .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents-title h3 img {
          width: 316px; } }
      @media screen and (max-width: 768px) {
        .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents-title h3 img {
          width: 241px; } }
      @media screen and (max-width: 480px) {
        .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents-title h3 img {
          width: 210px; } }
      .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list {
        margin-top: 2rem;
        list-style: none; }
        .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(1) .first-sub-text {
          font-size: 1.5rem;
          font-weight: bold;
          line-height: 30px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(1) .first-sub-text {
              font-size: 1.25rem; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(1) .first-sub-text {
              font-size: 1.125rem; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(1) .first-sub-text {
              font-size: 0.9375rem;
              line-height: 22px; } }
        .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(2) .second-sub-text {
          margin-top: 1rem;
          font-size: 1.90625rem;
          color: #f5c300;
          font-weight: bold; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(2) .second-sub-text {
              font-size: 1.5rem; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(2) .second-sub-text {
              font-size: 1.375rem; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(2) .second-sub-text {
              font-size: 1.1875rem; } }
        .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(3) .third-sub-text {
          margin-top: 1rem;
          font-size: 1rem;
          color: #666666;
          font-weight: bold; }
          @media screen and (max-width: 480px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner ul.text-list li:nth-child(3) .third-sub-text {
              font-size: 0.8125rem;
              line-height: 19px; } }
      .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper {
        background-color: #ffffff; }
        .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table {
          width: 100%;
          margin-top: 2rem;
          border: 1px solid #999999; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table {
              margin-top: 5rem; } }
          .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(1) {
            border: 1px solid #999999; }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(1) td:nth-child(1) {
              font-size: 1rem;
              border: 1px solid #999999;
              text-align: center;
              padding: 15px 24px;
              background-color: rgba(245, 195, 0, 0.2); }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(1) td:nth-child(1) {
                  font-size: 0.75rem;
                  white-space: nowrap;
                  padding: 15px 35px; } }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(1) td:nth-child(2) {
              font-size: 0.9375rem;
              border: 1px solid #999999;
              text-align: left;
              padding: 5px 31px 5px 16px;
              background-color: #ffffff; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(1) td:nth-child(2) {
                  font-size: 0.75rem;
                  padding: 18px 24px; } }
          .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(2) {
            border: 1px solid #999999; }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(2) td:nth-child(1) {
              font-size: 1rem;
              border: 1px solid #999999;
              text-align: center;
              padding: 24px 24px;
              background-color: rgba(245, 195, 0, 0.3); }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(2) td:nth-child(1) {
                  font-size: 0.75rem;
                  white-space: nowrap;
                  padding: 15px 35px; } }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(2) td:nth-child(2) {
              font-size: 0.9375rem;
              border: 1px solid #999999;
              text-align: left;
              padding: 5px 31px 5px 16px;
              background-color: #ffffff; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(2) td:nth-child(2) {
                  font-size: 0.75rem;
                  padding: 18px 24px; } }
          .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(3) {
            border: 1px solid #999999; }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(3) td:nth-child(1) {
              font-size: 1rem;
              border: 1px solid #999999;
              text-align: center;
              padding: 24px 28px;
              background-color: rgba(245, 195, 0, 0.4); }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(3) td:nth-child(1) {
                  font-size: 0.75rem;
                  white-space: nowrap;
                  padding: 15px 35px; } }
            .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(3) td:nth-child(2) {
              font-size: 0.9375rem;
              border: 1px solid #999999;
              text-align: left;
              padding: 5px 31px 5px 16px;
              background-color: #ffffff; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #dailycare-course .dailycare-course-inner .table-wraper .dailycare-course-table tr:nth-child(3) td:nth-child(2) {
                  font-size: 0.75rem;
                  padding: 18px 24px; } }
      .towelcourse-style #dailycare-course .dailycare-course-inner .annotation-area {
        margin-top: 1rem; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #dailycare-course .dailycare-course-inner .annotation-area {
            font-size: 0.75rem; } }
        .towelcourse-style #dailycare-course .dailycare-course-inner .annotation-area .annotation-text {
          font-size: 0.8125rem;
          line-height: 19px;
          color: #212529; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #dailycare-course .dailycare-course-inner .annotation-area .annotation-text {
              font-size: 0.75rem;
              line-height: 18px; } }
      .towelcourse-style #dailycare-course .dailycare-course-inner .right-contents {
        width: 50%; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #dailycare-course .dailycare-course-inner .right-contents {
            width: 0%; } }
        .towelcourse-style #dailycare-course .dailycare-course-inner .right-contents img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
  @media screen and (min-width: 1360px) {
    .towelcourse-style #dailycare-course .dailycare-course-inner .left-contents {
      margin: 0 auto;
      margin-right: 7vw; } }
  .towelcourse-style #detox-course {
    background-color: #fdedd3;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .towelcourse-style #detox-course {
        padding: 50px 0; } }
    .towelcourse-style #detox-course .detox-course-inner {
      display: flex; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #detox-course .detox-course-inner {
          width: 90%;
          display: block;
          margin: 0 auto; } }
      .towelcourse-style #detox-course .detox-course-inner .left-contents {
        width: 50%; }
        .towelcourse-style #detox-course .detox-course-inner .left-contents img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      .towelcourse-style #detox-course .detox-course-inner .right-contents {
        margin-left: 3rem; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #detox-course .detox-course-inner .right-contents {
            margin: 0 auto; }
            .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper {
              display: flex;
              justify-content: space-between;
              position: relative; }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .right-contents-title {
                position: absolute; } }
      @media screen and (max-width: 900px) and (max-width: 900px) {
        .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .right-contents-title {
          top: 10%; } }
      @media screen and (max-width: 900px) and (max-width: 480px) {
        .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .right-contents-title {
          top: 5%; } }
        @media screen and (max-width: 900px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .text-list {
                position: absolute; } }
      @media screen and (max-width: 900px) and (max-width: 900px) {
        .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .text-list {
          top: 36%; } }
      @media screen and (max-width: 900px) and (max-width: 480px) {
        .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .items .text-list {
          top: 26%; } }
        @media screen and (max-width: 900px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .detox-img {
                margin-right: -5.5%; }
                .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .detox-img img {
                  float: right;
                  object-fit: fill; } }
        @media screen and (max-width: 900px) and (max-width: 900px) {
          .towelcourse-style #detox-course .detox-course-inner .right-contents .items-wraper .detox-img img {
            width: 50%; } }

        @media screen and (max-width: 900px) {
          .towelcourse-style #detox-course .detox-course-inner .right-contents .right-contents-title h3 {
            width: 178px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #detox-course .detox-course-inner .right-contents .right-contents-title h3 {
            width: 136px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #detox-course .detox-course-inner .right-contents .right-contents-title h3 {
            width: 118px; } }
        .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list {
          margin-top: 2rem;
          list-style: none; }
          .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(1) .first-sub-text {
            font-size: 1.5rem;
            font-weight: bold;
            line-height: 30px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(1) .first-sub-text {
                font-size: 1.25rem; } }
            @media screen and (max-width: 768px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(1) .first-sub-text {
                font-size: 1.125rem; } }
            @media screen and (max-width: 480px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(1) .first-sub-text {
                font-size: 0.9375rem;
                line-height: 22px; } }
          .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(2) .second-sub-text {
            margin-top: 1rem;
            font-size: 1.90625rem;
            color: #f59700;
            font-weight: bold; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(2) .second-sub-text {
                font-size: 1.5rem; } }
            @media screen and (max-width: 768px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(2) .second-sub-text {
                font-size: 1.375rem; } }
            @media screen and (max-width: 480px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(2) .second-sub-text {
                font-size: 1.1875rem; } }
          .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(3) .third-sub-text {
            margin-top: 1rem;
            color: #666666;
            font-size: 1rem;
            font-weight: bold; }
            @media screen and (max-width: 480px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents ul.text-list li:nth-child(3) .third-sub-text {
                font-size: 0.8125rem;
                line-height: 19px; } }
        .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper {
          background-color: #ffffff; }
          .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table {
            margin-top: 2rem;
            border: 1px solid #999999; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table {
                margin-top: 5rem; } }
            .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(1) {
              border: 1px solid #999999; }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(1) td:nth-child(1) {
                font-size: 1rem;
                text-align: center;
                padding: 42px 16px;
                background-color: rgba(245, 151, 0, 0.05); }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(1) td:nth-child(1) {
                    font-size: 0.75rem;
                    white-space: nowrap;
                    padding: 15px 23px; } }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(1) td:nth-child(2) {
                font-size: 0.9375rem;
                text-align: left;
                padding: 5px 16px 5px 16px;
                background-color: #ffffff; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(1) td:nth-child(2) {
                    font-size: 0.75rem;
                    padding: 16px 24px; } }
            .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(2) {
              border: 1px solid #999999; }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(2) td:nth-child(1) {
                font-size: 1rem;
                text-align: center;
                padding: 28px 13px;
                background-color: rgba(245, 151, 0, 0.1); }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(2) td:nth-child(1) {
                    font-size: 0.75rem;
                    white-space: nowrap;
                    padding: 15px 23px; } }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(2) td:nth-child(2) {
                font-size: 0.9375rem;
                text-align: left;
                padding: 5px 16px 5px 16px;
                background-color: #ffffff; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(2) td:nth-child(2) {
                    font-size: 0.75rem;
                    padding: 16px 24px; } }
            .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(3) {
              border: 1px solid #999999; }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(3) td:nth-child(1) {
                font-size: 1rem;
                text-align: center;
                padding: 28px 13px;
                background-color: rgba(245, 151, 0, 0.2); }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(3) td:nth-child(1) {
                    font-size: 0.75rem;
                    white-space: nowrap;
                    padding: 15px 23px; } }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(3) td:nth-child(2) {
                font-size: 0.9375rem;
                text-align: left;
                padding: 5px 16px 5px 16px;
                background-color: #ffffff; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(3) td:nth-child(2) {
                    font-size: 0.75rem;
                    padding: 16px 24px; } }
            .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(4) {
              border: 1px solid #999999; }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(4) td:nth-child(1) {
                font-size: 1rem;
                text-align: center;
                padding: 28px 13px;
                background-color: rgba(245, 151, 0, 0.3); }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(4) td:nth-child(1) {
                    font-size: 0.75rem;
                    white-space: nowrap;
                    padding: 15px 23px; } }
              .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(4) td:nth-child(2) {
                font-size: 0.9375rem;
                text-align: left;
                padding: 5px 16px 5px 16px;
                background-color: #ffffff; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #detox-course .detox-course-inner .right-contents .table-wraper .detox-course-table tr:nth-child(4) td:nth-child(2) {
                    font-size: 0.75rem;
                    padding: 16px 24px; } }
      .towelcourse-style #detox-course .detox-course-inner ul.annotation-text-list {
        list-style: none;
        margin-top: 1rem; }
        .towelcourse-style #detox-course .detox-course-inner ul.annotation-text-list li:nth-child(1) p {
          font-size: 0.8125rem;
          font-weight: bold;
          line-height: 19px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #detox-course .detox-course-inner ul.annotation-text-list li:nth-child(1) p {
              font-size: 0.75rem;
              line-height: 18px; } }
        .towelcourse-style #detox-course .detox-course-inner ul.annotation-text-list li:nth-child(2) p {
          font-size: 0.8125rem;
          line-height: 19px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #detox-course .detox-course-inner ul.annotation-text-list li:nth-child(2) p {
              font-size: 0.75rem;
              line-height: 18px; } }
  @media screen and (min-width: 1360px) {
    .towelcourse-style #detox-course .detox-course-inner .right-contents {
      margin: 0 auto;
      margin-left: 7vw; } }
  .towelcourse-style #annotation {
    background: #fff;
    padding: 60px 0;
    letter-spacing: 0; }
    .towelcourse-style #annotation .annotation-inner {
      margin: 0 auto;
      width: 1100px; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #annotation .annotation-inner {
          width: 90%; } }
      .towelcourse-style #annotation .annotation-inner .item-note {
        border: 1px solid #cccccc; }
        @media screen and (min-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .item-note {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 35px 40px; } }
        @media screen and (max-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .item-note {
            padding: 17px 20px; } }
        @media screen and (min-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .item-note .title-wrap {
            width: 510px; } }
        @media screen and (max-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .item-note .title-wrap {
            border-bottom: 1px solid #cccccc;
            margin-bottom: 13px;
            padding-bottom: 12px; } }
        .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title {
          display: flex;
          align-items: center; }
          .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title .img-w {
            margin-right: 22px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title .img-w {
                margin-right: 16px; }
                .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title .img-w img {
                  width: 26px; } }
          .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title .h {
            line-height: 1.8;
            letter-spacing: -0.5px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #annotation .annotation-inner .item-note .title-wrap .title .h {
                font-size: 0.6875rem;
                line-height: 1.7; } }
        @media screen and (min-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .item-note .list-wrap {
            width: calc(100% - 510px);
            padding-left: 30px;
            border-left: 1px solid #cccccc; } }
        .towelcourse-style #annotation .annotation-inner .item-note .list-wrap ul li {
          color: #666;
          font-weight: 600;
          margin-bottom: 5px;
          line-height: 1.5; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #annotation .annotation-inner .item-note .list-wrap ul li {
              font-size: 0.6875rem;
              margin-bottom: 2px; } }
          .towelcourse-style #annotation .annotation-inner .item-note .list-wrap ul li:last-child {
            margin-bottom: 0; }
          .towelcourse-style #annotation .annotation-inner .item-note .list-wrap ul li:before {
            content: "・"; }
      .towelcourse-style #annotation .annotation-inner .notice {
        margin-top: 1rem;
        font-size: 0.8125rem; }
        .towelcourse-style #annotation .annotation-inner .notice a {
          color: #22686d;
          text-decoration: underline; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #annotation .annotation-inner .notice {
            font-size: 0.75rem; } }
  .towelcourse-style #before-after {
    background-color: #efefef;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .towelcourse-style #before-after {
        padding: 50px 0; } }
    .towelcourse-style #before-after .before-after-inner {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #before-after .before-after-inner {
          width: 90%; } }
      .towelcourse-style #before-after .before-after-inner .before-after-title {
        text-align: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #before-after .before-after-inner .before-after-title h3 img {
            width: 408px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #before-after .before-after-inner .before-after-title h3 img {
            width: 308px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #before-after .before-after-inner .before-after-title h3 img {
            width: 190px; } }
        .towelcourse-style #before-after .before-after-inner .before-after-title p {
          font-size: 1.375rem;
          margin-top: 1rem; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #before-after .before-after-inner .before-after-title p {
              font-size: 1.125rem; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #before-after .before-after-inner .before-after-title p {
              font-size: 0.8125rem; } }
      .towelcourse-style #before-after .before-after-inner .before-after-inner-contents {
        display: flex;
        flex-direction: column; }
        .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents {
          margin-top: 80px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents {
              width: 100%;
              margin-top: 2rem; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap {
            display: flex;
            align-items: baseline;
            justify-content: center; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap {
                margin-top: 2rem; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before {
                  width: 40%; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before img {
                object-fit: cover;
                width: 360px;
                height: 360px; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before img {
                    width: 134px;
                    height: 134px; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before .img-text {
                margin-top: 1rem;
                text-align: center;
                font-size: 1.5rem;
                font-weight: 600; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before .img-text {
                    font-size: 1.125rem; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before .img-text {
                    font-size: 0.8125rem; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow {
              margin: 0 50px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow {
                  margin: 0 20px 2rem; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow img {
                width: 40px;
                height: 36px; }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow img {
                    width: 27px;
                    height: 24px; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after {
                  width: 40%; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                object-fit: cover;
                width: 360px;
                height: 360px; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                    width: 134px;
                    height: 134px; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text {
                margin-top: 1rem;
                text-align: center;
                font-size: 1.5rem;
                font-weight: 600; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text {
                    font-size: 1.125rem; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text {
                    font-size: 0.8125rem; } }
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text span {
                  margin-left: 0.5rem;
                  font-size: 0.8125rem;
                  font-weight: normal; }
                  @media screen and (max-width: 900px) {
                    .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text span {
                      font-size: 0.6875rem;
                      margin-left: -0.5rem; } }
        .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents {
          display: flex;
          justify-content: space-between;
          margin-top: 80px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents {
              flex-wrap: wrap;
              margin-top: 2rem; } }
          @media screen and (max-width: 900px) {
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap {
              width: 100%; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents {
            display: flex;
            align-items: center; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents {
                justify-content: center; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before {
                  width: 40%; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before img {
                height: 200px;
                width: 200px;
                object-fit: cover;
                border-radius: 50%; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before img {
                    width: 134px;
                    height: 134px; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before .img-text {
                font-size: 1.125rem;
                font-weight: 600;
                margin-top: 1rem;
                color: #333333; }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .before .img-text {
                    font-size: 0.8125rem; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .arrow {
              margin: 0 2rem 2rem; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .arrow {
                  margin: 0 20px 2rem; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .arrow img {
                width: 40px;
                height: 36px; }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .arrow img {
                    width: 27px;
                    height: 24px; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after {
                  width: 40%; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after img {
                height: 200px;
                width: 200px;
                object-fit: cover;
                border-radius: 50%; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after img {
                    width: 134px;
                    height: 134px; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after .img-text {
                font-size: 1.125rem;
                font-weight: 600;
                margin-top: 1rem; }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .left-contents .after .img-text {
                    font-size: 0.8125rem; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .description {
            margin-top: 2rem;
            text-align: center;
            font-weight: 600;
            font-size: 1rem;
            margin-top: 2rem; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .description {
                margin-top: 1rem; } }
            @media screen and (max-width: 768px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .left-contents-wrap .description {
                font-size: 0.75rem; } }
          @media screen and (max-width: 900px) {
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap {
              margin-top: 2rem;
              width: 100%; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents {
            display: flex;
            align-items: baseline; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents {
                justify-content: center; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before {
                  width: 40%; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before img {
                height: 200px;
                width: 200px;
                object-fit: cover;
                border-radius: 50%; }
                @media screen and (max-width: 900px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before img {
                    width: 134px;
                    height: 134px; } }
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before .img-text {
                font-size: 1.125rem;
                font-weight: 600;
                margin-top: 1rem;
                color: #333333; }
                @media screen and (max-width: 768px) {
                  .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .right-contents .before .img-text {
                    font-size: 0.8125rem; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .arrow {
            margin: 0 2rem 2rem; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .arrow {
                margin: 0 20px 2rem; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .arrow img {
              width: 40px;
              height: 36px; }
              @media screen and (max-width: 768px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .arrow img {
                  width: 27px;
                  height: 24px; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after {
            text-align: center; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after {
                width: 40%; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after img {
              height: 200px;
              width: 200px;
              object-fit: cover;
              border-radius: 50%; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after img {
                  width: 164px;
                  height: 164px; } }
              @media screen and (max-width: 768px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after img {
                  width: 134px;
                  height: 134px; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after .img-text {
              font-size: 1.125rem;
              font-weight: 600;
              margin-top: 1rem; }
              @media screen and (max-width: 768px) {
                .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .right-contents-wrap .after .img-text {
                  font-size: 0.8125rem; } }
          .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .description {
            margin-top: 2rem;
            text-align: center;
            font-weight: 600;
            font-size: 1rem; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .description {
                margin-top: 1rem; } }
            @media screen and (max-width: 768px) {
              .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .description {
                font-size: 0.75rem; } }
            .towelcourse-style #before-after .before-after-inner .before-after-inner-contents .before-after-lower-contents .description span {
              font-size: 0.6875rem;
              font-weight: normal; }
  .towelcourse-style #course-price {
    padding: 80px 0;
    background-color: #ffffff;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .towelcourse-style #course-price {
        padding: 50px 0; } }
    .towelcourse-style #course-price .course-price-inner {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #course-price .course-price-inner {
          width: 90%; } }
      .towelcourse-style #course-price .course-price-inner .course-price-title {
        text-align: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner .course-price-title h3 img {
            width: 408px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #course-price .course-price-inner .course-price-title h3 img {
            width: 308px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #course-price .course-price-inner .course-price-title h3 img {
            width: 220px; } }
        .towelcourse-style #course-price .course-price-inner .course-price-title p {
          font-size: 1rem;
          margin-top: 1rem; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner .course-price-title p {
              font-size: 0.6875rem;
              font-weight: 600;
              margin-top: 2rem; } }
      .towelcourse-style #course-price .course-price-inner ul.heading-list {
        margin-top: 3rem;
        margin-bottom: 8px;
        list-style: none;
        display: flex;
        justify-content: flex-end; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner ul.heading-list {
            margin-top: 2rem;
            height: 45px;
            position: relative; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #course-price .course-price-inner ul.heading-list {
            height: 30px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #course-price .course-price-inner ul.heading-list {
            height: 25px; } }
        .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(1) {
          background: #45645a;
          color: white;
          margin-right: 20px;
          padding: 13px 17px;
          font-weight: 600;
          font-size: 1.5rem;
          text-align: center;
          width: 345px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(1) {
              font-size: 1rem;
              width: 25%;
              position: absolute;
              left: 39%;
              padding: 15px; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(1) {
              font-size: 0.8125rem;
              padding: 10px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(1) {
              font-size: 0.625rem;
              width: 100px;
              padding: 9px 15px; } }
        .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(2) {
          background: #a2a8ad;
          color: white;
          padding: 13px 17px;
          font-weight: 600;
          font-size: 1.5rem;
          text-align: center;
          width: 345px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(2) {
              font-size: 1rem;
              width: 25%;
              position: absolute;
              right: 0;
              padding: 15px; } }
          @media screen and (max-width: 768px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(2) {
              font-size: 0.8125rem;
              padding: 10px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #course-price .course-price-inner ul.heading-list li:nth-child(2) {
              font-size: 0.625rem;
              width: 100px;
              padding: 9px 15px; } }
      .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list {
        padding: 0;
        height: 83px;
        display: flex;
        align-items: center;
        list-style: none;
        border-top: 2px solid #707070;
        position: relative; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list {
            height: 73px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list {
            height: 63px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list {
            height: 53px; } }
        .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(1) {
          font-size: 1.5rem;
          font-weight: bold;
          position: absolute;
          left: 0; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(1) {
              font-size: 0.75rem; } }
        .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(2) {
          font-size: 1.5rem;
          position: absolute;
          left: 46%; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(2) {
              font-size: 0.9375rem;
              left: 45%; } }
          .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(2) .jp {
            font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif; }
        .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(3) {
          font-size: 1.5rem;
          position: absolute;
          left: 81%; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(3) {
              font-size: 0.9375rem;
              left: 80%; } }
          .towelcourse-style #course-price .course-price-inner ul.daily-course-price-list li:nth-child(3) .jp {
            font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif; }
      .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list {
        padding: 0;
        height: 83px;
        display: flex;
        align-items: center;
        list-style: none;
        border-top: 2px solid #707070;
        border-bottom: 2px solid #707070;
        margin: 0;
        position: relative; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list {
            height: 73px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list {
            height: 63px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list {
            height: 53px; } }
        .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(1) {
          font-size: 1.5rem;
          font-weight: bold;
          position: absolute;
          left: 0; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(1) {
              font-size: 0.75rem; } }
        .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(2) {
          font-size: 1.5rem;
          position: absolute;
          left: 46%; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(2) {
              font-size: 0.9375rem;
              left: 45%; } }
          .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(2) .jp {
            font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif; }
        .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(3) {
          font-size: 1.5rem;
          position: absolute;
          left: 81%; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(3) {
              font-size: 0.9375rem;
              left: 80%; } }
          .towelcourse-style #course-price .course-price-inner ul.detox-course-price-list li:nth-child(3) .jp {
            font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",sans-serif; }
      .towelcourse-style #course-price .course-price-inner .price-contents {
        margin-top: 50px;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner .price-contents {
            justify-content: center;
            flex-wrap: wrap;
            align-items: baseline; } }
        .towelcourse-style #course-price .course-price-inner .price-contents .left-contents img.regular-size {
          width: 520px;
          height: 350px;
          object-fit: cover; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents img.regular-size {
              width: 420px;
              height: 280px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents img.regular-size {
              width: 333px;
              height: 245px; } }
        .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details {
          list-style: none;
          display: flex;
          align-items: center;
          padding: 0;
          margin-top: 10px; }
          .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details .details-img {
            margin-bottom: 40px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details .details-img {
                margin-bottom: 25px; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details .details-img .regular-icon {
              width: 70px;
              height: 70px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details .details-img .regular-icon {
                  width: 50px;
                  height: 50px; } }
          .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity {
            margin-left: 1rem;
            display: flex;
            flex-direction: column; }
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(1) {
              font-weight: 600;
              font-size: 1.5rem; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(1) {
                  font-size: 1.25rem; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(2) {
              font-size: 1rem;
              margin-top: 5px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(2) {
                  font-size: 0.875rem; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(3) {
              font-size: 0.8125rem;
              margin-top: 5px;
              color: #333333; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .left-contents ul.details li .capacity span:nth-child(3) {
                  font-size: 0.6875rem; } }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .course-price-inner .price-contents .right-contents {
            margin-top: 2rem; } }
        .towelcourse-style #course-price .course-price-inner .price-contents .right-contents img.large-size {
          width: 520px;
          height: 350px;
          object-fit: cover; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents img.large-size {
              width: 420px;
              height: 280px; } }
          @media screen and (max-width: 480px) {
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents img.large-size {
              width: 333px;
              height: 245px; } }
        .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details {
          list-style: none;
          display: flex;
          align-items: center;
          padding: 0;
          margin-top: 10px; }
          .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details .details-img {
            margin-bottom: 30px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details .details-img {
                margin-bottom: 15px; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details .details-img .large-icon {
              width: 70px;
              height: 70px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details .details-img .large-icon {
                  width: 50px;
                  height: 50px; } }
          .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity {
            margin-left: 1rem;
            display: flex;
            flex-direction: column; }
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(1) {
              font-weight: 600;
              font-size: 1.5rem; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(1) {
                  font-size: 1.25rem; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(2) {
              font-size: 1rem;
              margin-top: 5px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(2) {
                  font-size: 0.875rem; } }
            .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(3) {
              font-size: 0.8125rem;
              margin-top: 5px;
              color: #333333; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #course-price .course-price-inner .price-contents .right-contents ul.details li .capacity span:nth-child(3) {
                  font-size: 0.6875rem; } }
    .towelcourse-style #course-price .annotation-text {
      margin-top: 80px;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #course-price .annotation-text {
          width: 95%;
          margin: 2rem auto 0; } }
      .towelcourse-style #course-price .annotation-text p {
        display: inline-block;
        text-align: left;
        line-height: 21px;
        font-size: 1rem; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #course-price .annotation-text p {
            font-size: 0.75rem;
            color: #333333;
            line-height: 20px; } }
    .towelcourse-style #course-price .btn-wrap {
      margin-top: 60px;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #course-price .btn-wrap {
          margin-top: 40px; } }
    .towelcourse-style #course-price .design-btn.black {
      display: inline-block;
      width: 400px;
      padding: 27px;
      font-size: 1.5rem;
      background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #333333;
      text-align: center;
      letter-spacing: 1.5px;
      border: 2px solid #333333;
      color: white;
      text-decoration: none; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #course-price .design-btn.black {
          width: 100%;
          font-size: 1.5rem;
          padding: 24px;
          background-size: 8px auto; } }
      @media screen and (max-width: 480px) {
        .towelcourse-style #course-price .design-btn.black {
          font-size: 1.0625rem; } }
      .towelcourse-style #course-price .design-btn.black span {
        font-weight: normal; }
  .towelcourse-style .map {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .towelcourse-style .map {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px; } }
    .towelcourse-style .map .map-title img {
      width: 508px; }
      @media screen and (max-width: 768px) {
        .towelcourse-style .map .map-title img {
          width: 248px; } }
    .towelcourse-style .map .map-title .map-subtitle {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media screen and (max-width: 768px) {
        .towelcourse-style .map .map-title .map-subtitle {
          font-size: 13px;
          line-height: 22px;
          font-weight: normal; } }
    .towelcourse-style .map .map-contents {
      width: 1100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px; }
      @media screen and (max-width: 768px) {
        .towelcourse-style .map .map-contents {
          width: 100%; } }
      .towelcourse-style .map .map-contents .map-image {
        width: 600px;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .towelcourse-style .map .map-contents .map-image {
            width: 100%;
            margin-left: 20px;
            margin-right: 20px; } }
      .towelcourse-style .map .map-contents .caption {
        font-size: 20px;
        line-height: 32px; }
      .towelcourse-style .map .map-contents .price-table {
        width: 1000px;
        font-family: "apercu", "lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        @media screen and (max-width: 768px) {
          .towelcourse-style .map .map-contents .price-table {
            width: 100%; } }
        .towelcourse-style .map .map-contents .price-table th {
          border: 2px solid #efefef;
          text-align: center;
          padding: 0 8px;
          height: 60px; }
          @media screen and (max-width: 768px) {
            .towelcourse-style .map .map-contents .price-table th {
              font-size: 12px;
              padding: 4px; } }
        .towelcourse-style .map .map-contents .price-table td {
          border: 2px solid #efefef;
          height: 60px;
          padding: 0 16px; }
          @media screen and (max-width: 768px) {
            .towelcourse-style .map .map-contents .price-table td {
              height: 80px;
              padding: 0 8px; } }
        .towelcourse-style .map .map-contents .price-table .th1 {
          background-color: #fafafa; }
        .towelcourse-style .map .map-contents .price-table .th2 {
          background-color: #fafafa; }
        .towelcourse-style .map .map-contents .price-table .area {
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .towelcourse-style .map .map-contents .price-table .area {
              align-items: flex-start; } }
          .towelcourse-style .map .map-contents .price-table .area .number {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            line-height: 30px;
            background-color: #333;
            color: #fff;
            margin-right: 16px;
            text-align: center;
            letter-spacing: .2px; }
            @media screen and (max-width: 768px) {
              .towelcourse-style .map .map-contents .price-table .area .number {
                font-size: 10px;
                width: 18px;
                height: 18px;
                line-height: 18px;
                margin-right: 6px; } }
          .towelcourse-style .map .map-contents .price-table .area .details {
            display: flex; }
            @media screen and (max-width: 768px) {
              .towelcourse-style .map .map-contents .price-table .area .details {
                flex-direction: column;
                width: calc(100% - 30px); } }
            .towelcourse-style .map .map-contents .price-table .area .details .name {
              width: 100px;
              font-size: 15px;
              font-weight: 700;
              line-height: 21px;
              text-align: left; }
            .towelcourse-style .map .map-contents .price-table .area .details .list {
              font-size: 15px;
              font-weight: 400;
              line-height: 18px; }
              @media screen and (max-width: 768px) {
                .towelcourse-style .map .map-contents .price-table .area .details .list {
                  font-size: 13px; } }
        .towelcourse-style .map .map-contents .price-table .price {
          font-size: 18px;
          font-weight: 400;
          line-height: 27px;
          text-align: center;
          width: 100%; }
      .towelcourse-style .map .map-contents .notes-wrap {
        margin-top: 20px;
        font-size: 15px;
        line-height: 27px;
        width: 100%;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .towelcourse-style .map .map-contents .notes-wrap {
            margin-top: 0; } }
        .towelcourse-style .map .map-contents .notes-wrap p {
          margin-top: 20px; }
          @media screen and (max-width: 768px) {
            .towelcourse-style .map .map-contents .notes-wrap p {
              margin-top: 12px;
              font-size: 10px;
              line-height: 15px;
              text-align: left; } }
  .towelcourse-style #user-voice {
    padding: 80px 0;
    letter-spacing: 0;
    background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1631493890/laundry-out/towel/user-voice-bg.jpg");
    background-color: rgba(255, 255, 255, 0.4);
    background-blend-mode: lighten;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .towelcourse-style #user-voice {
        padding: 50px 0;
        background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1632405696/laundry-out/towel/user-voice-md-bg.jpg"); } }
    @media screen and (max-width: 480px) {
      .towelcourse-style #user-voice {
        background-image: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1632194700/laundry-out/towel/user-voice-sp-bg.jpg"); } }
    .towelcourse-style #user-voice .user-voice-inner {
      width: 1000px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #user-voice .user-voice-inner {
          width: 90%; } }
      .towelcourse-style #user-voice .user-voice-inner .user-voice-title {
        text-align: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #user-voice .user-voice-inner .user-voice-title h3 img {
            width: 408px; } }
        @media screen and (max-width: 768px) {
          .towelcourse-style #user-voice .user-voice-inner .user-voice-title h3 img {
            width: 308px; } }
        @media screen and (max-width: 480px) {
          .towelcourse-style #user-voice .user-voice-inner .user-voice-title h3 img {
            width: 182px; } }
      .towelcourse-style #user-voice .user-voice-inner .user-voice-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #user-voice .user-voice-inner .user-voice-list {
            margin-top: 30px;
            justify-content: space-around; } }
        .towelcourse-style #user-voice .user-voice-inner .user-voice-list .user-voice-list-row {
          width: 475px;
          margin-top: 50px;
          background-color: rgba(255, 255, 255, 0.748);
          padding: 40px 30px 30px 30px; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #user-voice .user-voice-inner .user-voice-list .user-voice-list-row {
              padding: 15px;
              margin-top: 10px; } }
          .towelcourse-style #user-voice .user-voice-inner .user-voice-list .user-voice-list-row .underline {
            border-bottom: 3px solid #f5c300; }
          .towelcourse-style #user-voice .user-voice-inner .user-voice-list .user-voice-list-row .user-voice-text {
            font-size: 0.9375rem;
            line-height: 22px; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #user-voice .user-voice-inner .user-voice-list .user-voice-list-row .user-voice-text {
                font-size: 0.75rem;
                line-height: 18px; } }
  .towelcourse-style #order-flow {
    background-color: #ffffff;
    padding: 80px 0;
    letter-spacing: 0; }
    .towelcourse-style #order-flow .order-flow-inner {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #order-flow .order-flow-inner {
          width: 90%; } }
      .towelcourse-style #order-flow .order-flow-inner .order-flow-title {
        text-align: center;
        margin-bottom: 1rem; }
        .towelcourse-style #order-flow .order-flow-inner .order-flow-title h3 {
          font-size: 1.5rem;
          font-weight: bold; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #order-flow .order-flow-inner .order-flow-title h3 {
              font-size: 0.9375rem; } }
      .towelcourse-style #order-flow .order-flow-inner .order-note {
        text-align: center; }
        .towelcourse-style #order-flow .order-flow-inner .order-note p {
          font-size: 1rem;
          margin: 0;
          color: #333333; }
          @media screen and (max-width: 900px) {
            .towelcourse-style #order-flow .order-flow-inner .order-note p {
              font-size: 0.75rem;
              display: inline-block;
              text-align: left; } }
      .towelcourse-style #order-flow .order-flow-inner .flow {
        margin-top: 50px;
        text-align: center; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #order-flow .order-flow-inner .flow {
            margin-top: 24px;
            margin-bottom: -39px; } }
        .towelcourse-style #order-flow .order-flow-inner .flow ol {
          position: relative;
          display: flex;
          justify-content: space-around;
          list-style: none;
          padding: 0; }
          @media screen and (min-width: 900px) {
            .towelcourse-style #order-flow .order-flow-inner .flow ol:before {
              content: "";
              display: block;
              height: 2px;
              background-color: #22686d;
              position: absolute;
              left: 80px;
              right: 80px;
              top: 9px; } }
          @media screen and (max-width: 900px) {
            .towelcourse-style #order-flow .order-flow-inner .flow ol {
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              margin: 0 10px;
              overflow: hidden; } }
          .towelcourse-style #order-flow .order-flow-inner .flow ol li {
            position: relative; }
            @media screen and (max-width: 900px) {
              .towelcourse-style #order-flow .order-flow-inner .flow ol li {
                width: 43%;
                margin-bottom: 24px; }
                .towelcourse-style #order-flow .order-flow-inner .flow ol li:nth-child(2n) .order:before {
                  content: "";
                  display: block;
                  height: 1px;
                  background-color: #22686d;
                  position: absolute;
                  left: -100vw;
                  right: -100vw;
                  top: 19px; }
                .towelcourse-style #order-flow .order-flow-inner .flow ol li:nth-child(2n) .order:after {
                  left: 6px;
                  right: 0; } }
            .towelcourse-style #order-flow .order-flow-inner .flow ol li .order {
              font-size: 1.125rem;
              color: #22686d;
              font-weight: bold;
              width: 143px;
              margin: 0 auto;
              margin-top: -8px;
              background-color: #fff; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #order-flow .order-flow-inner .flow ol li .order {
                  font-size: 0.75rem;
                  width: 100%;
                  margin-top: 0; }
                  .towelcourse-style #order-flow .order-flow-inner .flow ol li .order img {
                    width: 30px; }
                  .towelcourse-style #order-flow .order-flow-inner .flow ol li .order span {
                    position: relative;
                    z-index: 11; }
                  .towelcourse-style #order-flow .order-flow-inner .flow ol li .order:after {
                    content: "";
                    display: block;
                    background-color: #fff;
                    position: absolute;
                    top: 12px;
                    left: 0;
                    right: 6px;
                    height: 14px;
                    z-index: 10; } }
            .towelcourse-style #order-flow .order-flow-inner .flow ol li .title {
              font-size: 1.5rem;
              margin: 6px 0 30px; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #order-flow .order-flow-inner .flow ol li .title {
                  font-size: 0.9375rem;
                  margin: 6px 0 8px;
                  letter-spacing: -0.5px; } }
            .towelcourse-style #order-flow .order-flow-inner .flow ol li .lead {
              margin-top: 16px;
              line-height: 1.4;
              font-size: 1rem; }
              @media screen and (max-width: 900px) {
                .towelcourse-style #order-flow .order-flow-inner .flow ol li .lead {
                  margin-top: 11px;
                  font-size: 0.75rem;
                  letter-spacing: -0.05px; } }
            @media screen and (max-width: 900px) {
              .towelcourse-style #order-flow .order-flow-inner .flow ol li .letter-space {
                letter-spacing: -1px; } }
            @media screen and (max-width: 900px) {
              .towelcourse-style #order-flow .order-flow-inner .flow ol li .img img {
                width: 100%; } }
  .towelcourse-style #order {
    padding: 0px;
    background: #22686d; }
    .towelcourse-style #order .order-inner {
      padding: 55px 0px 40px 0px;
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #order .order-inner {
          width: 90%; } }
      .towelcourse-style #order .order-inner p {
        text-align: center;
        font-weight: bold;
        line-height: 36px;
        font-size: 1.5rem;
        color: white; }
        @media screen and (max-width: 900px) {
          .towelcourse-style #order .order-inner p {
            font-size: 1rem;
            line-height: 24px; } }
    .towelcourse-style #order h4 {
      font-size: 2.5rem;
      color: white;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #order h4 {
          font-size: 1rem; } }
    .towelcourse-style #order .btn-wrap {
      margin-top: 30px; }
    .towelcourse-style #order .design-btn.black {
      display: inline-block;
      width: 400px;
      padding: 27px;
      font-size: 1.5rem;
      background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #333333;
      text-align: center;
      letter-spacing: 1.5px;
      border: 2px solid #333333;
      color: white;
      text-decoration: none; }
      @media screen and (max-width: 900px) {
        .towelcourse-style #order .design-btn.black {
          width: 100%;
          font-size: 1.5rem;
          padding: 20px;
          background-size: 8px auto; } }
      @media screen and (max-width: 480px) {
        .towelcourse-style #order .design-btn.black {
          font-size: 1.0625rem; } }
      .towelcourse-style #order .design-btn.black span {
        font-weight: normal; }

@keyframes fadein-img {
  100% {
    opacity: 1; } }
@media screen and (min-width: 900px) {
  .sp {
    display: none !important; } }
@media screen and (max-width: 900px) {
  .pc {
    display: none !important; } }
.mont-bell-page {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
  .mont-bell-page .eye-catch {
    height: 100vh;
    width: 100%;
    background-color: #fff;
    padding: 0 45px 45px; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .eye-catch {
        padding: 0; } }
    .mont-bell-page .eye-catch .bg-img {
      width: 100%;
      height: calc(100vh - 90px);
      background-image: url("https://stglaundryout.blob.core.windows.net/images/mont-bell/pc_montbell_mv.jpg");
      background-size: cover;
      position: relative;
      opacity: 0;
      animation: fadein-img 1s ease 1s 1 forwards; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .eye-catch .bg-img {
          background-image: url("https://stglaundryout.blob.core.windows.net/images/mont-bell/sp_montbell_mv.jpg");
          height: 100vh; } }
      .mont-bell-page .eye-catch .bg-img ul .logo {
        opacity: 0;
        position: absolute;
        top: 3%;
        left: 3%;
        animation: fadein-img 1s ease 1.5s 1 forwards; }
      .mont-bell-page .eye-catch .bg-img ul .text-img {
        opacity: 0;
        position: absolute;
        top: 44%;
        left: calc(50% - 240px);
        width: 480px;
        animation: fadein-img 1s ease 2s 1 forwards; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .eye-catch .bg-img ul .text-img {
            top: 30%;
            left: 20px;
            width: calc(100% - 40px); } }
        .mont-bell-page .eye-catch .bg-img ul .text-img img {
          width: 100%; }
      .mont-bell-page .eye-catch .bg-img ul .order-btn {
        opacity: 0;
        position: absolute;
        top: 87%;
        left: 80%;
        animation: fadein-img 1s ease 2.5s 1 forwards; }
        @media screen and (max-width: 1360px) {
          .mont-bell-page .eye-catch .bg-img ul .order-btn {
            left: 75%; } }
        @media screen and (max-width: 1100px) {
          .mont-bell-page .eye-catch .bg-img ul .order-btn {
            top: 80%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%); } }
        .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green {
          display: inline-block;
          width: 225px;
          padding: 15px;
          font-weight: bold;
          font-size: 13px;
          background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #00656a;
          text-align: left;
          letter-spacing: 1.5px;
          color: #fff;
          text-decoration: none;
          border-radius: 5px; }
          @media screen and (max-width: 320px) {
            .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green {
              padding: 12px; } }
          .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green span {
            position: relative;
            z-index: 10; }
          .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green:before {
            content: "";
            position: absolute;
            width: 0;
            height: 100%;
            z-index: 0;
            top: 0;
            left: 0;
            transition-property: all;
            transition-duration: 0.6s;
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            background-size: 10px auto;
            background-color: #fff;
            border-radius: 5px; }
          .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green:hover {
            opacity: 1; }
            .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green:hover span {
              color: #333;
              font-weight: bold; }
            .mont-bell-page .eye-catch .bg-img ul .order-btn .design-btn.green:hover:before {
              width: 100%;
              transition-property: width, background-image;
              transition-duration: 0.6s, 0.25s;
              transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
      .mont-bell-page .eye-catch .bg-img ul .scroll-down {
        opacity: 0;
        position: absolute;
        left: -31px;
        bottom: -2%;
        animation: fadein-img 1s ease 3s 1 forwards; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .eye-catch .bg-img ul .scroll-down {
            display: none; } }
        .mont-bell-page .eye-catch .bg-img ul .scroll-down .inner-contents .text {
          writing-mode: vertical-rl; }
          .mont-bell-page .eye-catch .bg-img ul .scroll-down .inner-contents .text p {
            color: #666;
            font-size: 13px; }
        .mont-bell-page .eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap {
          margin-top: 60px; }
          .mont-bell-page .eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap .arrow {
            right: 30px;
            bottom: 20px;
            vertical-align: middle;
            color: #666;
            width: 16px;
            height: 16px;
            border-width: 1px 1px 0 0;
            border-style: solid;
            transform: rotate(135deg); }
          .mont-bell-page .eye-catch .bg-img ul .scroll-down .inner-contents .arrow-wrap .arrow:before {
            content: "";
            position: absolute;
            top: -1px;
            right: 0;
            width: 60px;
            height: 1px;
            transform: rotate(-45deg);
            transform-origin: right top;
            box-shadow: inset 0 0 0 24px; }
  .mont-bell-page .about {
    background-color: #efefef;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .about {
        padding: 32px 0; } }
    .mont-bell-page .about .about-contents {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .about .about-contents {
          width: 90%; } }
      .mont-bell-page .about .about-contents h3 {
        font-weight: bold;
        text-align: center;
        font-size: 32px; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .about .about-contents h3 {
            font-size: 20px; } }
      .mont-bell-page .about .about-contents .lead {
        margin-top: 62px;
        font-size: 18px;
        line-height: 32px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .about .about-contents .lead {
            margin-top: 24px;
            font-size: 13px;
            line-height: 24px;
            text-align: left; } }
  .mont-bell-page .features {
    background-color: #efefef;
    display: flex;
    justify-content: center;
    padding-top: 0;
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .features {
        padding-left: 20px;
        padding-right: 20px; } }
    .mont-bell-page .features .features-contents {
      width: 800px;
      background-color: #fff;
      display: flex;
      gap: 80px;
      padding: 40px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .features .features-contents {
          width: 100%;
          flex-direction: column;
          align-items: center;
          gap: 20px;
          padding: 20px; } }
      .mont-bell-page .features .features-contents img {
        width: 270px; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .features .features-contents img {
            width: 100%; } }
      .mont-bell-page .features .features-contents .features-contents-texts {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .mont-bell-page .features .features-contents .features-contents-texts h5 {
          font-size: 24px;
          line-height: 29px;
          font-weight: bold;
          color: #00656a; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .features .features-contents .features-contents-texts h5 {
              font-size: 18px;
              line-height: 22px;
              text-align: center; } }
        .mont-bell-page .features .features-contents .features-contents-texts p {
          font-size: 18px;
          line-height: 23px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .features .features-contents .features-contents-texts p {
              font-size: 15px;
              line-height: 22px;
              font-weight: normal; } }
        .mont-bell-page .features .features-contents .features-contents-texts img {
          width: 178px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .features .features-contents .features-contents-texts img {
              margin-left: auto;
              margin-right: auto; } }
  .mont-bell-page .washable {
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .washable {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px; } }
    .mont-bell-page .washable .washable-contents {
      width: 1000px;
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .washable .washable-contents {
          flex-direction: column;
          width: 100%;
          gap: 40px; } }
      .mont-bell-page .washable .washable-contents .information-box {
        background-color: #fff;
        border: #ccc 1px solid;
        padding: 0;
        width: 50%; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .washable .washable-contents .information-box {
            width: 100%; } }
        .mont-bell-page .washable .washable-contents .information-box h4 {
          background-color: #22686d;
          color: white;
          font-weight: bold;
          font-size: 24px;
          line-height: 46px;
          text-align: center;
          width: 100%; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .washable .washable-contents .information-box h4 {
              font-size: 20px; } }
        .mont-bell-page .washable .washable-contents .information-box .body {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 40px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .washable .washable-contents .information-box .body {
              padding: 24px 20px 20px; } }
          .mont-bell-page .washable .washable-contents .information-box .body h5 {
            font-size: 18px;
            line-height: 46px;
            font-weight: bold; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .washable .washable-contents .information-box .body h5 {
                font-size: 14px;
                line-height: 19px; } }
          .mont-bell-page .washable .washable-contents .information-box .body .image-wrap {
            height: 140px;
            display: flex;
            align-items: center; }
            .mont-bell-page .washable .washable-contents .information-box .body .image-wrap img {
              height: 90px; }
          .mont-bell-page .washable .washable-contents .information-box .body hr {
            height: 2px;
            background-color: #22686d;
            width: 100%;
            margin: 0; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .washable .washable-contents .information-box .body hr {
                height: 1px; } }
          .mont-bell-page .washable .washable-contents .information-box .body .description {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 16px;
            line-height: 24px;
            font-weight: bold;
            text-align: center; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .washable .washable-contents .information-box .body .description {
                margin-top: 12px;
                margin-bottom: 12px;
                text-align: left;
                font-size: 13px;
                line-height: 19px;
                width: 100%; } }
          .mont-bell-page .washable .washable-contents .information-box .body ul {
            list-style: disc;
            margin-left: 20px;
            font-size: 16px;
            line-height: 24px; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .washable .washable-contents .information-box .body ul {
                font-size: 13px;
                line-height: 19px; } }
            .mont-bell-page .washable .washable-contents .information-box .body ul .notice {
              font-size: 13px;
              line-height: 18px;
              padding-left: 1em;
              text-indent: -1em; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .washable .washable-contents .information-box .body ul .notice {
                  font-size: 12px;
                  line-height: 18px;
                  padding-left: 0;
                  text-indent: 0; } }
    .mont-bell-page .washable .content-notice {
      font-size: 13px;
      line-height: 19px;
      margin-top: 8px;
      text-align: left;
      width: 1000px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .washable .content-notice {
          margin-top: 20px;
          width: 100%;
          font-size: 12px;
          line-height: 18px; } }
  .mont-bell-page .annotation {
    padding: 60px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .annotation {
        padding: 0;
        margin-top: 40px;
        margin-bottom: 20px; } }
    .mont-bell-page .annotation .annotation-inner {
      margin: 0 auto;
      width: 1100px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .annotation .annotation-inner {
          width: 100%; } }
      .mont-bell-page .annotation .annotation-inner .item-note {
        background-color: #fff;
        border: 1px solid #ccc; }
        @media screen and (min-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .item-note {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 35px 40px; } }
        @media screen and (max-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .item-note {
            padding: 17px 20px; } }
        @media screen and (min-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .item-note .title-wrap {
            width: 510px; } }
        @media screen and (max-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .item-note .title-wrap {
            border-bottom: 1px solid #ccc;
            margin-bottom: 13px;
            padding-bottom: 12px; } }
        .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title {
          display: flex;
          align-items: center; }
          .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title .img-w {
            margin-right: 22px; }
            @media screen and (max-width: 900px) {
              .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title .img-w {
                margin-right: 16px; }
                .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title .img-w img {
                  width: 26px; } }
          .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title .h {
            line-height: 1.8;
            letter-spacing: -0.5px; }
            @media screen and (max-width: 900px) {
              .mont-bell-page .annotation .annotation-inner .item-note .title-wrap .title .h {
                font-size: 11px;
                line-height: 1.7; } }
        @media screen and (min-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .item-note .list-wrap {
            width: calc(100% - 510px);
            padding-left: 30px;
            border-left: 1px solid #ccc; } }
        .mont-bell-page .annotation .annotation-inner .item-note .list-wrap ul li {
          color: #666;
          font-weight: bold;
          margin-bottom: 5px;
          line-height: 1.5; }
          @media screen and (max-width: 900px) {
            .mont-bell-page .annotation .annotation-inner .item-note .list-wrap ul li {
              font-size: 11px;
              margin-bottom: 2px; } }
          .mont-bell-page .annotation .annotation-inner .item-note .list-wrap ul li:last-child {
            margin-bottom: 0; }
          .mont-bell-page .annotation .annotation-inner .item-note .list-wrap ul li:before {
            content: "・"; }
      .mont-bell-page .annotation .annotation-inner .notice {
        margin-top: 1rem;
        font-size: 13px; }
        .mont-bell-page .annotation .annotation-inner .notice a {
          color: #22686d;
          text-decoration: underline; }
        @media screen and (max-width: 900px) {
          .mont-bell-page .annotation .annotation-inner .notice {
            font-size: 12px; } }
  .mont-bell-page .before-after {
    background-color: #fff;
    padding: 80px 0;
    letter-spacing: 0; }
    @media screen and (max-width: 900px) {
      .mont-bell-page .before-after {
        padding: 50px 0; } }
    .mont-bell-page .before-after .before-after-inner {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 900px) {
        .mont-bell-page .before-after .before-after-inner {
          width: 90%; } }
      .mont-bell-page .before-after .before-after-inner .before-after-title {
        text-align: center; }
        .mont-bell-page .before-after .before-after-inner .before-after-title img {
          width: 474px; }
          @media screen and (max-width: 480px) {
            .mont-bell-page .before-after .before-after-inner .before-after-title img {
              width: 190px; } }
        .mont-bell-page .before-after .before-after-inner .before-after-title p {
          font-size: 22px;
          margin-top: 1rem; }
          @media screen and (max-width: 900px) {
            .mont-bell-page .before-after .before-after-inner .before-after-title p {
              font-size: 18px; } }
          @media screen and (max-width: 768px) {
            .mont-bell-page .before-after .before-after-inner .before-after-title p {
              font-size: 13px; } }
      .mont-bell-page .before-after .before-after-inner .before-after-inner-contents {
        display: flex;
        flex-direction: column; }
        .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents {
          margin-top: 80px; }
          @media screen and (max-width: 900px) {
            .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents {
              width: 100%;
              margin-top: 2rem; } }
          .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap {
            display: flex;
            align-items: baseline;
            justify-content: center; }
            @media screen and (max-width: 900px) {
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap {
                margin-top: 2rem; } }
            .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before {
                  width: 40%; } }
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before img {
                object-fit: cover;
                width: 360px;
                height: 360px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before img {
                    width: 134px;
                    height: 134px; } }
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before .img-text {
                margin-top: 1rem;
                text-align: center;
                font-size: 24px;
                font-weight: bold; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .before .img-text {
                    font-size: 13px; } }
            .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow {
              margin: 0 50px; }
              @media screen and (max-width: 900px) {
                .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow {
                  margin: 0 20px 2rem; } }
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow img {
                width: 40px;
                height: 36px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .arrow img {
                    width: 27px;
                    height: 24px; } }
            .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after {
              text-align: center; }
              @media screen and (max-width: 900px) {
                .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after {
                  width: 40%; } }
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                object-fit: cover;
                width: 360px;
                height: 360px; }
                @media screen and (max-width: 900px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                    width: 164px;
                    height: 164px; } }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after img {
                    width: 134px;
                    height: 134px; } }
              .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text {
                margin-top: 1rem;
                text-align: center;
                font-size: 24px;
                font-weight: bold; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text {
                    font-size: 13px; } }
                .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text span {
                  margin-left: 0.5rem;
                  font-size: 13px;
                  font-weight: normal; }
                  @media screen and (max-width: 900px) {
                    .mont-bell-page .before-after .before-after-inner .before-after-inner-contents .before-after-upper-contents .contents-wrap .after .img-text span {
                      font-size: 11px;
                      margin-left: -0.5rem; } }
  .mont-bell-page .course-price {
    padding: 80px 0;
    background-color: #e3eae6;
    letter-spacing: 0; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .course-price {
        padding: 50px 20px; } }
    .mont-bell-page .course-price .course-price-title {
      text-align: center; }
      .mont-bell-page .course-price .course-price-title img {
        width: 552px;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .course-price .course-price-title img {
            width: 206px;
            margin-bottom: 20px; } }
      .mont-bell-page .course-price .course-price-title p {
        font-size: 20px;
        line-height: 32px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .course-price .course-price-title p {
            font-size: 13px;
            line-height: 19px; } }
      .mont-bell-page .course-price .course-price-title .notice {
        margin-top: 20px;
        font-size: 12px;
        line-height: 32px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .course-price .course-price-title .notice {
            font-size: 11px;
            line-height: 16px; } }
    .mont-bell-page .course-price .course-price-contents {
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .course-price .course-price-contents {
          width: 100%; } }
      .mont-bell-page .course-price .course-price-contents .price-contents {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 80px; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .course-price .course-price-contents .price-contents {
            margin-top: 60px;
            padding: 0; } }
        .mont-bell-page .course-price .course-price-contents .price-contents .box-price {
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          width: 860px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .course-price .course-price-contents .price-contents .box-price {
              flex-direction: column;
              width: 100%;
              padding-bottom: 20px; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .box-price img {
            width: 400px; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .box-price img {
                width: 211px; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .box-price p {
            color: #22686d;
            font-family: "apercu", "lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 60px;
            line-height: 32px;
            font-weight: 500; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .box-price p {
                margin-top: 20px;
                font-size: 44px;
                white-space: nowrap; } }
        .mont-bell-page .course-price .course-price-contents .price-contents .items {
          display: flex;
          flex-direction: column;
          background-color: #fff;
          margin-top: 80px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .course-price .course-price-contents .price-contents .items {
              margin-top: 60px; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .items h4 {
            background-color: #22686d;
            color: #fff;
            font-size: 24px;
            line-height: 56px;
            text-align: center; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .items h4 {
                font-size: 20px;
                line-height: 44px; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .items .body {
            display: flex;
            justify-content: center;
            gap: 40px;
            padding: 20px; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .items .body {
                padding: 28px 32px;
                flex-wrap: wrap;
                gap: 20px; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item {
              color: #22686d;
              text-align: center;
              font-weight: bold; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item {
                  width: 120px; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .image-wrap {
                height: 160px;
                display: flex;
                justify-content: center;
                align-items: center; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .image-wrap {
                    height: 100px; } }
                .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .image-wrap img {
                  width: 50%; }
                  @media screen and (max-width: 768px) {
                    .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .image-wrap img {
                      width: 52%; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .name {
                font-size: 16px;
                line-height: 24px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .name {
                    font-size: 13px; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .qty {
                font-family: "apercu", "lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 32px;
                line-height: 32px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .qty {
                    font-size: 28px; } }
                .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .qty .unit {
                  margin-left: 4px;
                  font-size: 16px; }
                  @media screen and (max-width: 768px) {
                    .mont-bell-page .course-price .course-price-contents .price-contents .items .body .item .qty .unit {
                      font-size: 13px; } }
        .mont-bell-page .course-price .course-price-contents .price-contents h5 {
          text-align: center;
          font-size: 22px;
          line-height: 32px;
          padding-top: 52px;
          padding-bottom: 52px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .course-price .course-price-contents .price-contents h5 {
              font-size: 18px;
              padding-top: 24px;
              padding-bottom: 24px; } }
        .mont-bell-page .course-price .course-price-contents .price-contents .packages {
          display: flex;
          flex-wrap: wrap;
          gap: 20px;
          justify-content: space-between;
          padding: 0 70px 50px 70px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .course-price .course-price-contents .price-contents .packages {
              flex-direction: column;
              gap: 8px;
              padding: 20px; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .packages .half {
            width: 48%; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .half {
                width: 100%; } }
          .mont-bell-page .course-price .course-price-contents .price-contents .packages .full {
            width: 100%; }
          .mont-bell-page .course-price .course-price-contents .price-contents .packages .package {
            background-color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
            color: #22686d;
            font-weight: bold;
            padding: 20px; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .package {
                align-items: flex-start; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .packages .package img {
              width: 148px; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package img {
                  margin-top: 12px;
                  width: 68px; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .equal {
              margin-top: 24px; }
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .equal img {
                width: 24px; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .equal {
                  margin-top: 14px; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .plus {
              margin-top: 24px;
              width: 60px;
              display: flex;
              justify-content: center; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .plus {
                  margin-top: 0;
                  height: 52px;
                  width: 100%; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .plus img {
                width: 24px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .plus img {
                    margin-top: -8px;
                    width: 20px; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit {
              display: flex;
              flex-direction: column;
              gap: 8px; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit {
                  margin-top: -8px; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-name {
                color: #333;
                font-size: 16px;
                line-height: 24px; }
                @media screen and (max-width: 768px) {
                  .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-name {
                    font-size: 11px;
                    line-height: 13px;
                    text-align: center; } }
              .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px; }
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty img {
                  height: 66px;
                  width: auto; }
                  @media screen and (max-width: 768px) {
                    .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty img {
                      margin-top: 0;
                      width: 40px;
                      height: auto; } }
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .x {
                  margin-top: -4px; }
                  @media screen and (max-width: 768px) {
                    .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .x {
                      margin-top: 0;
                      margin-left: 4px; } }
                  .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .x img {
                    width: 18px;
                    height: 18px; }
                    @media screen and (max-width: 768px) {
                      .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .x img {
                        width: 16px;
                        height: 16px;
                        margin-right: -8px; } }
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .qty {
                  font-family: "apercu", "lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
                  font-size: 40px;
                  line-height: 24px; }
                  @media screen and (max-width: 768px) {
                    .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .qty {
                      font-size: 30px;
                      font-weight: normal; } }
                  .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .qty span {
                    margin-left: 4px;
                    font-size: 16px;
                    line-height: 24px; }
                    @media screen and (max-width: 768px) {
                      .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .item-qty-limit .item-image-and-qty .qty span {
                        font-size: 13px; } }
            .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .breakdown {
              display: flex; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .course-price .course-price-contents .price-contents .packages .package .breakdown {
                  flex-direction: column;
                  text-align: center; } }
  .mont-bell-page .map {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .map {
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px; } }
    .mont-bell-page .map .map-title img {
      width: 508px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .map .map-title img {
          width: 248px; } }
    .mont-bell-page .map .map-title .map-subtitle {
      font-size: 22px;
      font-weight: bold;
      text-align: center;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 40px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .map .map-title .map-subtitle {
          font-size: 13px;
          line-height: 22px;
          font-weight: normal; } }
    .mont-bell-page .map .map-contents {
      width: 1100px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .map .map-contents {
          width: 100%; } }
      .mont-bell-page .map .map-contents .map-image {
        width: 600px;
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .map .map-contents .map-image {
            width: 100%;
            margin-left: 20px;
            margin-right: 20px; } }
      .mont-bell-page .map .map-contents .price-table {
        width: 1000px;
        font-family: "apercu", "lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .map .map-contents .price-table {
            width: 100%; } }
        .mont-bell-page .map .map-contents .price-table th {
          border: 2px solid #efefef;
          text-align: center;
          padding: 0 8px;
          height: 60px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .map .map-contents .price-table th {
              font-size: 12px;
              padding: 4px; } }
        .mont-bell-page .map .map-contents .price-table td {
          border: 2px solid #efefef;
          height: 60px;
          padding: 0 16px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .map .map-contents .price-table td {
              height: 80px;
              padding: 0 8px; } }
        .mont-bell-page .map .map-contents .price-table .th1 {
          background-color: #fafafa; }
        .mont-bell-page .map .map-contents .price-table .th2 {
          background-color: #fafafa; }
        .mont-bell-page .map .map-contents .price-table .area {
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .map .map-contents .price-table .area {
              align-items: flex-start; } }
          .mont-bell-page .map .map-contents .price-table .area .number {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            line-height: 30px;
            background-color: #333;
            color: #fff;
            margin-right: 16px;
            text-align: center;
            letter-spacing: .2px; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .map .map-contents .price-table .area .number {
                font-size: 10px;
                width: 18px;
                height: 18px;
                line-height: 18px;
                margin-right: 6px; } }
          .mont-bell-page .map .map-contents .price-table .area .details {
            display: flex; }
            @media screen and (max-width: 768px) {
              .mont-bell-page .map .map-contents .price-table .area .details {
                flex-direction: column;
                width: calc(100% - 30px); } }
            .mont-bell-page .map .map-contents .price-table .area .details .name {
              width: 100px;
              font-size: 15px;
              font-weight: 700;
              line-height: 21px;
              text-align: left; }
            .mont-bell-page .map .map-contents .price-table .area .details .list {
              font-size: 15px;
              font-weight: 400;
              line-height: 18px; }
              @media screen and (max-width: 768px) {
                .mont-bell-page .map .map-contents .price-table .area .details .list {
                  font-size: 13px; } }
        .mont-bell-page .map .map-contents .price-table .price {
          font-size: 18px;
          font-weight: 400;
          line-height: 27px;
          text-align: center;
          width: 100%; }
      .mont-bell-page .map .map-contents .notes-wrap {
        margin-top: 20px;
        font-size: 15px;
        line-height: 27px;
        width: 100%;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .map .map-contents .notes-wrap {
            margin-top: 0; } }
        .mont-bell-page .map .map-contents .notes-wrap p {
          margin-top: 20px; }
          @media screen and (max-width: 768px) {
            .mont-bell-page .map .map-contents .notes-wrap p {
              margin-top: 12px;
              font-size: 10px;
              line-height: 15px;
              text-align: left; } }
  .mont-bell-page .order-flow {
    padding: 80px;
    background-color: #e3eae6; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .order-flow {
        padding: 60px 20px 20px; } }
    .mont-bell-page .order-flow .order-flow-title {
      font-size: 24px;
      line-height: 30px;
      width: 100%;
      text-align: center; }
    .mont-bell-page .order-flow .order-flow-contents {
      margin-top: 80px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 32px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .order-flow .order-flow-contents {
          margin-top: 60px; } }
      .mont-bell-page .order-flow .order-flow-contents .step-numbers {
        display: flex;
        flex-basis: 120px;
        width: 1080px; }
        .mont-bell-page .order-flow .order-flow-contents .step-numbers .step-number {
          width: 120px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 12px; }
          .mont-bell-page .order-flow .order-flow-contents .step-numbers .step-number img {
            width: 36px; }
          .mont-bell-page .order-flow .order-flow-contents .step-numbers .step-number h5 {
            font-size: 24px;
            font-weight: bold;
            line-height: 32px;
            white-space: nowrap; }
        .mont-bell-page .order-flow .order-flow-contents .step-numbers hr {
          margin-top: 16px;
          width: 80px;
          height: 2px;
          background-color: #22686d; }
      .mont-bell-page .order-flow .order-flow-contents .step-images {
        display: flex;
        flex-basis: 240px;
        width: 1200px; }
        .mont-bell-page .order-flow .order-flow-contents .step-images .step-image {
          width: 240px;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 32px; }
          .mont-bell-page .order-flow .order-flow-contents .step-images .step-image img {
            width: 72px; }
          .mont-bell-page .order-flow .order-flow-contents .step-images .step-image p {
            text-align: center;
            font-size: 16px;
            line-height: 22px; }
            .mont-bell-page .order-flow .order-flow-contents .step-images .step-image p .note {
              display: block;
              width: 208px;
              font-size: 13px;
              line-height: 18px; }
      .mont-bell-page .order-flow .order-flow-contents .steps {
        display: flex;
        flex-wrap: wrap; }
        .mont-bell-page .order-flow .order-flow-contents .steps .step {
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 140px; }
          .mont-bell-page .order-flow .order-flow-contents .steps .step .number {
            width: 30px;
            height: 30px; }
          .mont-bell-page .order-flow .order-flow-contents .steps .step .step-image {
            width: auto;
            height: 55px;
            margin-top: 8px;
            margin-bottom: 8px; }
          .mont-bell-page .order-flow .order-flow-contents .steps .step h5 {
            font-size: 14px;
            line-height: 32px;
            font-weight: bold; }
          .mont-bell-page .order-flow .order-flow-contents .steps .step p {
            text-align: center;
            white-space: nowrap;
            font-size: 11px;
            line-height: 17px;
            margin-bottom: 32px; }
            .mont-bell-page .order-flow .order-flow-contents .steps .step p .note {
              white-space: normal;
              font-size: 10px;
              line-height: 12px; }
        .mont-bell-page .order-flow .order-flow-contents .steps hr {
          margin: 16px 0 0;
          width: 50px;
          height: 1px;
          background-color: #22686d; }
  .mont-bell-page .order-banner {
    background: #22686d; }
    @media screen and (max-width: 768px) {
      .mont-bell-page .order-banner {
        padding: 30px 20px; } }
    .mont-bell-page .order-banner .order-banner-contents {
      padding: 55px 0 40px 0;
      width: 1100px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .order-banner .order-banner-contents {
          width: 100%;
          padding: 0; } }
      .mont-bell-page .order-banner .order-banner-contents p {
        text-align: center;
        font-weight: bold;
        line-height: 36px;
        font-size: 24px;
        color: white; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .order-banner .order-banner-contents p {
            font-size: 16px;
            line-height: 24px; } }
    .mont-bell-page .order-banner h4 {
      font-size: 40px;
      color: white;
      font-weight: bold;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .order-banner h4 {
          font-size: 16px; } }
    .mont-bell-page .order-banner .btn-wrap {
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .mont-bell-page .order-banner .btn-wrap {
          margin-top: 20px; } }
      .mont-bell-page .order-banner .btn-wrap .design-btn.black {
        display: inline-block;
        width: 400px;
        padding: 27px;
        font-size: 24px;
        background: url("https://res.cloudinary.com/hz1aiouu4/image/upload/v1/laundry-out/component/icon/arrows/right-white.png") 95% 48%/10px no-repeat #333333;
        text-align: center;
        letter-spacing: 1.5px;
        border: 2px solid #333333;
        color: white;
        text-decoration: none; }
        @media screen and (max-width: 768px) {
          .mont-bell-page .order-banner .btn-wrap .design-btn.black {
            font-size: 17px;
            width: 100%; } }
        .mont-bell-page .order-banner .btn-wrap .design-btn.black span {
          font-weight: normal; }

@keyframes fadein-img {
  100% {
    opacity: 1; } }

/*# sourceMappingURL=style.css.map */