@charset "UTF-8";

/*----------------------
fadein
----------------------*/

.item1 {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.ac_item1 {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  transition-delay:0s;
}

.animateIn {
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);

}

.animatedIn {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition-delay:0.3s;
}

.animateLook5,
.animateLook4,
.animateLook3,
.animateLook2,
.animateLook {
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  -webkit-transform: translate(0px, 15px);
  transform: translate(0px, 15px);

}

.animatedLook {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition-delay:0.3s;
}

.line_wrap {
    display: inline-block;
    position: relative;
}

.line_wrap.sp {
    display: none;
}

.line_ab{
    margin:0 auto 30px;
    position:relative;
    background-color:#fff;
    width: 120%;
    height: 40px;
    position: absolute;
    top: -8px;
    left: -10%;
    z-index: 0;
}

.line_ab:before{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color:#000;
    -moz-animation: bar2 200ms linear 2s forwards;
    -webkit-animation: bar2 200ms linear 2s forwards;
    -o-animation: bar2 200ms linear 2s forwards;
    -ms-animation: bar2 200ms linear 2s forwards;
    animation: bar2 200ms linear 2s forwards;
}
@keyframes bar2{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.line_ab:after{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color: #fff;
    -moz-animation: bar3 200ms linear 2.6s forwards;
    -webkit-animation: bar3 200ms linear 2.6s forwards;
    -o-animation: bar3 200ms linear 2.6s forwards;
    -ms-animation: bar3 200ms linear 2.6s forwards;
    animation: bar3 200ms linear 2.6s forwards;
}
@keyframes bar3{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.t_h2_ef_fade {
    z-index: 1;
    position: relative;
}

.line_ab2 {
    opacity: 0;
}

.line_ab2_fade{
    opacity: 1;
    margin:0 auto 30px;
    position:relative;
    background-color:#fff;
    width: 120%;
    height: 40px;
    position: absolute;
    top: -8px;
    left: -10%;
    z-index: 0;
}

.line_ab2_fade:before{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color:#000;
    -moz-animation: bar4 200ms linear .5s forwards;
    -webkit-animation: bar4 200ms linear .5s forwards;
    -o-animation: bar4 200ms linear .5s forwards;
    -ms-animation: bar4 200ms linear .5s forwards;
    animation: bar4 200ms linear .5s forwards;
}
@keyframes bar4{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.line_ab2_fade:after{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color: #fff;
    -moz-animation: bar5 200ms linear 1.1s forwards;
    -webkit-animation: bar5 200ms linear 1.1s forwards;
    -o-animation: bar5 200ms linear 1.1s forwards;
    -ms-animation: bar5 200ms linear 1.1s forwards;
    animation: bar5 200ms linear 1.1s forwards;
}
@keyframes bar5{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.t_h2_slef {
    z-index: 1;
    position: relative;
    opacity: 0;
}

.t_h2_slef_fade {
    opacity: 1;
    transition-delay: 1s;
}

.line_wrap_bgg .line_ab2_fade:after,
.line_wrap_bgg .line_ab2_fade {
    background-color: #eee;
}

.t_h2_ef3,
.line_ab3 {
    opacity: 0;
}

.line_ab3_fade {
    opacity: 1;
    margin:0 auto 30px;
    position:relative;
    background-color:#000;
    width: 70%;
    height: 60px;
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 0;
}

.line_ab3:before{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color:#a91119;
    -moz-animation: bar6 200ms linear 1.5s forwards;
    -webkit-animation: bar6 200ms linear 1.5s forwards;
    -o-animation: bar6 200ms linear 1.5s forwards;
    -ms-animation: bar6 200ms linear 1.5s forwards;
    animation: bar6 200ms linear 1.5s forwards;
}
@keyframes bar6{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.line_ab3:after{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color: #000;
    -moz-animation: bar7 200ms linear 2.1s forwards;
    -webkit-animation: bar7 200ms linear 2.1s forwards;
    -o-animation: bar7 200ms linear 2.1s forwards;
    -ms-animation: bar7 200ms linear 2.1s forwards;
    animation: bar7 200ms linear 2.1s forwards;
}
@keyframes bar7{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.t_h2_ef3_fade {
    z-index: 1;
    opacity: 1;
    position: relative;
}


.line_area {
    position: relative;
    display: table;
    margin: auto;
    z-index: 9;
}

.line_area .effect {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0px;
    height: 5px;
    z-index: -9;
    background-color: #000;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

/* .effect.effect_fade {
    width: 100% !important;
} */


.line_ab22{
    margin:0 auto 30px;
    position:relative;
    background-color:#fff;
    width: 120%;
    height: 40px;
    position: absolute;
    top: 8px;
    left: -10%;
    z-index: 0;
}

.line_ab22:before{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color:#000;
    -moz-animation: bar2 200ms linear 1.5s forwards;
    -webkit-animation: bar2 200ms linear 1.5s forwards;
    -o-animation: bar2 200ms linear 1.5s forwards;
    -ms-animation: bar2 200ms linear 1.5s forwards;
    animation: bar2 200ms linear 1.5s forwards;
}
@keyframes bar2{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.line_ab22:after{
    top:0;
    left:0;
    width:0;
    content:'';
    height:inherit;
    position:absolute;
    background-color: #fff;
    -moz-animation: bar3 200ms linear 2.1s forwards;
    -webkit-animation: bar3 200ms linear 2.1s forwards;
    -o-animation: bar3 200ms linear 2.1s forwards;
    -ms-animation: bar3 200ms linear 2.1s forwards;
    animation: bar3 200ms linear 2.1s forwards;
}
@keyframes bar3{
    0% {
        width:0%;
    }
    100% {
        width:100%;
    }
}

.t_h2_ef2_fade {
    z-index: 1;
    position: relative;
}

.line_wrap_li8 .line_ab2_fade {
    top: 8px;
}

/*----------------------

768px 以下

----------------------*/

@media (max-width: 768px) {


.line_wrap.sp {
  display: none;
}

.line_ab22 {
    top: -3px;
}
.line_wrap_li8 .line_ab2_fade {
    top: 3px;
}

.line_area .effect {
    height: 3px;
}

.line_ab3_fade {
    height: 2.5em;
}

}

/** 背景のアニメーション **/
/* 共通 */
/**
.effect これがついてるとアニメーション発火（jsでスクロールに応じてつける）
.fadeIn_upなど アニメーション
.delay スピード
 **/
/* 画面外にいる状態 */
.effect.-fadeIn, .effect.-fadeIn_up, .effect.-fadeIn_down, .effect.-fadeIn_right, .effect.-fadeIn_left {
  -webkit-transition: all 1200ms;
  opacity: 0;
  transition: all 1200ms;
  /* 画面内に入った状態 */
}

.effect.-fadeIn_up {
  -webkit-transform: translate(0, 50px);
      -ms-transform: translate(0, 50px);
          transform: translate(0, 50px);
}

.effect.-fadeIn_down {
  -webkit-transform: translate(0, -50px);
      -ms-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.effect.-fadeIn_right {
  -webkit-transform: translate(50px, 0);
      -ms-transform: translate(50px, 0);
          transform: translate(50px, 0);
}

.effect.-fadeIn_left {
  -webkit-transform: translate(-50px, 0);
      -ms-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
}

.effect.-fadeIn.-action, .effect.-action.-fadeIn_up, .effect.-action.-fadeIn_down, .effect.-action.-fadeIn_right, .effect.-action.-fadeIn_left {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.effect.-layerIn, .effect.-layerIn_left {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: width 500ms linear;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
          transform: translate3d(0, 0, 0);
  transition: width 500ms linear;
}

.effect.-layerIn_left {
  width: 100%;
}

.effect.-layerIn_left.-action {
  width: 0;
}

.effect.-layerIn_black {
  background-color: #091523;
}

.effect.-layerIn_white {
  background-color: #fff;
}

.effect.-layerIn_darkBlue_img {
  background-image: url("../img/common/bg-darkBlue.jpg");
}

.effect.-layerIn_easeOut {
  -webkit-transition: all 800ms cubic-bezier(0.64, 0.25, 0.81, 0.43);
  transition: all 800ms cubic-bezier(0.64, 0.25, 0.81, 0.43);
}

/* .effect.-txtIn {
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 1s linear;
  max-width: 0;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  white-space: nowrap;
  opacity: 0;
  transition: all 1s linear;
}

.effect.-txtIn.-action {
  max-width: 100%;
  opacity: 1;
} */

.effect.-delay_sp, .effect.-delay_1, .effect.-delay_2, .effect.-delay_3, .effect.-delay_4, .effect.-delay_5, .effect.-delay_6, .effect.-delay_7, .effect.-delay_8, .effect.-delay_9, .effect.-delay_10, .effect.-delay_11, .effect.-delay_12, .effect.-delay_13, .effect.-delay_14, .effect.-delay_15, .effect.-delay_16, .effect.-delay_17, .effect.-delay_18, .effect.-delay_19, .effect.-delay_20, .effect.-delay_21, .effect.-delay_22, .effect.-delay_23, .effect.-delay_24, .effect.-delay_25, .effect.-delay_26, .effect.-delay_27, .effect.-delay_28, .effect.-delay_29, .effect.-delay_30, .effect.-delay_31, .effect.-delay_32, .effect.-delay_33, .effect.-delay_34, .effect.-delay_35, .effect.-delay_36, .effect.-delay_37, .effect.-delay_38, .effect.-delay_39, .effect.-delay_40, .effect.-delay_41, .effect.-delay_42, .effect.-delay_43, .effect.-delay_44, .effect.-delay_45, .effect.-delay_46, .effect.-delay_47, .effect.-delay_48, .effect.-delay_49, .effect.-delay_50 {
  -webkit-transition-delay: 200ms !important;
          transition-delay: 200ms !important;
}

@media screen and (min-width: 769px) {
  .effect.-delay_1 {
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .effect.-delay_2 {
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .effect.-delay_3 {
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .effect.-delay_4 {
    -webkit-transition-delay: 400ms !important;
    transition-delay: 400ms !important;
  }

  .effect.-delay_5 {
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .effect.-delay_6 {
    -webkit-transition-delay: 600ms !important;
    transition-delay: 600ms !important;
  }

  .effect.-delay_7 {
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .effect.-delay_8 {
    -webkit-transition-delay: 800ms !important;
    transition-delay: 800ms !important;
  }

  .effect.-delay_9 {
    -webkit-transition-delay: 900ms !important;
    transition-delay: 900ms !important;
  }

  .effect.-delay_10 {
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .effect.-delay_11 {
    -webkit-transition-delay: 1100ms !important;
    transition-delay: 1100ms !important;
  }

  .effect.-delay_12 {
    -webkit-transition-delay: 1200ms !important;
    transition-delay: 1200ms !important;
  }

  .effect.-delay_13 {
    -webkit-transition-delay: 1300ms !important;
    transition-delay: 1300ms !important;
  }

  .effect.-delay_14 {
    -webkit-transition-delay: 1400ms !important;
    transition-delay: 1400ms !important;
  }

  .effect.-delay_15 {
    -webkit-transition-delay: 1500ms !important;
    transition-delay: 1500ms !important;
  }

  .effect.-delay_16 {
    -webkit-transition-delay: 1600ms !important;
    transition-delay: 1600ms !important;
  }

  .effect.-delay_17 {
    -webkit-transition-delay: 1700ms !important;
    transition-delay: 1700ms !important;
  }

  .effect.-delay_18 {
    -webkit-transition-delay: 1800ms !important;
    transition-delay: 1800ms !important;
  }

  .effect.-delay_19 {
    -webkit-transition-delay: 1900ms !important;
    transition-delay: 1900ms !important;
  }

  .effect.-delay_20 {
    -webkit-transition-delay: 2000ms !important;
    transition-delay: 2000ms !important;
  }

  .effect.-delay_21 {
    -webkit-transition-delay: 2100ms !important;
    transition-delay: 2100ms !important;
  }

  .effect.-delay_22 {
    -webkit-transition-delay: 2200ms !important;
    transition-delay: 2200ms !important;
  }

  .effect.-delay_23 {
    -webkit-transition-delay: 2300ms !important;
    transition-delay: 2300ms !important;
  }

  .effect.-delay_24 {
    -webkit-transition-delay: 2400ms !important;
    transition-delay: 2400ms !important;
  }

  .effect.-delay_25 {
    -webkit-transition-delay: 2500ms !important;
    transition-delay: 2500ms !important;
  }

  .effect.-delay_26 {
    -webkit-transition-delay: 2600ms !important;
    transition-delay: 2600ms !important;
  }

  .effect.-delay_27 {
    -webkit-transition-delay: 2700ms !important;
    transition-delay: 2700ms !important;
  }

  .effect.-delay_28 {
    -webkit-transition-delay: 2800ms !important;
    transition-delay: 2800ms !important;
  }

  .effect.-delay_29 {
    -webkit-transition-delay: 2900ms !important;
    transition-delay: 2900ms !important;
  }

  .effect.-delay_30 {
    -webkit-transition-delay: 3000ms !important;
    transition-delay: 3000ms !important;
  }

  .effect.-delay_31 {
    -webkit-transition-delay: 3100ms !important;
    transition-delay: 3100ms !important;
  }

  .effect.-delay_32 {
    -webkit-transition-delay: 3200ms !important;
    transition-delay: 3200ms !important;
  }

  .effect.-delay_33 {
    -webkit-transition-delay: 3300ms !important;
    transition-delay: 3300ms !important;
  }

  .effect.-delay_34 {
    -webkit-transition-delay: 3400ms !important;
    transition-delay: 3400ms !important;
  }

  .effect.-delay_35 {
    -webkit-transition-delay: 3500ms !important;
    transition-delay: 3500ms !important;
  }

  .effect.-delay_36 {
    -webkit-transition-delay: 3600ms !important;
    transition-delay: 3600ms !important;
  }

  .effect.-delay_37 {
    -webkit-transition-delay: 3700ms !important;
    transition-delay: 3700ms !important;
  }

  .effect.-delay_38 {
    -webkit-transition-delay: 3800ms !important;
    transition-delay: 3800ms !important;
  }

  .effect.-delay_39 {
    -webkit-transition-delay: 3900ms !important;
    transition-delay: 3900ms !important;
  }

  .effect.-delay_40 {
    -webkit-transition-delay: 4000ms !important;
    transition-delay: 4000ms !important;
  }

  .effect.-delay_41 {
    -webkit-transition-delay: 4100ms !important;
    transition-delay: 4100ms !important;
  }

  .effect.-delay_42 {
    -webkit-transition-delay: 4200ms !important;
    transition-delay: 4200ms !important;
  }

  .effect.-delay_43 {
    -webkit-transition-delay: 4300ms !important;
    transition-delay: 4300ms !important;
  }

  .effect.-delay_44 {
    -webkit-transition-delay: 4400ms !important;
    transition-delay: 4400ms !important;
  }

  .effect.-delay_45 {
    -webkit-transition-delay: 4500ms !important;
    transition-delay: 4500ms !important;
  }

  .effect.-delay_46 {
    -webkit-transition-delay: 4600ms !important;
    transition-delay: 4600ms !important;
  }

  .effect.-delay_47 {
    -webkit-transition-delay: 4700ms !important;
    transition-delay: 4700ms !important;
  }

  .effect.-delay_48 {
    -webkit-transition-delay: 4800ms !important;
    transition-delay: 4800ms !important;
  }

  .effect.-delay_49 {
    -webkit-transition-delay: 4900ms !important;
    transition-delay: 4900ms !important;
  }

  .effect.-delay_50 {
    -webkit-transition-delay: 5000ms !important;
    transition-delay: 5000ms !important;
  }
}