/* p-works
   ----------------------------------------------------------------- */
.p-works
{
    position: relative;
    z-index: 1;
}
.p-works__List
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-gap: clamp(36px, 36px + .0181818182 * (100vw - 600px), 60px) 4%;
}
.p-works__List__Box
{
    width: 30.6666%;
}
@media screen and (max-width: 1024px)
{
    .p-works__List__Box
    {
        width: 48%;
    }
}
@media screen and (max-width: 767px)
{
    .p-works__List__Box
    {
        width: 100%;
    }
}
.p-works__List__Box__link
{
    display: block;
    position: relative;

    margin-bottom: clamp(10px, 10px + .003030303 * (100vw - 600px), 14px);
}
.p-works__List__Box__inner
{
    width: 100%;
    position: relative;
    aspect-ratio: 46/34;
}
.p-works__List__Box__zoom
{
    position: absolute;
    right: 7px;
    bottom: 7px;

    width: clamp(22px, 22px + .0022727273 * (100vw - 600px), 25px);

    background-color: #192f72;

    aspect-ratio: 1/1;
}
.p-works__List__Box__zoom::before,
.p-works__List__Box__zoom::after
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: clamp(14px, 14px + .0022727273 * (100vw - 600px), 17px);
    height: 2px;

    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #fff;
}
.p-works__List__Box__zoom::after
{
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
}
.p-works__List__Box__title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(3px, 3px + .0015151515 * (100vw - 600px), 5px);

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    grid-gap: clamp(3px, 3px + .0015151515 * (100vw - 600px), 5px);
}
/* .p-works__List__Box__title::before
{
    display: inline-block;

    width: 20px;

    content: '';

    border-radius: 100%;
    background-color: #192f72;

    aspect-ratio: 1/1;
} */
.p-works__List__Box__title .txt
{
    font-size: 20px;
    font-weight: 500;
}
.p-works__List__Box__address
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-works__List__Box__address
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}

/* p-worksDetail
   ----------------------------------------------------------------- */
.p-worksDetail__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: clamp(60px, 60px + .0075757576 * (100vw - 600px), 70px);

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: clamp(45px, 45px + .0113636364 * (100vw - 600px), 60px) 2.66%;
}
.p-worksDetail__textArea
{
    position: relative;
    z-index: 2;

    width: 56%;
}
@media screen and (max-width: 1024px)
{
    .p-worksDetail__textArea
    {
        width: 100%;
    }
}
.p-worksDetail__textArea .c-title
{
    margin-bottom: clamp(16px, 16px + .0068181818 * (100vw - 600px), 25px);
}
.p-worksDetail__textArea__titleArea
{
    margin-bottom: clamp(18px, 18px + .0045454545 * (100vw - 600px), 24px);
}
.p-worksDetail__textArea__titleArea__title
{
    font-size: clamp(24px, 24px + .0122767857 * (100vw - 1024px), 35px);
    font-weight: 400;
}
@media screen and (max-width: 1024px)
{
    .p-worksDetail__textArea__titleArea__title
    {
        font-size: clamp(30px, 30px + .01953125 * (100vw - 768px), 35px);
    }
}
@media screen and (max-width: 767px)
{
    .p-worksDetail__textArea__titleArea__title
    {
        font-size: clamp(30px, 30px + .0297619048 * (100vw - 600px), 35px);
    }
}
.p-worksDetail__textArea__titleArea__type
{
    font-size: clamp(20px, 20px + .0055803571 * (100vw - 1024px), 25px);
    font-weight: 400;
}
@media screen and (max-width: 1024px)
{
    .p-worksDetail__textArea__titleArea__type
    {
        font-size: clamp(22px, 22px + .01171875 * (100vw - 768px), 25px);
    }
}
@media screen and (max-width: 767px)
{
    .p-worksDetail__textArea__titleArea__type
    {
        font-size: clamp(20px, 20px + .0297619048 * (100vw - 600px), 25px);
    }
}
.p-worksDetail__textArea__outline
{
    margin-bottom: clamp(22px, 22px + .0045454545 * (100vw - 600px), 28px);
    padding-bottom: clamp(22px, 22px + .0045454545 * (100vw - 600px), 28px);

    border-bottom: 1px solid #192f72;
}
.p-worksDetail__textArea__outline__li
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-worksDetail__textArea__outline__li
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-worksDetail__textArea__note__li
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-worksDetail__textArea__note__li
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-worksDetail__mainImage
{
    position: relative;
    z-index: 1;

    width: 41.33%;

    aspect-ratio: 62/48;
}
@media screen and (max-width: 1024px)
{
    .p-worksDetail__mainImage
    {
        width: 80%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px)
{
    .p-worksDetail__mainImage
    {
        width: 100%;
    }
}
.p-worksDetail__mainImage::before
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 35.48%;

    content: '';
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);

    background-color: #f4f4f9;

    aspect-ratio: 1/1;
}
.p-worksDetail__mainImage::after
{
    position: absolute;
    z-index: -2;
    top: 50%;
    left: calc(min(6vw, 115px) * -1);

    display: inline-block;

    width: 49vw;
    height: 280px;

    content: '';
    -webkit-transform: translateY(-53%);
            transform: translateY(-53%);

    opacity: .7;
    background-color: #f2f2f2;
}
.p-worksDetail__imageList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(24px, 24px + .0121212121 * (100vw - 600px), 40px) 1.33%;
}
.p-worksDetail__imageList__box
{
    width: 24%;
}
@media screen and (max-width: 1024px)
{
    .p-worksDetail__imageList__box
    {
        width: 49.335%;
    }
}
@media screen and (max-width: 767px)
{
    .p-worksDetail__imageList__box
    {
        width: 100%;
    }
}
.p-worksDetail__imageList__box__image
{
    margin-bottom: clamp(7px, 7px + .0053030303 * (100vw - 600px), 14px);

    aspect-ratio: 36/27;
}
.p-worksDetail__imageList__box__text
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-worksDetail__imageList__box__text
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}