@charset "utf-8";

html,
body,
div,
section,
p,
picture,
img {
  margin: 0;
  padding: 0;
}

body {
  background-color: #b9e6f6;
}

.container {
  max-width: 562px;
  margin: 0 auto;
  padding-bottom: min(130px, 24vw);
  background-color: #fff;
}

.image-wrapper,
#footer-buttons {
  position: relative;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.tel-link {
  display: block;
  position: absolute;
  bottom: 9%;
  left: 18.41637%;
  width: min(355px, 63.16726vw);
}

.mobox-more-link {
  display: block;
  position: absolute;
  top: 66.8%;
  right: 9.5%;
  width: min(244px, 43.41637vw);
}

.b-select-more-link {
  display: block;
  position: absolute;
  top: 77.7%;
  right: 6.1%;
  width: min(245px, 43.594306vw);
}

#footer-buttons {
  width: min(100%, 562px);
  height: min(100px, 17.7935vw);
  position: fixed;
  inset: auto 0 0;
  margin: 0 auto;
  background-color: #fff;
}

.footer-button-link {
  display: block;
  position: absolute;
  top: 15%;
  width: min(227px, 40.391459vw);
}

.footer-tel-link {
  left: 5.8%;
}

.footer-hp-link {
  right: 5.8%;
}