html {
  font-size: 62.5%;
}

body {
  font-family: "Kosugi Maru", "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

header {
  display: flex;
  justify-content: space-between;
  max-width: min(100vw, 750px);
  margin: 0 auto;
}
header h1 {
  width: min(30vw, 225px);
}
header h2 {
  width: min(41.0666666667vw, 308px);
}

.container {
  max-width: min(100vw, 750px);
  margin: 0 auto;
}
.container .btn_box p:last-child {
  padding: min(2.6666666667vw, 20px) 0 min(11.0666666667vw, 82px);
}
.container .btn_box img {
  margin: 0 auto;
  width: min(92vw, 690px);
}
.container .btn_box.box01 {
  background: #fffde6;
}
.container .btn_box.box01 p:last-child {
  padding: min(2.5333333333vw, 19px) 0 min(12.2666666667vw, 92px);
}
.container .btn_box.box02 {
  background: #fff1eb;
}
.container .btn_box.box02 p:last-child {
  padding: min(2.5333333333vw, 19px) 0 min(13.4666666667vw, 101px);
}
.container .btn_box.box03 {
  background: #fffde6;
}
.container .btn_box.box03 p:last-child {
  padding: min(2.5333333333vw, 19px) 0 min(10.6666666667vw, 80px);
}

.cancel_box {
  position: relative;
}
.cancel_box .link_01 {
  position: absolute;
  top: 47%;
  left: 7.5%;
  width: min(10.2666666667vw, 77px);
  height: min(5.0666666667vw, 38px);
  cursor: pointer;
}
.cancel_box .link_02 {
  position: absolute;
  top: 56%;
  left: 16.5%;
  width: min(10.2666666667vw, 77px);
  height: min(5.0666666667vw, 38px);
  cursor: pointer;
}

footer {
  max-width: min(100vw, 750px);
  margin: 0 auto;
}
footer .link_list {
  display: flex;
  justify-content: center;
  padding: min(4.1333333333vw, 31px) 0 min(4vw, 30px);
  background: #e8e0d8;
}
footer .copyright {
  padding: min(2.2666666667vw, 17px) 0 min(2.4vw, 18px);
  background: #451b13;
}
footer .copyright img {
  margin: 0 auto;
  width: min(60.6666666667vw, 455px);
}

#fixedBtn {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 2%;
  margin: auto;
}
#fixedBtn img {
  max-width: 100%;
  margin: auto;
  display: block;
}

/* QRコード対応 */
.image-container {
  position: relative;
  height: 150px;
}

.image-container img:first-child {
  position: absolute;
  top: 0;
  left: 25px;
}

#fixedBtn .image-container-float {
  position: relative;
  height: 120px;
}

#fixedBtn .image-container-float img:first-child {
  position: absolute;
}

.image-container img:last-child{
  position: absolute;
  top: 5px;
  right: 84px;
  width: 130px;
  border-radius: 10px;
}
#fixedBtn .image-container-float img:last-child{
  position: absolute;
  top: 5px;
  right: 75px;
  width: 100px;
  border-radius: 10px;
}

@media screen and (max-width: 750px) {
  .image-container {
    position: initial;
    height: initial;
  }

  .image-container img:first-child {
    position: initial;
  }

  #fixedBtn .image-container-float {
    position: initial;
    height: initial;
  }

  #fixedBtn .image-container-float img:first-child {
    position: initial;
  }
  .image-container img:last-child{
    display: none;
  }

  #fixedBtn .image-container-float img:last-child{
    display: none;
  }
}

@media screen and (min-width: 751px) {
  #fixedBtn {
    width: 690px;
  }
}