@charset "utf-8";

/* 全体 */

* {
    margin:0;
    padding:0;
}
:root{
    --key-color:#d59c3d;
    --font-color: #333;
}
body{
    color: var(--font-color);
}


/* ヘッダー */

#header{
    background-color: var(--key-color);
}

.header_site-title{
    background-color: var(--key-color);
}


/* ナビゲーション */

.g-navi ul{
    border-bottom:  6px solid var(--key-color);
    background-color: #fff;
}


.g-navi li+li::before{

    border-left: 6px solid var(--key-color);
}

.right-line:last-child::after{
    border-left: 6px solid var(--key-color);
}
.click-mark::before{
    background-color: var(--key-color);
}
.click-mark::after{
    border-bottom: 8px solid transparent;
    border-left:14px solid #fff;
    border-top: 8px solid transparent;
}
.click-mark{
    color: var(--font-color);
}
.click-mark:hover{
    color: var(--key-color);

}


/* main */

/* メインビジュアル */


.mv-cont{
    background-color: #f2f2f2;
}

.mv-cont p span{
    border-bottom: solid 0.2vw var(--font-color);
}



/* 行事予定 */


/* 共通部分 */

/* オレンジ背景見出し */
.h2-bg{
    background-color: var(--key-color);
    color: #fff;
}

/* 協会案内 */


/* 共通部分 */

/* 左あしらい線 */
.line-left{
    border-left: 0.4vw solid var(--key-color);    
}
/* 下余白 */

/* 左余白 */
.left-alignment{
    list-style: var(--key-color);
}
/* リスト点 */
.dot{
    color: var(--key-color);
}
/* リスト文字色 */
.text-black{
    color: var(--font-color);
}

/* お問い合わせ先 */

.ask h3{
    border-left: 0.4vw solid var(--key-color);
}
.ask_box{
    border: solid 3px var(--key-color);
}

.title-flame {
    background: #fff;

}
.ask h4{
    color: var(--key-color);
}  


/* フッター */

#footer{
    background-color: var(--key-color);
}


@media screen and (max-width: 500px) {
    /* 左あしらい線 */
    .line-left{
        border-left: 1vw solid var(--key-color);    
    }

    .ask h3{
        border-left: 1vw solid var(--key-color);
    }

}



/* 他ページ共通 */
/* タイトル中央ぞろえ */
.h2-bg-center{
    background-color: var(--key-color);
    color: #fff;
}



.operatiing-list li{
    border: solid 0.2vw var(--font-color);
}
.consultation li{
    background-color: var(--key-color);
    color: #ffffff;
}

table tr td{
    border: solid 2px #4d4d4d;
}

.table-top{
    background-color: #f2f2f2;
}

/* 盲ろう者通訳・介助員派遣事業 */

.dispatch-list{
    border-bottom: 2px solid #4d4d4d;
}

/* 交通アクセス */
.key-color{
    color: var(--key-color);
}

/* ハンバーガーメニュー */
@media screen and (max-width: 1024px) {
    .g-navi {
        background: #fff;
    }
    .hamburger span {
        width: 30px;
        background-color: var(--font-color);
    }
    .open .hamburger span {
        background-color: var(--font-color);
    }
    .g-navi li{
        border-bottom: solid 2px var(--key-color);
    }
    
    .g-navi ul {
        border: none;
        background-color: #fff;
    }
}