@charset "shift_jis";
/* CSS Document */

/****************************
トップページ専用cssです

※新規制作の際は下記cssを全て消してから制作してください

****************************/

.master_kino_wrap{
    display: flex;
    justify-content: space-around;
}

.top_wrap {
    width: 1000px;
    margin: 0 auto;
    font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
.top_wrap .top_h_wrap {
    overflow: hidden;
    margin: 0 0 50px 0;
}
.top_wrap .top_logo {
    float: left;
}
.top_wrap p {
    float: left;
    font-size:15px;
    line-height: 15px;
    margin: 22px 0 22px 30px;
    font-weight: bold;
}
.top_wrap ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
}
.top_wrap li {
    float: left;
}

.top_wrap li:first-child {
    margin: 0 20px 0 0;
}

.top_wrap a {
    display: block;
    padding: 150px 0 150px 140px;
    width: 490px;
    box-sizing: border-box;
    border:5px solid #d20f1f;
    border-radius: 5px;
    text-decoration: none;
    font-size:70px;
    line-height: 70px;
    color:#d20f1f;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.top_wrap a:before {
    content: '';/*何も入れない*/
    display: inline-block;/*忘れずに！*/
    width: 63px;/*画像の幅*/
    height: 88.5px;/*画像の高さ*/
    background-image: url(/img/common/header/btn_logo.jpg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left:50px;
    top:0;
    bottom:0;
    margin: auto;
}