@charset "UTF-8";

/* ====================================================
専用ヘルパー
==================================================== */
.bgc_none { background-color: transparent;}
.bgc_inogranicBlue {background-color: #F3F4F5;}
.bgc_pOrange { background-color: #fcefcf;}

.of_x_hidden {
  overflow-x: hidden;
}

/* ====================================================
製作途中のグループ
==================================================== */

/* -----------------------------------------------------------
子要素の輪郭を丸くする
----------------------------------------------------------- */
.hp_borderR5 > * { border-radius: 5px !important;}
.hp_borderR10 > * { border-radius: 10px !important;}
.hp_borderR15 > * { border-radius: 15px !important;}
.hp_borderR20 > * { border-radius: 20px !important;}
.hp_borderR25 > * { border-radius: 25px !important;}
.hp_borderR30 > * { border-radius: 30px !important;}
.hp_borderR35 > * { border-radius: 35px !important;}
.hp_borderR40 > * { border-radius: 40px !important;}
.hp_borderR45 > * { border-radius: 45px !important;}

/* -----------------------------------------------------------
子要素の画像の角を丸くする
----------------------------------------------------------- */
.hp_img_borderR5 img { border-radius: 5px !important;}
.hp_img_borderR10 img { border-radius: 10px !important;}
.hp_img_borderR15 img { border-radius: 15px !important;}
.hp_img_borderR20 img { border-radius: 20px !important;}
.hp_img_borderR25 img { border-radius: 25px !important;}
.hp_img_borderR30 img { border-radius: 30px !important;}
.hp_img_borderR35 img { border-radius: 35px !important;}
.hp_img_borderR40 img { border-radius: 40px !important;}
.hp_img_borderR45 img { border-radius: 45px !important;}


/* ====================================================
ボックスモデル
==================================================== */

.hp_centering {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
}

@media (max-width:900px) {
  .md_centering {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }
}
/* -----------------------------------------------------------
PC調整
----------------------------------------------------------- */
.img_center{ display:block; margin-left:auto; margin-right:auto;  max-width:100%;}
@media(min-width:901px){
.lg_hidden{ display:none !important;}
.center_left{ text-align:center;}
.left_center{ text-align:left;}
.right_center{ text-align:right;}
.right_left{ text-align:right;}
}
/* -----------------------------------------------------------
スマホ調整
----------------------------------------------------------- */
@media(max-width:900px){
.md_hidden{ display:none !important;}
.center_left{ text-align:left;}
.left_center{ text-align:center;}
.right_center{ text-align:center;}
.right_left{ text-align:left;}
}

.anc_cont{ padding-top: 100px; margin-top: -100px; }

@media (max-width:900px) {
  .anc_cont{ padding-top: 40px; margin-top: -40px;}
}

@media (max-width:900px) {
  .md_blockType{ display: block; }
}

@media (max-width:900px) {
  .md_flexType{ display: flex !important;}
}

@media (max-width: 1000px) {
  .lg_w1000_upper { display: none !important; }
}

.lg_only { display: block !important;}

.lg_only_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width: 900px) {
  .lg_only { display: none !important;}
  .lg_only_flex { display: none !important;}
}

.md_only { display: none !important; }
.md_only_flex { display: none !important;}

@media (max-width: 900px) {
  .md_only { display: block !important; }
  .md_only_flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

/* --------------------------------------------
padding
-----------------------------------------------*/

.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
.pd50 {padding: 50px;}
.pd60 {padding: 60px;}

.ptb0 {padding-top: 0; padding-bottom: 0;}
.ptb10 {padding-top: 10px; padding-bottom: 10px;}
.ptb15 {padding-top: 15px; padding-bottom: 15px;}
.ptb20 {padding-top: 20px; padding-bottom: 20px;}
.ptb30 {padding-top: 30px; padding-bottom: 30px;}
.ptb_30 {padding-top: -30px; padding-bottom: -30px;}
.ptb40 {padding-top: 40px; padding-bottom: 40px;}
.ptb50 {padding-top: 50px; padding-bottom: 50px;}
.ptb60 {padding-top: 60px; padding-bottom: 60px;}

.ptb0_5em {padding-top: 0.5em;padding-bottom: 0.5em;}
.ptb1em {padding-top: 1em;padding-bottom: 1em;}

.pt0 {padding-top: 0;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt_30 {padding-top: -30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}

.pb0 {padding-bottom: 0;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb_30 {padding-bottom: -30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb60 {padding-bottom: 60px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}

/* padding right left */

.pdrl0_5em {padding-right: 0.5em;  padding-left: 0.5em; }
.pdrl1em {padding-right: 1em;  padding-left: 1em; }

.pdrl5 {padding-right: 5px;  padding-left: 5px; }
.pdrl10 {padding-right: 10px;  padding-left: 10px; }
.pdrl15 {padding-right: 15px;  padding-left: 15px; }
.pdrl20 {padding-right: 20px;  padding-left: 20px; }
.pdrl25 {padding-right: 25px;  padding-left: 25px; }
.pdrl30 {padding-right: 30px;  padding-left: 30px; }
.pdrl35 {padding-right: 35px;  padding-left: 35px; }
.pdrl40 {padding-right: 40px;  padding-left: 40px; }
.pdrl45 {padding-right: 45px;  padding-left: 45px; }


/* --------------------------------------------
margin
-----------------------------------------------*/
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg30 {margin: 30px;}
.mg40 {margin: 40px;}
.mg50 {margin: 50px;}
.mg60 {margin: 60px;}

.mtb0 {margin-top: 0px; margin-bottom: 0px;}
.mtb10 {margin-top: 10px; margin-bottom: 10px;}
.mtb20 {margin-top: 20px; margin-bottom: 20px;}
.mtb30 {margin-top: 30px; margin-bottom: 30px;}
.mtb_30 {  margin-top: -30px; margin-bottom: -30px;}
.mtb40 {  margin-top: 40px; margin-bottom: 40px;}
.mtb50 {  margin-top: 50px; margin-bottom: 50px;}
.mtb60 {  margin-top: 60px; margin-bottom: 60px;}

.mtb16 {margin-top: 16px;margin-bottom: 16px;}
.mtb1em {margin-top: 1em;margin-bottom: 1em;}

.mt0 {margin-top: 0px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
/* .mt_30 {  margin-top: -30px;} */
.mt40 {  margin-top: 40px;}
.mt50 {  margin-top: 50px;}
.mt60 {  margin-top: 60px;}
.mt70 {  margin-top: 70px;}
.mt80 {  margin-top: 80px;}
.mt90 {  margin-top: 90px;}

.mb0 {margin-bottom: 0px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
/* .mb_30 {  margin-bottom: -30px;} */
.mb40 {  margin-bottom: 40px;}
.mb50 {  margin-bottom: 50px;}
.mb60 {  margin-bottom: 60px;}
.mb70 {  margin-bottom: 70px;}
.mb80 {  margin-bottom: 80px;}
.mb90 {  margin-bottom: 90px;}

/* margin right left */
.mr0_5em {margin-right: 0.5em;}
.ml0_5em {margin-left: 0.5em;}
.mr1em {margin-right: 1em;}
.ml1em {margin-left: 1em;}
.mlr {margin: 0 1em;}

.mA {margin-right: auto;margin-left: auto;}

.spacel { margin-left: 1em;}
.spacer {margin-right: 1em;}

@media (max-width: 900px) {
  .spacel { margin-left: 0;}
  .spacer {margin-right: 0;}
}

.mrl0_5em {margin-right: 0.5em;  margin-left: 0.5em; }
.mrl1em {margin-right: 1em;  margin-left: 1em; }

.mrl5 {margin-right: 5px;  margin-left: 5px; }
.mrl10 {margin-right: 10px;  margin-left: 10px; }
.mrl15 {margin-right: 15px;  margin-left: 15px; }
.mrl20 {margin-right: 20px;  margin-left: 20px; }
.mrl25 {margin-right: 25px;  margin-left: 25px; }
.mrl30 {margin-right: 30px;  margin-left: 30px; }
.mrl35 {margin-right: 35px;  margin-left: 35px; }
.mrl40 {margin-right: 40px;  margin-left: 40px; }
.mrl45 {margin-right: 45px;  margin-left: 45px; }


/* ====================================================
ヘルパー padding margin top bottom
==================================================== */

/* padding */
.hp_pd5 {padding: 5px !important;}
.hp_pd10 {padding: 10px !important;}
.hp_pd15 {padding: 15px !important;}
.hp_pd20 {padding: 20px !important;}
.hp_pd30 {padding: 30px !important;}
.hp_pd40 {padding: 40px !important;}
.hp_pd50 {padding: 50px !important;}
.hp_pd60 {padding: 60px !important;}

.hp_ptb0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.hp_ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.hp_ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.hp_ptb30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.hp_ptb_30 {padding-top: -30px !important; padding-bottom: -30px !important;}
.hp_ptb40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.hp_ptb50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.hp_ptb60 {padding-top: 60px !important; padding-bottom: 60px !important;}

.hp_ptb0_5em {padding-top: 0.5em !important;padding-bottom: 0.5em !important;}
.hp_ptb1em {padding-top: 1em !important;padding-bottom: 1em !important;}

.hp_pt0 {padding-top: 0 !important;}
.hp_pt10 {padding-top: 10px !important;}
.hp_pt20 {padding-top: 20px !important;}
.hp_pt30 {padding-top: 30px !important;}
.hp_pt_30 {  padding-top: -30px !important;}
.hp_pt40 {  padding-top: 40px !important;}
.hp_pt50 {  padding-top: 50px !important;}
.hp_pt60 {  padding-top: 60px !important;}
.hp_pt70 {  padding-top: 70px !important;}
.hp_pt80 {  padding-top: 80px !important;}
.hp_pt90 {  padding-top: 90px !important;}

.hp_pb0 {padding-bottom: 0 !important;}
.hp_pb10 {padding-bottom: 10px !important;}
.hp_pb20 {padding-bottom: 20px !important;}
.hp_pb30 {padding-bottom: 30px !important;}
.hp_pb_30 {  padding-bottom: -30px !important;}
.hp_pb40 {  padding-bottom: 40px !important;}
.hp_pb50 {  padding-bottom: 50px !important;}
.hp_pb60 {  padding-bottom: 60px !important;}
.hp_pb70 {  padding-bottom: 70px !important;}
.hp_pb80 {  padding-bottom: 80px !important;}
.hp_pb90 {  padding-bottom: 90px !important;}

/* padding right left */
.hp_pdrl15 {padding-right: 15px !important;  padding-left: 15px !important; }

/* margin */
.hp_mg5 {margin: 5px !important;}
.hp_mg10 {margin: 10px !important;}
.hp_mg15 {margin: 15px !important;}
.hp_mg20 {margin: 20px !important;}
.hp_mg30 {margin: 30px !important;}
.hp_mg40 {margin: 40px !important;}
.hp_mg50 {margin: 50px !important;}
.hp_mg60 {margin: 60px !important;}

.hp_mtb0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.hp_mtb10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.hp_mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.hp_mtb30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.hp_mtb_30 {  margin-top: -30px !important; margin-bottom: -30px !important;}
.hp_mtb40 {  margin-top: 40px !important; margin-bottom: 40px !important;}
.hp_mtb50 {  margin-top: 50px !important; margin-bottom: 50px !important;}
.hp_mtb60 {  margin-top: 60px !important; margin-bottom: 60px !important;}

.hp_mtb16 {margin-top: 16px !important;margin-bottom: 16px !important;}
.hp_mtb1em {margin-top: 1em !important;margin-bottom: 1em !important;}

.hp_mt0 {margin-top: 0px !important;}
.hp_mt10 {margin-top: 10px !important;}
.hp_mt20 {margin-top: 20px !important;}
.hp_mt30 {margin-top: 30px !important;}
.hp_mt_30 {  margin-top: -30px !important;}
.hp_mt40 {  margin-top: 40px !important;}
.hp_mt50 {  margin-top: 50px !important;}
.hp_mt60 {  margin-top: 60px !important;}
.hp_mt70 {  margin-top: 70px !important;}
.hp_mt80 {  margin-top: 80px !important;}
.hp_mt90 {  margin-top: 90px !important;}

.hp_mb0 {margin-bottom: 0px !important;}
.hp_mb10 {margin-bottom: 10px !important;}
.hp_mb20 {margin-bottom: 20px !important;}
.hp_mb30 {margin-bottom: 30px !important;}
.hp_mb_30 {  margin-bottom: -30px !important;}
.hp_mb40 {  margin-bottom: 40px !important;}
.hp_mb50 {  margin-bottom: 50px !important;}
.hp_mb60 {  margin-bottom: 60px !important;}
.hp_mb70 {  margin-bottom: 70px !important;}
.hp_mb80 {  margin-bottom: 80px !important;}
.hp_mb90 {  margin-bottom: 90px !important;}

/* margin right left */
.hp_mr0_5em {margin-right: 0.5em !important;}
.hp_ml0_5em {margin-left: 0.5em !important;}
.hp_mr1em {margin-right: 1em !important;}
.hp_ml1em {margin-left: 1em !important;}
.hp_mlr {margin: 0 1em !important;}

.hp_mrl0_5em {margin-right: 0.5em !important; margin-left: 0.5em !important;}

.hp_mA {margin-right: auto !important;margin-left: auto !important;}

.hp_spacel { margin-left: 0.5em !important;}
.hp_spacer {margin-right: 0.5em !important;}

@media (max-width: 900px) {
  .hp_spacel { margin-left: 0 !important;}
  .hp_spacer {margin-right: 0 !important;}
}

/* ====================================================
lg padding margin top bottom
==================================================== */

@media (min-width:901px) {
  /* padding */
.lg_pd5 {padding: 5px !important;}
.lg_pd10 {padding: 10px !important;}
.lg_pd15 {padding: 15px !important;}
.lg_pd20 {padding: 20px !important;}
.lg_pd30 {padding: 30px !important;}
.lg_pd40 {padding: 40px !important;}
.lg_pd50 {padding: 50px !important;}
.lg_pd60 {padding: 60px !important;}

.lg_ptb0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.lg_ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.lg_ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.lg_ptb30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.lg_ptb_30 {padding-top: -30px !important; padding-bottom: -30px !important;}
.lg_ptb40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.lg_ptb50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.lg_ptb60 {padding-top: 60px !important; padding-bottom: 60px !important;}

.lg_ptb0_5em {padding-top: 0.5em !important;padding-bottom: 0.5em !important;}
.lg_ptb1em {padding-top: 1em !important;padding-bottom: 1em !important;}

.lg_pt0 {padding-top: 0 !important;}
.lg_pt10 {padding-top: 10px !important;}
.lg_pt20 {padding-top: 20px !important;}
.lg_pt30 {padding-top: 30px !important;}
.lg_pt_30 {  padding-top: -30px !important;}
.lg_pt40 {  padding-top: 40px !important;}
.lg_pt50 {  padding-top: 50px !important;}
.lg_pt60 {  padding-top: 60px !important;}
.lg_pt70 {  padding-top: 70px !important;}
.lg_pt80 {  padding-top: 80px !important;}
.lg_pt90 {  padding-top: 90px !important;}

.lg_pb0 {padding-bottom: 0 !important;}
.lg_pb10 {padding-bottom: 10px !important;}
.lg_pb20 {padding-bottom: 20px !important;}
.lg_pb30 {padding-bottom: 30px !important;}
.lg_pb_30 {  padding-bottom: -30px !important;}
.lg_pb40 {  padding-bottom: 40px !important;}
.lg_pb50 {  padding-bottom: 50px !important;}
.lg_pb60 {  padding-bottom: 60px !important;}
.lg_pb70 {  padding-bottom: 70px !important;}
.lg_pb80 {  padding-bottom: 80px !important;}
.lg_pb90 {  padding-bottom: 90px !important;}

/* padding right left */
.lg_pdrl15 {padding-right: 15px !important;  padding-left: 15px !important; }

/* margin */
.lg_mg5 {margin: 5px !important;}
.lg_mg10 {margin: 10px !important;}
.lg_mg15 {margin: 15px !important;}
.lg_mg20 {margin: 20px !important;}
.lg_mg30 {margin: 30px !important;}
.lg_mg40 {margin: 40px !important;}
.lg_mg50 {margin: 50px !important;}
.lg_mg60 {margin: 60px !important;}

.lg_mtb0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.lg_mtb10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.lg_mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.lg_mtb30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.lg_mtb_30 {  margin-top: -30px !important; margin-bottom: -30px !important;}
.lg_mtb40 {  margin-top: 40px !important; margin-bottom: 40px !important;}
.lg_mtb50 {  margin-top: 50px !important; margin-bottom: 50px !important;}
.lg_mtb60 {  margin-top: 60px !important; margin-bottom: 60px !important;}

.lg_mtb16 {margin-top: 16px !important;margin-bottom: 16px !important;}
.lg_mtb1em {margin-top: 1em !important;margin-bottom: 1em !important;}

.lg_mt0 {margin-top: 0px !important;}
.lg_mt10 {margin-top: 10px !important;}
.lg_mt20 {margin-top: 20px !important;}
.lg_mt30 {margin-top: 30px !important;}
.lg_mt_30 {  margin-top: -30px !important;}
.lg_mt40 {  margin-top: 40px !important;}
.lg_mt50 {  margin-top: 50px !important;}
.lg_mt60 {  margin-top: 60px !important;}
.lg_mt70 {  margin-top: 70px !important;}
.lg_mt80 {  margin-top: 80px !important;}
.lg_mt90 {  margin-top: 90px !important;}

.lg_mb0 {margin-bottom: 0px !important;}
.lg_mb10 {margin-bottom: 10px !important;}
.lg_mb20 {margin-bottom: 20px !important;}
.lg_mb30 {margin-bottom: 30px !important;}
.lg_mb_30 {  margin-bottom: -30px !important;}
.lg_mb40 {  margin-bottom: 40px !important;}
.lg_mb50 {  margin-bottom: 50px !important;}
.lg_mb60 {  margin-bottom: 60px !important;}
.lg_mb70 {  margin-bottom: 70px !important;}
.lg_mb80 {  margin-bottom: 80px !important;}
.lg_mb90 {  margin-bottom: 90px !important;}

/* margin right left */
.lg_mr0_5em {margin-right: 0.5em !important;}
.lg_ml0_5em {margin-left: 0.5em !important;}
.lg_mr1em {margin-right: 1em !important;}
.lg_ml1em {margin-left: 1em !important;}
.lg_mlr {margin: 0 1em !important;}

.lg_mA {margin-right: auto !important;margin-left: auto !important;}

.lg_spacel { margin-left: 0.5em !important;}
.lg_spacer {margin-right: 0.5em !important;}
}

/* ====================================================
md padding margin top bottom
==================================================== */

@media (max-width:900px) {
  /* padding */
.md_pd5 {padding: 5px !important;}
.md_pd10 {padding: 10px !important;}
.md_pd15 {padding: 15px !important;}
.md_pd20 {padding: 20px !important;}
.md_pd30 {padding: 30px !important;}
.md_pd40 {padding: 40px !important;}
.md_pd50 {padding: 50px !important;}
.md_pd60 {padding: 60px !important;}

.md_ptb0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.md_ptb10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.md_ptb20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.md_ptb30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.md_ptb_30 {padding-top: -30px !important; padding-bottom: -30px !important;}
.md_ptb40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.md_ptb50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.md_ptb60 {padding-top: 60px !important; padding-bottom: 60px !important;}

.md_ptb0_5em {padding-top: 0.5em !important;padding-bottom: 0.5em !important;}
.md_ptb1em {padding-top: 1em !important;padding-bottom: 1em !important;}

.md_pt0 {padding-top: 0 !important;}
.md_pt10 {padding-top: 10px !important;}
.md_pt20 {padding-top: 20px !important;}
.md_pt30 {padding-top: 30px !important;}
.md_pt_30 {  padding-top: -30px !important;}
.md_pt40 {  padding-top: 40px !important;}
.md_pt50 {  padding-top: 50px !important;}
.md_pt60 {  padding-top: 60px !important;}
.md_pt70 {  padding-top: 70px !important;}
.md_pt80 {  padding-top: 80px !important;}
.md_pt90 {  padding-top: 90px !important;}

.md_pb0 {padding-bottom: 0 !important;}
.md_pb10 {padding-bottom: 10px !important;}
.md_pb20 {padding-bottom: 20px !important;}
.md_pb30 {padding-bottom: 30px !important;}
.md_pb_30 {  padding-bottom: -30px !important;}
.md_pb40 {  padding-bottom: 40px !important;}
.md_pb50 {  padding-bottom: 50px !important;}
.md_pb60 {  padding-bottom: 60px !important;}
.md_pb70 {  padding-bottom: 70px !important;}
.md_pb80 {  padding-bottom: 80px !important;}
.md_pb90 {  padding-bottom: 90px !important;}

/* padding right left */
.md_pdrl15 {padding-right: 15px !important;  padding-left: 15px !important; }

/* margin */
.md_mg5 {margin: 5px !important;}
.md_mg10 {margin: 10px !important;}
.md_mg15 {margin: 15px !important;}
.md_mg20 {margin: 20px !important;}
.md_mg30 {margin: 30px !important;}
.md_mg40 {margin: 40px !important;}
.md_mg50 {margin: 50px !important;}
.md_mg60 {margin: 60px !important;}

.md_mtb0 {margin-top: 0px !important; margin-bottom: 0px !important;}
.md_mtb10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.md_mtb20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.md_mtb30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.md_mtb_30 {  margin-top: -30px !important; margin-bottom: -30px !important;}
.md_mtb40 {  margin-top: 40px !important; margin-bottom: 40px !important;}
.md_mtb50 {  margin-top: 50px !important; margin-bottom: 50px !important;}
.md_mtb60 {  margin-top: 60px !important; margin-bottom: 60px !important;}

.md_mtb16 {margin-top: 16px !important;margin-bottom: 16px !important;}
.md_mtb1em {margin-top: 1em !important;margin-bottom: 1em !important;}

.md_mt0 {margin-top: 0px !important;}
.md_mt10 {margin-top: 10px !important;}
.md_mt20 {margin-top: 20px !important;}
.md_mt30 {margin-top: 30px !important;}
.md_mt_30 {  margin-top: -30px !important;}
.md_mt40 {  margin-top: 40px !important;}
.md_mt50 {  margin-top: 50px !important;}
.md_mt60 {  margin-top: 60px !important;}
.md_mt70 {  margin-top: 70px !important;}
.md_mt80 {  margin-top: 80px !important;}
.md_mt90 {  margin-top: 90px !important;}

.md_mb0 {margin-bottom: 0px !important;}
.md_mb10 {margin-bottom: 10px !important;}
.md_mb20 {margin-bottom: 20px !important;}
.md_mb30 {margin-bottom: 30px !important;}
.md_mb_30 {  margin-bottom: -30px !important;}
.md_mb40 {  margin-bottom: 40px !important;}
.md_mb50 {  margin-bottom: 50px !important;}
.md_mb60 {  margin-bottom: 60px !important;}
.md_mb70 {  margin-bottom: 70px !important;}
.md_mb80 {  margin-bottom: 80px !important;}
.md_mb90 {  margin-bottom: 90px !important;}

/* margin right left */
.md_mr0_5em {margin-right: 0.5em !important;}
.md_ml0_5em {margin-left: 0.5em !important;}
.md_mr1em {margin-right: 1em !important;}
.md_ml1em {margin-left: 1em !important;}
.md_mlr {margin: 0 1em !important;}

.md_mA {margin-right: auto !important;margin-left: auto !important;}

.md_spacel { margin-left: 0.5em !important;}
.md_spacer {margin-right: 0.5em !important;}
}

/* ====================================================
色・フォント・テキスト
==================================================== */

/* site color */
.hp_color1 {
  color: #30579b !important;
}

/* CUD */
.hp_colorLightgray {
  color: #C8C8CB !important;
}
.hp_colorGray {
  color: #84919E !important;
}



/* accent */
.hp_colorRed {
  color: #FF4B00 !important;
}

.hp_colorYellow {
  color: #FFF100 !important;
}

.hp_colorGreen {
  color: #03AF7A !important;
}
.hp_colorBlue {
  color: #005AFF !important;
}
.hp_colorSky {
  color: #4DC4FF !important;
}
.hp_colorPink {
  color: #FF8080 !important;
}
.hp_colorOrange {
  color: #F6AA00 !important;
}
.hp_colorPurple {
  color: #990099 !important;
}
.hp_colorBrown {
  color: #804000 !important;
}

/* 通常 */
.hp_cWhite {
  color: #fff !important;
}

.hp_cRed {
  color: #e25c00!important;
}
.hp_cGreen {
  color: #019700 !important;
}



.hp_emphasis{
  font-weight: bold !important;
}

.hp_emphasis_cRed{
  font-weight: bold !important;
  color: #e25c00!important;
}

.hp_emphasis_cGreen {
  font-weight: bold !important;
  color: #019700 !important;
}




/* --------------------------------------------
font
-----------------------------------------------*/




/* ====================================================
ヘルパーグループ
==================================================== */


/* フォント関係 */


.hp_mincho {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

.hp_fontSize__s { font-size: 80%;}
.hp_fontSize__ml { font-size: 110%;}
.hp_fontSize__l { font-size: 120%;}
.hp_fontSize__xl { font-size: 140%;}
.hp_fontSize__xxl {font-size: 160%;}

@media (max-width: 900px) {
  .hp_fontSize__s { font-size: 80%;}
  .hp_fontSize__ml { font-size: 105%;}
  .hp_fontSize__l { font-size: 110%;}
  .hp_fontSize__xl { font-size: 120%;}
  .hp_fontSize__xxl {font-size: 140%;}
}

.hp_textBold {font-weight: bold !important;}
.hp_textBolder { font-weight: bolder !important;}

.hp_tCenter {text-align: center !important;}
.hp_tRight {text-align: right !important;}
.hp_tLeft {  text-align: left !important;}
.hp_tJustify {text-align: justify !important;}
.hp_childTextJustify > * { text-align: justify;}
.hp_childTextCenter > * { text-align: center;}

@media (max-width: 900px) {
  .md_tCenter {text-align: center !important;}
  .md_tRight {text-align: right !important;}
  .md_tLeft {text-align: left !important;}
  .md_childTextCenter > * { text-align: center;}
}

/* テキストの前後にコロンを置く */
.hp_beforeColon::before {
  content: '：' !important;
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.hp_afterColon::after {
  content: '：' !important;
  padding-right: -1em !important;
  text-indent: 1em !important;
}



/* スクロール関係 */
hp_OF_auto{
  overflow: auto !important;
}

/* 幅関係 */
@media (max-width:900px) {
  .md_w100per {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md_maxw200 {
    max-width: 200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md_maxw240 {
    max-width: 240px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md_maxw300 {
    max-width: 300px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md_maxw400 {
    max-width: 400px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .md_maxw500 {
    max-width: 500px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

.hp_maxw150 {max-width: 150px !important;}
.hp_maxw500 {max-width: 500px !important;}


/* 特殊 */
.hp_ib {display: inline-block;}

.hp_borderItem {
  padding: 30px !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 0.5em rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
}

.hp_borderItem_notPt {
  padding: 0 30px 30px !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 0.5em rgb(0 0 0 / 10%) !important;
  border-radius: 5px;
}

.hp_border {
  border: 1px solid #ccc;
}

@media (max-width:900px) {
  .md_borderNone table {
  border-top: none;
  border-right: none;
}  
}