@charset "UTF-8";

/*======================================================
九州大会ページのスタイル
======================================================*/

/* 文字サイズ */
.page-kvma{
    p,li,dd,th,td{
    font-size:clamp(1.6rem,1.8vw,1.8rem);
    }
}

.page-title p{
    font-size:inherit;
}


/* スムーススクロールヘッダー分 */
#kvma-outline,#sign-up,#kvma-entry{
    scroll-margin-top: 100px;
}

/* 注意事項のフォント */
.kvma-att{
   font-size:clamp(1.6rem,1.8vw,1.8rem);
   color:rgb(252, 108, 75);
   font-weight: bold;
}

/* -----------------------------------
大事な項目を囲む
----------------------------------- */

.kvma-border{
    /* border:4px solid #aedbc1; */
    background-color: #fff;
    padding:20px 40px;
    display:inline-block;
    margin:10px 0;
}



/* -----------------------------------
ページナビ（ページ内リンク）
 ----------------------------------- */

.kvma-page-nav{
    display:grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit,minmax(80px, 1fr));
    max-width:600px;
    margin:20px auto;
    background-color: #fff;
    padding:10px;
    border:1px solid #00903D;
    li{
        text-align: center;
    }
}

.kvma-page-nav li a{
    text-decoration:none;
    color:#00903D;
    line-height: 0.5;
    &::after{
        font-family:"Font Awesome 5 Free";
        content:"\f0dd";
        font-weight: 900;
        display: block;
    }
}


/* -----------------------------------
 見出し
 ----------------------------------- */

/* h5 */
.heading-kvma{
    font-size:18px;
    font-weight: bold;
    margin-top:20px;
    margin-bottom:10px;
    color:#00903D;
    border-left:6px solid #49c17b;
    padding-left:5px;
    line-height: 1.2em;
}

/* -----------------------------------
 テーブル
 ----------------------------------- */


.c-ta-kvma-outline{
    td{
        background-color: #fff;
    }
th{
    text-align: center;
    font-weight: bold;
    @media(min-width:768px){
        width:20%;
    }
}
}

.c-ta-kvma-price{
    @media(min-width:768px){
        max-width:600px;
    }
    th{
        background-color: #f2f2f2;
        text-align: center;
        font-weight: bold;
    }
    td{
        background: #fff;
    }
    td:last-of-type{
        text-align: center;
    }
}

.c-ta-kvma-rimit{
    th,td{
        background-color: #fff;
    }
}

/* -----------------------------------
ボタン
 ----------------------------------- */

 .page-kvma .btn{
    margin:10px 0;
    border:1px solid #00903D;
    background-color: #fff;
    border-radius:20px;
    color:#00903D;
    display:block;
    padding:4px 10px;
    &:hover{
        background-color: #00903D;
        transition:.5s;
        a{
            color:#fff;
        }
    }
    a{
        color:#00903D;
        display:block;
        padding:4px 10px;
        text-decoration: none;

    }
    a:hover{
        color:#fff;
    }
}

.btn-kvma{
    min-width:280px;
}

/* ボタン2つ横並び */

.btn-col-2{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    max-width:600px;
    gap:20px;
}

/* -----------------------------------
発表申し込み
 ----------------------------------- */

.kvma-entry-list li{
    margin-bottom:0.5em;
    line-height: 1.5em;
    margin-left:2em;
    list-style:circle;
}

/* -----------------------------------
リストスタイル
 ----------------------------------- */
.kvma-houshou{
    li{
        list-style: none;
        text-indent: -1.5em;
        padding-left:1.5em;
        margin-bottom:0.5em;
    }    
}

/* セクション背景色 */
.kvma-outline{
    background:#fbfbef;
    padding:60px 0;
}

.kvma-entry{
    background:#f8f9f4;
    padding:60px 0;
}

.sign-up{
    /* background:#f6fde5; */
    background:#f2f6e9;
    padding:60px 0;
}