html {
    height: 100%;
    overflow-y: scroll;
        font-family: YuGothic, "Yu Gothic", 游ゴシック体, "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
}
ul{
    padding: 0;
    margin: 0;
}
body{
    margin: 0;
    width: 100%;
    height: 100%;
}
#c-page__wrapper{
    width: 100%;
    height: 100%;
}
.logo {
    position: absolute;
    top: -157px;
    bottom: 0;
    height: 200px;
    margin: auto 0 auto 30px;
    display: inline-block;
    width: 130px;
    height: 40px;
    overflow: hidden;
    background: url(../../common/images/gh_logo.png) no-repeat;
    background-size: 130px 40px;
}
h2{
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
    color: #b7282e;
    margin: 0;
}
.tx{
   font-size: 24px;
   line-height: 170%;
   margin: 50px 0 0;
}
.bgline__wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bgline__inner {
    min-width: 1000px;
    height: 100%;
    margin: 0 auto;
}
.bgline {
    opacity: 0.2;
    filter: alpha(opacity=20);
    display: flex;
    margin: 0 30px;
    border-right: 1px solid #cbc9c1;
    height: 100%;
    font-size: 0;
}
.bgline li {
    display: table-cell;
    width: 25%;
    height: 100%;
    border-left: 1px solid #cbc9c1;
}
.c-page__content{
    position: relative;
    width: auto;
    min-width: 1000px;
    height: 100%;
    margin: 0 30px; 
}
.c-inner{
    position: absolute;
    top: 0;
    bottom: 0;
    height: 200px;
    margin: auto 0 auto 25%;
    padding: 0 30px 0;
}