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

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


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

/*--- セクション共通 ---*/
.secBox{width: 100%;}
.secBox > .sectionInner{max-width:960px;margin: 0 auto;padding: 3em 2em 3em;}
.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;margin-bottom:0.4em;}
.secBox > .sectionInner .titleBox h3{font-weight: normal; letter-spacing:0.1em;margin-bottom:0.4em;font-size: xx-large;}


/*--- ボタン類共通 ---*/
.btnBox {margin:0 auto; position:relative;}
.btnBox a{color:#040000;}
.btnBox li.listMargin{padding: 0 2em;border-left: 1px dashed #040000;}
.btnBox li.listMargin:last-child{border-right: 1px dashed #040000;}
.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{}

/*.btnBox {margin:0 auto; position:relative;}
.btnBox a{color:#040000;}
.btnBox li.listMargin{padding: 0 2em;border-left: 1px dashed #040000;}
.btnBox li.listMargin:last-child{border-right: 1px dashed #040000;}
.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{}
.allBtn{display: block;margin: 0 auto;padding: 0.5em 0.5em;background-color: #040000;color: #fff;transition: ease 0.3s;width: 35%;min-width: 160px;border: 1px solid #040000;text-align: center;}
.allBtn:hover{color: #040000;text-decoration: none;background-color: #fff;border: 1px solid #040000;}
.allBtn:visited{color: #fff;}
.allBtn:visited:hover{color: #040000;}

.dli-chevron-down {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.13em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-42%) translateX(70%) rotate(135deg);
    transition: ease 0.3s;
  }

  .allBtn:hover>.dli-chevron-down{
    color: #040000;
    transition: ease 0.3s;
  }*/

/*--- 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;
    -webkit-box-shadow: 0 0 4px #e3e3e3 inset;
            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: #040000;}
#footerAreaInner{max-width: 960px;margin:0 auto;padding: 3em 2em 3em;}
#footerAreaInner *{color: #fff;}

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

#footerAreaInner .addressBox{display:flex;align-items: end;}
#footerAreaInner .instImg{
    margin-left: 2em;
}



/*#footerArea {background: #040000;}
#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;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;margin: 0 auto;}*/