@charset "UTF-8";

/* 変数の定義 */
:root {
  --content-width: 750px;
  --min-content-width: 375px;
}
html {
  scroll-behavior: smooth;
  /* コンテンツ幅でのフォントサイズ */
  font-size: clamp(1px, 1.11vw, 16px);
}
body {
  max-width: var(--content-width);
  min-width: var(--min-content-width);
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0px 0px 8px rgba(33, 33, 33, 0.6);
}
img {
  display: block;
  width: 100%;
  height: auto;
}
.cta-content {
  position: relative;
}
.cta-content a img {
  width: 83.9%;
}

.cta-content a {
  transition: 0.3s;
}
.cta-content a:hover {
  opacity: 0.8;
}
.btn-cta-01 {
  position: absolute;
  bottom: clamp(1px, calc(11 / 393 * 100vw), 21px);
  left: 50%;
  transform: translateX(-50%);
}
.btn-cta-02 {
  position: absolute;
  bottom: clamp(1px, calc(44 / 393 * 100vw), 84px);
  left: 50%;
  transform: translateX(-50%);
}
.btn-cta-03 {
  position: absolute;
  bottom: clamp(1px, calc(44 / 393 * 100vw), 84px);
  left: 50%;
  transform: translateX(-50%);
}