@charset "UTF-8";

/*margin
---------------------------------------------------------------------------*/
.hp_mb5 {
    margin-bottom: 5px !important;
}

/*スペース
---------------------------------------------------------------------------*/
.hp_space_md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.hp_spaceT_md {
    padding-top: 80px !important;
}

.hp_spaceB_md {
    padding-bottom: 60px !important;
}

.hp_space_lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.hp_spaceB_lg {
    padding-bottom: 100px !important;
}

/*スペース レスポンシブ*/
@media screen and (min-width: 768px) {
    .hp_spaceB_md {
        padding-bottom: 80px !important;
    }
}

/*text-align
---------------------------------------------------------------------------*/
.hp_txtCenter {
    text-align: center !important;
}

.hp_txtRight {
    text-align: right !important;
}

/*背景色
---------------------------------------------------------------------------*/
.hp_bgDarkgray {
    background-color: #40474A !important;
    color: #fff !important;
}

.hp_bgGray {
    background-color: #EFEFEF !important;
}

.hp_bgNavy {
    background-color: #212732 !important;
    color: #fff !important;
}

.hp_bgBlack {
    background-color: #000 !important;
    color: #fff !important;
}

/*PCのみ
---------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    .md_txtRight {
        text-align: right !important;
    }

    .md_hidden {
        display: none !important;
    }
}

/*スマホのみ
---------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .sm_hidden {
        display: none !important;
    }
}

.bold {font-weight: 600}
strong {font-weight: 600}
.mincho {font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "游明朝", serif;}


.font10 {font-size: 1.1em}
.font15 {font-size: 1.15em}
.font25 {font-size: 1.25em}
.font50 {font-size: 1.5em}

.text80 {font-size: 0.8em !important}
.text85 {font-size: 0.85em !important}
.text90 {font-size: 0.9em !important}
.text95 {font-size: 0.95em !important}
.text110 {font-size: 1.1em !important}
.text120 {font-size: 1.2em !important}
.text130 {font-size: 1.3em !important}
.text140 {font-size: 1.4em !important}
.text150 {font-size: 1.5em !important}
.text160 {font-size: 1.6em !important}
.text170 {font-size: 1.7em !important}
.text180 {font-size: 1.8em !important}
.text190 {font-size: 1.9em !important}
.text200 {font-size: 2em !important}
.text210 {font-size: 2.1em !important}
.text220 {font-size: 2.2em !important}
.text230 {font-size: 2.3em !important}
.text240 {font-size: 2.4em !important}
.text250 {font-size: 2.5em !important}

.lh150 {line-height: 1.5em !important}
.lh160 {line-height: 1.6em !important}
.lh170 {line-height: 1.7em !important}
.lh180 {line-height: 1.8em !important}
.lh190 {line-height: 1.9em !important}
.lh200 {line-height: 2em !important}
.lh210 {line-height: 2.1em !important}
.lh220 {line-height: 2.2em !important}
.lh230 {line-height: 2.3em !important}
.lh240 {line-height: 2.4em !important}
.lh250 {line-height: 2.5em !important}
.lh260 {line-height: 2.6em !important}
.lh270 {line-height: 2.7em !important}
.lh280 {line-height: 2.8em !important}
.lh290 {line-height: 2.9em !important}
.lh300 {line-height: 3em !important}


.nomargin{ margin:0 !important}
.ml-0{ margin-left:0 !important}
.ml-10{ margin-left:10px !important}
.ml-15{ margin-left:15px !important}
.ml-20{ margin-left:20px !important}
.ml-30{ margin-left:30px !important}
.ml-40{ margin-left:40px !important}
.ml-50{ margin-left:50px !important}
.mr-0{ margin-right:0 !important}
.mr-5{ margin-right:5px !important}
.mr-10{ margin-right:10px !important}
.mr-15{ margin-right:15px !important}
.mr-20{ margin-right:20px !important}
.mr-30{ margin-right:30px !important}
.mr-40{ margin-right:40px !important}
.mr-50{ margin-right:50px !important}
.mb-0{ margin-bottom:0 !important}
.mb-5{ margin-bottom:5px  !important}
.mb-10{ margin-bottom:10px !important}
.mb-15{ margin-bottom:15px !important}
.mb-20{ margin-bottom:20px !important}
.mb-25{ margin-bottom:25px !important}
.mb-30{ margin-bottom:30px !important}
.mb-35{ margin-bottom:35px !important}
.mb-40{ margin-bottom:40px !important}
.mb-45{ margin-bottom:45px !important}
.mb-50{ margin-bottom:50px !important}
.mb-55{ margin-bottom:55px !important}
.mb-60{ margin-bottom:60px !important}
.mb-65{ margin-bottom:65px !important}
.mb-70{ margin-bottom:70px !important}
.mb-80{ margin-bottom:80px !important}
.mb-90{ margin-bottom:90px !important}
.mb-100{ margin-bottom:100px !important}
.mb-110{ margin-bottom:110px !important}
.mb-120{ margin-bottom:120px !important}
.mb-130{ margin-bottom:130px !important}
.mb-140{ margin-bottom:140px !important}
.mb-150{ margin-bottom:150px !important}
.mb-160{ margin-bottom:160px !important}
.mb-170{ margin-bottom:170px !important}
.mb-180{ margin-bottom:180px !important}
.mb-190{ margin-bottom:190px !important}
.mb-200{ margin-bottom:200px !important}
.mb-210{ margin-bottom:210px !important}
.mt-0{ margin-top:0 !important}
.mt-5{ margin-top:5px !important !important}
.mt-10{ margin-top:10px !important}
.mt-15{ margin-top:15px !important}
.mt-20{ margin-top:20px !important}
.mt-25{ margin-top:25px !important}
.mt-30{ margin-top:30px !important}
.mt-35{ margin-top:35px !important}
.mt-40{ margin-top:40px !important}
.mt-45{ margin-top:45px !important}
.mt-50{ margin-top:50px !important}
.mt-55{ margin-top:55px !important}
.mt-60{ margin-top:60px !important}
.mt-65{ margin-top:65px !important}
.mt-70{ margin-top:70px !important}
.mt-80{ margin-top:80px !important}
.mt-90{ margin-top:90px !important}
.mt-100{ margin-top:100px !important}
.mt-110{ margin-top:110px !important}
.mt-120{ margin-top:120px !important}
.mt-130{ margin-top:130px !important}
.mt-140{ margin-top:140px !important}
.mt-150{ margin-top:150px !important}
.mt-160{ margin-top:160px !important}
.mt-170{ margin-top:170px !important}
.mt-180{ margin-top:180px !important}
.mt-190{ margin-top:190px !important}
.mt-200{ margin-top:200px !important}
.mt-210{ margin-top:210px !important}

.pd0{padding: 0px !important}
.pd5{padding: 5px !important}
.pd10{padding: 10px !important}
.pd15{padding: 15px !important}
.pd25{padding: 25px !important}
.pd35{padding: 35px !important}
.pd45{padding: 45px !important}
.pd55{padding: 55px !important}

.nopadding{ padding:0  !important}
.pl-0{ padding-left:0 !important}
.pl-5{ padding-left:5px !important}
.pl-10{ padding-left:10px !important}
.pl-15{ padding-left:15px  !important}
.pl-20{ padding-left:20px !important}
.pl-30{ padding-left:30px !important}
.pr-0{ padding-right:0 !important}
.pr-5{ padding-right:5px !important}
.pr-10{ padding-right:10px !important}
.pr-15{ padding-right:15px  !important}
.pr-20{ padding-right:20px !important}
.pr-30{ padding-right:30px !important}
.pt-0{ padding-top:0 !important}
.pt-5{ padding-top:5px !important}
.pt-10{ padding-top:10px !important}
.pt-15{ padding-top:15px !important}
.pt-20{ padding-top:20px !important}
.pt-25{ padding-top:25px !important}
.pt-30{ padding-top:30px !important}
.pt-35{ padding-top:35px !important}
.pt-40{ padding-top:40px !important}
.pt-45{ padding-top:45px !important}
.pt-50{ padding-top:50px !important}
.pt-55{ padding-top:55px !important}
.pt-60{ padding-top:60px !important}
.pt-65{ padding-top:65px !important}
.pt-70{ padding-top:70px !important}
.pt-75{ padding-top:75px !important}
.pt-80{ padding-top:80px !important}
.pt-90{ padding-top:90px !important}
.pt-100{ padding-top:100px !important}
.pt-110{ padding-top:110px !important}
.pt-115{ padding-top:115px !important}
.pt-120{ padding-top:120px !important}
.pt-130{ padding-top:130px !important}
.pt-140{ padding-top:140px !important}
.pt-150{ padding-top:150px !important}
.pt-160{ padding-top:160px !important}
.pt-170{ padding-top:170px !important}
.pt-180{ padding-top:180px !important}
.pt-190{ padding-top:190px !important}
.pt-200{ padding-top:200px !important}
.pt-210{ padding-top:210px !important}
.pt-220{ padding-top:220px !important}
.pt-230{ padding-top:230px !important}
.pt-240{ padding-top:240px !important}
.pt-250{ padding-top:250px !important}
.pt-260{ padding-top:260px !important}
.pt-270{ padding-top:270px !important}
.pt-280{ padding-top:280px !important}
.pt-290{ padding-top:290px !important}
.pt-300{ padding-top:300px !important}
.pt-340{ padding-top:340px !important}
.pt-370{ padding-top:370px !important}
.pt-390{ padding-top:390px !important}
.pb-0{ padding-bottom:0 !important}
.pb-5{ padding-bottom:5px !important}
.pb-10{ padding-bottom:10px !important}
.pb-15{ padding-bottom:15px !important}
.pb-20{ padding-bottom:20px !important}
.pb-25{ padding-bottom:25px !important}
.pb-30{ padding-bottom:30px !important}
.pb-35{ padding-bottom:35px !important}
.pb-40{ padding-bottom:40px !important}
.pb-45{ padding-bottom:45px !important}
.pb-50{ padding-bottom:50px !important}
.pb-55{ padding-bottom:55px !important}
.pb-60{ padding-bottom:60px !important}
.pb-65{ padding-bottom:65px !important}
.pb-70{ padding-bottom:70px !important}
.pb-75{ padding-bottom:75px !important}
.pb-80{ padding-bottom:80px !important}
.pb-90{ padding-bottom:90px !important}
.pb-100{ padding-bottom:100px !important}
.pb-110{ padding-bottom:110px !important}
.pb-115{ padding-bottom:115px !important}
.pb-120{ padding-bottom:120px !important}
.pb-130{ padding-bottom:130px !important}
.pb-140{ padding-bottom:140px !important}
.pb-150{ padding-bottom:150px !important}
.pb-160{ padding-bottom:160px !important}
.pb-170{ padding-bottom:170px !important}
.pb-180{ padding-bottom:180px !important}
.pb-190{ padding-bottom:190px !important}
.pb-200{ padding-bottom:200px !important}
.pb-210{ padding-bottom:210px !important}
.pb-220{ padding-bottom:220px !important}
.pb-230{ padding-bottom:230px !important}
.pb-240{ padding-bottom:240px !important}
.pb-250{ padding-bottom:250px !important}
.pb-260{ padding-bottom:260px !important}
.pb-270{ padding-bottom:270px !important}
.pb-280{ padding-bottom:280px !important}
.pb-290{ padding-bottom:290px !important}
.pb-300{ padding-bottom:300px !important}
.pb-370{ padding-bottom:370px !important}