@charset 'utf-8';

/* 背景色　bc_色コード */
.bc_f9ffee{
    background-color: #f9ffee;
}
.bc_eeffdd{
    background-color: #eeffdd;
}
.bc_fffdee{
    background-color: #fffdee;
}
.bc_eee{
    background-color: #eee;
}
.bc_f6feff{
    background-color: #f6feff;
}
.bc_ddffee{
    background-color: #ddffee;
}
.bc_ffc{
    background-color: #ffc;
}

/* hr */
.hr_f63{
    border:#fff;
    border-bottom: 4px dotted #ff6633;
}

/* 線　b_色コード */
.b_00f{
    border: 2px#00f solid;
}
.b_666{
    border: 2px#666 solid;
}
.b_999{
    border: 2px#666 solid;
}
.b_f60{
    border: 2px #f60 solid;
}
.b_090{
    border: 2px #090 solid;
}
.b_fff{
    border: 2px #fff solid;
}
.b_f00{
    border: 2px #f00 solid;
}
.b_0c6{
    border: 2px #0c6 solid;
}
.b_71b91d{
    border: 2px #71b91d solid;
}
.b_4caf50{
    border: 2px #4caf50 solid;
}
.b_03a9f4{
   border: 2px #03a9f4 solid;
}
.b_eebb33{
   border: 2px #eebb33 solid;
}

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


/* 文字色　c_色コード */
.c_fff{
    color:#fff;
}
.c_00f{
    color:#00f;
}
.c_090{
    color: #090;
}
.c_f00{
    color: #f00;
}
.c_0c6{
    color: #0c6;
}
.c_444{
    color: #444;
}
.c_005bac{
    color: #005bac;
}
.c_0aa8db{
    color: #0aa8db;
}
.c_30b536{
    color: #30b536;
}
.c_03a9f4{
    color: #03a9f4;
}
.c_eebb33{
    color: #eebb33;
}
.c_f08200{
    color: #f08200;
}


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


/* 余白関係 */
.p_LR{
    padding: 0em 1em 0!important;
}
.p0_2{
    padding: 0.2em;
}
.p0_5{
    padding: 0.5em;
}
.p1{
    padding: 1em;
}
.p0_1{
    padding: 0em 1em;
}
.p01_05{
    padding: 0.1em 0.5em;
}
.pL1{
    padding-left:1em;
}
.bb_none{
    border-bottom: none;
}
.m0{
    margin: 0;
}
.m0_0_10{
    margin: 0 0 10px;
}
.m-15_10{
    margin: -1.5em 10px 10px 10px;
}
.mt-30{
    margin-top:-30px;
}
.mt-80{
    margin-top:-80px;
}
.width_fit{
    width: fit-content;
}
.width_100{
    width:100%
}

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

/* 角丸 */
.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;
}

/* 横幅 */
.width80 {
  width: 80%;
}