@charset "UTF-8";
/* 色設定 */
/* ============================================ */
/* 共通 */
/* ============================================ */
.viewport-s {
  max-width: 780px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  box-sizing: border-box;
}

.viewport-m {
  max-width: 1080px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  box-sizing: border-box;
}

.viewport-l {
  width: 100%;
}

.flex-container {
  display: flex;
}

.is-bold {
  font-weight: 700;
}

.is-underlined {
  text-decoration: underline;
}

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

.inline-link {
  text-decoration: underline;
  color: blue;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

body {
  background: #FFF2D7;
}

.insta-btn {
  display: flex;
  border: 3px solid #C9B181;
  padding: 12px;
  width: 260px;
  color: #C9B181;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0 auto 50px;
  border-radius: 8px;
}

/* セクション */
/* ============================================ */
/* SP */
/* ============================================ */
@media screen and (max-width: 1080px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}