@charset 'utf-8';

/* 背景色　bc_色コード */
.bc_cee3ed{
    background-color: #cee3ed;
}
.bc_009688{
    background-color: #009688;
}
.bc_37ff76{
    background-color: #37ff76;
}
.bc_1d6fa9{
    background-color: #1d6fa9;
}
.bc_cee3ed{
    background-color: #cee3ed;
}
.bc_e8f2f6{
    background-color: #e8f2f6;
}
.bc_3a73d9{
    background-color: #3a73d9
}
.bc_ff52d0{
    background-color: #ff52d0;
}
.bc_ffe5e9{
    background-color: #ffe5e9;
}
.bc_fff{
    background-color: #fff
}
.bc_ebf5fb{
    background-color: #ebf5fb;
}
.bc_ffebdd{
    background-color: #ffebdd;
}
.bc_d1ffd1{
    background-color: #d1ffd1;
}
.bc_1d9a78{
    background-color: #1d9a78;
}
.bc_ccded6{
    background-color: #ccded6;
}
.bc_e7efec{
    background-color: #e7efec;
}


/* 線　b_色コード */
.b_1d6fa9{
    border: #1d6fa9 solid 3px;
}
.b_cee3ed{
    border: #cee3ed solid 3px;
}
.b_009688{
    border:#009688 solid 2.5px;
}
.b_37ff76{
    border:#37ff76 solid 2.5px;
}
.b_00b051{
    border: #00b051 solid 2.5px;
}
.b_00f{
    border:#00f solid 2.5px;
}
.b_ff52d0{
    border:#ff52d0 solid 2.5px;
}
.b_666{
    border:#666 solid 2.5px;
}
.b_f60{
    border: 2.5px solid #f60;
}
.b_090{
    border: 2.5px solid #090;
}
.b_fff{
    border: 1px solid #fff;
}
.b_f00{
    border: 2px solid #f00;
}


/* 下線　bb_色コード */
.bb_ccc{
    border-bottom: 2px solid #ccc;
}
.bc_FFF{
    border-color: #FFF;
}


/* 文字色　c_色コード */
.c_fff{
color:#fff;
}
.c_00F{
    color:#00F;
}
.c_04b052{
    color: #04b052;
}
.c_090{
    color: #090;
}
.c_f00{
    color: #f00;
}

/* 文字関係 */
.taC{
    text-align: center;
}
.taL{
    text-align: left;
}
.taR{
    text-align: right;
}


/* 余白関係 */
.p_LR{
padding: 0em 1em 0!important;
}
.bb_none{
    border-bottom: none;
}
.m0{
margin: 0;
}
.p1{
padding: 1em;
}
.p0_1{
padding: 0em 1em;
}
.width_fit{
    width: fit-content;
}
.width_100{
    width:100%
}
.pL1{
    padding-left:1em;
}

/* インデント */
.indent1{
    text-indent: -1em; margin-left: 1em;
}
.indent2{
    text-indent: -2em; margin-left: 2em;
}
.indent2_5{
    text-indent: -2.5em; margin-left: 3em;
}
.indent3{
    text-indent: -3em; margin-left: 3em;
}
.indent4{
    text-indent: -4em; margin-left: 4em;
}
.indent5{
    text-indent: -5em; margin-left: 5em;
}

/* 縁 */
.br_15{
    border-radius: 15px;
}
.br_10{
    border-radius: 10px;
}
.br_5{
    border-radius: 5px;
}

/* 矢印 */
.arrow {
  position: relative;
}
.arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border: 50px solid transparent;
  border-top: 12px solid #0c8939;
  border-bottom-width: 0;
}