@charset "UTF-8";
/* ---------------------------------------*/
/* PC */
/* ---------------------------------------*/

/* main */
/* ----------------------------------*/
main{
  min-height: 1722px;
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat!important;
  background: url(../img/mv_bulb-pc/bg_mv-01.jpg) no-repeat;background-size: 100%;
  animation: main 42s steps(1) infinite forwards;
  -webkit-animation: main 42s steps(1) infinite forwards;
}

@keyframes main {
  0% { background: url(../img/mv_bulb-pc/bg_mv-01.jpg) no-repeat;background-size: 100%; }
  11% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
  17% { background: url(../img/mv_bulb-pc/bg_mv-02.jpg) no-repeat;background-size: 100%; }
  28% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
  34% { background: url(../img/mv_bulb-pc/bg_mv-03.jpg) no-repeat;background-size: 100%; }
  45% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
  51% { background: url(../img/mv_bulb-pc/bg_mv-04.jpg) no-repeat;background-size: 100%; }
  62% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
  67% { background: url(../img/mv_bulb-pc/bg_mv-05.jpg) no-repeat;background-size: 100%; }
  78% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
  84% { background: url(../img/mv_bulb-pc/bg_mv-06.jpg) no-repeat;background-size: 100%; }
  95% { background: url(../img/mv_bulb-pc/bg_mv-off.jpg) no-repeat;background-size: 100%; }
}

/* --- main visual --- */
.main_visual{
  width: 1080px;
  height:  42vw;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

/* --- lead --- */
.lead{
  padding-bottom: 230px;
}

.lead h2 img{
  width: 760px;
  margin: 0 auto;
}

.lead p{
  font-size: 2.0rem;
  font-weight: bolder;
  line-height: 2.5em;
  color: #1f4c92;
}

.lead p span{
  display: block;
}

/* --- contents --- */
.contents{
  width: 1200px;
  margin: 0 auto;
}

.contents h3 img{
  width: 174px;
  margin-bottom: 50px;
}

.contents ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contents li{
  width: 350px;
  margin-bottom: 70px;
  font-size: 1.8rem;
  font-weight: bolder;
}

.contents li a{
  display: block;
  padding-top: 370px;
  text-decoration: none;
  color: #b3b3b3;
}

.contents li a:hover{
  color: #333;
}

/* Boss */
.contents .menu_item-boss a{
  background: url(../img/btn_bulb_boss-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-boss a:hover{
  background: url(../img/btn_bulb_boss.jpg)no-repeat;
  background-size: 350px;
}

/* project */
.contents .menu_item-project a{
  background: url(../img/btn_bulb_project-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-project a:hover{
  background: url(../img/btn_bulb_project.jpg)no-repeat;
  background-size: 350px;
}

/* message */
.contents .menu_item-message a{
  background: url(../img/btn_bulb_message-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-message a:hover{
  background: url(../img/btn_bulb_message.jpg)no-repeat;
  background-size: 350px;
}

/* global */
.contents .menu_item-global a{
  background: url(../img/btn_bulb_global-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-global a:hover{
  background: url(../img/btn_bulb_global.jpg)no-repeat;
  background-size: 350px;
}

/* welfare */
.contents .menu_item-welfare a{
  background: url(../img/btn_bulb_welfare-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-welfare a:hover{
  background: url(../img/btn_bulb_welfare.jpg)no-repeat;
  background-size: 350px;
}

/* recruitment */
.contents .menu_item-recruitment a{
  background: url(../img/btn_bulb_recruitment-off.jpg)no-repeat;
  background-size: 350px;
}

.contents .menu_item-recruitment a:hover{
  background: url(../img/btn_bulb_recruitment.jpg)no-repeat;
  background-size: 350px;
}


.contents .menu_item-boss{
  transition-delay:0ms;
}

.contents .menu_item-project{
  transition-delay:300ms;
}

.contents .menu_item-message{
  transition-delay:600ms;
}

.contents .menu_item-global{
  transition-delay:0ms;
}

.contents .menu_item-welfare{
  transition-delay:300ms;
}

.contents .menu_item-recruitment{
  transition-delay:600ms;
}

/* ---------------------------------------*/
/* SP */
/* ---------------------------------------*/

@media (max-width: 959px) {
  /* main */
  /* ----------------------------------*/
  main{
    min-height: auto;
    padding: 145px 30px 0 30px;
    background: -moz-linear-gradient(to bottom,#fff,#FFC778 50%,#fff); 
    background: -webkit-linear-gradient(to bottom,#fff,#FFC778 50%,#fff); 
    background: linear-gradient(to bottom,#0ea3d1,#fff 50%,#fff); 
  }

  @keyframes main {
    0% { background: url(../img/mv_bulb-sp/bg_mv-01-sp.jpg) no-repeat;background-size: 100%; }
    11% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
    17% { background: url(../img/mv_bulb-sp/bg_mv-02-sp.jpg) no-repeat;background-size: 100%; }
    28% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
    34% { background: url(../img/mv_bulb-sp/bg_mv-03-sp.jpg) no-repeat;background-size: 100%; }
    45% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
    51% { background: url(../img/mv_bulb-sp/bg_mv-04-sp.jpg) no-repeat;background-size: 100%; }
    62% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
    67% { background: url(../img/mv_bulb-sp/bg_mv-05-sp.jpg) no-repeat;background-size: 100%; }
    78% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
    84% { background: url(../img/mv_bulb-sp/bg_mv-06-sp.jpg) no-repeat;background-size: 100%; }
    95% { background: url(../img/mv_bulb-sp/bg_mv-off-sp.jpg) no-repeat;background-size: 100%; }
  }
  
  /* --- main visual --- */
  .main_visual{
    width: 100%;
    height: 100vw;
    text-align: center;
    position: relative;
  }

  .main_visual .mv_tsunagu{
    position: relative;
    top: auto;
    left: auto;
  }

  .main_visual .mv_tsunagu img{
    width: 64%;
  }

  .main_visual .mv_bulb-sp{
    position: relative;
    top: -5vw;
    right: auto;
    animation-delay: 2.5s;
  }

  .main_visual .mv_bulb-sp img{
    width: 100%;
    margin: 0 auto;
  }

  /* --- lead --- */
  .lead{
    padding-bottom: 100px;
  }

  .lead h2 img{
    width: 85%;
  }

  .lead p{
    font-size: 1.1rem;
  }

  /* --- contents --- */
  .contents{
    width: 100%;
  }

  .contents h3 img{
    width: 30%;
    margin-bottom: 50px;
  }

  .contents li{
    width: 47%;
    margin-bottom: 35px;
    font-size: 1.0rem;
  }

  .contents li a{
    padding-top: 43vw;
  }

  .contents li a:hover{
    background-size: 100%!important;
  }

  /* Boss */
  .contents .menu_item-boss a{
    background: url(../img/btn_bulb_boss.jpg)no-repeat;
    background-size: 100%;
  }

  /* project */
  .contents .menu_item-project a{
    background: url(../img/btn_bulb_project.jpg)no-repeat;
    background-size: 100%;
  }

  /* message */
  .contents .menu_item-message a{
  background: url(../img/btn_bulb_message.jpg)no-repeat;
  background-size: 100%;
}

  /* global */
  .contents .menu_item-global a{
    background: url(../img/btn_bulb_global.jpg)no-repeat;
    background-size: 100%;
  }

  /* welfare */
  .contents .menu_item-welfare a{
    background: url(../img/btn_bulb_welfare.jpg)no-repeat;
    background-size: 100%;
  }

  /* recruitment */
  .contents .menu_item-recruitment a{
  background: url(../img/btn_bulb_recruitment.jpg)no-repeat;
  background-size:  100%;
}


  .contents .menu_item-boss{
    transition-delay:0ms;
  }
  
  .contents .menu_item-project{
    transition-delay:300ms;
  }
  
  .contents .menu_item-message{
    transition-delay:0ms;
  }
  
  .contents .menu_item-global{
    transition-delay:300ms;
  }
  
  .contents .menu_item-welfare{
    transition-delay:0ms;
  }
  
  .contents .menu_item-recruitment{
    transition-delay:300ms;
  }
}