@charset "utf-8";

    div#floating-menu {
        position: absolute;
        width: 150px;
        top: 150px;
        right: 5%;
        border: 1px solid #000000;
        border-radius: 10px; /* 角を丸める */
        /*background: rgba(255, 255, 255, 0.5);  背景色を白に指定して不透明度を0.5に指定 */
     /*background:beige;*/
       /* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
        /* 影の色を指定している。 */
        -moz-box-shadow: 0px 0px 7px #454545; /* Firefox用 */
        -webkit-box-shadow: 0px 0px 7px #454545; /* Google ChromeやSafari用 */
        box-shadow: 0px 0px 7px #454545; /* CSS3対応ブラウザ用 */
    
        z-index: 9999;
        padding:10px;
    }
    
    .hover_img {
      opacity:1;
    }
    
    .hover_img:hover {
      opacity:0.5;
    
    
    }
    
    
     .example-button {
        display: inline-block;
        width: 150px;
        height: 54px;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        line-height: 54px;
        outline: none;
    }
    
    .button {
      background-color: #333;
      
    
    }
    
    .button:hover {
      background-color: #59b1eb;
    }
    
    .button::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .button::after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    
    .Lifefork {
      color: #fff;
      letter-spacing:4px;
    
    }
    
    .transition {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .5s;
        transition: all .5s;
    
    }
    
    .fork {
      border-bottom:1px solid;
    
    }
    

    @media screen and (max-width: 1299px){


      div#floating-menu {

          /*display: none !important;*/
          opacity: 0;
          pointer-events: none;

      }
    }

.fot_flex {

  display: flex;
}


.fot_flex .mod-contact-block_tel {

  display: none;

}
