@charset "UTF-8";
/* ===================================================================
	ブランドサイト側のCSSを上書き
=================================================================== */
main {
  color: #1a1a1a;
  font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', 'ヒラギノ角ゴ', Arial, sans-serif !important;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-size: 16px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  main {
    font-size: 1rem;
  }
}

main *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ---------------------------------------------
*   <a> tag
--------------------------------------------- */
main a,
main a:hover {
  color: inherit;
  outline: none;
  text-decoration: none;
}

/* ---------------------------------------------
*   <hr> tag as anchor target
--------------------------------------------- */
main hr[id^='anchor-'] {
  background: 0;
  border: 0;
  display: block;
  height: 0;
  margin: -84px 0 0 0;
  padding: 84px 0 0 0;
  pointer-events: none;
  width: auto;
}

@media screen and (max-width: 768px) {
  main hr[id^='anchor-'] {
    margin-top: -50px;
    padding-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  main hr[id='target'] {
    background: 0;
    border: 0;
    display: block;
    height: 0;
    margin-top: -60px;
    padding-top: 60px;
    pointer-events: none;
    width: auto;
  }
}

/* ---------------------------------------------
*   <button> tag
--------------------------------------------- */
main button {
  color: #1a1a1a;
}

/* ページタイトル部分位置合わせ */
.c-kv-7__content {
  top: clamp(0px, 0.2vw, 80px);
}

@media only screen and (max-width: 768px) {
  .c-kv-7__content {
    top: 42vw;
  }
}

/* パンくず 非表示 */
.c-kv-7__breadcrumb {
  display: none;
}

/* view more 非表示 */
.c-section-27__body-link {
  display: none;
}

/* KV背景画像位置合わせ */
.c-kv-7__img picture img {
  margin-top: -18.7vw;
}

@media only screen and (min-width: 768px) {
  .c-kv-7__img picture img {
    margin-top: -233px;
  }
}

/* PC時パララックス背景画像位置合わせ */
@media only screen and (min-width: 768px) {
  .c-parallax-1:before {
    top: 120px;
  }
  .scrolled .c-parallax-1:before {
    top: 68px;
  }
}

/* ブランドバナー表示切り替え */
.brand-banner {
  display: block;
  /* padding-top: 100px;
	background-color: #fff; */
}

/* .brand-banner>div {
	max-width: 867px;
	width: 89.3%;
	height: auto;
	aspect-ratio: 2.752 / 1;
	margin: auto;
}

.brand-banner>div a {
	display: block;
}

@media screen and (max-width: 768px) {
	.brand-banner {
		padding-top: 14vw;
	}
} */