@charset 'UTF-8';
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-message
{
    margin-bottom: var(--m200);
}
.p-message__main
{
    position: relative;

    margin-bottom: var(--m120);

    background: linear-gradient(to left,rgba(255, 255, 255,.2) 0%,rgba(255, 255, 255,.4) 50%,rgba(255, 255, 255,.95) 80%,rgba(255, 255, 255,1) 100%),
    url(/images/message/main.webp) center/cover no-repeat;

    aspect-ratio: 3/2;
}
.p-message__main-inner
{
    position: absolute;
    top: min(5.62vw, 75px);
    left: min(7.5vw, 100px);
}
.p-message__main-logo
{
    width: min(18vw, 240px);
}
.p-message__main-catch
{
    font-size: min(4.5vw, 60px);
    font-weight: bold;

    margin-top: var(--m40);
    padding: 0 .4em;

    color: var(--blue06);
    background-color: var(--main-white);
}
.p-message__main-sub
{
    font-size: min(2.55vw, 34px);
    font-weight: bold;
    line-height: 2;

    margin-top: var(--m30);

    color: var(--blue06);
}
.p-message__detail
{
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    grid-gap: var(--m70) 0;
}
.p-message__detail-catch
{
    font-size: var(--fs22_40);
    font-weight: bold;
}
.p-message__text
{
    font-size: var(--fs14_18);
    font-weight: 500;

    width: 67%;
}
.p-message__image
{
    width: 27.5%;
}
.p-message__image-inner
{
    display: block;

    width: 100%;
}
.p-message__caption
{
    display: block;

    width: -moz-fit-content;

    width: fit-content;
    margin-top: var(--m25);
    margin-left: auto;
}
.p-message__caption-position
{
    font-size: var(--fs14_16);
    font-weight: bold;
}
.p-message__caption-name
{
    display: block;

    width: 100%;
    max-width: 180px;
    margin-top: var(--m16);
    margin-left: var(--m16);
}
.p-message__detail.img_none
{
  grid-gap: var(--m40) 0;
}
.img_none .p-message__text,
.img_none .p-message__image
{
  width: 100%;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 620px)
{
    .p-message
    {
        margin-bottom: var(--m200);
    }
    .p-message__main
    {
        background-position: bottom right;

        background: linear-gradient(to left,rgba(255, 255, 255,.2) 0%,rgba(255, 255, 255,.4) 50%,rgba(255, 255, 255,.95) 80%,rgba(255, 255, 255,1) 100%),
                    url(/images/message/main.webp) center right 40%/cover no-repeat;
        aspect-ratio: 1/1;
    }
    .p-message__main-inner
    {
        top: 50%;
        left: 5%;

        transform: translateY(-50%);
    }
    .p-message__main-logo
    {
        width: 32%;
    }
    .p-message__main-catch
    {
        font-size: 25px;

        background-color: rgba(255, 255, 255, .85);
    }
    .p-message__main-sub
    {
        font-size: 16px;

        text-shadow: 1px 1px 3px rgba(255, 255, 255, .45);
    }
    .p-message__text
    {
        width: 100%;
    }
    .p-message__image
    {
        width: 100%;
    }
    .p-message__image-inner
    {
        overflow: hidden;

        aspect-ratio: 1/1;
    }
    .p-message__image-inner img
    {
        width: 130%;
        max-width: unset;
    }
    .p-message__caption
    {
        margin-right: auto;
    }
}