@keyframes anime {
  0% {
    filter: brightness(122%); }
  100% {
    filter: brightness(100%); } }
@keyframes anime2 {
  0% {
    filter: brightness(130%); }
  100% {
    filter: brightness(100%); } }
.no-scroll {
  overflow: hidden; }

html {
  background-color: #000;
  margin-right: 0 !important; }

body {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000; }

img {
  width: 100%;
  height: auto; }

*:focus {
  outline: none; }

a {
  display: block; }

a:hover {
  transition: all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
  opacity: 0.85; }

.no-scroll {
  overflow: hidden;
  position: fixed; }

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0;
  left: 0;
  z-index: 1111; }
  #loading #loading_icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px; }

#nav_sp {
  position: fixed;
  width: 100%;
  height: auto;
  z-index: 1111111;
  padding-bottom: 1.5%;
  display: none; }
  #nav_sp .nav_bg {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000020;
    opacity: .8; }
  #nav_sp .menu_area {
    position: relative;
    overflow: hidden; }
    #nav_sp .menu_area .btn_top_menu {
      width: 16%;
      position: absolute;
      top: 22%;
      left: 2%;
      margin: 2%; }
    #nav_sp .menu_area .title_menu {
      width: 17%;
      margin: 6% auto; }
    #nav_sp .menu_area .nav_close {
      width: 13%;
      position: absolute;
      margin: 2%;
      top: 11%;
      right: 1%; }
  #nav_sp .nav_inner_sp {
    position: relative; }
    #nav_sp .nav_inner_sp li {
      padding: 1.5% 0 2.5%;
      position: relative; }
      #nav_sp .nav_inner_sp li .coming_sp {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0; }
      #nav_sp .nav_inner_sp li .menu_sp {
        opacity: .2; }
    #nav_sp .nav_inner_sp .line {
      width: 85%;
      height: 1px;
      background-color: #fff;
      pointer-events: none;
      padding: 0;
      margin: 1.5% auto; }
  #nav_sp .nav_sp_bottom {
    width: 100%;
    position: absolute;
    bottom: -3%;
    left: 0; }

#wrapper {
  width: 100%;
  background-color: #000;
  position: relative; }
  #wrapper #wrapper_inner {
    max-width: 1400px;
    overflow: hidden;
    margin: 0 auto;
    position: relative; }
    #wrapper #wrapper_inner #cp_end {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 111; }
      #wrapper #wrapper_inner #cp_end .cp_end_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: #000;
        top: 0;
        left: 0;
        opacity: .85; }
      #wrapper #wrapper_inner #cp_end .cp_end_txt {
        position: absolute;
        width: 50%;
        top: 4%;
        left: 50%; }
    #wrapper #wrapper_inner .nav_btn {
      width: 16%;
      float: right;
      position: fixed;
      top: 2%;
      right: 1%;
      z-index: 111; }
    #wrapper #wrapper_inner #nav_bg {
      width: 100%;
      background-image: url(../img/bg_nav.png);
      background-repeat: repeat-x;
      background-size: auto 100%;
      background-position-x: center;
      position: absolute;
      top: 0;
      left: 0; }
    #wrapper #wrapper_inner #nav {
      width: 100%;
      max-width: 1050px;
      position: relative;
      z-index: 13;
      margin: 0 auto;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      #wrapper #wrapper_inner #nav .coming_pc {
        max-width: 1100px;
        width: 100%;
        top: -4%;
        left: 50%;
        position: absolute;
        pointer-events: none;
        z-index: 3; }
      #wrapper #wrapper_inner #nav .nav_logo {
        width: 22%;
        padding: 0 1.5%;
        flex-shrink: 0; }
      #wrapper #wrapper_inner #nav .nav_menus {
        flex: 1;
        width: 75%; }
      #wrapper #wrapper_inner #nav .nav_inner_01,
      #wrapper #wrapper_inner #nav .nav_inner_02 {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        z-index: 2; }
      #wrapper #wrapper_inner #nav .nav_inner_01 {
        padding-top: 1.5%; }
      #wrapper #wrapper_inner #nav .nav_inner_02 {
        padding-top: 0.8%;
        padding-bottom: 3.3%; }
      #wrapper #wrapper_inner #nav .nav_inner_01 li,
      #wrapper #wrapper_inner #nav .nav_inner_02 li {
        position: relative;
        margin: 0 0.5%; }
        #wrapper #wrapper_inner #nav .nav_inner_01 li .on,
        #wrapper #wrapper_inner #nav .nav_inner_02 li .on {
          position: absolute;
          display: none;
          top: 0;
          left: 0; }
      #wrapper #wrapper_inner #nav .menu_01 {
        width: 16.21%; }
      #wrapper #wrapper_inner #nav .menu_02 {
        width: 16.21%; }
      #wrapper #wrapper_inner #nav .menu_03 {
        width: 16.21%; }
      #wrapper #wrapper_inner #nav .menu_04 {
        width: 30.58%; }
      #wrapper #wrapper_inner #nav .menu_05 {
        width: 21.14%; }
      #wrapper #wrapper_inner #nav .menu_06 {
        width: 29.33%; }
      #wrapper #wrapper_inner #nav .menu_07 {
        width: 29.33%; }
      #wrapper #wrapper_inner #nav .menu_08 {
        width: 16.21%; }
    #wrapper #wrapper_inner .cover_left {
      width: 8%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
      background-image: url(../img/cover_left.png);
      background-repeat: repeat-y;
      background-size: 100% auto;
      z-index: 12; }
    #wrapper #wrapper_inner .cover_right {
      width: 8%;
      height: 100%;
      right: 0;
      top: 0;
      position: absolute;
      background-image: url(../img/cover_right.png);
      background-repeat: repeat-y;
      background-size: 100% auto;
      z-index: 12; }
    #wrapper #wrapper_inner .st_bg {
      background-color: #fd0000 !important; }
    #wrapper #wrapper_inner #contents {
      overflow: hidden;
      position: relative;
      z-index: 3; }
      #wrapper #wrapper_inner #contents.kasou {
        background-image: url(../img/cp_middle_bg_pc.png);
        background-size: 100% auto;
        background-repeat: repeat-y;
        background-position: center top; }
      #wrapper #wrapper_inner #contents #box {
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center; }
        #wrapper #wrapper_inner #contents #box .logo {
          position: absolute;
          width: 100%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          #wrapper #wrapper_inner #contents #box .logo img {
            width: 100%;
            height: 100% !important; }
      @media (max-width: 767px) {
        #wrapper #wrapper_inner #contents #st_top {
          background-image: url(../img/st_top_bg.png) !important;
          background-size: auto 100% !important;
          background-position: center !important; }
          #wrapper #wrapper_inner #contents #st_top .st_top_txt {
            width: 100% !important;
            top: 6% !important;
            left: 0 !important; }
          #wrapper #wrapper_inner #contents #st_top .top_bellco {
            width: 16% !important;
            top: 2% !important;
            left: 3% !important; }
        #wrapper #wrapper_inner #contents #st_middle {
          margin-top: -31% !important; }
          #wrapper #wrapper_inner #contents #st_middle .st_middle_txt {
            width: 100% !important;
            margin-left: 0 !important; }
          #wrapper #wrapper_inner #contents #st_middle .st_middle_img {
            width: 100% !important;
            top: -7% !important;
            left: 0 !important; }
          #wrapper #wrapper_inner #contents #st_middle .st_middle_line {
            height: 2px !important;
            margin: 2% auto 5% !important; }
          #wrapper #wrapper_inner #contents #st_middle .st_middle_img_sp {
            width: 98% !important; }
          #wrapper #wrapper_inner #contents #st_middle #banner_area {
            width: 88% !important;
            margin: 1% auto 0 !important; }
            #wrapper #wrapper_inner #contents #st_middle #banner_area p {
              width: 50% !important;
              padding: 3% 1% 1% !important; }
        #wrapper #wrapper_inner #contents #st_bottom {
          margin-bottom: 10% !important; }
          #wrapper #wrapper_inner #contents #st_bottom p .st_bottom_txt {
            width: 100% !important;
            margin: 3% auto 3% !important; } }
      #wrapper #wrapper_inner #contents #st_top {
        width: 100%;
        position: relative;
        background-image: url(../img/st_top_bg.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: auto 100%; }
        #wrapper #wrapper_inner #contents #st_top .st_top_txt {
          width: 53%;
          top: 3.3%;
          left: 23.4%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #st_top .top_bellco {
          width: 6.5%;
          top: 1.5%;
          left: 17.3%;
          position: absolute; }
      #wrapper #wrapper_inner #contents #st_middle {
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: -8.1%; }
        #wrapper #wrapper_inner #contents #st_middle .st_middle_txt {
          width: 39%;
          margin-left: -21%;
          z-index: 2; }
        #wrapper #wrapper_inner #contents #st_middle .st_middle_line {
          width: 100%;
          height: 3px;
          background-color: #fff;
          margin: .5% auto 2%; }
        #wrapper #wrapper_inner #contents #st_middle .st_middle_img {
          width: 66%;
          z-index: 2; }
        #wrapper #wrapper_inner #contents #st_middle #banner_area {
          width: 53%;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          flex-wrap: wrap;
          margin: 0 auto; }
          #wrapper #wrapper_inner #contents #st_middle #banner_area p {
            width: 33%;
            padding: 3% .5% 1%; }
      #wrapper #wrapper_inner #contents #st_bottom {
        position: relative;
        margin-top: .4%;
        margin-bottom: 6%; }
        #wrapper #wrapper_inner #contents #st_bottom p {
          text-align: center; }
          #wrapper #wrapper_inner #contents #st_bottom p .st_bottom_txt {
            width: 39%;
            margin-left: -17%; }
      @media (max-width: 767px) {
        #wrapper #wrapper_inner #contents #cp_top .top_bellco {
          width: 24.5% !important;
          top: 3% !important;
          right: auto !important;
          left: 5%; }
        #wrapper #wrapper_inner #contents #cp_middle_1 .cp_middle_catch {
          width: 65% !important;
          top: 9% !important;
          left: 35% !important; }
        #wrapper #wrapper_inner #contents #cp_middle_2 {
          background-image: url(../img/cp_middle_bg_sp.jpg) !important;
          background-size: 100% 100% !important; }
          #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_01 {
            width: 100% !important;
            left: 0 !important;
            margin-left: 0 !important; }
          #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_twitter_btn {
            width: 40% !important; }
          #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_02 {
            width: 100% !important;
            left: 0 !important;
            margin-left: 0 !important; }
          #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_03 {
            width: 100% !important;
            left: 0 !important;
            margin-left: 0 !important; }
        #wrapper #wrapper_inner #contents #bottom .privacy {
          font-size: 4vw !important; } }
      #wrapper #wrapper_inner #contents #cp_top {
        width: 100%;
        position: relative; }
        #wrapper #wrapper_inner #contents #cp_top .cp_top_logo {
          width: 14%;
          top: -.7%;
          left: 23.4%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_top .top_bellco {
          width: 6.5%;
          top: 2%;
          right: 17.3%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_top .cp_top_txt_01 {
          width: 18.8%;
          top: 12%;
          left: 37.6%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_top .cp_top_num_01 {
          width: 5.8%;
          top: 40%;
          left: 24%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_top .cp_top_txt_02 {
          width: 39.5%;
          top: 28%;
          left: 28.6%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_top .cp_top_txt_03 {
          width: 38%;
          top: 77%;
          left: 31.1%;
          position: absolute; }
      #wrapper #wrapper_inner #contents .cp_line_pc {
        width: 100%;
        position: relative;
        margin-bottom: -1%;
        vertical-align: top;
        z-index: 1; }
      #wrapper #wrapper_inner #contents .cp_line_sp {
        width: 100%;
        position: relative;
        margin-bottom: -2.5%;
        vertical-align: top;
        z-index: 1; }
      #wrapper #wrapper_inner #contents #cp_middle_1 {
        position: relative; }
        #wrapper #wrapper_inner #contents #cp_middle_1 .cp_middle_catch {
          width: 37%;
          top: -7%;
          left: 41.5%;
          position: absolute;
          z-index: 2; }
      #wrapper #wrapper_inner #contents .next {
        background-image: url(../img/cp_middle_bg_pc.png) !important; }
      #wrapper #wrapper_inner #contents #cp_middle_2 {
        width: 100%;
        position: relative;
        background-image: url(../img/cp_middle_bg_pc_.png);
        background-size: 100% 100%;
        background-position: center;
        padding-bottom: 2%; }
        #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_01 {
          width: 39.1%;
          top: 6.6%;
          left: 50%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_twitter_btn {
          width: 17.6%;
          top: 17.6%;
          left: 50%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_02 {
          width: 39.1%;
          top: 36%;
          left: 50%;
          position: absolute; }
        #wrapper #wrapper_inner #contents #cp_middle_2 .cp_middle_txt_03 {
          width: 39.1%;
          top: 59.1%;
          left: 50%;
          position: absolute; }
      #wrapper #wrapper_inner #contents #cp_bottom {
        position: relative;
        margin-bottom: 6%; }
        #wrapper #wrapper_inner #contents #cp_bottom p {
          text-align: center; }
          #wrapper #wrapper_inner #contents #cp_bottom p .cp_bottom_txt_pc {
            width: 42%;
            margin: 2% auto; }
          #wrapper #wrapper_inner #contents #cp_bottom p .cp_bottom_txt_sp {
            width: 100%;
            margin: 3% auto 3%; }
        #wrapper #wrapper_inner #contents #cp_bottom .privacy {
          font-size: 24px;
          font-weight: bold; }
          #wrapper #wrapper_inner #contents #cp_bottom .privacy a {
            color: #0058df;
            text-decoration: underline; }
    #wrapper #wrapper_inner .kasou_bellco_pc {
      position: absolute;
      width: 8%;
      left: 3.5%;
      bottom: 1.3%;
      z-index: 12; }
    #wrapper #wrapper_inner #footer {
      width: 100%;
      background-image: url(../img/bg_footer_pc.png);
      background-repeat: repeat-x;
      background-size: auto 100%;
      background-position: top center;
      position: relative;
      z-index: 11;
      margin: 0 auto; }
      #wrapper #wrapper_inner #footer #footer_inner {
        position: relative; }
        #wrapper #wrapper_inner #footer #footer_inner .bellco_pc {
          position: absolute;
          width: 8%;
          left: 12.5%;
          top: 60%;
          z-index: 3; }
        #wrapper #wrapper_inner #footer #footer_inner .mv_area {
          margin: 0 auto .5%;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          z-index: 2;
          position: relative; }
          #wrapper #wrapper_inner #footer #footer_inner .mv_area li.mv_area01 {
            width: 25%;
            margin: 1.8% -1.5% 0 -1.5%; }
          #wrapper #wrapper_inner #footer #footer_inner .mv_area li.mv_area02 {
            width: 30%;
            margin: 1.8% 0.3% 0 0.3%; }
          #wrapper #wrapper_inner #footer #footer_inner .mv_area li.mv_area03 {
            width: 30%;
            margin: 1.8% 0.3% 0 0.3%; }
            #wrapper #wrapper_inner #footer #footer_inner .mv_area li:first-child {
              margin: 1.8% 0.3% 0 0.3%; }
              #wrapper #wrapper_inner #footer #footer_inner .mv_area li:first-child a {
                width: 100%;
                margin: 0 auto; }
                #wrapper #wrapper_inner #footer #footer_inner .mv_area li:first-child a:first-child {
                  padding-bottom: 2%; }
                #wrapper #wrapper_inner #footer #footer_inner .mv_area li:first-child a:nth-child(2) {
                  padding-bottom: 2%; }
        #wrapper #wrapper_inner #footer #footer_inner .caution {
          width: 60%;
          margin: -1% auto 6%; }

@media (max-width: 767px) {
  #wrapper #wrapper_inner {
    min-width: auto !important; }
    #wrapper #wrapper_inner #cp_end .cp_end_txt {
      width: 95% !important; }
    #wrapper #wrapper_inner .bg_header_sp {
      position: relative !important; }
      #wrapper #wrapper_inner .bg_header_sp .bellco_sp {
        position: absolute !important;
        top: 12% !important;
        left: 4% !important;
        width: 18% !important;
        z-index: 2 !important; }
    #wrapper #wrapper_inner .kasou_bellco_pc {
      width: 16% !important;
      bottom: 5% !important; }
    #wrapper #wrapper_inner #contents.kasou {
      background-image: url(../img/cp_middle_bg_sp.png) !important; }
    #wrapper #wrapper_inner #footer {
      width: 100% !important;
      background-image: url(../img/bg_footer_sp.png) !important;
      background-size: 100% auto !important; }
      #wrapper #wrapper_inner #footer #footer_inner .mv_area {
        display: flex !important;
        flex-direction: column !important;
        padding-top: 8% !important; }
        #wrapper #wrapper_inner #footer #footer_inner .mv_area li.mv_area02,
        #wrapper #wrapper_inner #footer #footer_inner .mv_area li.mv_area03 {
          width: 70% !important;
          margin: 0 auto 3% !important; }
      #wrapper #wrapper_inner #footer #footer_inner .caution {
        width: 70% !important;
        margin: 8% auto 12% !important; } }

/*# sourceMappingURL=main.css.map */