.index-panel{
    position: fixed;
    top: 0;
    left: 0;
    background-image: url('/images/polygon-5.jpg');
    width: 100%;
    height: 100vh;
    z-index: -999;
    padding-top: 63px; /* navigation var height margin */
    display: flex;
    flex-direction: column;
}
.index-panel:before, .index-panel:after{
    content: "";
    display: block;
    flex: 1;
}
.index-eye-catch{
    background-color: #108600;
    width: 80%;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.index-eye-catch .slogan{
    margin: 15px;
    padding: 0;
    font-size: 2em;
    color: #f5f5f5;
    font-family: 'M+ C Type-1 (basic latin) Thin', 'M+ Type-1 (general-j) Thin', sans-serif;
}
.index-eye-catch h1{
    margin: 0;
    padding: 13px;
    background-color: #e8e8e8;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #2e2e2e;
    font-family: 'M+ C Type-1 (basic latin) Regular', 'M+ Type-1 (general-j) Regular', sans-serif;
    text-align: right;
}

@media screen and (max-width: 47.9375rem){
    .index-eye-catch{
        width: 100%;
    }
    .index-eye-catch h1{
        text-align: center;
    }
    .index-eye-catch .slogan{
        text-align: center;
    }
}
.index-container-wrapper{ /* for eye catch image */
    margin-top: 100vh;
    background-color: white;
    box-shadow: 0px -10px 10px rgba(0,0,0,0.4);
    padding-bottom: 30px;
}
@media screen and (max-width: 47.9375rem){
    .index-container-wrapper{ 
        padding: 15px;
    }
}
.row-panel{
    padding: 15px;
    color: white;
    overflow: hidden;
}

.row-panel h3{
    color: white;
    transform:skewX(15deg);
    padding: 15px;
}
.row-panel p{
    padding: 15px;
}
.row-panel.dev-section h3{
    background-color: #1f8b4d;
}
.row-panel.inf-section h3{
    background-color: #21718b;
}
.row-panel-content-wrapper{
    margin-top: 25px;
    height: 170px;
}
.row-panel .row-panel-content-wrapper{
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
    border-radius: 5px;
}
.row-panel.dev-section .row-panel-content-wrapper{
    background: url("/images/dev.jpg");
}
.row-panel.inf-section .row-panel-content-wrapper{
    background: url("/images/inf.jpg");
}
.row-panel .row-panel-content-wrapper:before{
    content: '';
    background: inherit;/*.bgImageで設定した背景画像を継承する*/
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    position: absolute;
    /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -2;

}

.news-table{
    margin-top: 30px;
}