@charset "UTF-8";
/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .request .title {
    color: #5e5248;
    position: relative;
  }
  .request .title p {
    position: absolute;
    top: clamp(5.375rem, -4.635rem + 16.67vw, 5.938rem);
    left: clamp(2.25rem, -2.199rem + 7.41vw, 2.5rem);
    font-size: 20px;
  }
  .request .title p .mazuha {
    color: #ff9600;
    font-size: 27px;
  }
  .request .title h1 {
    position: absolute;
    top: clamp(10.063rem, -4.397rem + 24.07vw, 10.875rem);
    left: 33px;
    font-size: clamp(5.625rem, -5.498rem + 18.52vw, 6.25rem);
  }
  .request .otodoke {
    color: #5e5248;
    position: relative;
  }
  .request .otodoke p {
    position: absolute;
    top: clamp(1.125rem, -2.212rem + 5.56vw, 1.313rem);
    left: clamp(5.813rem, -1.973rem + 12.96vw, 6.25rem);
    font-size: clamp(1.125rem, -0.766rem + 3.15vw, 1.231rem);
  }
  .request .otodoke h2 {
    position: absolute;
    top: clamp(3.625rem, -4.161rem + 12.96vw, 4.063rem);
    left: clamp(4rem, -6.01rem + 16.67vw, 4.563rem);
    font-size: clamp(1.938rem, -0.287rem + 3.7vw, 2.063rem);
    color: red;
  }
  .request .otodoke h2 span {
    color: #ff9600;
    font-size: 44px;
  }
  .request .shiryo_bg {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/request/shiryo_bg.png) no-repeat;
    background-size: contain;
    height: clamp(2.625rem, -0.712rem + 5.56vw, 2.813rem);
    position: relative;
  }
  .request .shiryo_bg h3 {
    position: absolute;
    top: 0;
    left: 11%;
    font-size: clamp(1.625rem, 0.513rem + 1.85vw, 1.688rem);
    color: #53483f;
  }
  .request .shiryo-p {
    padding: 4% 7%;
    line-height: 1.7rem;
    font-size: 18px;
    color: #5e5248;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .request .title {
    color: #5e5248;
    position: relative;
  }
  .request .title p {
    position: absolute;
    top: clamp(2.438rem, -1.409rem + 16.41vw, 8.438rem);
    left: clamp(1.063rem, -0.66rem + 7.35vw, 3.75rem);
    font-size: clamp(0.688rem, 0.046rem + 2.74vw, 1.688rem);
  }
  .request .title p .mazuha {
    color: #ff9600;
    font-size: clamp(0.906rem, 0.005rem + 3.85vw, 2.313rem);
  }
  .request .title h1 {
    position: absolute;
    top: clamp(5.125rem, -1.245rem + 27.18vw, 15.063rem);
    left: clamp(0.875rem, -0.207rem + 4.62vw, 2.563rem);
    font-size: clamp(3.375rem, -0.071rem + 14.7vw, 8.75rem);
  }
  .request .otodoke {
    color: #5e5248;
    position: relative;
  }
  .request .otodoke p {
    position: absolute;
    top: clamp(0rem, -1.442rem + 6.15vw, 2.25rem);
    left: clamp(3.125rem, -0.481rem + 15.38vw, 8.75rem);
    font-size: clamp(0.656rem, 0.015rem + 2.74vw, 1.656rem);
  }
  .request .otodoke h2 {
    position: absolute;
    top: clamp(1.5rem, -1.385rem + 12.31vw, 6rem);
    left: clamp(2.063rem, -0.622rem + 11.45vw, 6.25rem);
    font-size: clamp(1.063rem, -0.059rem + 4.79vw, 2.813rem);
    color: red;
  }
  .request .otodoke h2 span {
    color: #ff9600;
    font-size: clamp(1.5rem, 0.058rem + 6.15vw, 3.75rem);
  }
  .request .shiryo_bg {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/request/shiryo_bg.png) no-repeat;
    background-size: contain;
    height: clamp(1.563rem, 0.08rem + 6.32vw, 3.875rem);
    position: relative;
  }
  .request .shiryo_bg h3 {
    position: absolute;
    top: clamp(-0.688rem, -1.489rem + 3.42vw, 0.563rem);
    left: clamp(2.313rem, -0.532rem + 12.14vw, 6.75rem);
    font-size: clamp(0.938rem, 0.056rem + 3.76vw, 2.313rem);
    color: #53483f;
  }
  .request .shiryo-p {
    padding: 4% 7%;
    line-height: clamp(1rem, 0.551rem + 1.91vw, 1.7rem);
    font-size: clamp(0.688rem, 0.327rem + 1.54vw, 1.25rem);
    color: #5e5248;
  }
}/*# sourceMappingURL=request.css.map */