@charset "UTF-8";
.about {
  color: #5e5248;
}
.about .red {
  color: #ff6600;
}
.about .blue {
  color: #17a5bc;
}
.about .green {
  color: #5cc7b7;
}
.about .green02 {
  color: #22ab96;
}
.about .bg-green {
  background: #dcf7ec;
  padding: 3px;
}
.about .bg-white {
  background: #fff;
  padding: 3px;
}
.about .bold {
  font-weight: 700;
}
.about .about07 {
  text-align: left;
  color: #865B2C;
}
.about .about07 h2 {
  font-size: clamp(1.125rem, 0.925rem + 0.85vw, 1.438rem);
  margin: 5% 2% 1% 2% !important;
  padding-left: 2%;
  padding-right: 2%;
  background-color: rgb(240, 252, 253);
  border-top-width: medium;
  border-top-style: solid;
  padding-top: 1%;
  padding-bottom: 1%;
}
.about .about07 p {
  padding: 10px 3%;
  line-height: 1.7rem;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .about {
    position: relative;
  }
  .about h1 {
    position: absolute;
    top: clamp(11.188rem, -6.609rem + 29.63vw, 12.188rem);
    left: clamp(2.75rem, -3.924rem + 11.11vw, 3.125rem);
    font-size: clamp(4.5rem, -2.174rem + 11.11vw, 4.875rem);
  }
  .about .about02 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about02.png) no-repeat;
    background-size: contain;
    height: clamp(54.438rem, -26.758rem + 135.19vw, 59rem);
  }
  .about .about02 h2 {
    font-size: clamp(1.813rem, -1.524rem + 5.56vw, 2rem);
    padding-top: 6%;
    padding-left: 12%;
  }
  .about .about02 p {
    font-size: 20px;
    padding-top: 3%;
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(2.4rem, -2.939rem + 8.89vw, 2.7rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: 7px;
  }
  .about .about02 p .konosensei {
    font-size: 25px;
  }
  .about .about03 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about03.png) no-repeat;
    background-size: contain;
    height: clamp(34.938rem, -16.227rem + 85.19vw, 37.813rem);
  }
  .about .about03 h2 {
    font-size: clamp(1.813rem, -1.524rem + 5.56vw, 2rem);
    padding-top: 5.5%;
    padding-left: 12%;
  }
  .about .about03 p {
    font-size: 20px;
    padding-top: 3%;
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(2.4rem, -2.939rem + 8.89vw, 2.7rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: 7px;
  }
  .about .about04 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about04.png) no-repeat;
    background-size: contain;
    height: clamp(54rem, -27.196rem + 135.19vw, 58.563rem);
  }
  .about .about04 h2 {
    font-size: clamp(1.813rem, -1.524rem + 5.56vw, 2rem);
    padding-top: 6%;
    padding-left: 12%;
  }
  .about .about04 p {
    font-size: 20px;
    padding-top: 3%;
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(2.4rem, -2.939rem + 8.89vw, 2.7rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: 7px;
  }
  .about .about05 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about05?20250418.png) no-repeat;
    background-size: contain;
    height: clamp(59.188rem, -28.682rem + 146.3vw, 64.125rem);
  }
  .about .about05 .konotabi {
    font-size: clamp(0.813rem, -1.412rem + 3.7vw, 0.938rem);
    padding-top: 17%;
    padding-left: 49%;
    padding-right: 0%;
    line-height: 1.8rem;
    letter-spacing: 0px;
  }
  .about .about05 .hajime {
    font-size: clamp(1rem, -1.225rem + 3.7vw, 1.125rem);
    padding-top: 7%;
    padding-left: 14%;
    padding-right: 6%;
    line-height: clamp(2.3rem, -1.259rem + 5.93vw, 2.5rem);
    letter-spacing: 0;
  }
  .about .about06 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about06.png) no-repeat;
    background-size: contain;
    height: clamp(41.25rem, -19.925rem + 101.85vw, 44.688rem);
  }
  .about .about06 .watashini {
    font-size: clamp(1rem, -1.225rem + 3.7vw, 1.125rem);
    padding-top: 10%;
    padding-left: 10%;
    padding-right: 17%;
    line-height: clamp(2.3rem, -1.259rem + 5.93vw, 2.5rem);
    letter-spacing: 0;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .about {
    position: relative;
  }
  .about h1 {
    position: absolute;
    top: clamp(5.688rem, -1.524rem + 30.77vw, 16.938rem);
    left: clamp(1.313rem, -0.691rem + 8.55vw, 4.438rem);
    font-size: clamp(2.625rem, 0.101rem + 10.77vw, 6.563rem);
  }
  .about .about02 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about02.png) no-repeat;
    background-size: contain;
    height: clamp(31.625rem, 0.816rem + 131.45vw, 79.688rem);
  }
  .about .about02 h2 {
    font-size: clamp(1.063rem, 0.061rem + 4.27vw, 2.625rem);
    padding-top: clamp(1.125rem, -0.758rem + 8.03vw, 4.063rem);
    padding-left: 12%;
  }
  .about .about02 p {
    font-size: clamp(0.688rem, 0.046rem + 2.74vw, 1.688rem);
    padding-top: clamp(0rem, -1.402rem + 5.98vw, 2.188rem);
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(1.4rem, -0.01rem + 6.02vw, 3.6rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: clamp(0.25rem, 0.13rem + 0.51vw, 0.438rem);
  }
  .about .about02 p .konosensei {
    font-size: clamp(0.813rem, 0.011rem + 3.42vw, 2.063rem);
    font-weight: 700;
  }
  .about .about03 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about03.png) no-repeat;
    background-size: contain;
    height: clamp(20.25rem, 0.498rem + 84.27vw, 51.063rem);
  }
  .about .about03 h2 {
    font-size: clamp(1.063rem, 0.061rem + 4.27vw, 2.625rem);
    padding-top: clamp(0.875rem, -0.848rem + 7.35vw, 3.563rem);
    padding-left: 12%;
  }
  .about .about03 p {
    font-size: clamp(0.688rem, 0.046rem + 2.74vw, 1.688rem);
    padding-top: clamp(0rem, -1.402rem + 5.98vw, 2.188rem);
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(1.4rem, -0.01rem + 6.02vw, 3.6rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: clamp(0.25rem, 0.13rem + 0.51vw, 0.438rem);
  }
  .about .about04 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about04.png) no-repeat;
    background-size: contain;
    height: clamp(31.375rem, 0.846rem + 130.26vw, 79rem);
  }
  .about .about04 h2 {
    font-size: clamp(1.063rem, 0.061rem + 4.27vw, 2.625rem);
    padding-top: clamp(1rem, -0.803rem + 7.69vw, 3.813rem);
    padding-left: 12%;
  }
  .about .about04 p {
    font-size: clamp(0.688rem, 0.046rem + 2.74vw, 1.688rem);
    padding-top: clamp(0rem, -1.402rem + 5.98vw, 2.188rem);
    padding-left: 6%;
    padding-right: 6%;
    line-height: clamp(1.4rem, -0.01rem + 6.02vw, 3.6rem);
    letter-spacing: 1px;
    text-decoration: underline;
    text-decoration-color: #a8e6e0;
    text-underline-offset: clamp(0.25rem, 0.13rem + 0.51vw, 0.438rem);
  }
  .about .about05 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about05?20250418.png) no-repeat;
    background-size: contain;
    height: clamp(34.375rem, 0.921rem + 142.74vw, 86.563rem);
  }
  .about .about05 .konotabi {
    font-size: clamp(0.5rem, 0.019rem + 2.05vw, 1.25rem);
    padding-top: 17%;
    padding-left: 49%;
    padding-right: 0%;
    line-height: clamp(1rem, 0.038rem + 4.1vw, 2.5rem);
    letter-spacing: 0px;
  }
  .about .about05 .hajime {
    font-size: clamp(0.625rem, 0.024rem + 2.56vw, 1.563rem);
    padding-top: clamp(0.375rem, -2.149rem + 10.77vw, 4.313rem);
    padding-left: 13%;
    padding-right: 6%;
    line-height: clamp(1.4rem, 0.054rem + 5.74vw, 3.5rem);
    letter-spacing: 0px;
  }
  .about .about06 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/about/about06.png) no-repeat;
    background-size: contain;
    height: clamp(23.938rem, 0.58rem + 99.66vw, 60.375rem);
  }
  .about .about06 .watashini {
    font-size: clamp(0.625rem, 0.024rem + 2.56vw, 1.563rem);
    padding-top: clamp(2.188rem, 0.184rem + 8.55vw, 5.313rem);
    padding-left: 10%;
    padding-right: 17%;
    line-height: clamp(1.4rem, 0.054rem + 5.74vw, 3.5rem);
    letter-spacing: 0px;
  }
}/*# sourceMappingURL=about.css.map */