@charset "UTF-8";

a#flow01 + div .heading.block_header_3 .h, a#flow02 + div .heading.block_header_3 .h, a#faq01 + div .heading.block_header_3 .h, a#faq02 + div .heading.block_header_3 .h {
    color: var(--i_txt_color) !important;
}
a#flow01 + div .inner_item .inner_item_txt .h, a#flow01 + div .inner_item .inner_item_txt p {

    color: var(--i_txt_color) !important;
}
a#flow001 + div .inner_item .inner_item_txt .h, a#flow001 + div .inner_item .inner_item_txt p {

    color: var(--i_txt_color) !important;
}
a#flow02 + div .inner_item .inner_item_txt .h, a#flow02 + div .inner_item .inner_item_txt p {
    color: var(--i_txt_color) !important;
}
header#pattern4 .logo.logo01{
  display :none;
}
header .logo, header .logo02 a {
    max-width: 150px;
}
/*MVテキスト*/
#lv p span{
  font-size: 0;
  width: 100%;
  color: transparent;
}
#lv p span::after{
  position: absolute;
  content: "FLOW & FAQ";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 3.5rem;
  width: 100%;
  word-break: break-word;
}
@media screen and (max-width: 800px){
  #lv p span::after{
    font-size: 2.7rem;
  }
}
/*ロゴリンク無し*/
header#pattern4 .logo a,
.footer_logo a{
  pointer-events: none;
}

/*フロー矢印*/
#flow01 + .composite_box01 .wrapper_item,
#flow001 + .composite_box01 .wrapper_item,
#flow02 + .composite_box01 .wrapper_item {
  justify-content: space-between;
  gap: 30px;
}
#flow01 + .composite_box01 .inner_item,
#flow001 + .composite_box01 .inner_item,
#flow02 + .composite_box01 .inner_item {
  position: relative;
  width: calc(100% / 3 - 30px * 2 / 3) !important;
  margin: 0 !important;
}
#flow01 + .composite_box01 .inner_item:not(:first-of-type):after,
#flow001 + .composite_box01 .inner_item:after,
#flow02 + .composite_box01 .inner_item:not(:first-of-type):after {
  content: '▷';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -23px;
  font-size: 16px;
  color: #fff;
}
@media screen and (max-width: 480px) {
  #flow01 + .composite_box01 .inner_item,
  #flow001 + .composite_box01 .inner_item,
  #flow02 + .composite_box01 .inner_item {
    width: 100% !important;
  }
  #flow01 + .composite_box01 .inner_item:not(:first-of-type):after,
  #flow001 + .composite_box01 .inner_item:after,
  #flow02 + .composite_box01 .inner_item:not(:first-of-type):after {
    content: '▽';
    top: -30px;
    transform: translateX(-50%);
    left: 50%;
  }
}
@media screen and (min-width: 481px) {
  #flow01 + .composite_box01 .content_wrapper,
  #flow001 + .composite_box01 .content_wrapper,
  #flow02 + .composite_box01 .content_wrapper {
    padding-inline: 30px;
  }
}

/*フロー見出し*/
a#flow01 + div .heading.block_header_3,
a#flow02 + div .heading.block_header_3 {
  border: 1px solid var(--i_sub2_color);
  background: transparent;
}
a#flow01 + div .heading.block_header_3 .h,
a#flow02 + div .heading.block_header_3 .h {
  color: #fff !important;
}


/*カラー調整*/
.contents_faq01 dt:before {
    background: #fff;
    color: var(--i_noimg_bg_color);
}