@charset "utf-8";

/* -----------------------------------------------------------------
 setting・上書き
----------------------------------------------------------------- */
.cmn_breadcrumb::before {
  background: var(--color_accent_Yellow);
}
.cmn_entry_wrap {
  padding-bottom: var(--margin_size_100);
}
.cmn_sec_entry {
  margin-top: var(--margin_size_100);
}
.site_footer {
  margin-top: 0;
}

/* -----------------------------------------------------------------
 背景ラインアニメーション
----------------------------------------------------------------- */
/*--------------- deco_item01 ---------------*/
#wrap_deco_item01 {
  position: absolute;
  overflow: hidden;
  width: 100vw !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#box_deco_item01 {
  position: absolute;
  left: 55vw;
}
#deco_item01 {
  width: 710px;
}
@media screen and (max-width: 767px) {
  #box_deco_item01 {
    width: 298px;
  }
  #deco_item01 {
    width: 298px;
  }
}
@media print, screen and (min-width: 768px) {
  #box_deco_item01 {
    left: auto;
    right: min(calc((100vw - 1920px) * 0.2), 0px);
    width: 710px;
  }
  #deco_item01 {
    width: 710px;
  }
}

/*--------------- deco_item08 ---------------*/
#box_deco_item08 {
  width: max(1920px,100vw);
  aspect-ratio: 1920 / 430;
  position: absolute;
  top: 10rem;
  left: 50%;
  transform: translateX(-50%);
}
#deco_item08 {
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #box_deco_item08 {
    width: max(800px,100vw);
  }
}
@media print, screen and (min-width: 768px) {
  #box_deco_item08 {
    width: 100vw;
  }
}


/*--------------- deco_item04 ---------------*/
#box_deco_item04 {
  width: max(1920px,100vw);
  aspect-ratio: 1920 / 430;
  position: absolute;
  top: calc(10rem + 100vw);
  left: 50%;
  transform: translateX(-50%);
}
#deco_item04 {
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #box_deco_item04 {
    top: calc(10rem + 200vh);
    width: max(800px,100vw);
  }
}
@media print, screen and (min-width: 768px) {
  #box_deco_item04 {
    width: 100vw;
  }
}

/*--------------- deco_item09 ---------------*/
#wrap_deco_item09 {
  position: absolute;
  overflow: hidden;
  top: clamp(-900px, calc(-900px + (900 * ((100vw - 768px) / (1688 - 768)))), 0px);  bottom: 0;
  left: 0;
  right: 0;
}

#box_deco_item09 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#deco_item09 {
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  #wrap_deco_item09 {
    top: -20rem;
  }
  #box_deco_item09 {
    width: max(800px,100vw);
  }
}
@media print, screen and (min-width: 768px) {

  #box_deco_item09 {
    width: 100vw;
  }
}


/* -----------------------------------------------------------------
 sec_post（base）
----------------------------------------------------------------- */
.sec_post {
  position: relative;
  margin-top: var(--margin_size_80);
  background: #fff;
  border-radius: var(--margin_size_60);
  z-index: 1;
}
.sec_post .sec_inner {
  width: min(1200px, 90%);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec_post {
    padding: var(--margin_size_80) 0;
  }
}
@media print, screen and (min-width: 768px) {
  .sec_post {
    padding: var(--margin_size_100) 0;
  }
}
@media (hover: hover) and (pointer: fine) {
}


/* -----------------------------------------------------------------
 sec_post（sec_cont）
----------------------------------------------------------------- */
.sec_post a {
  color: var(--color_txt_netz);
}
.sec_post a.hover_has_line::after {
  bottom: 1px;
}
.sec_post p {
  margin-top: 2rem;
  margin-bottom: 0;
  line-height: 2;
}
.sec_post ol {
  margin-top: 2rem;
}
.sec_post ol >li {
  line-height: 2;
}
.sec_post ol >li + li {
  margin-top: 1rem;
}

.sec_post ul >li {
  line-height: 2;
}