@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                Container
----------------------------------------------------------------------------*/
.meiryo {font-family: 'メイリオ', "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI', Verdana, 'ＭＳ Ｐゴシック', sans-serif;}
/*----------------------------------------------------------------------------
***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {background: #1e2142;}
#headerAreaInner {padding: 2em 1em 2em;max-width: 1600px;margin: 0 auto;}


/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/

/*--- セクション共通 ---*/
.secBox{width: 100%;}
.secBox > .sectionInner{max-width:960px;margin: 0 auto;padding: 5em 2em 5em;}
.secBox > .sectionInner > .titleBox{margin: 0 0 1.5em;}
.secBox > .sectionInner .titleBox{font-size:32px;}
.secBox > .sectionInner .titleBox h2{font-weight: normal; letter-spacing:-0.1em;}

/*--- ボタン類共通 ---*/
.btnBox {margin:0 auto; position:relative;}
.btnBox a{color:#040000;}
.btnBox li.listMargin{margin: 0 3em 1.5em;}
.btnBox li.listMargin img{min-width:190px;}
.btnBox li.listMargin:first-child{}
.btnBox li.listMargin:last-child{}
.dispInFlex li{margin: 0 0.5em 1.5em;}
.dispInFlex li:first-child{}
.dispInFlex li:last-child{}

/*--- TOPへ戻るボタン ---*/
#btnTop{position:fixed;right:0;bottom:0;z-index:9;display:none;max-width: 112px;}

/*--- スクロールバーの設定 ---*/
/* スクロールの幅 */
.customScrollbar::-webkit-scrollbar {
    width: 6px;
    height: 5x;
}

/* スクロールの背景 */
.customScrollbar::-webkit-scrollbar-track {
    border-radius: 0px;
    box-shadow: 0 0 4px #e3e3e3 inset;
    background: #e3e3e3;
}

/* スクロールのつまみ部分 */
.customScrollbar::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(176, 176, 176, 0.6);
}

/* スクロールのつまみ部分 */
.customScrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(176, 176, 176, 1);
    cursor: pointer;
}

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {background: #1e2141;}
#footerAreaInner{max-width: 960px;margin:0 auto;padding: 3em 2em 3em;}
#footerAreaInner *{color: #fff;}

#footerAreaInner .btnBox{
    max-width: 200px;
    width: 100%;
    margin: 0;
}
#footerAreaInner .btnBox li{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;margin: 0 auto;}