@charset "UTF-8";
.content_area {
  position: relative;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}
.content_area.nopadding_sp {
  padding: 0px;
}
@media (min-width: 768px) {
  .content_area.nopadding_sp {
    padding: 0 30px;
  }
}
@media (min-width: 992px) {
  .content_area.nopadding_sp {
    padding: 0 60px;
  }
}
@media (min-width: 768px) {
  .content_area {
    padding: 0 30px;
    max-width: 1320px;
  }
  .content_area.main {
    max-width: 680px;
  }
}
@media (min-width: 992px) {
  .content_area {
    padding: 0 60px;
  }
  .content_area.main {
    max-width: 740px;
  }
}

#header {
  height: 50px;
  background: rgba(255, 255, 255, 0.98);
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#header .header_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .logo {
  margin-left: 10px;
  z-index: 10;
}
#header .logo img {
  height: 30px;
  width: auto;
}
.pankuzu {
  padding: 70px 0 1em;
}
.pankuzu ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.pankuzu ul li {
  font-size: clamp(0.75rem, 0.705rem + 0.19vw, 0.875rem);
}
.pankuzu ul li::after {
  content: ">";
  padding: 0 0.5em;
}
.pankuzu ul li:last-child::after {
  content: "";
  padding: 0;
}

.column_detail_image img {
  width: 100%;
}

#footer {
  width: 100%;
}
#footer .logo {
  padding: 30px 0;
  text-align: center;
}
#footer .logo img {
  height: auto;
  width: 200px;
  margin: 40px auto 0;
}

.copyright {
  padding: 3% 0 3%;
  text-align: center;
  background-color: #fff;
}
@media (min-width: 768px) {
  .copyright {
    padding: 15px 0 15px;
  }
}

.bg_wave {
  display: block;
  /* --- SP用の設定 --- */
  --img-h: 200px; /* 画像1枚の高さ */
  --gap: 600px; /* 画像間の隙間 */
  --step: calc(var(--img-h) + var(--gap)); /* 1枚+隙間の合計 */
  --loop-total: calc(var(--step) * 3); /* 3枚1セットの高さ */
  /* 2枚目と3枚目の開始位置 */
  --pos-2: var(--step);
  --pos-3: calc(var(--step) * 2);
  background-image: url(/images/common/bg_shape_sp_1.svg), url(/images/common/bg_shape_sp_2.svg), url(/images/common/bg_shape_sp_3.svg);
  /* 共通の背景設定 */
  background-repeat: repeat-y;
  background-position: center 0, center var(--pos-2), center var(--pos-3);
  background-size: 100% var(--loop-total), 100% var(--loop-total), 100% var(--loop-total);
}
@media (min-width: 768px) {
  .bg_wave {
    --img-h: 200px; /* 画像1枚の高さ */
    --gap: 1000px; /* 画像間の隙間 */
    background-image: url(/images/common/bg_shape_pc_1.svg), url(/images/common/bg_shape_pc_2.svg), url(/images/common/bg_shape_pc_3.svg);
    background-size: 100% var(--loop-total), 100% var(--loop-total), 100% var(--loop-total);
  }
}

.bg-white {
  background-color: transparent !important;
}/*# sourceMappingURL=column_detail.css.map */