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


.red{
  color:#FF0000;
}
.green{
  color:#046835;
}

.gray{
  color:#a1a8c2;
}

.pink{
  color:#f894bf;
  
}
.disable{
  color:#dddddd;
}



.round{
border-radius: 24px;
}


.bold{
  font-weight: bold;
}

.center{
  text-align: center;
}
  .pagetop {
    position: fixed;
    bottom: 0px;
    right: 0;
    z-index: 101;
    padding: 24px;
    cursor: pointer;
  }
  .pagetop img {
    width: 64px;
  }


ol  {
  position: relative;
  margin: 0;
  padding: 0
}
ol li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol li span {
  position: absolute;
  left: 0;
  margin: 0
}

a{
  color:#F55E87;

}
a:hover{
  color:#BC1C47;

}

.right_posi{
  float:right;
}
  
@media screen and (min-width:961px) {




  /* ------------------------------------


font


------------------------------------ */
.font_xxxl{
  font-size:120px;
}
.font_xxl{
  font-size:80px;
}

.font_xl{
  font-size:40px;
}

.font_l{
  font-size:24px;
}
.font_m{
  font-size:16px;
}
.font_s{
  font-size:14px;
}
.font_xs{
  font-size:12px;
}
.font_xxs{
  font-size:10px;
}
.bold{
  font-weight: bold;
}

/* ------------------------------------


margin


------------------------------------ */

.margin_t_xxl{
  margin-top:80px!important;
}
.margin_t_xl{
  margin-top:40px!important;
}
.margin_t_l{
  margin-top:24px!important;
}
.margin_t_m{
  margin-top:16px!important;
}
.margin_t_s{
  margin-top:8px!important;
}

.margin_b_xxl{
  margin-bottom:80px!important;
}
.margin_b_xl{
  margin-bottom:40px!important;
}
.margin_b_l{
  margin-bottom:24px!important;
}
.margin_b_m{
  margin-bottom:16px!important;
}
.margin_b_s{
  margin-bottom:8px!important;
}

.margin_tb_xxl{
  margin-top:80px!important;
  margin-bottom:80px!important;
}
.margin_tb_xl{
  margin-top:40px!important;
  margin-bottom:40px!important;
}
.margin_tb_l{
  margin-top:24px!important
  margin-bottom:24px!important;
}
.margin_tb_m{
  margin-top:16px!important;
  margin-bottom:16px!important;
}
.margin_tb_s{
  margin-top:8px!important;
  margin-bottom:8px!important;
}




  }


@media screen and (max-width:960px) {


.right_posi{
  
}

  /* ------------------------------------


font


------------------------------------ */
.font_xxxl{
  font-size:120px;
}
.font_xxl{
  font-size:56px;
}

.font_xl{
  font-size:22px;
}

.font_l{
  font-size:18px;
}
.font_m{
  font-size:16px;
}
.font_s{
  font-size:14px;
}
.font_xs{
  font-size:12px;
}
.font_xxs{
  font-size:10px;
}


/* ------------------------------------


margin


------------------------------------ */

.margin_t_xxl{
  margin-top:80px!important;
}
.margin_t_xl{
  margin-top:40px!important;
}
.margin_t_l{
  margin-top:24px!important;
}
.margin_t_m{
  margin-top:16px!important;
}
.margin_t_s{
  margin-top:8px!important;
}

.margin_b_xxl{
  margin-bottom:80px!important;
}
.margin_b_xl{
  margin-bottom:24px!important;
}
.margin_b_l{
  margin-bottom:20px!important;
}
.margin_b_m{
  margin-bottom:16px!important;
}
.margin_b_s{
  margin-bottom:8px!important;
}

.margin_tb_xxl{
  margin-top:80px;
  margin-bottom:80px!important;
}
.margin_tb_xl{
  margin-top:40px;
  margin-bottom:40px!important;
}
.margin_tb_l{
  margin-top:24px;
  margin-bottom:24px!important;
}
.margin_tb_m{
  margin-top:16px;
  margin-bottom:16px!important;
}
.margin_tb_s{
  margin-top:8px!important;
  margin-bottom:8px!important;
}
  }