@charset "UTF-8";

#mv_outer,
  #concept + section,
  #aboutus+ section,
  #flow + section,
  #feature + section {
    min-height: 100vh;
  }
  #concept + section,
  #aboutus+ section,
  #flow + section,
  #feature + section {
        padding: 0 !important;
        filter: drop-shadow(1px 1px 2px #333);
  }
#mv {
    height: 93vh;
    max-height: none !important;
}
#concept + section > .content_wrapper,
#aboutus+ section > .content_wrapper,
#flow + section > .content_wrapper,
#feature + section > .content_wrapper {
    padding-top: 90px;
}
#hd_l + section,
  #hd_r + section,
  #f + section,
  #st + section {
    display: none;
  }
.-w-scroll-white-header header {
    filter: drop-shadow(1px 1px 2px #333);
}
  .-w-scroll-white-header header {
    background: transparent !important;
}
.-w-scroll-white-header header#pattern2 nav ul.nav_1st>li>a span {
    color: #fff !important;
}
.-w-scroll-white-header header .header_col1 .btn > a span.inn img {
    filter: none !important;
}
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .btn .translate a svg {
    fill: var(--i_bg_color) !important;
}

.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel {
    color: #fff !important;
    display: block !important;
}
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel a,
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel span {
    color: #fff !important;
}
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel svg {
    fill: #fff !important;
}

.-w-scroll-white-header header .logo a img {
    opacity: 0 !important;
}
.-w-scroll-white-header header .logo a {
    display: inline-block;
    background: url(/common/upload_data/motorfietscojp/image/20260903161352.png) no-repeat;
    background-size: contain;
    height: 70px;
    width: 70px;
    cursor: pointer;
}
a#blog+div {
    padding-top: 120px;
}
#concept + section > .content_wrapper .inner_item_txt,
#aboutus+ section > .content_wrapper .inner_item_txt,
#flow + section > .content_wrapper .inner_item_txt,
#feature + section > .content_wrapper .inner_item_txt {
    display: flex;
    flex-direction: column;
    height: calc(85dvh - 180px);
    justify-content: space-between;
}

#concept + section .contents_btn01.block_button_1 a,
#flow + section .contents_btn01.block_button_1 a,
#feature + section .contents_btn01.block_button_1 a {
    background: #fff;
    color: var(--i_btn_txt_color);
}
@media screen and (max-width: 1300px) {
#concept + section > .content_wrapper .inner_item_txt,
#aboutus+ section > .content_wrapper .inner_item_txt,
#flow + section > .content_wrapper .inner_item_txt,
#feature + section > .content_wrapper .inner_item_txt {
    height: calc(80dvh - 210px);
}
#mv .mv_textimg {
    height: calc(100% - 100px);
}
}

@media screen and (max-width: 1024px) {
#concept + section > .content_wrapper,
#aboutus+ section > .content_wrapper,
#flow + section > .content_wrapper,
#feature + section > .content_wrapper {
    padding-top: 80px;
}
.-w-scroll-white-header header:not(.open) .burger li.sp_translate a svg {
    fill: #fff !important;
}
.-w-scroll-white-header header:not(.open) .sp_menu a div span,
.-w-scroll-white-header header:not(.open) .sp_menu a div:before,
.-w-scroll-white-header header:not(.open) .sp_menu a div:after {
    background: #fff !important;
}
.-w-scroll-white-header header .header_col1 .btn > a span.inn img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(0%) hue-rotate(89deg) brightness(94%) contrast(108%) !important;
    }
.-w-scroll-white-header header#pattern2 nav ul.nav_1st>li>a span {
    color: var(--i_txt_color) !important;
}
.-w-scroll-white-header header.open .logo a {
    background-image: url(/common/upload_data/motorfietscojp/image/20260903161352_1.png);
}
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel a,
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel span {
    color: var(--i_txt_color) !important;
}
.-w-scroll-white-header header#pattern2 .header_contents .header_col1 .tel svg {
    fill: var(--i_txt_color) !important;
}
}
@media screen and (max-width: 800px) {
    #concept + section > .content_wrapper .inner_item_txt,
#aboutus+ section > .content_wrapper .inner_item_txt,
#flow + section > .content_wrapper .inner_item_txt,
#feature + section > .content_wrapper .inner_item_txt {
        height: calc(80dvh - 150px);
    }
}
@media screen and (max-width: 700px) {
#concept + section > .content_wrapper .inner_item_txt,
#aboutus+ section > .content_wrapper .inner_item_txt,
#flow + section > .content_wrapper .inner_item_txt,
#feature + section > .content_wrapper .inner_item_txt {
    height: 65vh;
}
#mv .mv_textimg {
    height: calc(100% - 60px);
}
}
@media screen and (max-width: 700px) {
#concept + section > .content_wrapper .inner_item_txt,
#aboutus+ section > .content_wrapper .inner_item_txt,
#flow + section > .content_wrapper .inner_item_txt,
#feature + section > .content_wrapper .inner_item_txt {
        height: calc(90dvh - 210px);
}
}