body {
  --textImageSize:36px; }
  @media (min-width: 521px) {
    body {
      --textImageSize:48px; } }
  body:not(.scrolled) #head {
    background: transparent; }
    body:not(.scrolled) #head .logo_wrap .logo .a .icon {
      background-image: url("../images/common/logo.png"); }
    body:not(.scrolled) #head nav .navi .navi_btn .a {
      color: #FFF; }
    body:not(.scrolled) #head nav::before {
      opacity: 0;
      filter: Alpha(opacity=0); }

#contents {
  padding-top: 0 !important; }

#mv {
  height: auto;
  min-height: 100svh; }
  #mv .bg_wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #mv .inner {
    position: relative;
    height: 100%;
    min-height: 100svh;
    z-index: 1;
    box-sizing: border-box;
    padding-top: calc( var(--headHeight) + var(--space2) );
    padding-bottom: 15vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    grid-gap: var(--space4);
    color: #FFF;
    text-align: center; }
    #mv .inner .copy_wrap {
      display: flex;
      flex-direction: column;
      grid-gap: var(--space3); }
      #mv .inner .copy_wrap .text {
        font-size: var(--fontSize_ss);
        line-height: 1.5; }
  #mv .scroll_down {
    /*mix-blend-mode: normal;*/
    --barHeight:80px;
    --w:100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: calc( -1 * var(--barHeight) / 2 - var(--space4) ) !important; }
    #mv .scroll_down .a {
      flex-direction: column-reverse;
      /*color:var(--textColor);*/ }
      #mv .scroll_down .a .bar {
        /*background:rgba(0,0,0,0.33);*/ }
        #mv .scroll_down .a .bar:after {
          background: var(--textColor); }
      #mv .scroll_down .a .txt {
        transform: rotate(90deg); }
        #mv .scroll_down .a .txt::before {
          content: "Scroll down"; }
  @media (max-width: 520px) {
    #mv .scroll_down {
      --barHeight:60px;
      --h:140px; } }

#message {
  background: var(--primaryColor);
  color: #FFF; }
  #message .columns {
    --columnColumnGap:var(--space5);
    --columnRowGap:var(--space4); }

#service .scroller_wrap .scroller .archives {
  --columnColumnGap:var(--space2);
  grid-gap: var(--columnRowGap) var(--columnColumnGap);
  --columnWidth:100vw;
  --paddingLeft:0px;
  --paddingRight:0px; }
  #service .scroller_wrap .scroller .archives .archive {
    max-width: none;
    min-width: 0px; }
    #service .scroller_wrap .scroller .archives .archive .inner {
      border-radius: 0px; }
@media (max-width: 520px) {
  #service .scroller_wrap .scroller {
    overflow: hidden; }
    #service .scroller_wrap .scroller .archives {
      flex-direction: column; } }
@media (min-width: 521px) {
  #service .section_body_wrap {
    height: 300vw; }
  #service .scroller_wrap_wrap {
    position: sticky;
    top: var(--headHeight); }
  #service .scroller_wrap .scroller .archives {
    --columnWidth:calc( ( 100vw - var(--columnColumnGap) ) / 2 ); } }
@media (min-width: 768px) {
  #service .scroller_wrap .scroller .archives .archive .inner .info {
    padding-left: var(--space4);
    padding-right: var(--space4); } }

#for_business .archives.archives_with_bg .column {
  aspect-ratio: 4/3; }

#company .archives.archives_with_bg .column > .inner .info {
  height: calc( 50% + var(--fontSize_h0) / 2 ); }