#page-header {
    padding-block-start: calc(68 / var(--vw) * var(--base));
}

.page-header-inner {
    width: calc(100% - (68 / var(--vw) * var(--base)));
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.page-header-title {
    margin-block-start: 0;
    margin-block-end: calc(24 / var(--vw) * var(--base));
    font-size: calc(28 / var(--vw) * var(--base));
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.8;
}

.page-header-title span {
    display: inline-block;
    font-size: calc(55 / var(--vw) * var(--base));
    letter-spacing: 0.14em;
    line-height: calc(60 / 55);
}

@media (min-width: 769px) {
    #page-header {
        padding-block-start: calc(120 / var(--vw) * var(--base));
    }

    .page-header-inner {
        width: calc(100% - (200 / var(--vw) * var(--base)));
        max-width: 1420px;
    }

    .page-header-title {
        display: flex;
        align-items: baseline;
        column-gap: calc(48 / var(--vw) * var(--base));
        margin-block-end: calc(10 / var(--vw) * var(--base));
        font-size: calc(28 / var(--vw) * var(--base));
        line-height: 1.3;
    }

    .page-header-title span {
        display: inline-block;
        font-size: calc(55 / var(--vw) * var(--base));
        letter-spacing: 0.14em;
        line-height: calc(60 / 55);
    }
}

#page-low-header{
    padding-block-start: calc(68 / var(--vw) * var(--base));
}

.page-low-header-inner{
    width: calc(100% - (68 / var(--vw) * var(--base)));
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.page-low-header-title{
    margin-block-start: 0;
    margin-block-end: calc(10 / var(--vw) * var(--base));
    font-size: calc(41 / var(--vw) * var(--base));
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.page-low-header-title .page-low-header-label {
    display: block;
    align-content: center;
    border: 1px solid #828282;
    box-sizing: border-box;
    width: max-content;
    height: calc(40 / var(--vw) * var(--base));
    margin-block-end: calc(10 / var(--vw) * var(--base));
    padding-inline: 1.0em;
    padding-block-start: 0.15em;
    font-size: calc(20 / var(--vw) * var(--base));
    font-weight: 500;
    align-self: baseline;
}

@media (min-width: 769px) {
    #page-low-header {
        padding-block-start: calc(120 / var(--vw) * var(--base));
    }

    .page-low-header-inner {
        width: calc(100% - (200 / var(--vw) * var(--base)));
        max-width: 1420px;
    }

    .page-low-header-title {
        display: grid;
        grid-template-columns: max-content 1fr;
        column-gap: calc(36 / var(--vw) * var(--base));
        align-items: anchor-center;
        margin-block-end: calc(20 / var(--vw) * var(--base));
        font-size: calc(32 / var(--vw) * var(--base));
    }

    .page-low-header-title small{
        font-size: inherit;
    }

    .page-low-header-title .page-low-header-label {
        display: inline-block;
        width: auto;
        height: calc(50 / var(--vw) * var(--base));
        margin-block-end: 0;
        padding-inline: 2.0em;
        font-size: calc(18 / var(--vw) * var(--base));
        font-weight: 500;
    }
}

#bredcrumb{
    margin-block: 0;
    font-size: calc(20 / var(--vw) * var(--base));
    font-weight: 300;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

@media (min-width: 769px) {
    #bredcrumb {
        font-size: calc(14 / var(--vw) * var(--base));
    }

    #bredcrumb a {
        margin-inline-end: 0.8em;
    }

    #bredcrumb a:not(:first-child),
    #bredcrumb span {
        margin-inline-start: 0.8em;
    }
}

.page-section{
    width: 100%;
    position: relative;
    z-index: 1;
}

.page-section-inner{
    width: calc(100% - (68 / var(--vw) * var(--base)));
    margin: auto;
    padding-block-start: calc(80 / var(--vw) * var(--base));
    padding-block-end: calc(80 / var(--vw) * var(--base));
}

.page-section-inner:after{
    content: "";
    display: inline;
    clear: both;
}

.page-section:has(+ #page-btn)>.page-section-inner {
    padding-block-end: calc(140 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .page-section-inner {
        width: calc(100% - (200 / var(--vw) * var(--base)));
        max-width: 1420px;
        padding-block-start: calc(100 / var(--vw) * var(--base));
        padding-block-end: calc(100 / var(--vw) * var(--base));
    }

    .page-section:last-of-type .page-section-inner:last-of-type {
        padding-block-end: calc(230 / var(--vw) * var(--base));
    }

    .page-section:has(+ #page-btn)>.page-section-inner {
        padding-block-end: calc(186 / var(--vw) * var(--base));
    }
}

@media (min-width: 769px) {
    .page-section-padding-inline{
        overflow: hidden;
        padding-inline: calc(50 / var(--vw) * var(--base));
    }
}

.page-headline {
    position: relative;
    z-index: 1;
    margin-block-end: calc(28 / var(--vw) * var(--base));
    font-size: calc(38 / var(--vw) * var(--base));
    line-height: 1.2;
}

.page-headline-title {
    margin-block-start: calc(10 / var(--vw) * var(--base));
    margin-block-end: 0;
    font-size: calc(25/ var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .page-headline {
        margin-block-end: calc(38 / var(--vw) * var(--base));
        font-size: calc(30 / var(--vw) * var(--base));
    }

    .page-headline-title {
        font-size: calc(20 / var(--vw) * var(--base));
    }
}

.page-low-headline{
    margin-block-end: calc(65 / var(--vw) * var(--base));
    font-size: calc(22 / var(--vw) * var(--base));
    letter-spacing: 0.14em;
    line-height: 1.5;
}

.page-low-headline-title{
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: calc(32 / var(--vw) * var(--base));
    letter-spacing: 0.07em;
}

.page-low-headline-title small{
    font-size: calc(25 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .page-low-headline {
        margin-block-end: calc(78 / var(--vw) * var(--base));
        font-size: calc(18 / var(--vw) * var(--base));
        line-height: 1.8;
    }

    .page-low-headline-title{
        font-size: calc(28 / var(--vw) * var(--base));
    }
}

.page-btn-inner {
    width: calc(100% - (68 / var(--vw) * var(--base)));
    margin: auto;
    padding-block-start: calc(46 / var(--vw) * var(--base));
    padding-block-end: calc(56 / var(--vw) * var(--base));
    border-top: 1px solid #000;
}

#page-btn .btn-high.current {
    opacity: 1;
    background-color: var(--gr);
    border-color: var(--gr);
    color: #fff;
    text-decoration: none;
    pointer-events: none
}

#page-btn .btn-high.current:after {
    border-color: #fff;
    background-image: url("../img/arrow-wh.svg");
}

@media (min-width: 769px) {
    .page-btn-inner {
        width: calc(100% - (200 / var(--vw) * var(--base)));
        max-width: 1420px;
        padding-block-start: calc(169 / var(--vw) * var(--base));
        padding-block-end: calc(170 / var(--vw) * var(--base));
    }

    #page-btn .btn-high:after {
        width: calc(45 / var(--vw) * var(--base));
        height: calc(45 / var(--vw) * var(--base));
    }
}

/* Page Navigation Style */

.nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: calc(27 / var(--vw) * var(--base));
    margin-block-start: calc(100 / var(--vw) * var(--base));
}

.nav-links .page-numbers,
.nav-links .current {
    display: inline-block;
    align-content: center;
    box-sizing: border-box;
    width: calc(62 / var(--vw) * var(--base));
    height: calc(62 / var(--vw) * var(--base));
    padding-block-start: calc(2 / var(--vw) * var(--base));
    padding-inline-start: calc(3 / var(--vw) * var(--base));
    font-size: calc(25 / var(--vw) * var(--base));
    text-align: center;
}

.nav-links .page-numbers {
    border: 1px solid var(--bk);
    color: var(--bk);
}

.nav-links .page-numbers:hover,
.nav-links .current {
    border: 1px solid var(--gr);
    color: var(--gr);
    text-decoration: none;
}

.prev.page-numbers,
.next.page-numbers {
    overflow: hidden;
    border: none;
    background: url("../img/icon-paging.svg") no-repeat center/contain;
    width: calc(32 / var(--vw) * var(--base));
    text-indent: -99999px;
}

.next.page-numbers {
    transform: rotateY(180deg);
}

.prev.page-numbers:hover,
.next.page-numbers:hover {
    border: none;
}

@media (min-width: 769px) {
    .nav-links .page-numbers,
    .nav-links .current {
        display: inline-block;
        align-content: center;
        width: calc(42 / var(--vw) * var(--base));
        height: calc(42 / var(--vw) * var(--base));
        padding-inline-start: calc(2 / var(--vw) * var(--base));
        font-size: calc(14 / var(--vw) * var(--base));
    }

    .prev.page-numbers,
    .next.page-numbers {
        width: calc(23 / var(--vw) * var(--base));
    }
}

/* Entry Style */

#search-result {
    margin-block-start: calc(65 / var(--vw) * var(--base));
}

.entry-posts{
    display: grid;
    row-gap: calc(115 / var(--vw) * var(--base));
}

.entry-posts-text {
    margin-block-start: calc(23 / var(--vw) * var(--base));
    font-size: calc(23 / var(--vw) * var(--base));
    line-height: 1.5;
}

.entry-posts-title {
    margin-block: 0;
    font-weight: 400;
    letter-spacing: 0.03em;
}

.post-label-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    column-gap: calc(11 / var(--vw) * var(--base));
    row-gap: calc(9 / var(--vw) * var(--base));
}

.post-label-list,
.post-label-only {
    margin-block-end: calc(10 / var(--vw) * var(--base));
}

.post-label {
    display: inline-block;
    align-content: center;
    border: 1px solid #828282;
    box-sizing: border-box;
    max-width: calc(220 / var(--vw) * var(--base));
    min-height: calc(39 / var(--vw) * var(--base));
    padding-inline: 0.5em;
    padding-block-start: 0.15em;
    font-size: calc(20 / var(--vw) * var(--base));
    text-align: center;
    white-space: wrap;
}

.entry-posts-image {
    position: relative;
    background: #fff;
    border: 1px solid var(--bk);
    margin-block: 0;
    aspect-ratio: 684/386;
}

.entry-posts-image:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: calc(20 / var(--vw) * var(--base));
    right: calc(20 / var(--vw) * var(--base));
    width: calc(49 / var(--vw) * var(--base));
    height: calc(49 / var(--vw) * var(--base));
    background: #fff url("../img/arrow-bk.svg") no-repeat center/contain;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .entry-posts-text:has(.post-label-list) {
        margin-block-start: calc(35 / var(--vw) * var(--base));
    }

    .post-label-list {
        justify-content: flex-start;
        margin-inline-start: 0;
    }
}

@media (min-width: 769px) {
    #search-result {
        margin-block-start: calc(112 / var(--vw) * var(--base));
    }

    .entry-posts.grid-2column-pc {
        column-gap: calc(112 / 1420 * 100%);
        row-gap: calc(100 / var(--vw) * var(--base));
    }

    .entry-posts-column a:hover {
        text-decoration: none;
    }

    .entry-posts-text {
        margin-block-start: calc(20 / var(--vw) * var(--base));
        font-size: calc(18 / var(--vw) * var(--base));
        line-height: calc(27/18);
    }

    .entry-posts-title {
        margin-block: 0;
        font-weight: 400;
        letter-spacing: 0.03em;
    }

    .post-label-list {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        column-gap: calc(11 / var(--vw) * var(--base));
        row-gap: calc(9 / var(--vw) * var(--base));
        margin-inline-start: auto;
    }

    .post-label {
        display: inline-block;
        align-content: center;
        border: 1px solid #828282;
        box-sizing: border-box;
        max-width: inherit;
        min-height: inherit;
        height: calc(25 / var(--vw) * var(--base));
        padding-inline: 0.5em;
        padding-block-start: 0.15em;
        font-size: calc(14 / var(--vw) * var(--base));
        text-align: center;
        white-space: nowrap;
    }

    .entry-posts-image {
        position: relative;
        background: #fff;
        border: 1px solid var(--bk);
        margin-block: 0;
        aspect-ratio: 654/368;
    }

    .entry-posts-image:after {
        content: "";
        display: inline-block;
        position: absolute;
        bottom: calc(20 / var(--vw) * var(--base));
        right: calc(20 / var(--vw) * var(--base));
        width: calc(47 / var(--vw) * var(--base));
        height: calc(47 / var(--vw) * var(--base));
        background: #fff url("../img/arrow-bk.svg") no-repeat center/contain;
        border-radius: 50%;
        transition: 0.6s ease;
    }

    .entry-posts-image:hover:after{
        animation-duration: 0.4s;
        animation-name: arrow;
        animation-fill-mode: forwards;
        animation-timing-function: cubic-bezier(.19, 1, .22);
    }
}

/* Post Style */

.post figure img {
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
}

.post-image{
    width: 100%;
    margin-inline: auto;
    font-size: calc(20 / var(--vw) * var(--base));
}

.post-image:not(:last-child) {
    margin-block-end: calc(120 / var(--vw) * var(--base));
}

.post-image:has(+ .post-image){
    margin-block-end: calc(30 / var(--vw) * var(--base));
}

.post-image figure.alignnone {
    height: calc(318 / var(--vw) * var(--base));
    margin-block: 0;
}

.post-image figure.alignnone img {
    object-fit: contain;
    padding: calc(20 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .post-image {
        width: calc(986 / var(--vw) * var(--base));
        margin-inline: auto;
        font-size: inherit;
    }

    .post-image:not(:last-child) {
        margin-block-end: calc(100 / var(--vw) * var(--base));
    }

    .post-image:has(+ .post-image) {
        margin-block-end: calc(40 / var(--vw) * var(--base));
    }

    .post-image figure.alignnone {
        height: calc(460 / var(--vw) * var(--base));
        margin-block: 0;
    }

    .post-image figure.alignnone img {
        object-fit: contain;
        padding: calc(20 / var(--vw) * var(--base));
    }
}

@media (max-width: 768px) {
    .profile-list {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    .profile-list:not(:first-child) {
        margin-block-start: calc(120 / var(--vw) * var(--base));
    }

    .profile-list:not(:last-child) {
        margin-block-end: calc(120 / var(--vw) * var(--base));
    }

    .profile-list-column {
        line-height: calc(37/23);
    }

    .profile-list-column:not(:first-child) {
        padding-block-start: calc(60 / var(--vw) * var(--base));
    }

    .profile-list-column:not(:last-child) {
        padding-block-end: calc(60 / var(--vw) * var(--base));
    }

    .profile-list-column .profile-image {
        padding-block-start: calc(60 / var(--vw) * var(--base));
    }

    .profile-list-column .profile-image-column:not(:last-child) {
        margin-block-end: calc(40 / var(--vw) * var(--base));
    }

    .profile-list-title {
        border-bottom: 1px solid var(--border);
        margin-block-start: 0;
        margin-block-end: calc(30 / var(--vw) * var(--base));
        padding-block-end: calc(18 / var(--vw) * var(--base));
        font-size: calc(28 / var(--vw) * var(--base));
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
        vertical-align: baseline;
    }

    .profile-list-text p,
    .profile-list-text ul,
    .profile-list-text ol,
    .profile-list-text li,
    .profile-list-text dl,
    .profile-list-text dt,
    .profile-list-text dd .profile-list-text table,
    .profile-list-text th,
    .profile-list-text td {
        margin-block: 0;
        text-align: left;
    }

    .profile-list-text p:not(:last-child),
    .profile-list-text ul:not(:last-child),
    .profile-list-text ol:not(:last-child),
    .profile-list-text dl:not(:last-child),
    .profile-list-text table:not(:last-child) {
        margin-block-end: calc(28 / var(--vw) * var(--base));
    }

    .profile-list iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }

    .c-btn-contact:not(:last-child),
    .profile-list iframe:not(:last-child){
        margin-block-end: calc(70 / var(--vw) * var(--base));
    }

    .profile-image {
        width: 100%;
        font-size: calc(18 / var(--vw) * var(--base));
        font-weight: 300;
    }

    .profile-list-column .profile-image figure{
        margin-block: 0;
    }

    .profile-image-caption {
        display: inline-block;
        margin-block-start: calc(10 / var(--vw) * var(--base));
    }

    .profile-image .grid-2column-sp {
        display: grid;
        row-gap: calc(30 / var(--vw) * var(--base));
        margin-inline: auto;
    }

    .profile-image .grid-4column-pc.grid-2column-sp{
        width: calc(490 / var(--vw) * var(--base));
    }

    .profile-image .grid-2column-sp figure {
        position: relative;
        aspect-ratio: 1/1;
        margin-block: 0;
    }
}

@media (min-width: 769px) {
    .profile-list:not(:first-child) {
        margin-block-start: calc(100 / var(--vw) * var(--base));
    }

    .profile-list:not(:last-child){
        margin-block-end: calc(80 / var(--vw) * var(--base));
    }

    .profile-list-column{
        line-height: calc(31/18);
    }

    .profile-list-column:not(:first-child) {
        padding-block-start: calc(60 / var(--vw) * var(--base));
    }

    .profile-list-column:not(:last-child) {
        padding-block-end: calc(60 / var(--vw) * var(--base));
        border-bottom: 1px solid var(--border);
    }

    .profile-list-column .grid-2column-pc {
        grid-template-columns: calc(118 / 1320 * 100%) 1fr;
        column-gap: calc(50 / var(--vw) * var(--base));
        align-items: center;
    }

    .profile-list-column .profile-image {
        grid-column: span 2;
        padding-block-start: calc(60 / var(--vw) * var(--base));
    }

    .profile-list-column .profile-image figure{
        margin-block: 0;
    }

    .profile-list-column .profile-image a:hover{
        text-decoration: none;
    }

    .profile-image-caption{
        display: inline-block;
        margin-block-start: calc(10 / var(--vw) * var(--base));
    }

    .profile-list-title {
        margin-block: 0;
        font-size: calc(20 / var(--vw) * var(--base));
        font-weight: 700;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

    .profile-list-text p,
    .profile-list-text ul,
    .profile-list-text ol,
    .profile-list-text li,
    .profile-list-text dl,
    .profile-list-text dt,
    .profile-list-text dd
    .profile-list-text table,
    .profile-list-text th,
    .profile-list-text td {
        margin-block: 0;
        font-size: calc(18 / var(--vw) * var(--base));
        font-weight: 400;
        text-align: left;
    }

    .profile-list-text p:not(:last-child),
    .profile-list-text ul:not(:last-child),
    .profile-list-text ol:not(:last-child),
    .profile-list-text dl:not(:last-child),
    .profile-list-text table:not(:last-child){
        margin-block-end: calc(28 / var(--vw) * var(--base));
    }

    .profile-list-text a{
        text-decoration: underline;
    }

    .profile-list iframe{
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
    }

    .c-btn-contact:not(:last-child),
    .profile-list iframe:not(:last-child){
        margin-block-end: calc(100 / var(--vw) * var(--base));
    }

    .profile-image {
        column-gap: calc(60 / var(--vw) * var(--base));
        width: 100%;
        font-size: calc(18 / var(--vw) * var(--base));
        font-weight: 300;
    }

    .profile-image .grid-3column-pc figure,
    .profile-image .grid-4column-pc figure {
        position: relative;
        aspect-ratio: 1/1;
        margin-block: 0;
    }
}

/* Recruit Style */
#recruit .page-section-inner{
    padding-block-end: calc(170 / var(--vw) * var(--base));
}

.recruit-image{
    margin-block-start: calc(53 / var(--vw) * var(--base));
}

.recruit-image img{
    width: 100%;
    max-width: inherit;
}

.recruit-column h2{
    margin-block-end: calc(16 / var(--vw) * var(--base));
    font-size: calc(28 / var(--vw) * var(--base));
    letter-spacing: 0.14em;
    line-height: 1.2;
}

#mid-career-recruitment,
#disabled-person-recruitment{
    margin-block-start: calc(80 / var(--vw) * var(--base));
}

#new-graduate-recruitment h2,
#mid-career-recruitment h2{
    margin-block-end: calc(30 / var(--vw) * var(--base));
    font-size: calc(32 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    #recruit .page-section-inner{
        padding-block-start: calc(67 / var(--vw) * var(--base));
        padding-block-end: calc(170 / var(--vw) * var(--base));
    }

    .recruit-image {
        max-width: 1920px;
        margin-block-start: calc(33 / var(--vw) * var(--base));
        margin-inline: auto;
    }

    .recruit-column h2{
        margin-block-end: calc(23 / var(--vw) * var(--base));
        font-size: calc(25 / var(--vw) * var(--base));
    }

    .recruit-column .btn{
        max-width: calc(564 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
    }
    
    #mid-career-recruitment{
        margin-block-start: 0;
    }

    #disabled-person-recruitment{
        margin-block-start: calc(100 / var(--vw) * var(--base));
        font-size: calc(18 / var(--vw) * var(--base));
    }

    #new-graduate-recruitment h2,
    #mid-career-recruitment h2{
        font-size: calc(28 / var(--vw) * var(--base));
    }
}

.recruit-link{
    margin-block-start: calc(120 / var(--vw) * var(--base));
}

@media (max-width: 768px) {
    .recruit-list-profile{
        padding-block-start: calc(35 / var(--vw) * var(--base));
        padding-block-end: calc(70 / var(--vw) * var(--base));
    }

    .recruit-list-profile li:not(:last-child){
        margin-block-end: calc(70 / var(--vw) * var(--base));
    }

    .recruit-list-profile b{
        display: block;
        border-bottom: 1px solid var(--border);
        margin-block-end: calc(10 / var(--vw) * var(--base));
        padding-block-end: calc(10 / var(--vw) * var(--base));
        line-height: 1;
    }
}

@media (min-width: 769px) {
    .recruit-list-profile{
        display: grid;
        grid-template-columns: max-content 1fr;
        column-gap: calc(235 / var(--vw) * var(--base));
        padding-block-end: calc(40 / var(--vw) * var(--base));
    }

    .recruit-list-profile li{
        display: grid;
        grid-template-columns: subgrid;
        grid-column: 1/3;
        padding-block: 0.7em 0.5em;
        padding-inline: calc(50 / var(--vw) * var(--base)) calc(88 / var(--vw) * var(--base));
        line-height: calc(25/16);
    }

    .recruit-list-profile li:not(:last-child){
        border-bottom: 1px solid var(--border);
    }

    .recruit-link{
        margin-block-start: calc(100 / var(--vw) * var(--base));
    }
}

/* Download Style */
#download .size-medium{
    line-height: calc(31/18);
}

#download .page-section-padding-inline:not(:last-child){
    padding-block-end: calc(94 / var(--vw) * var(--base));
}

.download-headline{
    margin-block-end: calc(30 / var(--vw) * var(--base));
    line-height: 1.5;
}

.text-caption{
    margin-block-start: -0.5em;
    line-height: calc(27/16);
}

.download-login-link{
    margin-block-start: calc(64 / var(--vw) * var(--base));
    margin-block-end: calc(42 / var(--vw) * var(--base));
}

.download-login-link .btn{
    max-width: calc(620 / var(--vw) * var(--base));
}

#download-invoice .c-accordion-list-inner{
    padding-block: calc(40 / var(--vw) * var(--base));
    padding-inline: calc(40 / var(--vw) * var(--base));
}

.download-invoice-inner{
    list-style-type: decimal;
    padding-inline: calc(20 / var(--vw) * var(--base)) 0;
}

@media (min-width: 769px) {
    .text-caption{
        margin-block-start: -0.75em;
    }
    .download-invoice-inner{
        padding-inline: calc(40 / var(--vw) * var(--base)) 0;
    }
}

#cec-q{
    background: #fff;
    width: auto;
    height: calc(460 / var(--vw) * var(--base));
    margin-inline: auto;
    padding-block-start: calc(60 / var(--vw) * var(--base));
    padding-inline:  calc(30 / var(--vw) * var(--base));
    text-align: center;
}

.cec-q-title{
    border-bottom: 1px solid var(--border);
    margin-block-end:  calc(50 / var(--vw) * var(--base));
    padding-block-end:  calc(30 / var(--vw) * var(--base));
    font-size:  calc(25 / var(--vw) * var(--base));
    letter-spacing: 0.19em;
    text-align: center;
    line-height: 1.2;
}

.cec-q-label{
    display: block;
    margin-block-end:  calc(10 / var(--vw) * var(--base));
    font-size:  calc(23 / var(--vw) * var(--base));
    font-weight: 500;
    text-align: left;
}

.cec-q-input{
    background: #44B4751A;
    border: #cccccc;
    box-sizing: border-box;
    width: 100%;
    height: calc(68 / var(--vw) * var(--base));
    padding: 0.5em 1.0em;
    font-size:  calc(25 / var(--vw) * var(--base));
}

.cec-q-input:placeholder-shown {
    padding: 0.5em;
    font-size:  calc(23 / var(--vw) * var(--base));
}

.cec-q-input:placeholder{
    color: #878787;
    font-size:  calc(23 / var(--vw) * var(--base));
}

.cec-q-input:focus{
    outline: none;
}

.cec-q-submit{
    position: relative;
    background: var(--gr);
    border: none;
    outline: none;
    transition: 0.6s ease;
    width: calc(300 / var(--vw) * var(--base));
    height: calc(60 / var(--vw) * var(--base));
    margin-block-start: calc(40 / var(--vw) * var(--base));
    margin-inline: auto;
    color: #fff;
    font-size:  calc(23 / var(--vw) * var(--base));
    letter-spacing: 0.2em;
    cursor: pointer;
}

.cec-q-submit:hover{
    opacity: 0.8;
}

.cec-q-submit:after{
    content: "";
    display: inline-block;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: calc(10 / var(--vw) * var(--base));
    background: url("../img/arrow-wh.svg") no-repeat center/contain;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: 0.3s ease;
    transform: translateY(-50%);
    width: calc(31 / var(--vw) * var(--base));
    height: calc(31 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    #cec-q{
        width: calc(708 / var(--vw) * var(--base));
        height: calc(460 / var(--vw) * var(--base));
        padding-block-start: calc(60 / var(--vw) * var(--base));
        padding-inline:  calc(76 / var(--vw) * var(--base));
    }

    .cec-q-title{
        margin-block-end:  calc(50 / var(--vw) * var(--base));
        padding-block-end:  calc(48 / var(--vw) * var(--base));
        font-size:  calc(28 / var(--vw) * var(--base));
    }

    .cec-q-label{
        margin-block-end:  calc(10 / var(--vw) * var(--base));
        font-size:  calc(16 / var(--vw) * var(--base));
    }

    .cec-q-input{
        height: calc(68 / var(--vw) * var(--base));
        font-size:  calc(24 / var(--vw) * var(--base));
    }

    .cec-q-input:placeholder-shown {
        font-size:  calc(16 / var(--vw) * var(--base));
    }

    .cec-q-input:placeholder{
        color: #878787;
        font-size:  calc(16 / var(--vw) * var(--base));
    }

    .cec-q-submit{
        width: calc(200 / var(--vw) * var(--base));
        height: calc(40 / var(--vw) * var(--base));
        margin-block-start: calc(40 / var(--vw) * var(--base));
        font-size:  calc(16 / var(--vw) * var(--base));
    }

    .cec-q-submit:after{
        width: calc(21 / var(--vw) * var(--base));
        height: calc(21 / var(--vw) * var(--base));
    }
}

/* Privacy Policy Style */
.privacy-table{
    margin-block: 2.0em;
    font-size:  calc(23 / var(--vw) * var(--base));
    line-height: calc(37/23);
}

.privacy-table td{
    padding: 0.75em;
}

.privacy-table td strong{
    display: inline-block;
    white-space:nowrap;
}
@media (min-width: 769px) {
    .privacy-table{
        width: max-content;
        font-size:  calc(18 / var(--vw) * var(--base));
        line-height: calc(31 / 18);
    }
}

/* Contact Style */
#contact-header{
    margin-block-end: calc(80 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    #contact-header{
        margin-block-end: calc(100 / var(--vw) * var(--base));
    }
}

.contact-link{
    margin-block-start: calc(120 / var(--vw) * var(--base));
}
@media (min-width: 769px) {
    .contact-link{
        margin-block-end: calc(100 / var(--vw) * var(--base));
    }
}