@charset "utf-8";
/*---------------------------------------------------------------------
PC Style
pc.css
-----------------------------------------------------------------------
Copyright 2025 (c) linkpath Allrights Reserved.
Coding: Hinako Hayashi
Last Update: 2025.06.12
---------------------------------------------------------------------*/
/*===========================================================
    font-size
===========================================================*/
.company-title h2 {
    font-size: 200%;
}

/*===========================================================
    article-view
===========================================================*/
.first-view__img {
    height: 40vh;
    height: 40svh;
    margin-bottom: 7.5em;
}
.first-view__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*===========================================================
    article-company
===========================================================*/
.article-company {
    padding-bottom: 7.5em;
}

/* article-company__section */
.article-company__section {
    gap: 3em;
}

.company-title {
    margin-bottom: 3em;
    position: relative;
}
.company-title h2,
.company-title p {
    position: relative;
    z-index: 2;
}
.company-title h2 {
    letter-spacing: 0.2em;
}
.company-title .title-img {
    width: 10em;
    position: absolute;
    top: -5em;
    left: 0;
    opacity: 0.25;
}

.company-content {
    display: flex;
    flex-direction: column;
    gap: 2em;
    position: relative;
    z-index: 2;
}
.company-content dl {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 2em;
    border-bottom: solid 1px var(--color-accent);
    padding-bottom: 2em;
}
.company-content dt {
    width: 8em;
}
.company-content p {
    line-height: 2em;
}

.article-company__section .section-sticky__right {
    width: 30%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    object-position: center;
}