@charset 'UTF-8';
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-other__title
{
    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;

    width: 100%;
    margin-bottom: var(--m90);

    align-items: center;
    grid-gap: var(--m8);
}
.p-other__title-sub
{
    font-size: var(--navy04);
    font-size: var(--fs14_18);
    font-weight: bold;
}
.p-other__title-jp
{
    font-size: var(--navy04);
    font-size: var(--fs22_36);
    font-weight: bold;
}
.p-other__title-en
{
    font-size: var(--m90);
    line-height: 1;

    position: absolute;
    z-index: -1;
    bottom: 5px;
    left: 50%;

    transform: translateX(-50%);
    white-space: nowrap;

    color: var(--gray06);
}
.p-other__catch
{
    font-size: var(--fs18_30);
    font-weight: bold;

    margin-bottom: var(--m70);

    text-align: center;

    color: var(--navy04);
}
.p-other__text
{
    margin-bottom: var(--m90);
}
.p-other__text-line
{
    font-size: var(--fs14_22);
    font-weight: bold;
    line-height: 2;

    display: block;

    text-align: center;
    letter-spacing: .05em;

    color: var(--gray01);
}
.p-other__list
{
    display: flex;

    flex-wrap: wrap;
    grid-gap: var(--fs30_65) 3.33%;
}
.p-other__box
{
    display: flex;
    flex-direction: column-reverse;

    width: 31.113%;
    padding: var(--m8_32);
    padding-bottom: var(--m50);

    border-radius: var(--m10);
    background-color: var(--gray05);

    grid-gap: var(--m30);
}
.p-other__box-title
{
    font-size: var(--fs18_20);
    font-weight: bold;

    margin-bottom: var(--m24);
    padding-left: var(--m16);

    color: var(--navy01);
    border-left: 6px solid var(--navy01);
}
.p-other__box-row
{
    display: flex;

    margin-bottom: var(--m24);

    border-bottom: 1px solid var(--navy03);

    flex-wrap: wrap;
    align-items: center;
    grid-gap: var(--m8) var(--m16);
}
.p-other__box-dt
{
    font-size: var(--fs16_18);
    font-weight: bold;
    line-height: 1;

    padding: .5em;

    letter-spacing: .05em;

    color: var(--white);
    background-color: var(--navy03);
}
.p-other__box-dd
{
    font-size: var(--fs16_18);
    font-weight: bold;

    color: var(--gray01);
}
.p-other__box-text
{
    font-size: var(--fs14_16);
    line-height: 2;
}
.p-other__no-list
{
    font-size: var(--fs16_20);
    font-weight: bold;

    display: block;

    width: 100%;

    text-align: center;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 890px)
{
    .p-other__box
    {
        width: 48.335%;
    }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 620px)
{
    .p-other__box
    {
        width: 100%;
    }
}