@charset "UTF-8";
/* ---------------------------------------------
*  title logo
--------------------------------------------- */
.p-tech-category-section-1__ttl h2 {
    background: url(/corporate/technology/rd/img/metame/metame_icon.png) 0 5px no-repeat;
    padding-left:47px;
}
@media screen and (max-width: 767px) {
    .p-tech-category-section-1__ttl h2 {
        background: url(/corporate/technology/rd/img/metame/sp/metame_icon.png) 5px 0 no-repeat;
        padding-left:42px;
    }
}

/* ---------------------------------------------
*  Introduction to technology link btn
--------------------------------------------- */
.p-tech-category-link__btn--metame {
    width: 60% !important;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .p-tech-category-link__btn--metame{
    padding-block : 13px;
    width: 100% !important;
    border-radius: 30px;
    background-color: var(--color-white-1);
    font-size: calc(15 / var(--root-fz) * 1rem);
    }
}

.p-tech-category-link__btn--metame-txt {
    text-align: center;
    font-weight: 500;
    line-height: 1.6;
}

/* ---------------------------------------------
*  official site link btn
--------------------------------------------- */
.p-tech-category-link--metame {
    border: 2px solid #196B24;
    position: relative;
}
@media (hover: hover) and (pointer: fine) {
    .p-tech-category-link--metame {
        transition: opacity var(--hover-duration);
    }
    .p-tech-category-link--metame:hover {
        opacity: var(--hover-opacity-ratio);
        color: #333333;
    }
}
.p-tech-category-link__text--metame {
    text-decoration: none;
}

.p-tech-category-metame--gradient {
    background: linear-gradient(to right, #C6D761, #B7D26D, #AACE74, #86C282, #69B889, #26A190);
    width: 100%;
}

.p-tech-category-metame--gradient .p-tech-category-metame__txt {
    color: var(--color-black-1);
}

.p-tech-category-metame {
    display: flex;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .p-tech-category-metame {
        display: block;
        border-bottom: none;
    }
}