@charset "UTF-8";

/*---TOP_Service,Feature レイアウト調整---*/
a[id^=cp] + section .inner_item_img {
  aspect-ratio: 6/7;
}
a[id^=cp] + section .inner_item_img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
a[id^=cp] + section .heading.block_header_2 .h {
  position: relative;
  padding: 0 55px;
}
a[id^=cp] + section .heading.block_header_2 .h::before, a[id^=cp] + section .heading.block_header_2 .h::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px) !important;
  display: inline-block;
  width: 40px;
  height: initial;
  border: initial;
  border-top: 3px double var(--i_main_color);
}
a[id^=cp] + section .heading.block_header_2 .h::before {
  left: 0;
}
a[id^=cp] + section .heading.block_header_2 .h::after {
  right: 0;
}

@media screen and (min-width: 1400px) {
  #cp + section .inner_item_txt,
#cp4 + section .inner_item_txt {
    padding-right: 80px;
    margin-right: 5%;
  }
  #cp2 + section .inner_item_txt,
#cp3 + section .inner_item_txt {
    padding-left: 80px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 900px) {
  a[id^=cp] + section .inner_item_img {
    aspect-ratio: 3/2;
  }
  a[id^=cp] + section .heading.block_header_2 .h {
    padding: 0 35px;
  }
  a[id^=cp] + section .heading.block_header_2 .h::before, a[id^=cp] + section .heading.block_header_2 .h::after {
    width: 28px;
  }
}

/*---TOP_Column レイアウト調整---*/
#top_column + div > .content_wrapper {
  padding-top: 60px;
}

@media screen and (max-width: 900px) {
  #top_column + div > .content_wrapper {
    padding-top: 40px;
  }
  #top_column .heading.block_header_1,
#top_column .heading.block_header_6 {
    margin-bottom: 30px;
  }
}

/*---TOP_Youtube レイアウト調整---*/
.top_youtube {
  display: flex;
  gap: 2em;
}
.top_youtube li {
  list-style: none !important;
  flex: 1;
}
@media screen and (max-width: 900px) {
  .top_youtube {
    display: flex;
    flex-direction: column;
  }
  .top_youtube li {
    width: 100%;
  }
}

/*---TOP_安心保証,Youtube レイアウト調整---*/
@media screen and (max-width: 900px) {
  #top_peace + section .heading.block_header_1 p,
#top_peace + section .index .heading.block_header_6 .h,
#top_youtube + section .heading.block_header_1 p,
#top_youtube + section .index .heading.block_header_6 .h {
    font-size: 3.5rem !important;
  }
}
@media screen and (max-width: 400px) {
  #top_peace + section .heading.block_header_1 p,
#top_peace + section .index .heading.block_header_6 .h,
#top_youtube + section .heading.block_header_1 p,
#top_youtube + section .index .heading.block_header_6 .h {
    font-size: 2.4rem !important;
  }
}

/*MV調整*/
#mv:before {
   content: none;
}