@charset "UTF-8";

/*対応エリア*/
#compatible_area + section .inner_item_txt{
    text-align: center;
}
#compatible_area + section .inner_item_txt .font01{
    font-size: 2rem;
}
#compatible_area + section .inner_item_txt .font02{
    font-size: 2.5rem;
}
#compatible_area + section .inner_item_txt .font03{
    font-size: 5rem;
}
@media screen and (max-width: 900px){
  #compatible_area + section .inner_item_txt .font01{
      font-size: 1.8rem;
  }
  #compatible_area + section .inner_item_txt .font02{
      font-size: 2rem;
  }
  #compatible_area + section .inner_item_txt .font03{
      font-size: 3rem;
  }
}
@media screen and (max-width: 600px){
  #compatible_area + section .inner_item_txt .font02 br{
      display: none;
  }
}

@media screen and (max-width: 768px){
/*--上から--*/
#feature + section .inner_item_txt p:nth-last-of-type(1),
#blog + div .add_text,
#construction + div .add_text,
#price + section .inner_item_txt p:nth-last-of-type(1),
#compatible_area + section .inner_item_txt,
#company + div .add_text,
#column + div .add_text,
#faq + div .add_text,
#work00 + section.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1),
#greeting + section .inner_item_txt p:nth-last-of-type(1),
#cp + div .add_text,
#cp + div .heading.block_header_6,
#construction + div .heading.block_header_1,
#work00 + section.contents_box01 .heading.block_header_1,
#faq + div .heading.block_header_1,
#blog + div .heading.block_header_1,
#column + div .heading.block_header_1,
#feature + section .heading.block_header_6,
#company + div .heading.block_header_1,
#price + section .heading.block_header_2,
#greeting + section .heading.block_header_2{
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1250px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

#feature + section .inner_item_txt p:nth-last-of-type(1).scroll_sp,
#blog + div .add_text.scroll_sp,
#construction + div .add_text.scroll_sp,
#price + section .inner_item_txt p:nth-last-of-type(1).scroll_sp,
#compatible_area + section .inner_item_txt.scroll_sp,
#company + div .add_text.scroll_sp,
#column + div .add_text.scroll_sp,
#faq + div .add_text.scroll_sp,
#work00 + section.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1).scroll_sp,
#greeting + section .inner_item_txt p:nth-last-of-type(1).scroll_sp,
#cp + div .add_text.scroll,
#cp + div .heading.block_header_6.scroll,
#construction + div .heading.block_header_1.scroll,
#work00 + section.contents_box01 .heading.block_header_1.scroll,
#faq + div .heading.block_header_1.scroll,
#blog + div .heading.block_header_1.scroll,
#column + div .heading.block_header_1.scroll,
#feature + section .heading.block_header_6.scroll,
#company + div .heading.block_header_1.scroll,
#price + section .heading.block_header_2.scroll,
#greeting + section .heading.block_header_2.scroll{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
}
@media screen and (min-width: 769px){

/*--上から--*/
#cp + div .heading.block_header_6,
#construction + div .heading.block_header_1,
#work00 + section.contents_box01 .heading.block_header_1,
#faq + div .heading.block_header_1,
#blog + div .heading.block_header_1,
#column + div .heading.block_header_1,
#feature + section .heading.block_header_6,
#company + div .heading.block_header_1,
#price + section .heading.block_header_2,
#greeting + section .heading.block_header_2{
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1250px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

#cp + div .heading.block_header_6.scroll,
#construction + div .heading.block_header_1.scroll,
#work00 + section.contents_box01 .heading.block_header_1.scroll,
#faq + div .heading.block_header_1.scroll,
#blog + div .heading.block_header_1.scroll,
#column + div .heading.block_header_1.scroll,
#feature + section .heading.block_header_6.scroll,
#company + div .heading.block_header_1.scroll,
#price + section .heading.block_header_2.scroll,
#greeting + section .heading.block_header_2.scroll{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


/*--左から--*/
#company + div .add_text,
#column + div .add_text,
#faq + div .add_text,
#work00 + section.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1),
#greeting + section .inner_item_txt p:nth-last-of-type(1),
#cp + div .add_text{
    opacity: 0;
    visibility: hidden;
    transform: translateX(-1250px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

#company + div .add_text.scroll,
#column + div .add_text.scroll,
#faq + div .add_text.scroll,
#work00 + section.contents_box01 .inner_item_txt:nth-of-type(1):nth-last-of-type(1).scroll,
#greeting + section .inner_item_txt p:nth-last-of-type(1).scroll,
#cp + div .add_text.scroll{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

/*--右から--*/

#feature + section .inner_item_txt p:nth-last-of-type(1),
#blog + div .add_text,
#construction + div .add_text,
#price + section .inner_item_txt p:nth-last-of-type(1),
#compatible_area + section .inner_item_txt{
    opacity: 0;
    visibility: hidden;
    transform: translateX(1250px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

#feature + section .inner_item_txt p:nth-last-of-type(1).scroll,
#blog + div .add_text.scroll,
#construction + div .add_text.scroll,
#price + section .inner_item_txt p:nth-last-of-type(1).scroll,
#compatible_area + section .inner_item_txt.scroll{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

}





#mv_outer {
  height: 100vh;
}
#mv {
  position: fixed;
  height: 100vh;
}


body, main {
  background: transparent;
}
main section[style*="background"], main>div[style*="background"], #primary section[style*="background"], #primary>div[style*="background"], aside>div[style*="background"] {
  background: #fff;
}

.block_news_1, .widget_gallery01 {
  background: #fff !important;
}

#feature + section {
  background: rgba(255,255,255,0.4);
}

@media screen and (max-width: calc(125vh)) {
#mv.mv_mp4_cover {
    height: 100vh !important;
    min-height: 0 !important;
}
}