@charset 'utf-8';

.left-submenu {
    position: absolute;
    width: 240px;
}
.left-submenu .submenu-title {
    position: relative;
    width: 100%;
    height: 180px;
    background: url('/img/submenu_bg.png') 0 0 no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
}
.left-submenu .submenu-title::before {
    content: '\f078';
    position: absolute;
    bottom: -2.2rem;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    width: 3rem;
    height: 3rem;
    font: 1em var(--ico-font-family);
    background: var(--color-main);
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
}
.left-submenu .left-submenu-wrapper {
    padding: 1.5em 2.5em;
    margin-top: 1em;
    border-radius: 2rem;
    border: 1px solid var(--color-grey);
}
.left-submenu .left-submenu-wrapper ul li {position: relative;line-height: 2;}
.left-submenu .left-submenu-wrapper ul li:hover,
.left-submenu .left-submenu-wrapper ul li.active {font-weight: 900;}
.left-submenu .left-submenu-wrapper ul li.active::before {
    content: '';
    position: absolute;
    left: -1.2em;
    top: 10%;
    width: 0;
    height: 70%;
    border-left: 8px solid var(--color-main);
}
.left-submenu .left-submenu-wrapper ul li a {display: block; width: 100%; height: 100%;}

.sub-fix-layout {
    float: right;
    width: calc(100% - 280px);
    max-width: 1200px;
    padding-bottom: 4em;
}

.page-header {border-bottom: 1px solid var(--color-grey);padding-bottom: .2em;}
.page-header .page-title {font-weight: 400;font-family: var(--point-font-family);font-size: var(--big-font-size);}
.page-header .page-info {font-size: var(--small-font-size);position: relative;top: 0;margin: 0;padding-left: 1em;}

@media all and (max-width: 1280px) {
    .sub-fix-layout {width: 100%;padding-top: 1em;}
}

.page-content {padding-top: 2em;}

.page-content .desc-section {
    padding-bottom: 3em;
}
.page-content .desc-section h3.desc-section-title {
    padding-bottom: .5em;
    font-weight: 900;
}