@charset "UTF-8";
/*--------------------
ブレイクポイント
--------------------*/
/*--------------------
メディアクエリ
--------------------*/
/*--------------------
矢印アイコン
--------------------*/
/*--------------------------------------
kaitori
----------------------------------------*/
.c_hero_img {
  width: 100%;
}

/*--------------------------------------
area
----------------------------------------*/
.c_hero_area {
  background-color: var(--main_color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 400px;
  padding-block: 80px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .c_hero_area {
    min-height: 180px;
    padding-block: 30px;
  }
}
.c_hero_area_ttl {
  color: rgb(255, 255, 255);
  font-family: var(--font_jp_serif);
  font-size: 5.2rem;
  font-weight: var(--font_weight_semibold);
  line-height: var(--line_height_headline);
  padding-right: calc(50% + 40px);
}
@media screen and (max-width: 768px) {
  .c_hero_area_ttl {
    font-size: 1.8rem;
    padding-right: calc(50% + 20px);
  }
}
.c_hero_area_bg {
  height: 100%;
  right: 0;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 50%;
  z-index: -1;
}