@charset 'UTF-8';
/* ==========================================================================
   company
   ========================================================================== */
/* p-examination
   ----------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-examination
    {
        padding-top: 5.33vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination
    {
        padding-top: 60px;
    }
}

.p-examination .pageer-txt
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;

    margin: 60px;

    text-align: center;

    color: #006bbb;
}

.p-examination .pageer-txt.first
{
    margin-top: 0;
}

@media screen and (max-width: 767px)
{
    .p-examination__block
    {
        padding-bottom: 13.33vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__block
    {
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-examination__block--greeting
    {
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 767px)
{
    .p-examination__inner
    {
        padding: 0vw 5.33vw 0vw 5.33vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__inner
    {
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px; 
        padding-left: 20px;
    }
}

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

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

.p-examination__desc
{
    font-weight: bold;

    text-align: center;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px)
{
    .p-examination__desc
    {
        font-size: 42px;
        font-size: 5.6vw;

        margin-bottom: 10.67vw;
        padding: 0vw 5.33vw 0vw 5.33vw;

        letter-spacing: 0;
    }
}

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

        margin-bottom: 110px;
    }
}

.p-examination_desc
{
    line-height: 1.3em;
}

@media screen and (max-width: 767px)
{
    .p-examination__block
    {
        padding: 3vw 0vw 3vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__block
    {
        padding: 40px 0 0;
    }
}

@media screen and (min-width: 1024px)
{
    .p-examination__block
    {
        padding: 0 0 40px;
    }
}

@media screen and (max-width: 767px)
{
    .p-examination__block:last-child
    {
        /* padding: 0vw 0vw 13.33vw 0vw; */
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-examination__block:last-child
    {
        /* padding-bottom: 100px; */
    }
}

@media screen and (max-width: 767px)
{
    .p-examination__inner
    {
        padding: 0vw 5.33vw 0vw 5.33vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__inner
    {
        max-width: 1120px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px; 
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px)
{
    .p-examination__content
    {
        position: relative;

        padding-top: 6vw; 
        padding-bottom: 6vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__content
    {
        padding: 0 0 0;
    }
}

@media screen and (min-width: 1024px)
{
    .p-examination__content
    {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 0 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-examination__label
    {
        position: absolute;
        top: 0;
        left: 50%;

        width: 72vw;

        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__label
    {
        margin-bottom: 50px; 

        text-align: center;
    }
}

@media screen and (min-width: 1024px)
{
    .p-examination__label
    {
        margin-bottom: 80px;
    }
}

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

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

@media screen and (min-width: 768px)
{
    .p-examination__text
    {
        font-size: 20px; 
        line-height: 1.8;
    }
}

@media screen and (min-width: 768px)
{
    .p-examination__thumb
    {
        width: 80%;
        margin: 0 auto;
    }
}

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

.p-examination__thumb img
{
    width: 100%;
}

.peager-list
{
    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;
}

.peager-list .peager-btn:first-child
{
    width: 150px;
    height: 40px;
    margin-right: auto;

    text-decoration: none;
}

.peager-list .peager-btn:last-child
{
    width: 150px;
    height: 40px;
    margin-left: auto;

    text-decoration: none;
}

.peager-list .peager-btn
{
    background: #00b2a3;
}

@media screen and (max-width: 767px)
{
    .peager-list .peager-btn:first-child,
    .peager-list .peager-btn:last-child
    {
        width: 40px;
        height: 35px;

        text-decoration: none;
    }
}

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

    display: block;

    margin: 0 1%;

    text-align: center;
}

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

    color: #fff;
    background: #006bbb;
}

.peager-num a
{
    display: block;

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

    text-decoration: none;

    background: #e9f9ff;
}

@media screen and (max-width: 767px)
{
    .peager-num
    {
        font-size: 20px;
        font-size: 2.0rem;
    }
    .peager-num a
    {
        display: block;

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

        text-decoration: none;

        background: #e9f9ff;
    }
    .peager-num.now
    {
        height: 35px;
        padding: 0 15px;

        color: #fff;
        background: #006bbb;
    }
}

.c-panel
{
    border: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0 !important;
}

.checkbox-input
{
    display: none;
}

.checkbox-input:checked + .checkbox-parts
{
    background: #e4f5ff;
}

.checkbox-input:checked + .checkbox-parts::after
{
    position: absolute;
    top: 5px;
    left: 15px;

    display: block;

    width: 10px;
    height: 20px;

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

    border-right: 3px solid #006bbb;
    border-bottom: 3px solid #006bbb;
}

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

    display: block;

    width: 10px;
    height: 20px;

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

    border-right: 3px solid #006bbb;
    border-bottom: 3px solid #006bbb;
}

.checkbox-input:checked + .checkbox-parts3
{
    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;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

    display: block;

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

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

    border-right: 3px solid #006bbb;
    border-bottom: 3px solid #006bbb;
}

.checkbox-parts
{
    position: relative;

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

    width: 100%;
    margin-right: 20px;
    padding: 0;
    padding-left: 20px;

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

    border: none;
    border-color: transparent;
    outline: none;
    background: #fff;
    background-color: transparent;

    -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-parts::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;

    display: block;

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

    content: '';

    border: 1px solid #d4d4d4;
}

.checkbox-parts__none
{
    position: relative;

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

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

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

    background: #e0e0e0;

    -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-parts2
{
    position: relative;

    padding: 0;

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

.checkbox-parts2::before
{
    position: relative;
    top: 4px;

    display: inline-block;

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

    content: '';

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

.checkbox-parts3
{
    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;

    background: #e0e0e0;

    -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-parts3::before
{
    position: relative;
    top: 0;

    display: inline-block;

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

    content: '';

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

.peager-list
{
    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;
}

.peager-list .peager-btn
{
    width: 150px;
    height: 40px;

    text-decoration: none;
}

.peager-list .peager-btn
{
    background: #00b2a3;
}

@media screen and (max-width: 767px)
{
    .peager-list .peager-btn
    {
        width: 60px;
        height: 40px;

        text-decoration: none;
    }
}

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

.sort-area
{
    color: #fff;
    background: #006bbb;
}

.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;
}

.sort-area__margin
{
    margin: 40px 0;
}

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

.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;
}

.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;
}

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

    width: 80px;
    height: 30px;

    color: #fff;
    border: 1px solid #fff;

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

.sort-area__btn a
{
    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;
}

.sort-area__btn a img
{
    margin-left: 10px;

    color: #fff;
}

@media screen and (max-width: 767px)
{
    .sort-area__btn p
    {
        width: 100%;
        height: 30px;
        margin-right: 0;
    }
    .sort-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
    .sort-area__btn a
    {
        font-size: 18px;
        font-size: 1.8rem;

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

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

.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;
}

.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 (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;
}

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

    margin-right: 10px;

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

.check-area__btn p 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 a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 155px;
    height: 40px;

    text-decoration: none;

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

.check-area__btn p a:first-of-type
{
    margin-right: 10px;
}

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

        width: 135px;
        height: 40px;

        text-decoration: none;

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

@media screen and (max-width: 767px)
{
    .check-area__btn p
    {
        width: 100%;
        height: 89px;
        margin-right: 0;
    }
    .check-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
    .check-area__btn a
    {
        font-size: 18px;
        font-size: 1.8rem;

        width: 25%;
        margin-top: 20px;
    }
    .check-area__btn p
    {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .check-area__btn p:last-child
    {
        width: 95%;
        height: auto;
        margin: 0 auto 20px;

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

.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
    {
        width: 100%;
        margin: 20px;
    }
    .check-area
    {
        height: auto;
    }
}

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

    height: 40px;

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

/* p-search
-------------------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-search__body
    {
        /* padding: 10.67vw 0vw 10.67vw 0vw; */
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__body
    {
        padding: 20px 0 20px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__container
    {
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__container
    {
        padding: 0 0;
    }
}

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

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

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

@media screen and (min-width: 768px)
{
    .p-search__block
    {
        width: 100%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step1
    {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step2
    {
        width: 65.65%;
        margin-right: 3.4%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step3
    {
        width: 30.95%;
    }
}

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

    -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)
{
    .p-search__title
    {
        font-size: 36px;
        font-size: 4.8vw;

        height: 8vw;
        margin: 0vw 0vw 4vw 0vw;
        padding-left: .75em;

        border-left: 4px solid #7dc0e0;
    }
}

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

        height: 40px;
        margin-bottom: 30px;
        padding-left: 18px;

        border-left: 6px solid #7dc0e0;
    }
}

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

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

        width: 24vw;
        height: 8vw;
    }
}

@media screen and (min-width: 1024px)
{
    .p-mypage__block
    {
        padding: 0 0 40px;
    }
    .p-mypage__block:first-of-type
    {
        margin-bottom: 60px;
        padding: 40px 0 20px;
    }
}

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

        width: 150px;
        height: 40px;
    }
}

.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--area .p-search__item
    {
        width: calc(100%);
        margin-right: 0;
    }
    .p-search__list--area .p-search__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--area .p-search__item
    {
        width: 23%;
        margin-right: 2.65%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__list--area .p-search__item
    {
        width: 48.6%;
        margin-right: 2.65%;
    }
    .p-search__list--area .p-search__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

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

@media screen and (max-width: 767px)
{
    .p-search__list--type .p-search__item
    {
        width: calc(100% / 1);
        margin-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--type
    {
        max-width: 580px;
        margin: 0 auto;
    }
    .p-search__list--type .p-search__item:first-child
    {
        width: 61%;
        margin-right: 4.30%;
    }
    .p-search__list--type .p-search__item:last-child
    {
        width: 34%;
    }
}

.p-search__list--type .p-search__item:last-child .c-btn--secondary
{
    -webkit-transition: .3s ease;
            transition: .3s ease;

    color: #fff;
    background: #565656;
}

.p-search__list--type .p-search__item:last-child .c-btn--secondary:hover
{
    background: #898989;
}

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

.p-login__btn
{
    font-weight: bold;
}

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

        height: 80px;
    }
    .p-login__btn span
    {
        margin-right: 15px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__item
    {
        margin-bottom: 3%;
    }
}

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

@media screen and (max-width: 767px)
{
    .p-login__btn
    {
        font-size: 30px;
        font-size: 5vw;

        height: 13.33333vw;
    }
}

@media screen and (max-width: 767px)
{
    .c-btn__icon--login
    {
        width: 10.6vw;
        margin: 0;
        margin-right: .5em !important;
    }
}

.pageer-txt
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;

    margin: 60px;

    text-align: center;

    color: #006bbb;
}

@media screen and (max-width: 767px)
{
    .pageer-txt
    {
        margin: 0 !important;
        margin-bottom: 30px;
    }
}

.st-select__content-title
{
    font-weight: bold;

    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
    {
        font-weight: bold;

        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
{
    font-weight: bold;

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

    width: 15%;
    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-title2
    {
        font-weight: bold;

        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-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: 90%;
        margin: 0 auto 20px;
    }
}

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

    width: 82%;

    -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 div
{
    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: 30px 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;
}

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

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

        display: inline-block;

        margin-left: 5px;
    }
}

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

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .st-select__content-select2 ul li
    {
        display: block;

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

        margin-bottom: 20px;
    }
}

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

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

    background: #e4f5ff;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.st-select__content-select2 .selectWrap
{
    width: 170px;
}

.st-select__content .p-login__btn
{
    height: 100px;
}

.selectWrap
{
    position: relative;

    display: inline-block;

    width: 150px;
}

.selectWrap::after
{
    position: absolute;
    z-index: 1;
    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;
}

.select
{
    font-size: 1.6rem;

    position: relative;
    z-index: 1;

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

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

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select::-ms-expand
{
    display: 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__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

    background: #e4f5ff;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.sub_menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* background: #C4DAF0; */

    margin-bottom: 25px;

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

.sub_menu li
{
    margin-left: 25px;
}

.sub_menu li a
{
    text-decoration: none;
}

@media screen and (max-width: 1023px)
{
    .sub_menu li
    {
        margin-right: 25px;
        margin-left: 25px;
    }
}

.st-select__content p:last-child
{
    padding: 10px;
}

@media screen and (max-width: 767px)
{
    .st-select__content
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* background:#C4DAF0; */

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

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

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

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

    background: #e4f5ff;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

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

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

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.c-panel
{
    border: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0 !important;
}

.checkbox-input
{
    display: none;
}

.checkbox-input:checked + .checkbox-parts
{
    background: #e4f5ff;
}

.checkbox-input:checked + .checkbox-parts::after
{
    position: absolute;
    top: 5px;
    left: 15px;

    display: block;

    width: 10px;
    height: 20px;

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

    border-right: 3px solid #006bbb; 
    border-bottom: 3px solid #006bbb;
}

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

    display: block;

    width: 10px;
    height: 20px;

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

    border-right: 3px solid #006bbb;
    border-bottom: 3px solid #006bbb;
}

.checkbox-input:checked + .checkbox-parts3
{
    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;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

    display: block;

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

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

    border-right: 3px solid #006bbb;
    border-bottom: 3px solid #006bbb;
}

.checkbox-parts
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;
    margin-right: 20px;
    padding: 0;
    padding-left: 20px;

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

    border: none;
    border-color: transparent;
    outline: none;
    background: #fff; 
    background-color: transparent;

    -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-parts::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;

    display: block;

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

    content: '';

    border: 1px solid #d4d4d4;
}

.checkbox-parts__none
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

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

    -webkit-transition: .3s ease;

    transition: .3s ease;

    background: #e0e0e0;

    -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-parts2
{
    position: relative;

    padding: 0;

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

.checkbox-parts2::before
{
    position: relative;
    top: 4px;

    display: inline-block;

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

    content: '';

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

.checkbox-parts3
{
    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;

    background: #e0e0e0;

    -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-parts3::before
{
    position: relative;
    top: 0;

    display: inline-block;

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

    content: '';

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

.peager-list
{
    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;
}

.peager-list .peager-btn
{
    width: 150px;
    height: 40px;

    text-decoration: none;
}

.peager-list .peager-btn
{
    background: #00b2a3;
}

@media screen and (max-width: 767px)
{
    .peager-list .peager-btn
    {
        width: 60px;
        height: 40px;

        text-decoration: none;
    }
}

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

.sort-area
{
    color: #fff; 
    background: #006bbb;
}

.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;
}

.sort-area__margin
{
    margin: 40px 0;
}

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

.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;
}

.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;
}

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

    width: 80px;
    height: 30px;

    color: #fff;
    border: 1px solid #fff;

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

.sort-area__btn a
{
    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;
}

.sort-area__btn a img
{
    margin-left: 10px; 

    color: #fff;
}

@media screen and (max-width: 767px)
{
    .sort-area__btn p
    {
        width: 100%;
        height: 30px;
        margin-right: 0;
    }
    .sort-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
    .sort-area__btn a
    {
        font-size: 18px;
        font-size: 1.8rem; 

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

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

.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;
}

.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 (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;
}

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

    margin-right: 10px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

.check-area__btn p 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 a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 155px;
    height: 40px;

    text-decoration: none;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

.check-area__btn p a:first-of-type
{
    margin-right: 10px;
}

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

        width: 135px;
        height: 40px;

        text-decoration: none;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
    }
}

@media screen and (max-width: 767px)
{
    .check-area__btn p
    {
        width: 100%;
        height: 89px;
        margin-right: 0;
    }
    .check-area__btn p span
    {
        width: 100%;
        height: 30px;
    }
    .check-area__btn a
    {
        font-size: 18px;
        font-size: 1.8rem; 

        width: 25%;
        margin-top: 20px;
    }
    .check-area__btn p
    {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .check-area__btn p:last-child
    {
        width: 95%;
        height: auto;
        margin: 0 auto 20px; 

        -webkit-box-pack: justify; 

            -ms-flex-pack: justify; 

                justify-content: space-between;
    }
}

.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
    {
        width: 100%;
        margin: 20px;
    }
    .check-area
    {
        height: auto;
    }
}

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

    height: 40px;

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

/* p-search
-------------------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-search__body
    {
        /* padding: 10.67vw 0vw 10.67vw 0vw; */
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__body
    {
        padding: 20px 0 20px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__container
    {
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__container
    {
        padding: 0 0;
    }
}

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

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

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

@media screen and (min-width: 768px)
{
    .p-search__block
    {
        width: 100%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step1
    {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step2
    {
        width: 65.65%;
        margin-right: 3.4%;
    }
}

@media screen and (min-width: 1024px)
{
    .p-search__block--step3
    {
        width: 30.95%;
    }
}

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

    -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)
{
    .p-search__title
    {
        font-size: 36px;
        font-size: 4.8vw;

        height: 8vw;
        margin: 0vw 0vw 4vw 0vw;
        padding-left: .75em; 

        border-left: 4px solid #7dc0e0;
    }
}

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

        height: 40px;
        margin-bottom: 30px;
        padding-left: 18px;

        border-left: 6px solid #7dc0e0;
    }
}

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

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

        width: 24vw;
        height: 8vw;
    }
}

@media screen and (min-width: 1024px)
{
    .p-mypage__block
    {
        padding: 0 0 40px;
    }
    .p-mypage__block:first-of-type
    {
        margin-bottom: 60px; 
        padding: 40px 0 20px;
    }
}

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

        width: 150px;
        height: 40px;
    }
}

.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--area .p-search__item
    {
        width: calc(100%);
        margin-right: 0;
    }
    .p-search__list--area .p-search__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--area .p-search__item
    {
        width: 23%;
        margin-right: 2.65%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-search__list--area .p-search__item
    {
        width: 48.6%;
        margin-right: 2.65%;
    }
    .p-search__list--area .p-search__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

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

@media screen and (max-width: 767px)
{
    .p-search__list--type .p-search__item
    {
        width: calc(100% / 1);
        margin-right: 0;
    }
}

@media screen and (min-width: 768px)
{
    .p-search__list--type
    {
        max-width: 580px;
        margin: 0 auto;
    }
    .p-search__list--type .p-search__item:first-child
    {
        width: 61%;
        margin-right: 4.30%;
    }
    .p-search__list--type .p-search__item:last-child
    {
        width: 34%;
    }
}

.p-search__list--type .p-search__item:last-child .c-btn--secondary
{
    -webkit-transition: .3s ease;
            transition: .3s ease; 

    color: #fff;
    background: #565656;
}

.p-search__list--type .p-search__item:last-child .c-btn--secondary:hover
{
    background: #898989;
}

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

.p-login__btn
{
    font-weight: bold;
}

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

        height: 80px;
    }
    .p-login__btn span
    {
        margin-right: 15px;
    }
}

@media screen and (max-width: 767px)
{
    .p-search__item
    {
        margin-bottom: 3%;
    }
}

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

@media screen and (max-width: 767px)
{
    .p-login__btn
    {
        font-size: 30px;
        font-size: 5vw; 

        height: 13.33333vw;
    }
}

@media screen and (max-width: 767px)
{
    .c-btn__icon--login
    {
        width: 10.6vw;
        margin: 0;
        margin-right: .5em !important;
    }
}

.pageer-txt
{
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;

    margin: 60px;

    text-align: center;

    color: #006bbb;
}

@media screen and (max-width: 767px)
{
    .pageer-txt
    {
        margin: 0 !important;
        margin-bottom: 30px;
    }
}

.st-select__content-title
{
    font-weight: bold; 

    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
    {
        font-weight: bold; 

        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
{
    font-weight: bold; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    width: 15%;
    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-title2
    {
        font-weight: bold; 

        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-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: 90%;
        margin: 0 auto 20px;
    }
}

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

    width: 82%; 

    -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 div
{
    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: 30px 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;
}

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

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

        display: inline-block;

        margin-left: 5px;
    }
}

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

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
    .st-select__content-select2 ul li
    {
        display: block;

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

        margin-bottom: 20px;
    }
}

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

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

    background: #e4f5ff;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

.st-select__content-select2 .selectWrap
{
    width: 170px;
}

.st-select__content .p-login__btn
{
    height: 100px;
}

.selectWrap
{
    position: relative;

    display: inline-block; 

    width: 150px;
}

.selectWrap::after
{
    position: absolute;
    z-index: 1; 
    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;
}

.select
{
    font-size: 1.6rem; 

    position: relative;
    z-index: 1;

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

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

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}

.p-realestate-list__btn
{
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;

    height: 60px;
    margin-top: 40px;

    color: #000;
    background: #e4f5ff;
}

.p-realestate-list__btn img
{
    margin: 0 15px;
}

@media screen and (max-width: 767px)
{
    .p-realestate-list__btn
    {
        font-size: 20px;
        font-size: 2.0rem;
    }
}

.p-search__cate
{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

    margin-bottom: 15px;

    color: #006bbb;
}

/* p-overview
-------------------------------------------------------------------------- */
.p-overview__table
{
    width: 100%;

    table-layout: fixed;
}

@media screen and (min-width: 768px)
{
    .p-overview__head
    {
        width: 34%;
        padding-left: 15%;
    }
}

/* p-realestateGroup
-------------------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-realestateGroup.top_list
    {
        padding: 0vw 5.33vw 0vw 5.33vw;
    }
}

.p-realestateGroup__list
{
    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)
{
    .p-realestateGroup__list
    {
        max-width: 715px;
        margin-right: auto; 
        margin-left: auto;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestateGroup__item
    {
        width: 100%; 
        margin: 0vw 0vw 5.33vw 0vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateGroup__item
    {
        width: 100%;
        max-width: 350px;
        margin-right: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestateGroup__item
    {
        width: calc(97% / 3);
        margin-right: 1.5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestateGroup__item:nth-child(2n)
    {
        margin-right: 0;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestateGroup__item:nth-child(3n)
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestateGroup__item:last-child
    {
        margin-bottom: 0;
    }
}

/* p-realestateSlider
-------------------------------------------------------------------------- */
@media screen and (max-width: 767px)
{
    .p-realestateSlider
    {
        padding: 0vw 5.33vw 0vw 5.33vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestateSlider
    {
        padding: 0 20px;
    }
}

.p-realestateSlider__list
{
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
}

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

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestateSlider__list
    {
        max-width: 700px;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider__item
    {
        margin-right: 1.5%;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slick-list
    {
        min-width: 100% !important;
    }
    .p-realestateSlider .slick-list .slick-track
    {
        min-width: 100% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestateSlider .slick-list
    {
        max-width: 700px;
        margin-right: auto; 
        margin-left: auto;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestateSlider .slick-list
    {
        width: 100%;
    }
    .p-realestateSlider .slick-list .slick-track
    {
        min-width: 100% !important;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestateSlider .slick-slide
    {
        padding: 0vw .67vw 0vw .67vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slick-slide
    {
        margin: 0;
        padding: 0 7.5px;
    }
}

.p-realestateSlider .slide-arrow
{
    position: absolute;
    z-index: 10; 
    top: 50%;

    display: inline-block;

    cursor: pointer;
}

@media screen and (max-width: 767px)
{
    .p-realestateSlider .slide-arrow
    {
        width: 10.66667vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slide-arrow
    {
        width: 40px;
        height: 67px;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slide-arrow:hover
    {
        opacity: .8;
    }
}

.p-realestateSlider .slide-arrow--prev
{
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media screen and (max-width: 767px)
{
    .p-realestateSlider .slide-arrow--prev
    {
        left: 0;
        left: -4.67vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slide-arrow--prev
    {
        left: -30px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestateSlider .slide-arrow--prev
    {
        left: -20px;
    }
}

@media screen and (min-width: 1240px)
{
    .p-realestateSlider .slide-arrow--prev
    {
        left: -70px;
    }
}

.p-realestateSlider .slide-arrow--next
{
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media screen and (max-width: 767px)
{
    .p-realestateSlider .slide-arrow--next
    {
        right: -4.67vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestateSlider .slide-arrow--next
    {
        right: -30px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestateSlider .slide-arrow--next
    {
        right: -20px;
    }
}

@media screen and (min-width: 1240px)
{
    .p-realestateSlider .slide-arrow--next
    {
        right: -70px;
    }
}

/* p-realestate
-------------------------------------------------------------------------- */
.p-realestate
{
    display: block;

    text-decoration: none;
}

.p-realestate:hover
{
    opacity: .8;
}

.p-realestate__pic
{
    position: relative;

    display: block;
}

@media screen and (max-width: 767px)
{
    .p-realestate__pic
    {
        border-bottom: .53333vw solid #e0e0e0;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__pic
    {
        border-bottom: 2px solid #e0e0e0;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestate__thumb img
    {
        width: 100%;
        height: 74.13333vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__thumb img
    {
        width: 100%;
        height: 254px;
    }
}

.p-realestate__thumb img.outset
{
    font-family: 'object-fit: cover;'; 

    -o-object-fit: cover; 

       object-fit: cover;
}

.p-realestate__thumb img.inset
{
    font-family: 'object-fit: contain;'; 

    -o-object-fit: contain; 

       object-fit: contain;
}

.p-realestate__label
{
    font-weight: bold;

    position: absolute;

    display: inline-block;
}

.p-realestate__label--new
{
    left: 0;
}

@media screen and (max-width: 767px)
{
    .p-realestate__label--new
    {
        top: 4vw;

        width: 24vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__label--new
    {
        top: 20px;

        width: 90px;
        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestate__label--new img
    {
        width: 100%;
    }
}

.p-realestate__label--unreleased
{
    line-height: 1.2;

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

    color: #fff;
    background: #00b2a3;
}

@media screen and (max-width: 767px)
{
    .p-realestate__label--unreleased
    {
        top: 4vw;
        right: 4vw; 

        display: -webkit-box; 

        display: -ms-flexbox; 

        display: flex;

        width: 13.33333vw;
        height: 13.33333vw;

        -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: 768px)
{
    .p-realestate__label--unreleased
    {
        font-size: 16px;
        font-size: 1.6rem; 

        top: 20px;
        right: 20px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: 50px;
        height: 50px;

        -webkit-box-align: center;

            -ms-flex-align: center;

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

.p-realestate__label--event
{
    right: 0;

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

    color: #fff;
    background-color: #b28600;
}

@media screen and (max-width: 767px)
{
    .p-realestate__label--event
    {
        bottom: 4vw;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: 32vw;
        height: 8vw;

        -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: 768px)
{
    .p-realestate__label--event
    {
        font-size: 16px;
        font-size: 1.6rem; 
        line-height: 30px;

        bottom: 17px;

        width: 130px;
        height: 30px;
    }
}

@media screen and (max-width: 767px)
{
    .p-realestate__content
    {
        padding: 5.33vw 2.67vw 2.67vw 2.67vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__content
    {
        padding: 20px 8px 8px;
    }
}

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

    -webkit-box-align: center;

        -ms-flex-align: center;

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

.p-realestate__category
{
    text-align: center;
}

@media screen and (max-width: 767px)
{
    .p-realestate__category
    {
        width: 34.66667vw;
        height: 8vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__category
    {
        font-size: 14px;
        font-size: 1.4rem; 
        line-height: 1;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        max-width: 110px;
        height: 30px;
        padding: 8px 0;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestate__category
    {
        font-size: 18px;
        font-size: 1.8rem; 

        max-width: 130px;
        padding: 6px 0;
    }
}

.p-realestate__price
{
    font-weight: bold;
    line-height: 1; 

    color: #006bbb;
}

@media screen and (max-width: 767px)
{
    .p-realestate__price
    {
        font-size: 52px;
        font-size: 6.93vw;
    }
}

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

@media screen and (min-width: 1024px)
{
    .p-realestate__price
    {
        margin-top: 0;
        padding-left: .5em;
    }
}

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

.p-realestate__unit
{
    line-height: 1; 

    color: #000;
}

@media screen and (max-width: 767px)
{
    .p-realestate__unit
    {
        font-size: 28px;
        font-size: 3.73vw;
        font-weight: normal;
    }
}

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

.p-realestate__size
{
    font-weight: bold;
    line-height: 1; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .p-realestate__size
    {
        font-size: 26px;
        font-size: 2.6rem; 

        margin-bottom: 2.67vw;
    }
}

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

        margin-bottom: 10px;
    }
}

.p-realestate__size::before,
.p-realestate__size::after
{
    content: '★';
}

@media screen and (min-width: 768px)
{
    .p-realestate__size::before
    {
        margin-right: 8px;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__size::after
    {
        margin-left: 8px;
    }
}

.p-realestate__address
{
    line-height: 1.8;

    display: block;
    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.p-realestate__distance
{
    line-height: 1.8;

    width: 100%;
    /*
    // Variables
    $font-size-base: 1.6rem;
    $line-height-computed: 1.8;
    $lines-to-show: 2;

    // Multiline text with ellipsis
    // Supported IE and Firefox
     &.threeDots {
        font-size: $font-size-base;
        height: $font-size-base * $line-height-computed * $lines-to-show;
        line-height: $line-height-computed;
        position: relative;
        &:before,
        &:after {
          background: #fff;
          position: absolute;
        }
        &:before {
          content: "…";
          top: $font-size-base * $line-height-computed * ($lines-to-show - 1);
          right:5px;
          width:1.3em;
        }
        &:after {
          content: "";
          height: 100%;
          width: 100%;
        }
      }
*/
}

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

@media screen and (min-width: 768px)
{
    .p-realestate__information
    {
        padding-top: 19px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestate__information
    {
        height: 150px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestate__information
    {
        min-height: 150px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{
    .p-realestate__information--unreleased
    {
        padding-top: 35px;
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1024px)
{
    .p-realestate__information--unreleased
    {
        padding-top: 35px;
    }
}

.p-realestate__message
{
    line-height: 1.8;

    width: 100%; 

    background: #e9f9ff;
}

.p-realestate__message p
{
    height: 2em;
    /*
            // Variables
            $font-size-base: 1.6rem;
            $line-height-computed: 1.8;
            $lines-to-show: 2;
            // Multiline text with ellipsis
            // Supported IE and Firefox
             &.threeDots {
                font-size: $font-size-base;
                height: $font-size-base * $line-height-computed * $lines-to-show;
                line-height: $line-height-computed;
                position: relative;
                &:before,
                &:after {
                  background: #e9f9ff;
                  position: absolute;
                }
                &:before {
                  content: "…";
                  top: $font-size-base * $line-height-computed * ($lines-to-show - 1);
                  right:0px;
                  width:1.3em;
                }
                &:after {
                  content: "";
                  height: 100%;
                  width: 100%;
                }
              }
*/
}

@media screen and (max-width: 767px)
{
    .p-realestate__message
    {
        font-size: 28px;
        font-size: 3.73vw; 
        line-height: 1.8;

        margin-top: 1em;
        padding: 2.67vw 2.67vw 2.67vw 2.67vw;
    }
}

@media screen and (min-width: 768px)
{
    .p-realestate__message
    {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4; 

        display: -webkit-box; 

        display: -ms-flexbox; 

        display: flex;

        height: 82px;
        padding: 5px 10px;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;
    }
}

.p-realestate-list__btn
{
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;

    height: 60px;
    margin-top: 40px;

    color: #000;
    background: #e4f5ff;
}

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

        height: 60px;
        margin-top: 40px;

        color: #000;
        background: #e4f5ff;
    }
}

.p-realestate-list__btn span
{
    margin: 0;
}

@media screen and (min-width: 1024px)
{
    .p-realestate-list__btn span
    {
        margin: 0 15px;
    }
}