@charset "UTF-8";

/* -----------------------------------------------------------------------------
SP MENU
----------------------------------------------------------------------------- */
body .navik-header-overlay .burger-menu{
  background: none;
}
body .navik-header-overlay .line-menu{
  background-color: #333;
  height: 2px;
}
body .line-menu.line-half{
    width: 100%;
}
body .menu-open .line-menu.line-half{
    width: 50%;
}
body .navik-header-overlay .burger-menu > span{
  height: 24px;
}

body .navik-header-overlay .burger-menu:hover{
  box-shadow: none;
}


body .navik-menu-overlay > ul > li > .menu-overlay-link a{
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
}
body .navik-menu-overlay > ul > li > .menu-overlay-link a span{
  color: #fff;
}


body .navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a,
body .navik-menu-overlay > ul > li > .menu-overlay-link a:hover,
body .overlay-dropdown-plus:hover + a,body  .overlay-menu-hover > .menu-overlay-link a {
    color: #fff84b !important;
  background:  #fff84b !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent!important;

}
body .navik-header-overlay .burger-menu{
  padding: 10px;
  }

body .navik-menu-overlay > ul > li.bg-or2 > .menu-overlay-link a{
  color: #fff;
}
.menu-slide .navik-menu-overlay > ul > li.bg-or2 {
    padding: 5px 0;
    margin: 15px 0 0 30px;
}
body .navik-menu-overlay > ul > li.bg-or2 > .menu-overlay-link{
   padding: 0;
}
body .navik-menu-overlay > ul > li{
  margin-bottom: 15px;
  line-height: 150%;
}
body .menu-slide .nav-menu-wrapper{
  width: 270px;
  background: #005fce;

}
@media screen and (max-width: 480px) {

body .navik-header-overlay .burger-menu > span{
  height: 21px;
}
body .navik-header-overlay .burger-menu{
    top:9px;
    right: 3px;
    width: 52px;
    height: 40px;
    padding: 10px;
  }
body .menu-open .line-menu.first-line{
  transform: rotate(-90deg) translateX(6px);
}
body .menu-open .line-menu.last-line{
  transform: rotate(-90deg) translateX(-6px);
}

}

/* -----------------------------------------------------------------------------
add
----------------------------------------------------------------------------- */

/* #fixedBox.fixed{opacity: 0.7;} */
#SideMenu{opacity: 0.8;}
#SideMenu:hover{opacity: 1;}

section#flow {position: relative;}
section#flow .linear{font-size: 18px;}
.flow .col {padding: 30px;}




#case2 .txt span{display: block;}
.mt60{margin-top: 60px;}
.nav li a {
  padding: 0 15px;
}

body .point{
  color: #E7340D !important;
  font-size: 20px;
}
body #mainvisual .point{
  color: #E7340D !important;
  font-size: 30px;
}

body .big-point{
  font-size: 20px;
}
.adhesive .in-txt.bg-wh p.h4{
  font-size: 28px ;
}

body .logo {
    padding: 18px 0px 18px 40px;
}

@media screen and (max-width: 1280px) {
  .nav li a {padding: 0 5px;}
  .nav li a{font-size: 1.25vw;}
}
@media screen and (max-width: 980px) {
  body .navik-header-overlay .burger-menu,
  .navik-header-overlay.mode_sp{display: block;}
  #gnav.mode_pc {display: none;}
}

@media screen and (max-width: 1200px) {
  body .flow h3{font-size: 20px;}
}


