@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/
:root{
    --app-basic-txt: #333;
    --app-main-txt: #333;
    --app-main-c-txt: #333;
    --app-glnv-txt: #fff;
    --app-sbnv-txt: #fff;
    --app-copy-txt: #acacac;
    --app-bg-cr: #f5f9ff;
    --app-main-cr: #fff;
    --app-main-cr-c: #f2f2f2;
    --app-header-cr: #5D8BC2;
    --app-footer-cr: #80A9DB;
    --app-glnv-cr: #5DBAC2;
    --app-sbnv-cr: #E36F74;
    --app-copy-cr: #171717;
}
.articleBox .heading0202 {
    border-left: 4px solid #9ad1e3;
    background: #e2f7f9;
    color: #000;
    border-radius: 0;
}

.articleBox .heading0106 {
    border-left: 4px solid #9ad1e3;
    border-radius: 0;
}


.articleBox .bg-box-red{
 background-color: #ffc8b0;
}
.company {
    padding: 16px 48px 0px;
    background-color: #fff;
    border-radius: 10px;
}

.company dl {
    display: flex;
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 0px 20px 0px;
}

@media screen and (max-width:540px) {
    .company {
        padding: 16px 24px 0px;
    }

    .company dl {
        font-size: 14px;
    }
}

.company dl:last-child {
    border-bottom: none;
}

.company dt {
    width: 20%;
}

@media screen and (max-width:540px) {
    .company dt {
        width: 27%;
    }
}

.company dd {
    width: 80%;
    padding-left: 16px;
}

@media screen and (max-width:540px) {
    .company dd {
        padding-left: 12px;
        width: 73%;
    }
}