@charset "UTF-8";


/* lead_sec */
.lead_sec {
  @media screen and (max-width: 768px) {
  }
}

/* sec01 */
.sec01 {
  margin-bottom: 125px;

    .dlist {
        width: 820px;
        max-width: 100%;
        margin: 0 auto;
    }
    .row {
        display: flex;
        align-items: center;
        padding: 65px 0;
        border-bottom: 1px dotted rgba(255, 116, 139, 1);
    }
    .term {
        width: 130px;
        min-width: 130px;
        text-align: center;
        .term_icon {
          text-align: center;
        }
    }
    .desc {
        overflow: hidden;
        .desc_text {
          font-size: 18px;
          font-weight: 500;
          letter-spacing: .1em;
          .pink{
            color: rgba(255, 116, 139, 1);
            font-weight: bold;
            font-size: 20px;
          }
          .line{
            border-bottom: 2px solid rgba(255, 116, 139, 1);
            padding-bottom: 5px;
            font-size: 20px;
          }
        }
    }
    .row:nth-of-type(1) {
      padding: 0;
      border-bottom: initial;
    }

    .googlemap {
        width: 840px;
        max-width: 100%;
        height: 547px;

        iframe {
            width: 100%;
            height: 100%;
        }
    }

  @media screen and (max-width: 768px) {
    margin-bottom: 13.8vw;

    .row {
        display: block;
        align-items: center;
        padding: 5.5vw 0;
        border-bottom: 0.26vw dotted rgba(255, 116, 139, 1)
    }
    .term {
        width: 100%;
        min-width: auto;
        text-align: center;
        margin: 2vw 0 2.4vw;

        display: flex;
        justify-content: center;
        align-items: center;
        .term_icon {
          width:  15.46vw;
          /* height: 13.6vw; */
          text-align: center;
        }
    }
    .desc {
        padding: 0 5.5vw;
        .desc_text {
          font-size: 4.2vw;
          .pink{
            font-size: 4.5vw;
          }
          .line{
            font-size: 4.5vw;
            padding-bottom: 1vw;
          }
        }
    }

    .googlemap {
        width: 100%;
        max-width: 100%;
        height: 66.6vw;
        iframe {
            width: 100%;
            height: 100%;
        }
    }

  }
}

/* sec02 */

.sec02 {
  margin-bottom: 140px;

  .imagebox{
    text-align: center;
    margin: 0 auto 100px;
  }

  .flexbox{
    column-gap: 40px;
  }

  @media screen and (max-width: 768px) {
    margin-bottom: 13.8vw;
    .imagebox{
      margin: 0 auto 10vw;
    }

    .flexbox{
      column-gap: 3vw;
      row-gap: 5vw;
      flex-wrap: wrap;
      margin: 0 auto;
    }
    .item{
      width: 80%;
    }
    .reserve{
      width: 45%;
    }

  }
}