/* --------------------
 IT Tool
-------------------- */

.com-section-title {
    align-items: center;
    background: #299b39;
    border-radius: 41px;
    color: #ffffff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    height: 41px;
    justify-content: center;
    letter-spacing: 0.09em;
    line-height: 2;
    margin: 0 0 15px;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}

@media (min-width: 768px) {
    .com-section-title {
        font-size: 2.4rem;
        margin-bottom: 30px;
    }
}

.it__intro {
    font-weight: 500;
    letter-spacing: 0.1em;
    padding: 15px 15px 0;
}

@media (min-width: 768px) {
    .it__intro {
        padding: 30px 15px 0;
    }
}

.it__intro-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

.it__intro__banner {
    margin: 0 auto;
    width: min(100%, 974px);
}

.it__intro__banner img {
    margin-right: auto;
    width: min(100%, 877px);
}

.it__intro__message {
    font-weight: 700;
    line-height: 1.667;
    margin: 1em 0 0;
}

@media (min-width: 768px) {
    .it__intro__message {
        font-size: 2.4rem;
        text-align: center;
    }
}

.it__intro__desc {
    font-size: 1.4rem;
    line-height: 1.75;
    margin: 1em 0 0;
}

@media (min-width: 768px) {
    .it__intro__desc {
        font-size: 1.6rem;
        text-align: center;
    }
}

.it__intro__note {
    font-size: 1.4rem;
    margin: 2.5em 0 0;
    padding-left: 1em;
    text-indent: -1em;
}

@media (min-width: 768px) {
    .it__intro__note {
        font-size: 1.6rem;
        padding-left: 0;
        text-align: center;
        text-indent: 0;
    }
}

.it__intro__note a {
    color: #299b39;
    font-weight: 700;
    text-decoration: underline;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

@media (hover: hover) and (pointer: fine)  {
    .it__intro__note a:hover {
        opacity: 0.65;
        text-decoration: none;
    }
}

.it__intro__note a:focus-visible {
    opacity: 0.65;
    text-decoration: none;
}

.it__intro__button {
    align-items: center;
    background-color: #29a039;
    border: 2px solid #ffffff;
    border-radius: 75px;
    box-shadow: 4px 6px 0 #299b39;
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    gap: 15px;
    height: 50px;
    justify-content: center;
    margin: 2.1em auto 0;
    text-decoration: none;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, box-shadow 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    width: min(100%, 470px);
}

@media (min-width: 768px) {
    .it__intro__button {
        font-size: 2.2rem;
        height: 75px;
    }
}

.it__intro__button::after {
    content: "▼";
    font-size: 0.6em;
}

@media (hover: hover) and (pointer: fine) {
    .it__intro__button:hover {
        box-shadow: 2px 3px 0 #299b39;
        opacity: 0.85;
    }
}

.it__intro__button:focus-visible {
    box-shadow: 2px 3px 0 #299b39;
    opacity: 0.85;
}

.it__intro__illust {
    display: block;
    margin: 55px auto 0;
    width: min(60%, 304px);
}

/* about */

.it__about {
    background: #eaeae7;
    margin-bottom: 30px;
    padding: 30px 15px 15px;
    position: relative;
}

@media (min-width: 768px) {
    .it__about {
        margin-bottom: 54px;
        padding: 60px 15px 20px;
    }
}

.it__about::after {
    background: #eaeae7;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: "";
    display: block;
    height: 30px;
    inset: auto 0 -30px;
    margin: auto auto 0;
    position: absolute;
    width: 60px;
}

@media (min-width: 768px) {
    .it__about::after {
        height: 54px;
        inset: auto 0 -54px;
        width: 108px;
    }
}

.it__about-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

@media (min-width: 768px) {
    .it__about__content {
        align-items: center;
        display: flex;
        gap: 15px;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .it__about__content {
        padding: 0 35px;
    }
}

.it__about__content p {
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.889;
    margin: 0;
}

@media (min-width: 992px) {
    .it__about__content p {
        font-size: 1.8rem;
        padding: 0 0 35px;
    }
}

.it__about__content img {
    display: block;
    margin: 30px auto 0;
    width: min(80%, 451px);
}

@media (min-width: 768px) {
    .it__about__content img {
        flex-shrink: 0;
        margin: 0;
        width: min(55%, 451px);
    }
}

/* target */

.it__target {
    letter-spacing: 0.1em;
    padding: 15px;
}

@media (min-width: 768px) {
    .it__target {
        padding: 45px 15px 50px;
    }
}

.it__target-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

.it__target__figure {
    margin: 30px auto 0;
}

.it__target__figure__table {
    border-collapse: collapse;
    width: 100%;
}

.it__target__figure__table > thead > tr > th,
.it__target__figure__table > tbody > tr > th,
.it__target__figure__table > tbody > tr > td {
    border: 1px solid #299b39;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
}

@media (min-width: 768px) {
    .it__target__figure__table > thead > tr > th,
    .it__target__figure__table > tbody > tr > th,
    .it__target__figure__table > tbody > tr > td {
        font-size: 1.8rem;
        line-height: 1;
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .it__target__figure__table > thead > tr > th,
    .it__target__figure__table > tbody > tr > th,
    .it__target__figure__table > tbody > tr > td {
        font-size: 2.2rem;
        padding: 28px 0;
    }
}

.it__target__figure__table > thead > tr > th:first-child,
.it__target__figure__table > tbody > tr > th {
    width: 50%;
}

.it__target__figure__table > tbody > tr > td {
    width: 25%;
}

.it__target__figure__table > thead > tr > th {
    background: rgba(41, 155, 57, 0.2);
}

.it__target__figure__caption {
    font-weight: 500;
    line-height: 2;
    margin: 20px 0 0;
    padding-left: 1em;
    text-indent: -1em;
}

.it__target__figure__caption a {
    color: #299b39;
    text-decoration: underline;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

@media (hover: hover) and (pointer: fine)  {
    .it__target__figure__caption a:hover {
        opacity: 0.65;
        text-decoration: none;
    }
}

.it__target__figure__caption a:focus-visible {
    opacity: 0.65;
    text-decoration: none;
}

/* subsidy */

.it__subsidy {
    letter-spacing: 0.1em;
    padding: 15px;
}

@media (min-width: 768px) {
    .it__subsidy {
        padding: 50px 15px;
    }
}

.it__subsidy-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

.it__subsidy__list {
    display: flex;
    flex-flow: column;
    gap: 15px;
}

@media (min-width: 768px) {
    .it__subsidy__list {
        align-items: stretch;
        flex-flow: row;
        gap: min(10vw, 86px);
        justify-content: center;
    }
}

.it__subsidy__list__item {
    display: grid;
    font-weight: 700;
    grid-template-columns: repeat(2, 1fr);
}

.it__subsidy__list__item dt, .it__subsidy__list__item dd {
    align-items: center;
    border: 1px solid #299b39;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin: 0;
    padding: 10px;
    text-align: center;
}

@media (min-width: 768px) {
    .it__subsidy__list__item dt, .it__subsidy__list__item dd {
        padding: 30px 35px;
    }
}

.it__subsidy__list__item dt {
    background: rgba(41, 155, 57, 0.2);
    font-size: 1.8rem;
}

@media (min-width: 768px) {
    .it__subsidy__list__item dt {
        font-size: 2.2rem;
    }
}

.it__subsidy__list__item dd {
    border-left: none;
}

@media (min-width: 768px) {
    .it__subsidy__list__item dd {
        font-size: 2rem;
    }
}

.it__subsidy__list__item dd em {
    font-size: 2.5em;
    font-style: normal;
    line-height: 1;
}

.it__subsidy__list__item dd a {
    align-items: center;
    background: #eaeae7;
    border-radius: 18px;
    color: inherit;
    display: flex;
    gap: 0.2em;
    justify-content: center;
    margin-top: 5px;
    padding: 5px 10px;
    text-decoration: none;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.it__subsidy__list__item dd a::before {
    background: url("../images/pages/it/it-subsidy-notice-icon.svg") no-repeat center center;
    content: "";
    display: inline-block;
    height: 1.1em;
    width: 1.1em;
}

@media (hover: hover) and (pointer: fine) {
    .it__subsidy__list__item dd a:hover {
        opacity: 0.65;
    }
}

.it__subsidy__list__item dd a:focus-visible {
    opacity: 0.65;
}

.it__subsidy__example {
    align-items: center;
    display: flex;
    flex-flow: column;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 15px;
    justify-content: center;
    line-height: 1;
    margin: 30px auto 0;
}

@media (min-width: 768px) {
    .it__subsidy__example {
        align-items: stretch;
        flex-flow: row;
        font-size: 2rem;
        margin-top: 100px;
        padding: 0 30px;
    }
}

@media (min-width: 992px) {
    .it__subsidy__example {
        gap: 25px;
    }
}

.it__subsidy__example__before {
    position: relative;
}

.it__subsidy__example__before__label {
    align-items: center;
    background: #000000;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    height: 40px;
    inset: -19px auto auto -19px;
    justify-content: center;
    letter-spacing: 0;
    margin: auto;
    position: absolute;
    width: 40px;
}

@media (min-width: 768px) {
    .it__subsidy__example__before__label {
        font-size: 4rem;
        height: 75px;
        left: -37px;
        top: -37px;
        width: 75px;
    }
}

.it__subsidy__example__before__content {
    align-items: center;
    background: rgba(41, 155, 57, 0.2);
    border: 2px solid #299b39;
    display: flex;
    flex-flow: column;
    gap: 10px;
    justify-content: flex-end;
    padding: 15px 0 0;
}

@media (min-width: 992px) {
    .it__subsidy__example__before__content {
        height: 292px;
        width: 268px;
    }
}

.it__subsidy__example__before__content img {
    margin-right: auto;
}

.it__subsidy__example__before__content__title {
    background: #299b39;
    border-radius: 10px;
    color: #ffffff;
    margin: 0;
    padding: 5px 10px;
}

@media (min-width: 992px) {
    .it__subsidy__example__before__content__title {
        margin-bottom: 5px;
        padding: 10px 15px;
    }
}

.it__subsidy__example__before__content__year {
    font-size: 1.1em;
    letter-spacing: 0.05em;
    margin: 0;
}

.it__subsidy__example__before__content__price {
    font-size: 2em;
    letter-spacing: 0.05em;
    margin: 0;
}

.it__subsidy__example__change {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 5px;
    justify-content: center;
    padding: 10px 20px 55px;
    text-align: center;
}

@media (min-width: 768px) {
    .it__subsidy__example__change {
        flex-shrink: 0;
        gap: 15px;
        padding: 0 20px 50px;
    }
}

.it__subsidy__example__change__ratio {
    height: auto;
    width: 70px;
}

@media (min-width: 992px) {
    .it__subsidy__example__change__ratio {
        width: 105px;
    }
}

.it__subsidy__example__change__text {
    margin: 0;
}

.it__subsidy__example__change__arrow {
    background: #ff9700;
    color: #ffffff;
    font-size: 2.4em;
    margin: 0;
    padding: 10px 15px 0;
    position: relative;
}

@media (min-width: 768px) {
    .it__subsidy__example__change__arrow {
        font-size: 1.8em;
        margin-left: -20px;
        padding: 10px 0 10px 15px;
    }
}

@media (min-width: 992px) {
    .it__subsidy__example__change__arrow {
        font-size: 2.4em;
    }
}

.it__subsidy__example__change__arrow::after {
    background: #ff9700;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: "";
    display: block;
    height: 30px;
    inset: auto -15px -25px;
    position: absolute;
    width: calc(100% + 30px);
    z-index: -1;
}

@media (min-width: 768px) {
    .it__subsidy__example__change__arrow::after {
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        height: 86px;
        inset: 0 -28px 0 auto;
        margin: auto 0 auto auto;
        width: 36px;
    }
}

@media (min-width: 992px) {
    .it__subsidy__example__change__arrow::after {
        height: 86px;
        inset: 0 -38px 0 auto;
        width: 43px;
    }
}


.it__subsidy__example__after {
    height: 240px;
    width: min(100%, 260px);
}

@media (min-width: 992px) {
    .it__subsidy__example__after {
        height: 292px;
        width: 268px;
    }
}

.it__subsidy__example__after::before {
    border-left: 1px dashed #299b39;
    border-right: 1px dashed #299b39;
    border-top: 1px dashed #299b39;
    content: "";
    display: block;
    height: 50%;
}

.it__subsidy__example__after__content {
    align-items: center;
    background: rgba(41, 155, 57, 0.2);
    border: 2px solid #299b39;
    display: flex;
    flex-flow: column;
    gap: 10px;
    height: 50%;
    justify-content: center;
    padding: 15px 0;
    position: relative;
    width: 100%;
}

.it__subsidy__example__after__content img {
    height: 160px;
    inset: auto 0 90%;
    margin: 0 auto;
    position: absolute;
}

@media (min-width: 992px) {
    .it__subsidy__example__after__content img {
        height: 216px;
        inset: auto 0 80%;
    }
}

.it__subsidy__example__after__content__title {
    background: #299b39;
    border-radius: 10px;
    color: #ffffff;
    margin: 0;
    padding: 5px 10px;
}

@media (min-width: 992px) {
    .it__subsidy__example__after__content__title {
        padding: 10px 15px;
    }
}

.it__subsidy__example__after__content__price {
    font-size: 2em;
    letter-spacing: 0.05em;
    margin: 0;
}

.it__subsidy__terms {
    background: #eaeae7;
    border-radius: 35px;
    margin: 30px auto 0;
    padding: 15px 20px;
}

@media (min-width: 768px) {
    .it__subsidy__terms {
        margin: 54px auto 0;
        padding: 25px;
        width: min(100%, 917px);
    }
}

@media (min-width: 992px) {
    .it__subsidy__terms {
        margin: 100px auto 0;
        padding: 25px 70px;
    }
}

.it__subsidy__terms__title {
    align-items: center;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    gap: 5px;
    line-height: 1.3;
    margin: 0;
}

@media (min-width: 768px) {
    .it__subsidy__terms__title {
        font-size: 2.2rem;
        gap: 10px;
    }
}

.it__subsidy__terms__title::before {
    background: url("../images/pages/it/it-subsidy-notice-icon.svg") no-repeat center center;
    content: "";
    display: block;
    height: 1.8em;
    margin-bottom: -0.2em;
    width: 1.8em;
}

@media (min-width: 768px) {
    .it__subsidy__terms__title::before {
        height: 2.2em;
        margin-bottom: -0.3em;
        width: 2.2em;
    }
}

.it__subsidy__terms__title span {
    border-bottom: 2px solid #299b39;
    flex: 1;
}

.it__subsidy__terms__title em {
    font-size: 1.6em;
    font-style: normal;
    line-height: 1;
    margin: 0 0.2em;
}

.it__subsidy__terms__desc {
    line-height: 2;
    margin: 20px 0 0;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .it__subsidy__terms__desc {
        font-size: 1.6rem;
    }
}

.it__subsidy__terms__figure {
    background: #ffffff;
    margin: 10px auto 0;
    padding: 15px;
}

@media (min-width: 768px) {
    .it__subsidy__terms__figure {
        align-items: center;
        display: flex;
        gap: 60px;
        justify-content: center;
    }
}

.it__subsidy__terms__figure__employee {
    text-align: center;
}

.it__subsidy__terms__figure__employee p {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px;
}

@media (min-width: 992px) {
    .it__subsidy__terms__figure__employee p {
        font-size: 2.2rem;
    }
}

.it__subsidy__terms__figure__salary {
    border: 2px solid #299b39;
    margin-top: 40px;
    padding: 10px;
    position: relative;
    text-align: center;
}

@media (min-width: 768px) {
    .it__subsidy__terms__figure__salary {
        margin-top: 0;
    }
}

.it__subsidy__terms__figure__salary::before {
    background: #299b39;
    clip-path: polygon(0 100%, 100% 100%, 50% 0);
    content: "";
    display: block;
    height: 30px;
    inset: -30px max(calc(50% - 120px), 22px) auto 20px;
    margin: auto 0 auto auto;
    position: absolute;
    width: 30px;
}

@media (min-width: 768px) {
    .it__subsidy__terms__figure__salary::before {
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
        height: 38px;
        inset: auto auto 20px -50px;
        width: 50px;
    }
}

.it__subsidy__terms__figure__salary::after {
    background: #ffffff;
    clip-path: polygon(0 100%, 100% 100%, 50% 0);
    content: "";
    display: block;
    height: 30px;
    inset: -26px max(calc(50% - 120px), 22px) auto 20px;
    margin: auto 0 auto auto;
    position: absolute;
    width: 30px;
}

@media (min-width: 768px) {
    .it__subsidy__terms__figure__salary::after {
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
        height: 38px;
        inset: auto auto 20px -46px;
        width: 50px;
    }
}

.it__subsidy__terms__figure__salary p {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px;
}

@media (min-width: 992px) {
    .it__subsidy__terms__figure__salary p {
        font-size: 2.2rem;
    }
}

.it__subsidy__terms__figure__salary p em {
    color: #299b39;
    font-style: normal;
}

/* service */

.it__service {
    padding: 15px;
}

@media (min-width: 768px) {
    .it__service {
        padding: 50px 15px 100px;
    }
}

.it__service-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

.it__service__content {
    align-items: center;
    background: rgba(41, 155, 57, 0.2);
    border-radius: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
    padding: 15px;
}

@media (min-width: 768px) {
    .it__service__content {
        border-radius: 35px;
        gap: 30px;
        margin: 0 auto;
        padding: 30px;
        width: min(100%, 916px);
    }
}

.it__service__content__text p {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0;
}

.it__service__content__text p em {
    font-size: 1.5em;
    font-style: normal;
}

.it__service__content__text p small {
    font-size: 0.55em;
}

.it__service__note {
    margin: 10px auto 0;
    padding-left: 1em;
    text-indent: -1em;
    width: min(100%, 916px);
}

/* flow */

.it__flow {
    background: #eaeae7;
    padding: 15px;
}

@media (min-width: 768px) {
    .it__flow {
        padding: 80px 15px;
    }
}

.it__flow-container {
    background: #ffffff;
    border-radius: 20px;
    margin: 0 auto;
    width: min(100%, 1000px);
}

.it__flow__main {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 15px;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .it__flow__main {
        flex-flow: row;
        gap: 30px;
        justify-content: center;
        padding: 20px 20px 60px;
    }
}

@media (min-width: 992px) {
    .it__flow__main {
        gap: 70px;
    }
}

.it__flow__main__list {
    counter-reset: step;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 0;
    width: min(100%, 358px);
}

.it__flow__main__list li {
    align-items: stretch;
    border: 1px solid rgba(41, 155, 57, 0.5);
    border-radius: 100px;
    display: flex;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

@media (min-width: 992px) {
    .it__flow__main__list li {
        margin-bottom: 38px;
    }
}

.it__flow__main__list li:last-child {
    margin-bottom: 0;
}

.it__flow__main__list li::after {
    --arrow-width: 14px;
    background: rgba(41, 155, 57, 0.3);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: "";
    display: block;
    height: calc(var(--arrow-width) / 2);
    inset: auto auto calc(-1 * var(--arrow-width)) calc(65px - (var(--arrow-width) / 2));
    margin: 0 auto 0 0;
    position: absolute;
    width: var(--arrow-width);
}

@media (min-width: 992px) {
    .it__flow__main__list li::after {
        --arrow-width: 26px;
    }
}

.it__flow__main__list li:last-child::after {
    display: none;
}

.it__flow__main__list li span {
    background: #299b39;
    border-bottom-left-radius: 100px ;
    border-top-left-radius: 100px ;
    color: #ffffff;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 30px;
    padding-top: 0.1em;
    text-align: center;
    width: 130px;
}

@media (min-width: 768px) {
    .it__flow__main__list li span {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .it__flow__main__list li span {
        font-size: 2rem;
    }
}

.it__flow__main__list li span::before {
    content: "step ";
}

.it__flow__main__list li span::after {
    content: counter(step);
    counter-increment: step;
    font-size: 1.3em;
}

.it__flow__main__list li p {
    flex: 1;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    line-height: 30px;
    margin: 0;
    padding-top: 0.1em;
    text-align: center;
}

@media (min-width: 768px) {
    .it__flow__main__list li p {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .it__flow__main__list li p {
        font-size: 2.5rem;
    }
}

.it__flow__main__message {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 15px;
    width: min(90%, 365px);
}

@media (min-width: 768px) {
    .it__flow__main__message {
        width: min(100%, 365px);
    }
}

.it__flow__main__message p {
    align-items: center;
    aspect-ratio: 73 / 44;
    background: url("../images/pages/it/it-flow-balloon.svg") no-repeat center / contain;
    display: flex;
    font-size: 1.4rem;
    font-weight: 500;
    justify-content: center;
    letter-spacing: 0.1em;
    line-height: 1.889;
    margin: 0;
    padding-bottom: 40px;
    text-align: center;
    width: min(100%, 365px);
}

@media (min-width: 768px) {
    .it__flow__main__message p {
        font-size: 1.8rem;
    }
}

/* contact */

.it__contact {
    padding: 15px;
}

@media (min-width: 768px) {
    .it__contact {
        padding: 120px 15px 140px;
    }
}

.it__contact-container {
    margin: 0 auto;
    width: min(100%, 1000px);
}

@media (min-width: 768px) {
    .it__contact__desc {
        text-align: center;
    }
}

.it__contact__action {
    text-align: center;
}

.it__contact__action a {
    color: #29a039;
    font-size: 1.6rem;
    font-weight: 700;
    text-decoration: underline;
    transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

@media (min-width: 768px) {
    .it__contact__action a {
        font-size: 1.8rem;
    }
}

.it__contact__action a:focus {
    opacity: 0.65;
    text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
    .it__contact__action a:hover {
        opacity: 0.65;
        text-decoration: none;
    }
}