@charset "utf-8";
/*--------------------------------------------------------------------------------

  about

--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
  pagetitle
--------------------------------------------------------------------------------*/
.l-pagetitle {
    background-image: url(../img/about/pagetitle-img.png);
}

/*--------------------------------------------------------------------------------
  philosophy
--------------------------------------------------------------------------------*/
#philosophy {
    margin-bottom: var(--space-3l);
}
#philosophy .base-philosophy {
    padding: var(--space-2l) 0;
    background: linear-gradient(0deg, rgba(204, 225, 244, 0) 0%, rgba(204, 225, 244, 0.7) 23%, rgba(204, 225, 244, 0.7) 73%, rgba(204, 225, 244, 0) 100%);
    text-align: center;
}
#philosophy .base-philosophy p {
    font-size: var(--fs-l);
    letter-spacing: 1.5pt;
    margin-top: var(--space-2s);
}
#philosophy .philosophy-wrap {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: var(--space-s);
}
#philosophy .company-philosophy {
    align-content: center;
    padding: 0 1.5rem;
    border: 1px solid var(--color-tertiary);
    border-radius: 0.75em;
    background-color: var(--color-tertiary-lightest);
    text-align: center;
}
#philosophy .company-philosophy h2 {
    color: var(--color-tertiary);
    font-size: var(--fs-2l);
    font-weight: bold;
    letter-spacing: 4pt;
}
#philosophy .facilitie-philosophy-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2s);
}
#philosophy .facilitie-philosophy-melit {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
    margin-top: var(--space-s);
}
#philosophy .facilitie-philosophy-melit dl {
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-primary-lighter);
    background-color: #fff;
    line-height: var(--line-height-s);
}
#philosophy .facilitie-philosophy-melit dt {
    color: var(--color-primary);
    font-size: var(--fs-m);
    margin-bottom: 0.25em;
}
#philosophy .facilitie-objective-contents {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-3s);
}
#philosophy .facilitie-objective-list li {
    align-content: center;
}
#philosophy .facilitie-objective-list li:nth-child(2) { padding-left: 0.75em; }
#philosophy .facilitie-objective-list li:nth-child(3) { padding-left: 2em; }
#philosophy .facilitie-objective-list span {
    display: inline-block;
    color: var(--color-red);
    font-size: var(--fs-l);
    font-weight: bold;
    margin-right: 0.25rem;
}
@media (max-width:1260px) {
    #philosophy .philosophy-wrap {
        grid-template-columns: 1fr 4fr;
        gap: var(--space-2s);
    }
    #philosophy .company-philosophy {
        padding: 0.5rem;
    }
    #philosophy .company-philosophy h2 {
        font-size: var(--fs-l);
    }
}
@media (max-width:960px) {
    #philosophy .facilitie-objective-img01 {
        display: none;
    }
}
@media (max-width:900px) {
    #philosophy .philosophy-wrap {
        grid-template-columns: auto;
        gap: var(--space-m);
    }
}
@media (max-width:640px) {
    #philosophy .base-philosophy p {
        font-size: var(--fs-n);
    }
    #philosophy .facilitie-philosophy-melit {
        max-width: 400px;
        grid-template-columns: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #philosophy .facilitie-philosophy-txt img {
        display: none;
    }
}
@media (max-width:520px) {
    #philosophy .facilitie-objective-img02 {
        display: none;
    }
}

/*--------------------------------------------------------------------------------
  outline
--------------------------------------------------------------------------------*/
#outline {
    margin-bottom: var(--space-3l);
}
@media (max-width:425px) {
    #outline .email {
        font-size: var(--fs-2s);
    }
}


/*--------------------------------------------------------------------------------
  facility
--------------------------------------------------------------------------------*/
.facility-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-s);
}
@media (max-width:900px) {
    .facility-info {
        grid-template-columns: auto;
        gap: var(--space-l);
        margin-bottom: var(--space-l);
    }
}

/*--------------------------------------------------------------------------------
  business
--------------------------------------------------------------------------------*/
#business ol > li:not(first-child) {
    margin-top: 1em;
}

/*--------------------------------------------------------------------------------
  history
--------------------------------------------------------------------------------*/
#history {
    margin-bottom: var(--space-3l);
    background: url(../img/common/add-img03.png) no-repeat right bottom;
}
#history .history-list {
    margin-left: 1em;
    margin-top: var(--space-2s);
    border-left: 1px solid var(--border-color);
}
#history .history-list-item {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
    display: grid;
    grid-template-columns: 10em auto;
    gap: var(--space-3s);
}
#history .history-list-item::before {
    position: absolute;
    left: -0.5em;
    content: "●";
    color: var(--color-primary);
}
#history .history-list-time {
    width: 10em;
    font-weight: bold;
}
@media (max-width:1024px) {
    #history {
        background: none;
    }
}
@media (max-width:768px) {
    #history {
        margin-bottom: var(--space-l);
    }
}
@media (max-width:640px) {
    #history .history-list-item {
        display: block;
    }
}

/*--------------------------------------------------------------------------------
  disclosure
--------------------------------------------------------------------------------*/
#disclosure {
    margin-bottom: var(--space-3l);
}
#disclosure .disclosure-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-s);
}
@media (max-width:768px) {
    #disclosure .disclosure-wrap {
        grid-template-columns: auto;
        gap: var(--space-m);
    }
}

/* company-info/financial-results */
#company-info ul,
#financial-results ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3s);
    margin-top: var(--space-2s);
}
#company-info ul .c-btn,
#financial-results ul .c-btn {
    width: 100%;
}
@media (max-width:640px) {
    #company-info ul,
    #financial-results ul {
        grid-template-columns: auto;
    }
}

/*--------------------------------------------------------------------------------
  ethical
--------------------------------------------------------------------------------*/
#ethical {
    margin-bottom: var(--space-3l);
}
#ethical li:not(first-child) {
    margin-top: 1em;
}

/*--------------------------------------------------------------------------------
  privacy-policy
--------------------------------------------------------------------------------*/
#privacy-policy .c-list-num > li:not(first-child) {
    margin-top: var(--space-3s);
}