.font_blue a{
    color: var(--blue);
    position: relative;
  display: inline-block;
}
.font_orange a{
    color: var(--orange)!important;    
    position: relative;
  display: inline-block;
}
.font_blue a::after{
    background-color: var(--blue); /* 下線の色 */
    bottom: -4px; /* 要素の下端からの距離 */
    content: ""; /* 要素に内容を追加 */
    height: 1px; /* 下線の高さ */
    left: 0; /* 要素の左端からの距離 */
    position: absolute; /* 絶対位置指定 */
    transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
    transform-origin: left top; /* 変形の原点を左上に指定 */
    transition: transform .3s; /* 変形をアニメーション化 */
    width: 100%; /* 要素の幅 */
}
.font_orange a::after{
    background-color: var(--orange); /* 下線の色 */
    bottom: -4px; /* 要素の下端からの距離 */
    content: ""; /* 要素に内容を追加 */
    height: 1px; /* 下線の高さ */
    left: 0; /* 要素の左端からの距離 */
    position: absolute; /* 絶対位置指定 */
    transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
    transform-origin: left top; /* 変形の原点を左上に指定 */
    transition: transform .3s; /* 変形をアニメーション化 */
    width: 100%; /* 要素の幅 */
}
.font_blue a:hover::after,.font_orange a:hover::after{
    transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}
.contact_icon{
    line-height: 100%;
    vertical-align: middle;
}
.contact_icon::before{
    content: url(../image/contact_icon.svg);
    display: inline-block;
    padding-right: 1rem;
}
@media screen and (min-width:1023px) {
    .sp_view{
        display: none;
    }
    .pc_view{
        display: block;
    }
}
@media screen and (max-width:1022px) {
    .sp_view{
        display: block;
    }
    .pc_view{
        display: none;
    }
}


.section_bottom{
    padding-bottom: 24rem;
}
.section_bottom2{
    padding-bottom: 10rem;
}
.section_top{
    padding-top: 15rem;
}
.section_top2{
    padding-top: 8rem;
}
@media screen and (max-width:1022px) {
  .section_bottom{
        padding-bottom: 7rem;
    }  
    .section_top2{
        padding-top: 4rem;
    }
}

ol.hoge > li {
  position: relative;
  list-style-type: none;
}

ol.hoge > li:before {
  position: absolute;
  right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
  content: "(" counter(list-item) ")";
}
ol.hoge ol{
    list-style: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
}