@charset "UTF-8";
.sm-only {
  display: none; }
  @media screen and (max-width: 640px) {
    .sm-only {
      display: block; } }

.sm-flee {
  display: block; }
  @media screen and (max-width: 640px) {
    .sm-flee {
      display: none; } }

.section-hero .box {
  display: grid;
  position: relative;
  z-index: 0; }
  @media screen and (max-width: 640px) {
    .section-hero .box {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto; } }
  .section-hero .box-img img {
    width: 100%; }
  .section-hero .box-txt {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(248, 204, 199, 0.7); }
    @media screen and (max-width: 640px) {
      .section-hero .box-txt {
        position: relative;
        background-color: rgba(248, 204, 199, 0.8);
        height: 38.125vw; } }
    .section-hero .box-txt-2 {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30vw;
      height: 100%; }
      @media screen and (max-width: 640px) {
        .section-hero .box-txt-2 {
          width: 100%; } }
    .section-hero .box-txt .img-1 {
      position: absolute;
      top: 0;
      left: 3vw;
      z-index: 2; }
      @media screen and (max-width: 640px) {
        .section-hero .box-txt .img-1 {
          left: 5.625vw; } }
      .section-hero .box-txt .img-1 img {
        width: 7.1vw; }
        @media screen and (max-width: 640px) {
          .section-hero .box-txt .img-1 img {
            width: 9vw; } }
    .section-hero .box-txt h1 {
      z-index: 2; }
      .section-hero .box-txt h1 img {
        width: 23.1vw; }
        @media screen and (max-width: 640px) {
          .section-hero .box-txt h1 img {
            width: 36.093vw; } }
    .section-hero .box-txt .img-2 {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      opacity: 0.48; }
      @media screen and (max-width: 640px) {
        .section-hero .box-txt .img-2 {
          left: 4vw; } }
      .section-hero .box-txt .img-2 img {
        width: 25.166vw; }
        @media screen and (max-width: 640px) {
          .section-hero .box-txt .img-2 img {
            width: 32vw; } }
.section-message {
  padding-bottom: 40px;
  color: #c51c56; }
  @media screen and (max-width: 1024px) {
    .section-message {
      padding-bottom: 4vw; } }
  @media screen and (max-width: 640px) {
    .section-message {
      padding-bottom: 6.25vw; } }
  .section-message .message-1 {
    position: relative;
    z-index: 0;
    padding: 40px 10px 30px;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-message .message-1 {
        padding: 4vw 1vw 3vw; } }
    @media screen and (max-width: 640px) {
      .section-message .message-1 {
        padding: 6.25vw 1.562vw 24vw; } }
    .section-message .message-1 .container {
      position: relative; }
    .section-message .message-1 h2 {
      font-family: "Shippori Mincho", serif;
      font-size: 28px;
      font-weight: normal;
      line-height: 1.2;
      text-shadow: 0 0 1px #c51c56; }
      @media screen and (max-width: 1024px) {
        .section-message .message-1 h2 {
          font-size: 2.8vw; } }
      @media screen and (max-width: 640px) {
        .section-message .message-1 h2 {
          font-size: 4.375vw;
          text-shadow: 0 0 0.5px #c51c56; } }
    .section-message .message-1 .txt-1 {
      margin-top: 15px;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.2; }
      @media screen and (max-width: 1024px) {
        .section-message .message-1 .txt-1 {
          margin-top: 1.5vw;
          font-size: 1.8vw; } }
      @media screen and (max-width: 640px) {
        .section-message .message-1 .txt-1 {
          margin-top: 2.343vw;
          font-size: 2.812vw; } }
    .section-message .message-1 .txt-2 {
      margin-top: 25px;
      font-size: 14px;
      line-height: 1.3; }
      @media screen and (max-width: 1024px) {
        .section-message .message-1 .txt-2 {
          margin-top: 2.5vw;
          font-size: max(1.4vw, 14px); } }
      @media screen and (max-width: 640px) {
        .section-message .message-1 .txt-2 {
          margin-top: 3.906vw;
          font-size: 2.18vw; } }
    .section-message .message-1 .bg-0 {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: -1; }
      .section-message .message-1 .bg-0 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: bottom; }
    .section-message .message-1 .bg-1 {
      position: absolute;
      top: -93px;
      left: 3.333vw;
      z-index: 1; }
      @media screen and (max-width: 1200px) {
        .section-message .message-1 .bg-1 {
          top: -7.75vw; } }
      @media screen and (max-width: 640px) {
        .section-message .message-1 .bg-1 {
          top: -14.531vw; } }
      .section-message .message-1 .bg-1 img {
        width: 88px; }
        @media screen and (max-width: 1200px) {
          .section-message .message-1 .bg-1 img {
            width: 7.333vw; } }
        @media screen and (max-width: 640px) {
          .section-message .message-1 .bg-1 img {
            width: 13.75vw; } }
    .section-message .message-1 .bg-2 {
      position: absolute;
      right: 6vw;
      bottom: -45px;
      z-index: 1; }
      @media screen and (max-width: 1200px) {
        .section-message .message-1 .bg-2 {
          right: 11.666vw;
          bottom: -3.75vw; } }
      @media screen and (max-width: 1024px) {
        .section-message .message-1 .bg-2 {
          right: 3vw; } }
      @media screen and (max-width: 640px) {
        .section-message .message-1 .bg-2 {
          bottom: -24vw; } }
      .section-message .message-1 .bg-2 img {
        width: 129px; }
        @media screen and (max-width: 1200px) {
          .section-message .message-1 .bg-2 img {
            width: 10.75vw; } }
        @media screen and (max-width: 640px) {
          .section-message .message-1 .bg-2 img {
            width: 20.156vw; } }
  .section-message .message-2 {
    width: 100%;
    max-width: 1000px;
    margin: -10px auto 0;
    padding: 0 20px; }
    @media screen and (max-width: 1024px) {
      .section-message .message-2 {
        max-width: 100vw;
        margin-top: -1vw;
        padding: 0 2vw; } }
    @media screen and (max-width: 640px) {
      .section-message .message-2 {
        margin-top: 0; } }
    .section-message .message-2 .box {
      display: grid;
      grid-template-columns: 27fr 34fr 23fr;
      gap: 40px; }
      @media screen and (max-width: 1200px) {
        .section-message .message-2 .box {
          gap: 3.333vw; } }
      @media screen and (max-width: 1024px) {
        .section-message .message-2 .box {
          gap: 4vw; } }
      @media screen and (max-width: 640px) {
        .section-message .message-2 .box {
          grid-template-columns: repeat(3, 1fr); } }
      @media screen and (max-width: 640px) {
        .section-message .message-2 .box .col {
          margin: 0 auto; } }
      .section-message .message-2 .box .col .col-img {
        text-align: center; }
        .section-message .message-2 .box .col .col-img img {
          width: 100%; }
      .section-message .message-2 .box .col .col-txt {
        margin-top: 10px; }
        @media screen and (max-width: 1024px) {
          .section-message .message-2 .box .col .col-txt {
            margin-top: 1vw; } }
        @media screen and (max-width: 640px) {
          .section-message .message-2 .box .col .col-txt {
            margin-top: 1.56vw; } }
        .section-message .message-2 .box .col .col-txt h3 {
          font-size: 28px;
          font-weight: 500;
          line-height: 0.8; }
          @media screen and (max-width: 1024px) {
            .section-message .message-2 .box .col .col-txt h3 {
              font-size: 2.8vw; } }
          @media screen and (max-width: 640px) {
            .section-message .message-2 .box .col .col-txt h3 {
              font-size: 4.375vw; } }
          .section-message .message-2 .box .col .col-txt h3 span {
            font-size: 18px; }
            @media screen and (max-width: 1024px) {
              .section-message .message-2 .box .col .col-txt h3 span {
                font-size: 1.8vw; } }
            @media screen and (max-width: 640px) {
              .section-message .message-2 .box .col .col-txt h3 span {
                font-size: max(2.187vw, 12px); } }
        .section-message .message-2 .box .col .col-txt .txt-1 {
          margin-top: 15px;
          font-size: 14px;
          line-height: 1.4; }
          @media screen and (max-width: 1024px) {
            .section-message .message-2 .box .col .col-txt .txt-1 {
              margin-top: 1.5vw;
              font-size: max(1.4vw, 14px); } }
          @media screen and (max-width: 640px) {
            .section-message .message-2 .box .col .col-txt .txt-1 {
              margin-top: 2.343vw;
              font-size: max(2.187vw, 10px); } }
      .section-message .message-2 .box .col-1 .col-img img {
        max-width: 271px; }
      .section-message .message-2 .box .col-1 .col-txt {
        padding: 0 20px; }
        @media screen and (max-width: 768px) {
          .section-message .message-2 .box .col-1 .col-txt {
            padding: 0; } }
      .section-message .message-2 .box .col-2 {
        padding-top: 40px; }
        @media screen and (max-width: 640px) {
          .section-message .message-2 .box .col-2 {
            padding-top: 4vw; } }
        .section-message .message-2 .box .col-2 .col-img img {
          max-width: 340px; }
        .section-message .message-2 .box .col-2 .col-txt {
          padding: 0 10px 0 30px; }
          @media screen and (max-width: 768px) {
            .section-message .message-2 .box .col-2 .col-txt {
              padding: 0; } }
      .section-message .message-2 .box .col-3 {
        padding-top: 40px; }
        @media screen and (max-width: 640px) {
          .section-message .message-2 .box .col-3 {
            padding-top: 0; } }
        .section-message .message-2 .box .col-3 .col-img img {
          max-width: 234px; }
        .section-message .message-2 .box .col-3 .col-txt {
          padding: 0 0 0 10px; }
          @media screen and (max-width: 768px) {
            .section-message .message-2 .box .col-3 .col-txt {
              padding: 0; } }
.section-brend {
  position: relative; }
  .section-brend .img-1 {
    position: absolute;
    top: 0;
    right: 5vw; }
    .section-brend .img-1 img {
      width: 7.1vw; }
  .section-brend h2 {
    position: absolute;
    top: 3.333vw;
    right: 16.666vw;
    z-index: 3;
    font-family: "Shippori Mincho", serif;
    font-size: 4.166vw;
    font-weight: normal;
    line-height: 1;
    color: #c51c56;
    text-align: right;
    letter-spacing: -0.02em; }
  .section-brend .img-2 {
    position: absolute;
    top: 15.833vw;
    right: 13.833vw;
    z-index: 2; }
    .section-brend .img-2 img {
      width: 45.583vw; }
  .section-brend .txt-1 {
    position: absolute;
    right: 10vw;
    bottom: 1.666vw;
    z-index: 3; }
    .section-brend .txt-1 img {
      width: 23.1vw; }
  .section-brend .bg-1 img {
    width: 100%; }
.section-habit .habit-1 {
  position: relative;
  z-index: 0;
  background-color: rgba(248, 204, 199, 0.7);
  padding: 20px 0 0; }
  .section-habit .habit-1 .box-1 {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px; }
    @media screen and (max-width: 1024px) {
      .section-habit .habit-1 .box-1 {
        grid-template-columns: 25vw 1fr;
        gap: 4vw; } }
    @media screen and (max-width: 640px) {
      .section-habit .habit-1 .box-1 {
        grid-template-columns: 1fr; } }
    .section-habit .habit-1 .box-1 .box-left .txt-1 img {
      width: 141.6px; }
      @media screen and (max-width: 1024px) {
        .section-habit .habit-1 .box-1 .box-left .txt-1 img {
          width: 14.16vw; } }
      @media screen and (max-width: 640px) {
        .section-habit .habit-1 .box-1 .box-left .txt-1 img {
          width: 22.125vw; } }
    .section-habit .habit-1 .box-1 .box-left .txt-2 {
      margin-top: 10px; }
      @media screen and (max-width: 640px) {
        .section-habit .habit-1 .box-1 .box-left .txt-2 {
          margin-top: 1.562vw; } }
      .section-habit .habit-1 .box-1 .box-left .txt-2 img {
        width: 277.2px; }
        @media screen and (max-width: 1024px) {
          .section-habit .habit-1 .box-1 .box-left .txt-2 img {
            width: 27.72vw; } }
        @media screen and (max-width: 640px) {
          .section-habit .habit-1 .box-1 .box-left .txt-2 img {
            width: 43.312vw; } }
    .section-habit .habit-1 .box-1 .box-right {
      text-align: right; }
      .section-habit .habit-1 .box-1 .box-right h2 {
        padding-top: 10px;
        font-family: "Shippori Mincho", serif;
        font-size: 48px;
        font-weight: 500;
        line-height: 1.2;
        color: #c51c56;
        text-shadow: 0 0 1px #c51c56; }
        @media screen and (max-width: 1024px) {
          .section-habit .habit-1 .box-1 .box-right h2 {
            padding-top: 1vw;
            font-size: 4.8vw; } }
        @media screen and (max-width: 640px) {
          .section-habit .habit-1 .box-1 .box-right h2 {
            padding-top: 1.562vw;
            font-size: 6vw; } }
      .section-habit .habit-1 .box-1 .box-right .txt-1 {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.4; }
        @media screen and (max-width: 1024px) {
          .section-habit .habit-1 .box-1 .box-right .txt-1 {
            margin-top: 1vw;
            font-size: max(1.5vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-habit .habit-1 .box-1 .box-right .txt-1 {
            margin-top: 1.562vw;
            font-size: max(2.343vw, 11px); } }
  .section-habit .habit-1 .box-2 {
    position: relative;
    padding-top: 5px; }
    @media screen and (max-width: 640px) {
      .section-habit .habit-1 .box-2 {
        padding-top: 3.125vw; } }
    .section-habit .habit-1 .box-2-1 {
      position: relative;
      padding-left: 306px;
      padding-bottom: 1.666vw; }
      @media screen and (max-width: 1200px) {
        .section-habit .habit-1 .box-2-1 {
          padding-bottom: 20px; } }
      @media screen and (max-width: 1024px) {
        .section-habit .habit-1 .box-2-1 {
          padding-left: 20.6vw; } }
      @media screen and (max-width: 640px) {
        .section-habit .habit-1 .box-2-1 {
          padding-left: 21.875vw;
          padding-bottom: 0;
          margin-bottom: -2vw; } }
      .section-habit .habit-1 .box-2-1 .box-txt {
        position: absolute; }
        .section-habit .habit-1 .box-2-1 .box-txt .inner {
          position: relative;
          z-index: 0; }
          .section-habit .habit-1 .box-2-1 .box-txt .inner .txt {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4;
            text-align: center; }
            @media screen and (max-width: 1024px) {
              .section-habit .habit-1 .box-2-1 .box-txt .inner .txt {
                font-size: 1.4vw; } }
            @media screen and (max-width: 640px) {
              .section-habit .habit-1 .box-2-1 .box-txt .inner .txt {
                font-size: 2.187vw; } }
          .section-habit .habit-1 .box-2-1 .box-txt .inner .img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1; }
            .section-habit .habit-1 .box-2-1 .box-txt .inner .img img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
        .section-habit .habit-1 .box-2-1 .box-txt.txt-1 {
          top: 0;
          left: 116px; }
          @media screen and (max-width: 1024px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-1 {
              left: 1.6vw; } }
          @media screen and (max-width: 640px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-1 {
              left: -2vw; } }
          .section-habit .habit-1 .box-2-1 .box-txt.txt-1 .txt {
            padding: 34px 40px 40px; }
            @media screen and (max-width: 1024px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-1 .txt {
                padding: 3.4vw 4vw 4vw; } }
            @media screen and (max-width: 640px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-1 .txt {
                padding: 5.312vw 6.25vw 6.25vw; } }
        .section-habit .habit-1 .box-2-1 .box-txt.txt-2 {
          top: 165px;
          left: 86px; }
          @media screen and (max-width: 1024px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-2 {
              top: 16.5vw;
              left: 0.86vw; } }
          @media screen and (max-width: 640px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-2 {
              top: 26vw;
              left: -1vw; } }
          .section-habit .habit-1 .box-2-1 .box-txt.txt-2 .txt {
            padding: 30px 64px 30px 30px; }
            @media screen and (max-width: 1024px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-2 .txt {
                padding: 3vw 6.4vw 3vw 3vw; } }
            @media screen and (max-width: 640px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-2 .txt {
                padding: 4.687vw 10vw 4.687vw 4.687vw; } }
        .section-habit .habit-1 .box-2-1 .box-txt.txt-3 {
          top: 20px;
          left: 570px; }
          @media screen and (max-width: 1024px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-3 {
              top: 2vw;
              left: 47vw; } }
          @media screen and (max-width: 640px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-3 {
              left: 59vw; } }
          .section-habit .habit-1 .box-2-1 .box-txt.txt-3 .txt {
            padding: 30px; }
            @media screen and (max-width: 1024px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-3 .txt {
                padding: 3vw; } }
            @media screen and (max-width: 640px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-3 .txt {
                padding: 4.687vw; } }
        .section-habit .habit-1 .box-2-1 .box-txt.txt-4 {
          top: 175px;
          left: 570px; }
          @media screen and (max-width: 1024px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-4 {
              top: 17.5vw;
              left: 47vw; } }
          @media screen and (max-width: 640px) {
            .section-habit .habit-1 .box-2-1 .box-txt.txt-4 {
              top: 25vw;
              left: 59vw; } }
          .section-habit .habit-1 .box-2-1 .box-txt.txt-4 .txt {
            padding: 30px 20px 30px 50px; }
            @media screen and (max-width: 1024px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-4 .txt {
                padding: 3vw 2vw 3vw 5vw; } }
            @media screen and (max-width: 640px) {
              .section-habit .habit-1 .box-2-1 .box-txt.txt-4 .txt {
                padding: 4.687vw 3.125vw 4.687vw 7.812vw; } }
      .section-habit .habit-1 .box-2-1 .img-1 img {
        width: 360px; }
        @media screen and (max-width: 1024px) {
          .section-habit .habit-1 .box-2-1 .img-1 img {
            width: 36vw; } }
        @media screen and (max-width: 640px) {
          .section-habit .habit-1 .box-2-1 .img-1 img {
            width: 56.25vw; } }
    .section-habit .habit-1 .box-2-2 {
      position: absolute;
      right: 0;
      bottom: 20px;
      z-index: -1; }
      @media screen and (max-width: 640px) {
        .section-habit .habit-1 .box-2-2 {
          display: none; } }
      .section-habit .habit-1 .box-2-2 .img-1 img {
        width: 307px; }
        @media screen and (max-width: 1200px) {
          .section-habit .habit-1 .box-2-2 .img-1 img {
            width: 25.583vw; } }
  .section-habit .habit-1 .bg-1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    filter: drop-shadow(0 -1px 0 rgba(248, 204, 199, 0.7)); }
    .section-habit .habit-1 .bg-1 img {
      width: 100%; }
  .section-habit .habit-1 .bg-2 {
    display: none; }
    @media screen and (max-width: 640px) {
      .section-habit .habit-1 .bg-2 {
        display: block;
        position: absolute;
        top: 2vw;
        right: 8vw; } }
    .section-habit .habit-1 .bg-2 img {
      width: 23vw; }
.section-habit .habit-2 {
  position: relative;
  z-index: 1;
  margin-top: -10px; }
  @media screen and (max-width: 640px) {
    .section-habit .habit-2 {
      margin-top: 3.125vw; } }
  .section-habit .habit-2 h3 {
    text-align: center; }
    .section-habit .habit-2 h3 img {
      width: 351px; }
      @media screen and (max-width: 1024px) {
        .section-habit .habit-2 h3 img {
          width: 35.1vw; } }
      @media screen and (max-width: 640px) {
        .section-habit .habit-2 h3 img {
          width: 54.843vw; } }
  .section-habit .habit-2 .box {
    display: grid;
    grid-template-columns: repeat(3, 194.4px);
    gap: 10px;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .section-habit .habit-2 .box {
        grid-template-columns: repeat(3, 19.44vw);
        gap: 1vw; } }
    @media screen and (max-width: 640px) {
      .section-habit .habit-2 .box {
        grid-template-columns: repeat(3, 30.312vw);
        gap: 1.562vw; } }
    .section-habit .habit-2 .box .col {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 200px 110.4px; }
      @media screen and (max-width: 1024px) {
        .section-habit .habit-2 .box .col {
          grid-template-rows: 20vw 11.04vw; } }
      @media screen and (max-width: 640px) {
        .section-habit .habit-2 .box .col {
          grid-template-rows: 31.25vw 17.25vw; } }
      .section-habit .habit-2 .box .col-txt {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #e08b80;
        font-size: 21px;
        line-height: 1.4;
        color: #fff;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .section-habit .habit-2 .box .col-txt {
            font-size: 2.1vw; } }
        @media screen and (max-width: 640px) {
          .section-habit .habit-2 .box .col-txt {
            font-size: 3.281vw; } }
  .section-habit .habit-2 .txt-1 {
    margin-top: 15px;
    font-family: "Shippori Mincho", serif;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0 0 1px #231815; }
    @media screen and (max-width: 1024px) {
      .section-habit .habit-2 .txt-1 {
        margin-top: 1.5vw;
        font-size: 2.6vw; } }
    @media screen and (max-width: 640px) {
      .section-habit .habit-2 .txt-1 {
        margin-top: 2.343vw;
        font-size: 3.75vw;
        text-shadow: 0 0 0.5px #231815; } }
  .section-habit .habit-2 .txt-2 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-habit .habit-2 .txt-2 {
        margin-top: 2vw;
        font-size: max(1.4vw, 14px); } }
    @media screen and (max-width: 640px) {
      .section-habit .habit-2 .txt-2 {
        margin-top: 3.125vw;
        font-size: max(2.187vw, 11px); } }
.section-reason {
  padding: 40px 0 20px; }
  @media screen and (max-width: 1024px) {
    .section-reason {
      padding: 4vw 0 2vw; } }
  @media screen and (max-width: 640px) {
    .section-reason {
      padding: 6.25vw 0 3.125vw; } }
  .section-reason .title .txt-1 img {
    width: 141.6px; }
    @media screen and (max-width: 1024px) {
      .section-reason .title .txt-1 img {
        width: 14.16vw; } }
    @media screen and (max-width: 640px) {
      .section-reason .title .txt-1 img {
        width: 22.125vw; } }
  .section-reason .title .txt-2 {
    margin-top: 10px; }
    @media screen and (max-width: 1024px) {
      .section-reason .title .txt-2 {
        margin-top: 1vw; } }
    @media screen and (max-width: 640px) {
      .section-reason .title .txt-2 {
        margin-top: 1.562vw; } }
    .section-reason .title .txt-2 img {
      width: 277.2px; }
      @media screen and (max-width: 1024px) {
        .section-reason .title .txt-2 img {
          width: 27.72vw; } }
      @media screen and (max-width: 640px) {
        .section-reason .title .txt-2 img {
          width: 43.312vw; } }
  .section-reason .title h2 {
    margin-top: 20px;
    font-family: "Shippori Mincho", serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2;
    color: #c51c56;
    text-align: center;
    text-shadow: 0 0 1px #231815;
    letter-spacing: -0.04em; }
    @media screen and (max-width: 1024px) {
      .section-reason .title h2 {
        margin-top: 2vw;
        font-size: 2.8vw; } }
    @media screen and (max-width: 640px) {
      .section-reason .title h2 {
        margin-top: 3.125vw;
        font-size: 4.375vw;
        text-shadow: 0 0 0.5px #231815; } }
  .section-reason .title .txt-3 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-reason .title .txt-3 {
        margin-top: 1vw;
        font-size: max(1.4vw, 14px); } }
    @media screen and (max-width: 640px) {
      .section-reason .title .txt-3 {
        margin-top: 1.562vw;
        font-size: max(2.187vw, 12px); } }
  .section-reason .box-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fill, auto);
    gap: 50px;
    width: 100%;
    max-width: 800px;
    margin: 40px auto 0; }
    @media screen and (max-width: 1024px) {
      .section-reason .box-wrapper {
        gap: 5vw;
        max-width: 80vw;
        margin-top: 2vw; } }
    @media screen and (max-width: 640px) {
      .section-reason .box-wrapper {
        gap: 7.812vw;
        max-width: 100%;
        margin-top: 3.125vw; } }
  .section-reason .row .box {
    display: grid;
    grid-template-columns: auto 260px;
    grid-template-rows: 360px; }
    @media screen and (max-width: 1024px) {
      .section-reason .row .box {
        grid-template-columns: auto 26vw;
        grid-template-rows: 36vw; } }
    @media screen and (max-width: 640px) {
      .section-reason .row .box {
        grid-template-columns: auto 40.625vw;
        grid-template-rows: 56.25vw; } }
    .section-reason .row .box-img {
      overflow: hidden; }
      .section-reason .row .box-img img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .section-reason .row .box-txt {
      background-color: rgba(248, 204, 199, 0.7);
      padding: 20px 30px; }
      @media screen and (max-width: 1024px) {
        .section-reason .row .box-txt {
          padding: 2vw 3vw; } }
      @media screen and (max-width: 640px) {
        .section-reason .row .box-txt {
          padding: 3.125vw 4.687vw; } }
      .section-reason .row .box-txt .point {
        text-align: center; }
        .section-reason .row .box-txt .point img {
          width: 138px; }
          @media screen and (max-width: 1024px) {
            .section-reason .row .box-txt .point img {
              width: 13.8vw; } }
          @media screen and (max-width: 640px) {
            .section-reason .row .box-txt .point img {
              width: 21.562vw; } }
      .section-reason .row .box-txt .txt {
        display: flex;
        justify-content: center;
        margin-top: 20px; }
        @media screen and (max-width: 1024px) {
          .section-reason .row .box-txt .txt {
            margin-top: 2vw; } }
        @media screen and (max-width: 640px) {
          .section-reason .row .box-txt .txt {
            margin-top: 3.125vw; } }
      .section-reason .row .box-txt h3 {
        font-family: "Shippori Mincho", serif;
        font-size: 26px;
        font-weight: normal;
        line-height: 1.6;
        text-shadow: 0 0 1px #231815;
        writing-mode: vertical-rl; }
        @media screen and (max-width: 1024px) {
          .section-reason .row .box-txt h3 {
            font-size: 2.6vw; } }
        @media screen and (max-width: 640px) {
          .section-reason .row .box-txt h3 {
            font-size: 4.062vw;
            text-shadow: 0 0 0.5px #231815; } }
  .section-reason .row-1 .box-txt .txt {
    margin-top: 0; }
  .section-reason .row .txt-1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-reason .row .txt-1 {
        margin-top: 1vw;
        font-size: max(1.4vw, 14px); } }
    @media screen and (max-width: 640px) {
      .section-reason .row .txt-1 {
        margin-top: 1.562vw;
        font-size: max(2.187vw, 12px); } }
.section-support {
  padding: 40px 0; }
  @media screen and (max-width: 1024px) {
    .section-support {
      padding: 4vw 0; } }
  @media screen and (max-width: 640px) {
    .section-support {
      padding: 6.25vw 0; } }
  .section-support .title h2 {
    font-family: "Shippori Mincho", serif;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.2;
    color: #cb123c;
    text-align: center;
    text-shadow: 0 0 1px #cb123c; }
    @media screen and (max-width: 1024px) {
      .section-support .title h2 {
        font-size: 2.8vw; } }
    @media screen and (max-width: 640px) {
      .section-support .title h2 {
        font-size: 4.375vw;
        text-shadow: 0 0 0.5px #cb123c; } }
  .section-support .title .txt-1 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.2;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-support .title .txt-1 {
        margin-top: 2vw;
        font-size: 1.8vw; } }
    @media screen and (max-width: 640px) {
      .section-support .title .txt-1 {
        margin-top: 3.125vw;
        font-size: 2.812vw; } }
  .section-support .box-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto-fill, auto);
    gap: 25px;
    width: 100%;
    max-width: 970px;
    margin: 20px auto 0; }
    @media screen and (max-width: 1024px) {
      .section-support .box-wrapper {
        gap: 2.5vw;
        max-width: 97vw;
        margin-top: 2vw; } }
  .section-support .box {
    display: grid;
    grid-template-columns: 340px auto;
    border-radius: 40px;
    box-shadow: 2.6px 2.6px 6px rgba(35, 24, 21, 0.75);
    padding: 10px 50px 10px 40px; }
    @media screen and (max-width: 1024px) {
      .section-support .box {
        grid-template-columns: 34vw auto;
        border-radius: 4vw;
        padding: 1vw 5vw 1vw 4vw; } }
    @media screen and (max-width: 640px) {
      .section-support .box {
        grid-template-columns: 30vw auto;
        align-items: center;
        padding: 1vw 3vw; } }
    .section-support .box-img {
      position: relative; }
      .section-support .box-img .img-1 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
        .section-support .box-img .img-1 img {
          width: 110px; }
          @media screen and (max-width: 1024px) {
            .section-support .box-img .img-1 img {
              width: 11vw; } }
      .section-support .box-img .img-2 {
        text-align: center; }
        .section-support .box-img .img-2 img {
          width: 235px; }
          @media screen and (max-width: 1024px) {
            .section-support .box-img .img-2 img {
              width: 23.5vw; } }
    .section-support .box-txt {
      padding: 15px 0; }
      @media screen and (max-width: 1024px) {
        .section-support .box-txt {
          padding: 1.5vw 0; } }
      .section-support .box-txt h3 {
        font-family: "Shippori Mincho", serif;
        font-size: 28px;
        font-weight: normal;
        line-height: 1.2;
        color: #cb123c;
        text-shadow: 0 0 1px #cb123c; }
        @media screen and (max-width: 1024px) {
          .section-support .box-txt h3 {
            font-size: 2.8vw; } }
        @media screen and (max-width: 640px) {
          .section-support .box-txt h3 {
            font-size: 4.375vw;
            text-shadow: 0 0 0.5px #cb123c; } }
      .section-support .box-txt .txt-1 {
        margin: 10px 0 0 30px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.2; }
        @media screen and (max-width: 1024px) {
          .section-support .box-txt .txt-1 {
            margin: 1vw 0 0 3vw;
            font-size: max(1.8vw, 15px); } }
        @media screen and (max-width: 640px) {
          .section-support .box-txt .txt-1 {
            margin: 1.562vw 0 0 2vw;
            font-size: max(2.812vw, 13px); } }
      .section-support .box-txt .txt-2 {
        margin-top: 25px;
        font-size: 14px;
        line-height: 1.4; }
        @media screen and (max-width: 1024px) {
          .section-support .box-txt .txt-2 {
            margin-top: 2.5vw;
            font-size: max(1.4vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-support .box-txt .txt-2 {
            margin-top: 3.906vw;
            font-size: max(2.187vw, 12px); } }
.section-detail {
  padding: 60px 0 20px; }
  @media screen and (max-width: 1024px) {
    .section-detail {
      padding: 6vw 0 2vw; } }
  @media screen and (max-width: 640px) {
    .section-detail {
      padding: 9.375vw 0 3.125vw; } }
  .section-detail .detail-1 .title {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 720px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-1 .title {
        max-width: 72vw; } }
    .section-detail .detail-1 .title .txt {
      position: absolute;
      top: 0;
      left: 130px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-1 .title .txt {
          left: 13vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-1 .title .txt {
          left: 8vw; } }
      .section-detail .detail-1 .title .txt img {
        width: 85.2px; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-1 .title .txt img {
            width: 8.52vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-1 .title .txt img {
            width: 11vw; } }
    .section-detail .detail-1 .title h2 {
      padding-left: 248px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-1 .title h2 {
          padding-left: 24.8vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-1 .title h2 {
          padding-left: 38.75; } }
      .section-detail .detail-1 .title h2 img {
        width: 360px; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-1 .title h2 img {
            width: 36vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-1 .title h2 img {
            width: 56.25vw; } }
    .section-detail .detail-1 .title .img {
      margin-top: 90px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-1 .title .img {
          margin-top: 9vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-1 .title .img {
          margin-top: 14.062vw; } }
  .section-detail .detail-1 .txt-1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-1 .txt-1 {
        margin-top: 1vw;
        font-size: max(1.4vw, 14px); } }
    @media screen and (max-width: 640px) {
      .section-detail .detail-1 .txt-1 {
        margin-top: 1.562vw;
        font-size: max(2.187vw, 12px); } }
  .section-detail .detail-1 .box {
    display: grid;
    grid-template-rows: repeat(auto-fill, auto);
    gap: 15px;
    width: 100%;
    max-width: 500px;
    margin: 20px auto 0; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-1 .box {
        gap: 1.5vw;
        max-width: 50vw;
        margin-top: 2vw; } }
    @media screen and (max-width: 640px) {
      .section-detail .detail-1 .box {
        gap: 2.343vw;
        max-width: 78.125vw;
        margin-top: 3.125vw; } }
    .section-detail .detail-1 .box ul {
      display: grid;
      grid-template-columns: repeat(3, auto);
      justify-content: center;
      align-items: center;
      gap: 12px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-1 .box ul {
          gap: 1.2vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-1 .box ul {
          gap: 1.875vw; } }
    .section-detail .detail-1 .box li span {
      display: inline-block;
      border: 1px solid #b92152;
      padding: 8px 20px;
      font-family: "Shippori Mincho", serif;
      font-size: 20px;
      line-height: 1.2;
      color: #b92152;
      text-shadow: 0 0 1px #b92152; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-1 .box li span {
          padding: 0.8vw 2vw;
          font-size: 2vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-1 .box li span {
          padding: 1.25vw 3.125vw;
          font-size: 3.125vw;
          text-shadow: 0 0 0.5px #b92152; } }
  .section-detail .detail-1 .txt-2 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-1 .txt-2 {
        margin-top: 2vw;
        font-size: max(1.4vw, 14px); } }
    @media screen and (max-width: 640px) {
      .section-detail .detail-1 .txt-2 {
        margin-top: 3.125vw;
        font-size: max(2.187vw, 12px); } }
  .section-detail .detail-2 {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    padding: 60px 0; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-2 {
        max-width: 68vw;
        padding: 6vw 0; } }
    @media screen and (max-width: 768px) {
      .section-detail .detail-2 {
        max-width: 100%; } }
    @media screen and (max-width: 640px) {
      .section-detail .detail-2 {
        max-width: 100%;
        padding: 9.375vw 0; } }
    .section-detail .detail-2 h3 {
      text-align: center; }
      .section-detail .detail-2 h3 img {
        width: 380px; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 h3 img {
            width: 38vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 h3 img {
            width: 59.375vw; } }
    .section-detail .detail-2 .box-1 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 80px;
      margin-top: 20px;
      padding: 0 20px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-2 .box-1 {
          gap: 8vw;
          margin-top: 2vw;
          padding: 0 2vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-2 .box-1 {
          grid-template-columns: 1fr;
          gap: 6vw;
          margin-top: 3.125vw;
          padding: 0 3.125vw; } }
      .section-detail .detail-2 .box-1 .col h4 {
        border-bottom: 2px dashed #886138;
        margin: 0 10px;
        font-size: 15px;
        color: #886138;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .box-1 .col h4 {
            margin: 0 1vw;
            font-size: 1.5vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .box-1 .col h4 {
            margin: 0 1.562vw;
            font-size: max(2.343vw, 14px); } }
      .section-detail .detail-2 .box-1 .col .txt {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.4; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .box-1 .col .txt {
            margin-top: 1vw;
            font-size: max(1.4vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .box-1 .col .txt {
            margin-top: 1.562vw;
            font-size: max(2.187vw, 12px); } }
      .section-detail .detail-2 .box-1 .col .img {
        margin-top: 10px;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .box-1 .col .img {
            margin-top: 1vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .box-1 .col .img {
            margin-top: 1.562vw; } }
    .section-detail .detail-2 .txt-1 {
      margin-top: 30px;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-2 .txt-1 {
          margin-top: 3vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-2 .txt-1 {
          margin-top: 4.687vw; } }
      .section-detail .detail-2 .txt-1 p {
        display: inline-block;
        border: 1px solid #231815;
        border-radius: 20px;
        font-size: 12px;
        line-height: 1;
        padding: 3px 80px; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .txt-1 p {
            border-radius: 2vw;
            font-size: max(1.2vw, 12px);
            padding: 0.3vw 8vw; } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .txt-1 p {
            border-radius: 3.125vw;
            font-size: max(1.875vw, 10px);
            padding: 0.6vw 4vw; } }
    .section-detail .detail-2 .box-2 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 6px;
      width: 100%;
      max-width: 600px;
      margin: 15px auto 0; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-2 .box-2 {
          gap: 0.6vw;
          max-width: 60vw;
          margin-top: 1.5vw; } }
      @media screen and (max-width: 768px) {
        .section-detail .detail-2 .box-2 {
          max-width: 100%; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-2 .box-2 {
          gap: 0.937vw;
          max-width: 100%;
          margin-top: 2.343vw; } }
      .section-detail .detail-2 .box-2 .txt-2 {
        font-size: 12px;
        color: #726356;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .box-2 .txt-2 {
            font-size: max(1.2vw, 12px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .box-2 .txt-2 {
            font-size: max(1.875vw, 12px); } }
        .section-detail .detail-2 .box-2 .txt-2 span {
          margin: 0 10px; }
          @media screen and (max-width: 1024px) {
            .section-detail .detail-2 .box-2 .txt-2 span {
              margin: 0 1vw; } }
          @media screen and (max-width: 640px) {
            .section-detail .detail-2 .box-2 .txt-2 span {
              margin: 0 1.562vw; } }
      .section-detail .detail-2 .box-2 .img {
        line-height: 1; }
        .section-detail .detail-2 .box-2 .img img {
          width: 100%; }
      .section-detail .detail-2 .box-2 .txt-3 {
        background-color: #726356;
        border-radius: 16px;
        margin-top: 5px;
        padding: 3px;
        font-size: 13px;
        line-height: 1.2;
        color: #fff;
        text-align: center; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-2 .box-2 .txt-3 {
            border-radius: 1.6vw;
            margin-top: 0.5vw;
            padding: 0.3vw;
            font-size: max(1.3vw, 12px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-2 .box-2 .txt-3 {
            border-radius: 4vw;
            margin-top: 0.781vw;
            padding: 0.468vw 2vw;
            font-size: max(2.031vw, 12px); } }
    .section-detail .detail-2 .txt-4 {
      margin-top: 20px;
      font-size: 13px;
      line-height: 1.4;
      text-align: center; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-2 .txt-4 {
          margin-top: 2vw;
          font-size: max(1.3vw, 11px); } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-2 .txt-4 {
          margin-top: 3.125vw;
          font-size: max(2.031vw, 10px); } }
  .section-detail .detail-3 {
    border-top: 1px dashed #231815;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px 10px 20px 60px; }
    @media screen and (max-width: 1024px) {
      .section-detail .detail-3 {
        max-width: 90vw;
        padding: 3vw 1vw 2vw 6vw; } }
    @media screen and (max-width: 640px) {
      .section-detail .detail-3 {
        padding: 4.687vw 1.562vw 3.125vw; } }
    .section-detail .detail-3 .box-1 table {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse; }
    .section-detail .detail-3 .box-1 th,
    .section-detail .detail-3 .box-1 td {
      padding: 7px 0;
      font-size: 14px;
      font-weight: normal;
      text-align: left;
      vertical-align: top;
      line-height: 1.4; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-3 .box-1 th,
        .section-detail .detail-3 .box-1 td {
          padding: 0.7vw 0;
          font-size: max(1.4vw, 14px); } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-3 .box-1 th,
        .section-detail .detail-3 .box-1 td {
          padding: 1.093vw 0;
          font-size: max(2.187vw, 12px); } }
    .section-detail .detail-3 .box-1 th {
      width: 140px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-3 .box-1 th {
          width: 14vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-3 .box-1 th {
          width: 80px; } }
    .section-detail .detail-3 .box-1 .address {
      display: flex;
      gap: 10px; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-3 .box-1 .address {
          gap: 1vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-3 .box-1 .address {
          display: block; } }
      .section-detail .detail-3 .box-1 .address .zip {
        flex-shrink: 0; }
    .section-detail .detail-3 .box-2 {
      width: 100%;
      max-width: 640px;
      margin: 30px auto 0; }
      @media screen and (max-width: 1024px) {
        .section-detail .detail-3 .box-2 {
          max-width: 64vw;
          margin-top: 3vw; } }
      @media screen and (max-width: 640px) {
        .section-detail .detail-3 .box-2 {
          max-width: 100%;
          margin-top: 4.687vw; } }
      .section-detail .detail-3 .box-2 h3 {
        font-size: 14px;
        font-weight: normal; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-3 .box-2 h3 {
            font-size: max(1.4vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-3 .box-2 h3 {
            font-size: max(2.187vw, 12px); } }
      .section-detail .detail-3 .box-2 .txt-1 {
        font-size: 14px;
        line-height: 1.4; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-3 .box-2 .txt-1 {
            font-size: max(1.4vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-3 .box-2 .txt-1 {
            font-size: max(2.187vw, 12px); } }
      .section-detail .detail-3 .box-2 li {
        position: relative;
        margin: 0.2em 0;
        padding-left: 1.2em;
        font-size: 14px;
        line-height: 1.2; }
        @media screen and (max-width: 1024px) {
          .section-detail .detail-3 .box-2 li {
            font-size: max(1.4vw, 14px); } }
        @media screen and (max-width: 640px) {
          .section-detail .detail-3 .box-2 li {
            font-size: max(2.187vw, 12px); } }
        .section-detail .detail-3 .box-2 li::before {
          content: "□";
          position: absolute;
          top: 0;
          left: 0; }