:root{
    --kplan-system-color:#73c117;
}
.title_call{
    font-family: 'Orbitron', sans-serif;
    text-align:center;
    font-size:300%;
    color:var(--kplan-system-color);
    font-weight:bold;
}
@media screen and (min-width:835px){
body.extend {
    background: url("./img/blog.jpg") center 0 no-repeat;
    background-position: center center; /* 画像を常に天地左右の中央に配置 */
    background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
    background-attachment: fixed; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
}
body.extend::before {
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: inherit;
  filter: blur(3px);
  z-index: -1;
}
.login{
    padding-left:20%;
    padding-right:20%;
  }
  
  .panel-heading{
    text-align:center;
  }
body{
    margin-left:25%!important;
    width:50%!important;
}

h1.title{
    margin-bottom: 40px;
    font-size: 100px;
    font-family: 'Playfair Display', serif;
    position: relative;
    top: 200px;
    text-align: center;
    color: #000;
}
h1.title:hover{
    color: #fff;
}
.btn-black {
    border-radius: 0;
    background-color: #a52a2a;
    color: #fff;
    position: relative;
    top: 250px;

    color: #fff;
}
.btn-black:hover {
     background-color: #fff;
     color: #000;
};




}

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

    body.extend {
        background: url("./img/blog.jpg") center 0 no-repeat;
        background-position: center center; /* 画像を常に天地左右の中央に配置 */
        background-repeat: no-repeat; /* 画像をタイル状に繰り返し表示しない */
        background-attachment: fixed; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
        background-size: cover; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
        background-color: #464646; /* 背景画像が読み込まれる前に表示される背景のカラー */
    }
    body.extend::before {
      content: '';
      position: absolute;
      top: -5px;
      bottom: -5px;
      left: -5px;
      right: -5px;
      background: inherit;
      filter: blur(3px);
      z-index: -1;
    }
    
    h1.title{
        margin-bottom: 40px;
        font-size: 100px;
        font-family: 'Playfair Display', serif;
        position: relative;
        top: 200px;
        text-align: center;
        color: #000;
    }
    h1.title:hover{
        color: #fff;
    }
    .btn-black {
        border-radius: 0;
        background-color: #a52a2a;
        color: #fff;
        position: relative;
        top: 250px;
    
        color: #fff;
    }
    .btn-black:hover {
         background-color: #fff;
         color: #000;
    }

    .login{
        margin-left:10%!important;
        width:80%!important;
    }

}