@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: 3% 1em 3%;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 h2{font-weight: normal;}

/*--- ボタン類共通 ---*/
.btnBox {margin:0 auto; position:relative;}
.btnBox a{color:#040000;}
.btnBox li.listMargin{margin: 0 auto 0em;}
.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;width: 20vw;}

/*--- スクロールバーの設定 ---*/
/* スクロールの幅 */
.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 .addressBox{margin: 8% auto 8%;max-width: 455px;width: 100%;}
#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%;}