@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 {padding: 0; height: 5px; max-width: 1600px;margin: 0 auto;}
#headerTitle{width: 50%;min-width: 130px;max-width: 150px;}

/*----------------------------------------------------------------------------
***                                                              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: calc(10px + 2.3vw);}
.secBox > .sectionInner .titleBox h3{font-weight: normal;}

/*--- ボタン類共通 ---*/
.btnBox {margin:0 auto;position:relative;width: 90%;}
.btnBox a{color:#040000;}
.btnBox li.listMargin{/* margin: 0 auto 0em; */width: 48%;margin-bottom: 3%;padding: 0 2%;text-align: center;}
.btnBox li.listMargin img{min-width:190px;}
.btnBox li.listMargin:first-child{
    /* padding: 0 2%; */
}
.btnBox li.listMargin:last-child{
    /* margin: auto; */
}
.btnBox li.listMargin:nth-child(even){
    border-right: 1px dashed #040000;
}
.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;width: 20vw;}

/*--- スクロールバーの設定 ---*/
/* スクロールの幅 */
.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 .addressBox{margin: 8% auto 8%;max-width: 455px;}
#footerAreaInner .addressBox address{margin:0 0 2em; font-size: 14px;}
#footerAreaInner .addressBox .addressTtl {}
#footerAreaInner .addressBox .addressTtl .imgTtl{margin: 0 0 1.5em;max-width: 200px;}
#footerAreaInner .addressBox .imgIcoBox {margin: 0 0 1.5em;}
#footerAreaInner .addressBox .imgIco{margin: 0 0 0 0.3em;}
#footerAreaInner .txtTel{margin:0 2em 0 0;}
#footerAreaInner .addressBox .listMargin{/* margin: 0 0; */}
#footerAreaInner .mapBox{margin:0 auto;max-width: 510px;width: 100%;}
#footerAreaInner .mapBox iframe{width:100%;}

#footerAreaInner .btnBox li.listMargin{width: auto;text-align: left;}

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