/* ==========================================================================
   Foundation
   ========================================================================== */
/* p-estateList
-------------------------------------------------------------------------- */
.p-estateList
{
    margin-top: 130px;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList
    {
        margin-top: 6.80233vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList
    {
        margin-top: 7.02703vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList
    {
        margin-top: 12.69531vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList
    {
        margin-top: 16.92708vw;
    }
}

.p-estateList__btnList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 60px; 

    -webkit-box-pack: justify; 

        -ms-flex-pack: justify; 

            justify-content: space-between;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__btnList
    {
        padding-top: 3.13953vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__btnList
    {
        padding-top: 3.24324vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__btnList
    {
        padding-top: 6.44531vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__btnList
    {
        padding-top: 8.59375vw;
    }
}

.p-estateList__btn
{
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: calc(50% - 40px);
    padding: 10px 0;

    cursor: pointer; 

    color: #3b3b3b;
    border-radius: 100vw;
    background: #ddd;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 1023px)
{
    .p-estateList__btn
    {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__btn
    {
        font-size: 1.45349vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__btn
    {
        font-size: 1.68919vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__btn
    {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__btn
    {
        font-size: 17px;
    }
}

.p-estateList__btn.news
{
    background: #e3def1;
}

.p-estateList__btn.buy
{
    background: #daedfe;
}

.p-estateList__btn.rent
{
    background: #ffe9f1;
}

.p-estateList__inner
{
    position: relative;
    z-index: 10;
}

.p-estateList__List
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-top: 60px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__List
    {
        padding-top: 3.13953vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__List
    {
        padding-top: 3.24324vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__List
    {
        padding-top: 6.44531vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__List
    {
        padding-top: 8.59375vw;
    }
}

.p-estateList__List.swiper-wrapper
{
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.p-estateList__List:after
{
    display: block;

    width: calc(( 100% / 3 ) - 30px); 

    content: '';
}

@media screen and (min-width: 1024px)
{
    .p-estateList__List:after
    {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1023px)
{
    .p-estateList__List:after
    {
        width: calc(( 100% / 2 ) - 30px);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__List:after
    {
        margin-left: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__List:after
    {
        width: 100%;
    }
}

.p-estateList__Item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    width: calc(( 100% / 2 ) - 30px);

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

.p-estateList__Item:nth-child(n + 3)
{
    padding-top: 60px;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__Item:nth-child(n + 3)
    {
        padding-top: 3.13953vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__Item:nth-child(n + 3)
    {
        padding-top: 3.24324vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__Item:nth-child(n + 3)
    {
        padding-top: 6.44531vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__Item:nth-child(n + 3)
    {
        padding-top: 8.59375vw;
    }
}

.p-estateList__Item:nth-child(n + 3).swiper-slide
{
    padding-top: 0;
}

@media screen and (max-width: 767px)
{
    .p-estateList__Item
    {
        width: 100%;
    }
    .p-estateList__Item:nth-child(n + 2)
    {
        padding-top: 60px;
    }
}

@media screen and (max-width: 767px) and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__Item:nth-child(n + 2)
    {
        padding-top: 3.13953vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__Item:nth-child(n + 2)
    {
        padding-top: 3.24324vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__Item:nth-child(n + 2)
    {
        padding-top: 6.44531vw;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px)
{
    .p-estateList__Item:nth-child(n + 2)
    {
        padding-top: 8.59375vw;
    }
}

.p-estateList__Item .btmtext
{
    padding-top: 15px;

    color: #808080;
}

.p-estateList__Item .checkbox
{
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 30px;
    padding: 2px;

    background: #a6bde3;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__Item .checkbox
    {
        margin-top: 1.56977vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__Item .checkbox
    {
        margin-top: 1.62162vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__Item .checkbox
    {
        margin-top: 3.22266vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__Item .checkbox
    {
        margin-top: 4.29688vw;
    }
}

@media screen and (min-width: 1024px)
{
    .p-estateList__Item .text
    {
        width: 50%;
        padding-left: 15px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__Item .text
    {
        padding-left: .78488vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__Item .text
    {
        padding-left: .81081vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__Item .text
    {
        padding-left: 1.61133vw;
    }
}

@media screen and (min-width: 1024px) and (max-width: 767px)
{
    .p-estateList__Item .text
    {
        padding-left: 2.14844vw;
    }
}

@media screen and (max-width: 1023px)
{
    .p-estateList__Item .text
    {
        width: 100%;
    }
}

.p-estateList__Item .text .label
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.p-estateList__Item .text .type
{
    width: 100%;
    padding: 2px 0;

    text-align: center;

    color: #fff; 
    border: 1px solid #efefef;
    border-radius: 100vw;
    background: #efefef;
}

.p-estateList__Item .text .type.new
{
    border: 1px solid #e7a7b1; 
    background: #e7a7b1;
}

.p-estateList__Item .text .type.land
{
    border: 1px solid #85cb7c; 
    background: #85cb7c;
}

.p-estateList__Item .text .type.mansion
{
    border: 1px solid #f1b96b; 
    background: #f1b96b;
}

.p-estateList__Item .text .type.old
{
    border: 1px solid #73c0f8; 
    background: #73c0f8;
}

.p-estateList__Item .text .type.business
{
    border: 1px solid #d0a2b7; 
    background: #d0a2b7;
}

.p-estateList__Item .text .point
{
    width: 49%;
    margin-top: 2%;
    padding: 2px 0;

    text-align: center;

    border: 1px solid #ddd; 
    border-radius: 100vw;
}

.p-estateList__Item .text .point.p-price
{
    color: #1552b4;
    border: 1px solid #1552b4;
}

.p-estateList__Item .text .point.benefits
{
    color: #bb121a;
    border: 1px solid #bb121a;
}

.p-estateList__Item .text .adless
{
    margin-top: 10px;
}

.p-estateList__Item .text .access
{
    margin-top: 10px;
}

.p-estateList__Item .text .price
{
    font-weight: 500; 

    margin-top: 10px;
}

.p-estateList__Item .text .price span
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 45px;
    font-size: 4.5rem;
    font-weight: 700;
    font-style: italic; 
    line-height: 1;

    color: #cc4d54;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__Item .text .price span
    {
        font-size: 2.61628vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__Item .text .price span
    {
        font-size: 3.04054vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__Item .text .price span
    {
        font-size: 4.83398vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__Item .text .price span
    {
        font-size: 6.44531vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__Item .text .price span
    {
        font-size: 45px;
    }
}

@media screen and (max-width: 1023px)
{
    .p-estateList__Item .text .price
    {
        text-align: right;
    }
}

.p-estateList__ItemWrap
{
    width: 100%;
}

@media screen and (min-width: 1024px)
{
    .p-estateList__ItemWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;
    }
}

.p-estateList__ImageArea
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    overflow: hidden;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    aspect-ratio: 5 / 4;
}

@media screen and (min-width: 1024px)
{
    .p-estateList__ImageArea
    {
        width: 50%;
    }
}

@media screen and (max-width: 1023px)
{
    .p-estateList__ImageArea
    {
        width: 100%;
        margin-bottom: 10px;
    }
}

.p-estateList__ImageArea .new
{
    position: absolute;
    z-index: 15; 
    top: 0;
    left: 0;

    width: 100px;
    height: auto;

    content: '';
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__ImageArea .new
    {
        width: 5.81395vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__ImageArea .new
    {
        width: 6.75676vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__ImageArea .new
    {
        width: 10.74219vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__ImageArea .new
    {
        width: 23.4375vw;
    }
}

.p-estateList__ImageArea.buy:before
{
    background: #4d7bc6;
}

.p-estateList__ImageArea.rent:before
{
    background: #fdafdd;
}

.p-estateList__ImageArea .image
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.p-estateList__moreBtn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px; 

    -webkit-box-pack: center; 

        -ms-flex-pack: center; 

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .p-estateList__moreBtn
    {
        margin-top: 2.61628vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .p-estateList__moreBtn
    {
        margin-top: 2.7027vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .p-estateList__moreBtn
    {
        margin-top: 5.37109vw;
    }
}

@media screen and (max-width: 767px)
{
    .p-estateList__moreBtn
    {
        margin-top: 7.16146vw;
    }
}

.p-estateList__moreBtn a
{
    font-size: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    max-width: 400px; 
    height: 53px;

    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;

    color: #fff;
    border-radius: 100vw;
    background: #1552b4;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.p-estateList__moreBtn a img
{
    width: 35px;
    height: auto; 
    margin-left: 10px;
}

@media screen and (max-width: 767px)
{
    .p-estateList__moreBtn a
    {
        line-height: 1.2;

        height: 73px;

        text-align: center;
    }
}

.p-estateList__body.news
{
    display: none;
}

.p-estateList__body.buy
{
    display: none;
}

.p-estateList__body.rent
{
    display: none;
}

/* pagerSimple
   ----------------------------------------------------------------- */
.pager_num-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 70%; 

    -webkit-box-pack: center; 

        -ms-flex-pack: center; 

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pager_num-area .pager-btn
{
    font-size: 20px; 
    font-weight: bold;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 300px;
    height: 40px;

    cursor: pointer;
    text-decoration: none;

    color: #fff;
    background: #1552b4;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 767px)
{
    .pager_num-area .pager-btn
    {
        width: 100%;
        height: 35px;

        text-decoration: none;
    }
}

.pager-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 80px;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 1719px) and (min-width: 1480px)
{
    .pager-list
    {
        margin-top: 4.18605vw;
    }
}

@media screen and (max-width: 1479px) and (min-width: 1024px)
{
    .pager-list
    {
        margin-top: 4.32432vw;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .pager-list
    {
        margin-top: 8.59375vw;
    }
}

@media screen and (max-width: 767px)
{
    .pager-list
    {
        margin-top: 11.45833vw;
    }
}

.pager-list .pager_btn-area:last-child .pager-btn:before
{
    right: 50%; 

    width: 18px;
    height: 18px;

    content: '';
    -webkit-transform: translateX(25%) translateY(-50%) rotate(45deg);
            transform: translateX(25%) translateY(-50%) rotate(45deg);

    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
}

.pager-list .pager_btn-area:first-child .pager-btn:after
{
    left: 50%; 

    width: 18px;
    height: 18px;

    content: '';
    -webkit-transform: translateX(-25%) translateY(-50%) rotate(225deg);
            transform: translateX(-25%) translateY(-50%) rotate(225deg);

    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
}

.pager-list .pager_btn-area:last-child .pager-btn:before,
.pager-list .pager_btn-area:first-child .pager-btn:after
{
    line-height: .9;

    position: absolute;
    top: 50%;

    display: block;

    -webkit-transform-origin: center;

            transform-origin: center;
}

.pager-list .pager_btn-area .pager-btn
{
    position: relative;

    width: 150px;
    height: 40px;

    cursor: pointer;
    text-decoration: none;

    color: #fff;
    border-radius: 200px; 
    background: #1552b4;
}

@media screen and (max-width: 767px)
{
    .pager-list .pager_btn-area .pager-btn
    {
        width: 35px;
        height: 35px;

        text-decoration: none;
    }
}

.pager-list .list_back
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;

    position: relative;

    padding: 20px 40px;

    text-decoration: none;

    color: #fff;
    background: #1552b4;
}

@media screen and (max-width: 767px)
{
    .pager-list .list_back
    {
        font-size: 16px;
        font-size: 1.6rem; 

        padding: 10px 30px 10px 10px;
    }
}

.c-btn--arrow::after
{
    right: 20px;

    width: 14px;
    height: 14px;

    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

@media screen and (max-width: 767px)
{
    .c-btn--arrow::after
    {
        right: 13px;
    }
}

.pager_btn-area
{
    width: 150px;
    height: 40px;
}

.pager_btn-area .pager-btn
{
    display: block; 

    width: 100%;
    height: 100%;
    margin-left: auto;

    text-decoration: none;
}

@media screen and (max-width: 767px)
{
    .pager_btn-area
    {
        width: 35px;
        height: 35px;
    }
    .pager_btn-area .pager-btn
    {
        height: 35px;
    }
}

.pager-num
{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 1%;

    text-align: center;

    border-radius: 200px; 

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

_:-ms-lang(x)::-ms-backdrop,
.pager-num.now
{
    padding-top: 10px !important;
}

_:-ms-lang(x)::-ms-backdrop,
.pager-num a
{
    padding-bottom: 3px !important;
}

.pager-num.now
{
    height: 40px;
    padding: 15px;

    color: #1552b4;
    background: #fff;
}

.pager-num.now a
{
    background: inherit;
}

.pager-num a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    width: 40px;
    height: 40px;
    margin: 0 5px;

    text-align: center;
    text-decoration: none;
    letter-spacing: .5;

    border-radius: 200px; 
    background: #eff8fe;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px)
{
    .pager-num
    {
        font-size: 20px;
        font-size: 2.0rem;
    }
    .pager-num a
    {
        width: 100%;
        width: 35px;
        height: 35px;
        margin: 0 2px;
        padding: 0 10px;

        text-decoration: none;
    }
    .pager-num.now
    {
        height: 35px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px)
{
    .mb-spPlus
    {
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .mb-spPlus60
    {
        padding-bottom: 60px;
    }
}

.sort-area
{
    color: #fff;
    background: #1552b4;
}

.sort-area__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 60px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .sort-area__content
    {
        height: auto;
        padding: 7.5vw 0;
    }
}

.sort-area__btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 600px;
    height: 100%;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sort-area__btn p
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-right: 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px)
{
    .sort-area__btn p
    {
        width: 100%;
        height: 30px;
        margin-right: 0;
    }
}

.sort-area__btn p span
{
    line-height: 1em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 90px;
    height: 30px;

    border: 1px solid #fff;
    border-radius: 5px; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .sort-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
}

.sort-area__btn > span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 150px;

    text-decoration: none;

    color: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .sort-area__btn > span
    {
        font-size: 18px;
        font-size: 1.8rem;

        width: 27%;
        margin-top: 20px;
    }
}

.sort-area__btn > span img
{
    width: 20px;
    height: 12px;
    margin-left: 10px;

    color: #fff;
}

/* check
-------------------------------------------------------------------------- */
.checkArea
{
    background: #f0f0f0;
}

.check-area
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 60px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .check-area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: auto;
        padding: 10px 0; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

@media screen and (max-width: 767px)
{
    .check-area
    {
        margin: 7vw auto 0; 

        -webkit-box-pack: center; 

            -ms-flex-pack: center; 

                justify-content: center;
    }
}

.check-area__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 60px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .check-area__content
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: auto;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .check-area__content__select
    {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px)
{
    .check-area__content
    {
        height: auto;
        margin: 0;
    }
}

.check-area__btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-align: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .check-area__btn
    {
        width: 100%;
    }
}

@media screen and (max-width: 767px)
{
    .check-area__btn p,
    .check-area__btn a
    {
        font-size: 18px;
        font-size: 1.8rem;

        width: 100%; 
        margin-top: 20px;
    }
}

.check-area__btn p
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: 10px; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .check-area__btn p
    {
        width: 100%;
        margin-right: 0;
    }
    .check-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
    .check-area__btn p:first-of-type
    {
        margin-right: 0;
    }
}

.check-area__btn p:first-child span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.check-area__btn p:last-child span
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 200px;
    height: 40px;

    text-decoration: none;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 767px)
{
    .check-area__btn p:last-child span
    {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .check-area__btn p:last-child
    {
        width: 100%;
        height: auto;
        margin: 0 auto 7.5vw;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .check-area__btn p a
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: auto;
        height: 40px;
        margin-right: 10px;
        margin-left: 10px;

        text-decoration: none;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
    }
}

@media screen and (max-width: 767px)
{
    .check-area
    {
        height: auto;
    }
}

.check-area__select
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.check-area__select input[type='checkbox']
{
    margin-right: 10px;
    margin-left: 20px;
}

.check-area__select div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.check-area__select div select
{
    font-size: 16px;
    font-size: 1.6rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 80px;
    height: 30px;

    background: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .check-area__select div select
    {
        width: 100%;
        margin: 20px;
    }
}

.check-area label
{
    cursor: pointer;
}

.c-checkBtn__btn--m
{
    font-size: 16px;
    font-size: 1.6rem;

    height: 40px;

    border: solid 2px #ddd;
    background: #fff;
}

.allcheck__btn
{
    font-weight: 100;
    line-height: 1;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 5px;
    padding: 9px 20px 9px;

    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    text-align: center;
    text-decoration: none;

    color: #fff;
    border: solid 1px #fff; 
    border-radius: 200px;
    outline: none;
    background: #1552b4;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

@media screen and (max-width: 767px)
{
    .allcheck__btn
    {
        font-size: 34px;
        font-size: 4.43vw;
    }
}

@media screen and (min-width: 768px)
{
    .allcheck__btn
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.allcheck__btn.en
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 300;
}

.allcheck__btn.width300
{
    width: 400px;
}

@media screen and (max-width: 767px)
{
    .allcheck__btn.width300
    {
        width: 300px;
    }
}

@media screen and (min-width: 1024px)
{
    .allcheck__btn.width300
    {
        margin: 0vw auto 3.91vw auto;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .allcheck__btn.width300
    {
        margin: 0vw auto 5.21vw auto;
    }
}

@media screen and (max-width: 767px)
{
    .allcheck__btn.width300
    {
        margin: 0vw auto 7.81vw auto;
    }
}

.allcheck__btn:hover
{
    opacity: 1;
    color: #1552b4;
    border: solid 1px #1552b4; 
    background: #fff;
}

.allcheck__btn2
{
    font-weight: 100;
    line-height: 1;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 5px;
    padding: 9px 20px 9px;

    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    text-align: center;
    text-decoration: none;

    color: #1552b4;
    border: solid 1px #1552b4; 
    border-radius: 200px;
    outline: none;
    background: #fff;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

@media screen and (max-width: 767px)
{
    .allcheck__btn2
    {
        font-size: 34px;
        font-size: 4.43vw;
    }
}

@media screen and (min-width: 768px)
{
    .allcheck__btn2
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.allcheck__btn2.en
{
    font-family: 'Quattrocento Sans', sans-serif;
    font-weight: 300;
}

.allcheck__btn2.width300
{
    width: 400px;
}

@media screen and (max-width: 767px)
{
    .allcheck__btn2.width300
    {
        width: 300px;
    }
}

@media screen and (min-width: 1024px)
{
    .allcheck__btn2.width300
    {
        margin: 0vw auto 3.91vw auto;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .allcheck__btn2.width300
    {
        margin: 0vw auto 5.21vw auto;
    }
}

@media screen and (max-width: 767px)
{
    .allcheck__btn2.width300
    {
        margin: 0vw auto 7.81vw auto;
    }
}

.allcheck__btn2:hover
{
    opacity: 1;
    color: #fff;
    border: solid 1px #1552b4; 
    background: #1552b4;
}

.checkbox-input
{
    display: none;
}

.checkbox-input:checked + .checkbox-parts
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background: #fff; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.checkbox-input:checked + .checkbox-parts::after
{
    position: absolute;
    top: 3px;
    right: 0;
    left: 0;

    display: block;

    width: 10px;
    height: 20px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);

    border-right: 4px solid #1552b4;
    border-bottom: 4px solid #1552b4;
}

.checkbox-input:checked + .allcheckbox-parts::after
{
    position: absolute;
    top: 3px;
    right: 0;
    left: 15px;

    display: block;

    width: 10px;
    height: 20px;

    content: '';
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);

    border-right: 4px solid #1552b4;
    border-bottom: 4px solid #1552b4;
}

.checkbox-parts
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    height: 30px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.checkbox-parts::before
{
    position: relative;
    top: 0;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;

    content: '';

    border: 1px solid #d4d4d4;
    background: #fff;
}

.allcheckbox-parts
{
    line-height: 1.8em;

    position: relative;

    padding: 0;

    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.allcheckbox-parts::before
{
    position: relative;
    top: 4px;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;

    content: '';

    border: 1px solid #d4d4d4;
    background: #fff;
}

.atentext
{
    font-weight: 300; 

    margin-top: 30px;
}

@media screen and (max-width: 767px)
{
    .atentext
    {
        font-size: 36px;
        font-size: 4.69vw;
    }
}

@media screen and (min-width: 768px)
{
    .atentext
    {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

/* p-search
   ----------------------------------------------------------------- */
.stationttl
{
    margin-top: 30px;
}

.toggle_contents
{
    border-bottom: 1px solid #8c917e;
}

@media screen and (min-width: 768px) and (max-width: 1479px)
{
    .p-search
    {
        max-width: 580px;
        margin-right: auto; 
        margin-left: auto;
    }
}

.p-search__menu
{
    text-align: right;
}

@media screen and (max-width: 767px)
{
    .p-search__menu
    {
        margin-bottom: 5.21vw;
    }
}

.p-search__link
{
    line-height: 1;

    position: relative;

    text-decoration: none; 
    letter-spacing: .05em;
}

@media screen and (max-width: 767px)
{
    .p-search__link
    {
        font-size: 38px;
        font-size: 4.95vw; 

        padding-right: 9.11vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__link
    {
        font-size: 20px;
        font-size: 2rem;

        padding-right: 40px;
    }
}

.p-search__arrow
{
    line-height: 1; 

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

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

            transform: translateY(-50%);

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-search__arrow
    {
        font-size: 50px;
        font-size: 6.51vw;

        height: 6.51042vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__arrow
    {
        font-size: 30px;
        font-size: 3rem;

        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__block
    {
        margin-bottom: 7.81vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__block
    {
        margin-bottom: 40px;
    }
}

.p-search__block:last-child
{
    margin-bottom: 0;
}

.p-search__heading
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .p-search__heading
    {
        margin-bottom: 5.21vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__heading
    {
        margin-bottom: 20px;
    }
}

.p-search__label
{
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;
    background-color: #1552b4; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .p-search__label
    {
        font-size: 40px;
        font-size: 5.21vw;

        width: 19.53125vw;
        margin-right: 2.6vw; 
        padding: 1.82vw 0vw .52vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__label
    {
        font-size: 24px;
        font-size: 2.4rem; 

        width: 90px;
        height: 36px;
        margin-right: 8px;
        padding-top: 5px;
    }
}

.p-search__title
{
    letter-spacing: .05em;
}

@media screen and (min-width: 768px)
{
    .p-search__title
    {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__container--area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-search__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

@media screen and (max-width: 767px)
{
    .p-search__list--type .p-search__item
    {
        width: 48%;
        margin-top: 4%; 
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--type .p-search__item
    {
        width: 48.27%;
        margin-top: 1.72%;
        margin-right: 3.44%;
    }
}

.p-search__list--type .p-search__item:nth-child(-n+2)
{
    margin-top: 0;
}

.p-search__list--type .p-search__item:nth-child(2n)
{
    margin-right: 0;
}

@media screen and (max-width: 767px)
{
    .p-search__list--area .p-search__item
    {
        width: 48%;
        margin-top: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--area .p-search__item
    {
        width: 190px;
        margin-top: 10px; 
        margin-left: 10px;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--area .p-search__item:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__list--area .p-search__item:nth-child(2n)
    {
        margin-left: 4%;
    }
}

.r-search__cate
{
    margin-top: 20px;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px)
{
    .r-search__item
    {
        width: 260px;
        margin-bottom: 10px; 
        margin-left: 10px;
    }
}

@media screen and (max-width: 767px)
{
    .r-search__item
    {
        width: 100%;
        margin-top: 4%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .r-search__item
    {
        width: 48%;
        margin-top: 2%; 
        margin-right: 1%;
        margin-left: 1%;
    }
}

@media screen and (min-width: 768px)
{
    .r-search__item:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px)
{
    .r-search__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

.r-search__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* p-search-sub
   ----------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1479px)
{
    .p-search-sub
    {
        max-width: 580px;
        margin-right: auto; 
        margin-left: auto;
    }
}

.p-search-sub__menu
{
    text-align: right;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__menu
    {
        margin-bottom: 5.21vw;
    }
}

.p-search-sub__link
{
    line-height: 1;

    position: relative;

    text-decoration: none; 
    letter-spacing: .05em;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__link
    {
        font-size: 38px;
        font-size: 4.95vw; 

        padding-right: 9.11vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__link
    {
        font-size: 20px;
        font-size: 2rem;

        padding-right: 40px;
    }
}

.p-search-sub__arrow
{
    line-height: 1; 

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

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

            transform: translateY(-50%);

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__arrow
    {
        font-size: 50px;
        font-size: 6.51vw;

        height: 6.51042vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__arrow
    {
        font-size: 30px;
        font-size: 3rem;

        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-sub__block
    {
        margin-bottom: 7.81vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__block
    {
        margin-bottom: 40px;
    }
}

.p-search-sub__block:last-child
{
    margin-bottom: 0;
}

.p-search-sub__heading
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__heading
    {
        margin-bottom: 5.21vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__heading
    {
        margin-bottom: 20px;
    }
}

.p-search-sub__label
{
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;
    background-color: #1552b4; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__label
    {
        font-size: 40px;
        font-size: 5.21vw;

        width: 19.53125vw;
        margin-right: 2.6vw; 
        padding: 1.82vw 0vw .52vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__label
    {
        font-size: 24px;
        font-size: 2.4rem; 

        width: 90px;
        height: 36px;
        margin-right: 8px;
        padding-top: 5px;
    }
}

.p-search-sub__title
{
    letter-spacing: .05em;
}

@media screen and (min-width: 768px)
{
    .p-search-sub__title
    {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-sub__container--area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-search-sub__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.p-search-sub__list--type
{
    margin-bottom: 60px;
}

@media screen and (max-width: 767px)
{
    .p-search-sub__list--type
    {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1023px)
{
    .p-search-sub__list--type .p-search-sub__item
    {
        width: 48%;
        margin-top: 2%;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-sub__list--type .p-search-sub__item
    {
        width: 100%;
        margin-top: 2%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search-sub__list--type .p-search-sub__item
    {
        width: 24.31%;
        margin-top: 1.72%;
        margin-right: .86%;
    }
}

.p-search-sub__list--type .p-search-sub__item:nth-child(4)
{
    margin-right: 0;
}

/* p-search-realestate
   ----------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1479px)
{
    .p-search-realestate
    {
        max-width: 580px;
        margin-right: auto; 
        margin-left: auto;
    }
}

.p-search-realestate__menu
{
    text-align: right;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__menu
    {
        margin-bottom: 5.21vw;
    }
}

.p-search-realestate__link
{
    line-height: 1;

    position: relative;

    text-decoration: none; 
    letter-spacing: .05em;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__link
    {
        font-size: 38px;
        font-size: 4.95vw; 

        padding-right: 9.11vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__link
    {
        font-size: 20px;
        font-size: 2rem;

        padding-right: 40px;
    }
}

.p-search-realestate__arrow
{
    line-height: 1; 

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

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

            transform: translateY(-50%);

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__arrow
    {
        font-size: 50px;
        font-size: 6.51vw;

        height: 6.51042vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__arrow
    {
        font-size: 30px;
        font-size: 3rem;

        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__block
    {
        margin-bottom: 7.81vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__block
    {
        margin-bottom: 40px;
    }
}

.p-search-realestate__block:last-child
{
    margin-bottom: 0;
}

.p-search-realestate__heading
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__heading
    {
        margin-bottom: 5.21vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__heading
    {
        margin-bottom: 20px;
    }
}

.p-search-realestate__label
{
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;
    background-color: #1552b4; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__label
    {
        font-size: 40px;
        font-size: 5.21vw;

        width: 19.53125vw;
        margin-right: 2.6vw; 
        padding: 1.82vw 0vw .52vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__label
    {
        font-size: 24px;
        font-size: 2.4rem; 

        width: 90px;
        height: 36px;
        margin-right: 8px;
        padding-top: 5px;
    }
}

.p-search-realestate__title
{
    letter-spacing: .05em;
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__title
    {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__container--area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-search-realestate__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__list--type .p-search-realestate__item
    {
        width: 48%;
        margin-top: 4%; 
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__list--type .p-search-realestate__item
    {
        width: 48.27%;
        margin-top: 1.72%;
        margin-right: 3.44%;
    }
}

.p-search-realestate__list--type .p-search-realestate__item:nth-child(-n+2)
{
    margin-top: 0;
}

.p-search-realestate__list--type .p-search-realestate__item:nth-child(2n)
{
    margin-right: 0;
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__list--area .p-search-realestate__item
    {
        width: 48%;
        margin-top: 4%; 
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__list--area .p-search-realestate__item
    {
        width: 46%;
        margin-top: 10px; 
        margin-left: 1%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search-realestate__list--area .p-search-realestate__item
    {
        width: 49%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-realestate__list--area .p-search-realestate__item:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search-realestate__list--area .p-search-realestate__item:nth-child(odd)
    {
        margin-left: 40px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-realestate__list--area .p-search-realestate__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

/* p-search-train
   ----------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1479px)
{
    .p-search-train
    {
        max-width: 580px;
        margin-right: auto; 
        margin-left: auto;
    }
}

.p-search-train__menu
{
    text-align: right;
}

@media screen and (max-width: 767px)
{
    .p-search-train__menu
    {
        margin-bottom: 5.21vw;
    }
}

.p-search-train__link
{
    line-height: 1;

    position: relative;

    text-decoration: none; 
    letter-spacing: .05em;
}

@media screen and (max-width: 767px)
{
    .p-search-train__link
    {
        font-size: 38px;
        font-size: 4.95vw; 

        padding-right: 9.11vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__link
    {
        font-size: 20px;
        font-size: 2rem;

        padding-right: 40px;
    }
}

.p-search-train__arrow
{
    line-height: 1; 

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

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

            transform: translateY(-50%);

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-search-train__arrow
    {
        font-size: 50px;
        font-size: 6.51vw;

        height: 6.51042vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__arrow
    {
        font-size: 30px;
        font-size: 3rem;

        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-train__block
    {
        margin-bottom: 7.81vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__block
    {
        margin-bottom: 40px;
    }
}

.p-search-train__block:last-child
{
    margin-bottom: 0;
}

.p-search-train__heading
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .p-search-train__heading
    {
        margin-bottom: 5.21vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__heading
    {
        margin-bottom: 20px;
    }
}

.p-search-train__label
{
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;
    background-color: #1552b4; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .p-search-train__label
    {
        font-size: 40px;
        font-size: 5.21vw;

        width: 19.53125vw;
        margin-right: 2.6vw; 
        padding: 1.82vw 0vw .52vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__label
    {
        font-size: 24px;
        font-size: 2.4rem; 

        width: 90px;
        height: 36px;
        margin-right: 8px;
        padding-top: 5px;
    }
}

.p-search-train__title
{
    letter-spacing: .05em;
}

@media screen and (min-width: 768px)
{
    .p-search-train__title
    {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__container--area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-search-train__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.p-search-train__list--type
{
    position: relative;
}

.p-search-train__list--type:after
{
    display: block; 

    width: 32.5%;

    content: '';
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--type:after
    {
        width: 48%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--type:after
    {
        width: 48.27%;
    }
}

.p-search-train__list--type:before
{
    display: block;

    width: 32.5%;

    content: '';

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--type:before
    {
        width: 48%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--type:before
    {
        width: 48.27%;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--type .p-search-train__item
    {
        width: 48%;
        margin-top: 4%; 
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--type .p-search-train__item
    {
        width: 48.27%;
        margin-top: 1.72%;
        margin-right: 3.44%;
    }
}

.p-search-train__list--type .p-search-train__item:nth-child(-n+2)
{
    margin-top: 0;
}

.p-search-train__list--type .p-search-train__item:nth-child(2n)
{
    margin-right: 0;
}

.p-search-train__list--area
{
    position: relative;
}

.p-search-train__list--area:after
{
    display: block; 

    width: 32.5%;

    content: '';
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--area:after
    {
        width: 100%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--area:after
    {
        width: 32.9%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search-train__list--area:after
    {
        width: 48%;
    }
}

.p-search-train__list--area:before
{
    display: block;

    width: 32.5%;

    content: '';

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--area:before
    {
        width: 100%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--area:before
    {
        width: 32.9%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search-train__list--area:before
    {
        width: 48%;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--area .p-search-train__item
    {
        width: 100%;
        margin-top: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-train__list--area .p-search-train__item
    {
        width: 32.9%;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search-train__list--area .p-search-train__item
    {
        width: 48%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search-train__list--area .p-search-train__item:nth-child(-n+3)
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-train__list--area .p-search-train__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

/* p-search-station
   ----------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1479px)
{
    .p-search-station
    {
        max-width: 580px;
        margin-right: auto; 
        margin-left: auto;
    }
}

.p-search-station__menu
{
    text-align: right;
}

@media screen and (max-width: 767px)
{
    .p-search-station__menu
    {
        margin-bottom: 5.21vw;
    }
}

.p-search-station__link
{
    line-height: 1;

    position: relative;

    text-decoration: none; 
    letter-spacing: .05em;
}

@media screen and (max-width: 767px)
{
    .p-search-station__link
    {
        font-size: 38px;
        font-size: 4.95vw; 

        padding-right: 9.11vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__link
    {
        font-size: 20px;
        font-size: 2rem;

        padding-right: 40px;
    }
}

.p-search-station__arrow
{
    line-height: 1; 

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

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

            transform: translateY(-50%);

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-search-station__arrow
    {
        font-size: 50px;
        font-size: 6.51vw;

        height: 6.51042vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__arrow
    {
        font-size: 30px;
        font-size: 3rem;

        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-station__block
    {
        margin-bottom: 7.81vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__block
    {
        margin-bottom: 40px;
    }
}

.p-search-station__block:last-child
{
    margin-bottom: 0;
}

.p-search-station__heading
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .p-search-station__heading
    {
        margin-bottom: 5.21vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__heading
    {
        margin-bottom: 20px;
    }
}

.p-search-station__label
{
    line-height: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;
    background-color: #1552b4; 

    -webkit-box-align: center; 

        -ms-flex-align: center; 

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .p-search-station__label
    {
        font-size: 40px;
        font-size: 5.21vw;

        width: 19.53125vw;
        margin-right: 2.6vw; 
        padding: 1.82vw 0vw .52vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__label
    {
        font-size: 24px;
        font-size: 2.4rem; 

        width: 90px;
        height: 36px;
        margin-right: 8px;
        padding-top: 5px;
    }
}

.p-search-station__title
{
    letter-spacing: .05em;
}

@media screen and (min-width: 768px)
{
    .p-search-station__title
    {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__container--area
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-search-station__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .p-search-station__list--type .p-search-station__item
    {
        width: 48%;
        margin-top: 4%; 
        margin-right: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__list--type .p-search-station__item
    {
        width: 48.27%;
        margin-top: 1.72%;
        margin-right: 3.44%;
    }
}

.p-search-station__list--type .p-search-station__item:nth-child(-n+2)
{
    margin-top: 0;
}

.p-search-station__list--type .p-search-station__item:nth-child(2n)
{
    margin-right: 0;
}

@media screen and (max-width: 767px)
{
    .p-search-station__list--area .p-search-station__item
    {
        width: 100%;
        margin-top: 4%;
    }
}

@media screen and (min-width: 768px)
{
    .p-search-station__list--area .p-search-station__item
    {
        width: 49.5%;
        margin-top: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search-station__list--area .p-search-station__item
    {
        width: 100%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search-station__list--area .p-search-station__item:nth-child(-n+2)
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-search-station__list--area .p-search-station__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

.searchRadio
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;
}

@media screen and (max-width: 767px)
{
    .searchRadio
    {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.searchRadio::before
{
    display: block;
    display: block;

    max-width: 20%;

    content: '';

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

@media screen and (max-width: 1023px)
{
    .searchRadio::before
    {
        max-width: 33%; 

        -ms-flex-preferred-size: 33%; 

            flex-basis: 33%;
    }
}

@media screen and (max-width: 767px)
{
    .searchRadio::before
    {
        max-width: 50%; 

        text-align: left;

        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.searchRadio::after
{
    display: block;

    max-width: 20%; 

    content: '';

    -ms-flex-preferred-size: 20%;

        flex-basis: 20%;
}

@media screen and (max-width: 1023px)
{
    .searchRadio::after
    {
        max-width: 33%; 

        -ms-flex-preferred-size: 33%; 

            flex-basis: 33%;
    }
}

@media screen and (max-width: 767px)
{
    .searchRadio::after
    {
        max-width: 50%; 

        text-align: left;

        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.searchRadio li
{
    max-width: 20%; 

    -ms-flex-preferred-size: 20%; 

        flex-basis: 20%;
}

@media screen and (max-width: 1023px)
{
    .searchRadio li
    {
        max-width: 33%; 

        -ms-flex-preferred-size: 33%; 

            flex-basis: 33%;
    }
}

@media screen and (max-width: 767px)
{
    .searchRadio li
    {
        max-width: 50%; 

        text-align: left;

        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.searchRadio li label
{
    display: block;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;

    cursor: pointer;
}

@media screen and (max-width: 1023px)
{
    .searchRadio li label
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px)
{
    .searchRadio li label
    {
        margin-bottom: 30px; 
        padding: 0;
    }
}

.searchRadio .l1 li
{
    max-width: 100%; 

    -ms-flex-preferred-size: 100%; 

        flex-basis: 100%;
}

@media screen and (max-width: 1023px)
{
    .searchRadio .l1 li
    {
        max-width: 80%; 

        -ms-flex-preferred-size: 80%; 

            flex-basis: 80%;
    }
}

.searchRadio input
{
    display: none;
}

.searchRadio input:checked + label
{
    font-weight: 300 !important;
}

.searchRadio input + label
{
    position: relative; 

    padding-left: 30px;
}

.searchRadio input + label::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;

    display: block;

    width: 17px;
    height: 17px;
    margin: auto;

    content: '';

    border: 1px solid #999;
    border-radius: 50%;
    background: #fff;
}

.searchRadio input:checked + label::after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;

    display: block;

    width: 11px;
    height: 11px;
    margin: auto;

    content: '';

    border-radius: 50%; 
    background: #1552b4;
}

.searchCheckbox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .searchCheckbox
    {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

@media screen and (max-width: 767px)
{
    .searchCheckbox
    {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.searchCheckbox li
{
    max-width: 25%; 

    -ms-flex-preferred-size: 25%; 

        flex-basis: 25%;
}

@media screen and (max-width: 1023px)
{
    .searchCheckbox li
    {
        max-width: 49.5%; 

        -ms-flex-preferred-size: 49.5%; 

            flex-basis: 49.5%;
    }
}

@media screen and (max-width: 767px)
{
    .searchCheckbox li
    {
        max-width: 95%; 

        text-align: left;

        -ms-flex-preferred-size: 80%;
        flex-basis: 95%;
    }
}

.searchCheckbox li label
{
    display: block;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;

    cursor: pointer; 

    border: 1px solid #bbb;
    background: #eff8fe;
}

@media screen and (max-width: 1023px)
{
    .searchCheckbox li label
    {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .searchCheckbox li label :hover
    {
        background: #1552b4;
    }
}

.searchCheckbox .l1 li
{
    max-width: 100%; 

    -ms-flex-preferred-size: 100%; 

        flex-basis: 100%;
}

@media screen and (max-width: 1023px)
{
    .searchCheckbox .l1 li
    {
        max-width: 80%; 

        -ms-flex-preferred-size: 80%; 

            flex-basis: 80%;
    }
}

.searchCheckbox input
{
    display: none;
}

.searchCheckbox input:checked + label
{
    font-weight: 300 !important; 

    color: #fff;
    background: #1552b4;
}

.searchCheckbox input + label
{
    position: relative; 

    padding-left: 30px;
}

.searchCheckbox input + label::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;

    display: block;

    width: 15px;
    height: 15px;
    margin: auto;

    content: '';

    border: 1px solid #999;
    background: #fff;
}

.searchCheckbox input + label span
{
    position: absolute;
    right: 10px;
}

.searchCheckbox input:checked + label::after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;

    display: block;

    width: 8px;
    height: 12px;
    margin: auto;

    content: '';
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);

    border-right: 3px solid #1552b4; 
    border-bottom: 3px solid #1552b4;
}

.selectWrap
{
    position: relative;

    display: inline-block;

    width: 150px;
}

.selectWrap::after
{
    position: absolute;
    z-index: 0;
    top: 8px;
    right: 15px;
    bottom: 0;

    width: 14px;
    height: 14px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border: 0;
    border-right: solid 2px #d4d4d4;
    border-bottom: solid 2px #d4d4d4;
    background: transparent;
    background: #fff;
}

.select
{
    font-size: 1.6rem;
    font-weight: 300;

    position: relative;
    z-index: 1;

    width: 100%;
    height: 40px;
    padding: 0 0 0 10px;

    cursor: pointer; 

    border: solid 2px #ddd;
    background: transparent;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}

.st-select
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.st-select__content2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
}

.st-select__content2:first-child
{
    margin-bottom: 30px;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px)
{
    .st-select__content2
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
}

.st-select__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 48.6%;
    margin-bottom: 25px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

@media screen and (max-width: 1023px)
{
    .st-select__content
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: auto;
        margin-bottom: 30px;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content
    {
        margin-bottom: 20px;
    }
}

.st-select__content-select
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 64%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .st-select__content-select
    {
        width: 100%;
        margin: 0 auto 20px;
    }
}

.st-select__content-select2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 64%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.st-select__content-select2-eki
{
    width: 100%;
}

@media screen and (min-width: 768px)
{
    .st-select__content-select2-eki
    {
        padding: 20px 0 20px;
    }
}

@media screen and (min-width: 1024px)
{
    .st-select__content-select2
    {
        width: 85%;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-select2
    {
        width: 100%;
        margin: 0 auto 0;
    }
    .st-select__content-select2 p
    {
        font-size: 1.6rem;

        display: inline-block;

        margin-top: 10px;
        margin-left: 5px;
    }
    .st-select__content-select2 ul
    {
        width: 100%;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) and (max-width: 767px)
{
    .st-select__content-select2 ul
    {
        margin: 15px 0 0;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-select2 li
    {
        display: block;

        width: 50%;
        margin-bottom: 0;
    }
    .st-select__content-select2 li:first-of-type
    {
        display: block;

        margin-bottom: 0;
    }
}

.st-select__content-select2 .selectWrap
{
    position: relative;

    display: inline-block;

    width: 165px;
}

@media screen and (min-width: 1024px)
{
    .st-select__content-select2 .selectWrap
    {
        width: 360px;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-select2 .selectWrap
    {
        width: 100%;
    }
}

.st-select__content-select2 p
{
    display: inline-block;

    margin-left: 10px;
}

.st-select__content-select2 ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 15px 0 10px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.st-select__content-select3
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 64%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

@media screen and (min-width: 1024px)
{
    .st-select__content-select3
    {
        width: 85%;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-select3
    {
        width: 100%;
        margin: 0 auto 0;
    }
}

.st-select__content-select3 div
{
    width: 100%;
}

.st-select__content-select3 p
{
    display: inline-block;

    margin-left: 10px;
}

@media screen and (max-width: 767px)
{
    .st-select__content-select3 p
    {
        font-size: 1.4rem;

        display: inline-block;

        margin-left: 5px;
    }
}

.st-select__content-select3 ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 20px 0;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

@media screen and (max-width: 767px)
{
    .st-select__content-select3 ul
    {
        width: 100%;
        margin: 0; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px)
{
    .st-select__content-select3 ul li
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-select3 ul li
    {
        display: block;

        width: 100%;
        max-width: 100%; 

        -ms-flex-preferred-size: 100%; 

            flex-basis: 100%;
    }
}

.st-select__content-title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 30%;
    height: 60px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .st-select__content-title
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: 60px;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.st-select__content-title2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 30%;
    height: 60px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (min-width: 1024px)
{
    .st-select__content-title2
    {
        width: 14.5%;
        height: 80px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .st-select__content-title2
    {
        height: 80px;
    }
}

@media screen and (max-width: 767px)
{
    .st-select__content-title2
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        height: 60px;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.st-select__content-title3
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 15%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

@media screen and (max-width: 767px)
{
    .st-select__content-title3
    {
        width: 100%;
        height: 60px;
    }
}
