/* p-renovation
   ----------------------------------------------------------------- */
.p-renovation
{
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 600px)
{
    .p-renovation
    {
        padding-bottom: 50px !important;
    }
}
.p-renovation::after
{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 96.5%;

    content: '';

    background-color: #f0f0f0;
}
@media screen and (min-width: 1670px)
{
    .p-renovation::after
    {
        height: calc(100% - 27px);
    }
}
@media screen and (max-width: 1024px)
{
    .p-renovation::after
    {
        height: 98%;
    }
}
@media screen and (max-width: 767px)
{
    .p-renovation::after
    {
        height: 99.4%;
    }
}
@media screen and (max-width: 600px)
{
    .p-renovation::after
    {
        height: calc(100% - 20px);
    }
}
.p-renovation__List
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: 50px 2.6%;
}
@media screen and (max-width: 1279px)
{
    .p-renovation__List
    {
        grid-gap: 2.7027027027vw 2.6%;
    }
}
@media screen and (max-width: 1024px)
{
    .p-renovation__List
    {
        grid-gap: clamp(30px, 30px + .0075757576 * (100vw - 600px), 40px) 2.6%;
    }
}
.p-renovation__List__Box
{
    width: 23.05%;
}
@media screen and (max-width: 1024px)
{
    .p-renovation__List__Box
    {
        width: 48.7%;
    }
}
@media screen and (max-width: 767px)
{
    .p-renovation__List__Box
    {
        width: 100%;
    }
}
.p-renovation__List__Box__link
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: clamp(10px, 10px + .003030303 * (100vw - 600px), 14px);
    padding: 10px 0 17px;

    background-color: #192f72;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}
.p-renovation__List__Box__inner
{
    width: 100%;

    position: relative;
    aspect-ratio: 345/430;
}
.p-renovation__List__Box__bland
{
    position: absolute;
    top: 10px;
    left: 50%;

    padding: clamp(28px, 28px + .0133928571 * (100vw - 1024px), 40px) clamp(10px, 10px + .0044642857 * (100vw - 1024px), 14px) clamp(14px, 14px + .0066964286 * (100vw - 1024px), 20px);

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    background-color: rgba(255, 255, 255, .7);
}
.p-renovation__List__Box__bland img
{
    width: clamp(80px, 80px + .0090909091 * (100vw - 600px), 92px);
}
.p-renovation__List__Box__zoom
{
    position: absolute;
    right: 7px;
    bottom: 24px;

    width: 25px;

    background-color: #192f72;

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

    display: inline-block;

    width: 17px;
    height: 2px;

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

    background-color: #fff;
}
.p-renovation__List__Box__zoom::after
{
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
}
.p-renovation__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-renovation__List__Box__title::before
{
    display: inline-block;

    width: 20px;

    content: '';

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

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

/* p-renovationDetail
   ----------------------------------------------------------------- */
.p-renovationDetail__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(60px, 60px + .0515151515 * (100vw - 600px), 128px) 2.66%;
}
.p-renovationDetail__textArea
{
    position: relative;
    z-index: 2;

    width: 50%;
}
@media screen and (max-width: 1024px)
{
    .p-renovationDetail__textArea
    {
        width: 100%;
    }
}
.p-renovationDetail__textArea .c-title
{
    margin-bottom: clamp(50px, 50px + .0189393939 * (100vw - 600px), 75px);
}
.p-renovationDetail__textArea__image
{
    max-width: 90%;
    max-width: 203px;
    margin: 0 auto clamp(40px, 40px + .0113636364 * (100vw - 600px), 55px);
}
@media screen and (max-width: 600px)
{
    .p-renovationDetail__textArea__image
    {
        max-width: 150px;
    }
}
.p-renovationDetail__textArea__titleArea
{
    margin-bottom: clamp(18px, 18px + .0045454545 * (100vw - 600px), 24px);
}
.p-renovationDetail__textArea__titleArea__title
{
    font-size: clamp(24px, 24px + .0122767857 * (100vw - 1024px), 35px);
    font-weight: 400;
}
@media screen and (max-width: 1024px)
{
    .p-renovationDetail__textArea__titleArea__title
    {
        font-size: clamp(30px, 30px + .01953125 * (100vw - 768px), 35px);
    }
}
@media screen and (max-width: 767px)
{
    .p-renovationDetail__textArea__titleArea__title
    {
        font-size: clamp(30px, 30px + .0297619048 * (100vw - 600px), 35px);
    }
}
.p-renovationDetail__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-renovationDetail__textArea__outline__li
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-renovationDetail__textArea__outline__li
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-renovationDetail__textArea__note__li
{
    font-size: 17px;
}
@media screen and (min-width: 1025px)
{
    .p-renovationDetail__textArea__note__li
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
.p-renovationDetail__conceptArea
{
    width: 46%;
}
@media screen and (max-width: 1024px)
{
    .p-renovationDetail__conceptArea
    {
        width: 100%;
    }
}
.p-renovationDetail__conceptArea__text
{
    font-size: 17px;

    position: relative;
    z-index: 1;

    padding: clamp(45px, 45px + .0825471698 * (100vw - 600px), 80px) 0 clamp(45px, 45px + .0825471698 * (100vw - 600px), 80px) clamp(18px, 18px + .0990566038 * (100vw - 600px), 60px);

    color: #fff;
}
.p-renovationDetail__conceptArea__text::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    display: inline-block;

    width: 100vw;
    height: 100%;

    content: '';

    background-color: #192f72;
}
@media screen and (max-width: 1024px)
{
    .p-renovationDetail__conceptArea__text::after
    {
        left: 50%;

        width: 110vw;

        -webkit-transform: translateX(-50%);

                transform: translateX(-50%);
    }
}
@media screen and (min-width: 1025px)
{
    .p-renovationDetail__conceptArea__text
    {
        font-size: clamp(15px, 15px + .0022321429 * (100vw - 1024px), 17px);
    }
}
@media screen and (max-width: 1024px)
{
    .p-renovationDetail__conceptArea__text
    {
        padding-left: 0;
    }
}
.p-renovationDetail__imageList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    grid-gap: clamp(9px, 9px + .0123318386 * (100vw - 768px), 20px) 1.33%;
}
.p-renovationDetail__imageList__image.horizontal
{
    width: 66.2%;

    aspect-ratio: 96/70;
}
.p-renovationDetail__imageList__image.vertical
{
    width: 32.44%;

    aspect-ratio: 52/70;
}
.p-renovationDetail__imageList__image.harf
{
    width: 49.33%;

    aspect-ratio: 74/54;
}
@media screen and (max-width: 767px)
{
    .p-renovationDetail__imageList__image
    {
        width: 100% !important;
    }
    .no_sp {
 display: none;
    }
}