@charset "UTF-8";


/*============================
    s-contents
============================*/

.s-cont__atc {
    width: 32%;
    max-width: 377px;
    margin-bottom: 30px;
}

.s-cont__h3 {
    margin-top: .75em;

    & img {
        width: 55px;
    }
}
.hsd__swiper figcaption {
    text-align: center;
    padding-top: 10px;
}

@media screen and (max-width:1024px) {
    .s-cont__atc {
        width: 32%;
        margin-bottom: 20px;
    }

    .s-cont__h3 {
        margin-top: .75em;

        & img {
            width: 45px;
        }
    }
}

@media screen and (max-width:767px) {
    .s-cont__atc {
        width: 100%;
        margin: 0 auto 30px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    .s-cont__h3 {
        display: flex;

        .txt {
            font-size: 1.8rem;
        }

        & img {
            width: 45px;
        }
    }
    .hsd__swiper figcaption {
    text-align: left;
}
}

/* sale-search__page */
.kv.search-kv .inner {
    border: none;
}

.kv.search-kv .sub__copy .txt {
    &::before {
        content: "";
        position: absolute;
        width: 1em;
        height: 8px;
        border-top: solid 2px #4d3939;
        border-bottom: solid 2px #4d3939;
        left: 0;
        bottom: -.5em;
    }
}
.detail-kv .sub__copy{
    text-align: left;
}

@media screen and (max-width:1024px) {
    .kv.search-kv .sub__copy .txt {
        &::before {
            width: 1.5em;
            height: 6px;
            border-top: solid 1px #4d3939;
            border-bottom: solid 1px #4d3939;
            bottom: -.75em;
        }
    }
}

/*============================
    ss__contents
============================*/
.form-checkwrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.tbl-form {
    border-top: solid 1px #c2bbb4;
}

.tbl-form th {
    vertical-align: text-top;
}

.tbl-form td.nobd {
    border: none;
}

.check-rabel {
    min-width: 25%;
    padding-left: 30px;
    margin-bottom: 1em;
    padding-right: 1em;
}

.form-eq__ttl {
    position: relative;
    font-weight: 400;
    line-height: 20px;
    padding-left: 1.5em;
    margin-bottom: 1em;

    &::before {
        position: absolute;
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: solid 2px #DDDDDD;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }
}

.form_submit_btn {
    margin: 0;
}

.form__selectwrap.small {
    max-width: 350px;
    width: 100%;
}

.ss__pagelink {
    position: absolute;
    top: -1em;
    right: 0;
    border-bottom: dashed 1px #4d3939;
}

@media screen and (max-width:1024px) {

    .form-checkwrap {
        display: flex;
    }

    .check-rabel {
        min-width: 25%;
        padding-left: 30px;
        margin-bottom: 1em;
    }

    .form-eq__ttl {
        line-height: 16px;
        padding-left: 2em;
        margin-bottom: 1em;

        &::before {
            width: 20px;
            height: 20px;
        }
    }


}

@media screen and (max-width:767px) {
    .ssc__lead {
        text-align: left;
    }

    .tbl-form td {
        padding: 0 0 1em 0;
    }

    .form-checkwrap {
        display: flex;
    }

    .check-rabel {
        min-width: 33%;
        padding-left: 26px;
        margin-bottom: 1em;
    }

    .form-eq__ttl {
        line-height: 16px;
        padding-left: 2em;
        margin-bottom: 1em;

        &::before {
            width: 20px;
            height: 20px;
        }
    }

    .form_submit_btn {
        margin: 20px auto 0;
    }
}

/*============================
     sub-search-form
============================*/
.sub-search-form {
    .tbl-form {
        border: none;
    }


    & td {
        width: 100%;
        padding: 1em 0 0;
        border: none;
        border-bottom: solid 1px #BEBEBE;
    }

    .check-rabel {
        width: fit-content;
        padding: 1em 1em 1em 2em;
        background: #fff;
        margin-right: 1em;
        font-size: 1.6rem;
    }

    .check-rabel .circle {
        top: 50%;
        left: .5em;
        transform: translate(0, -50%);
    }

    .check-rabel.top {
        background: none;
        padding: 0 0 0 1.5em;
    }

    .check-rabel.top .circle {
        top: 50%;
        left: 0;
    }

    .form_submit_btn {
        margin: 0 auto;
    }
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {
    .sub-search-form {

        .check-rabel {
            width: 100%;
            padding: 1em 1em 1em 2.5em;
            margin-right: 0;
        }

        .check-rabel .circle {
            top: 50%;
            left: .5em;
        }

        .check-rabel.top {
            background: none;
            padding: 0 0 0 2em;
        }

    }

}


/*============================
    ss__contents /sale-map__page
============================*/
.sm__contents {
    padding-bottom: 0;
}

.sm-form__area {
    width: 400px;
    height: 800px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 20px;
}

.sm__map {
    width: calc(100% - 400px);

    & iframe {
        width: 100%;
        height: 800px;
    }
}

.ss__contents {
    .tbl-form {
        border: none;
    }

    .tbl-form th {
        width: 100%;
        display: block;
        border: none;
        padding: 0;
        margin-bottom: 1em;

    }

    .tbl-form td {
        width: 100%;
        display: block;
        border: none;
        padding: 0;
        margin-bottom: 1em;
    }

    .check-rabel {
        width: 50%;
    }

    .form-selectcontainer {
        display: block;
    }

    .form__selectwrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .check-rabel {
        line-height: 1.2;
        letter-spacing: 0;
        font-size: 1.6rem;
    }

    .form_submit_btn {
        width: 300px;
        margin: 10px auto 0;
    }

    .form__select--txt {
        display: none;
    }
}

.w-search__btn {
    width: 70px;
    height: 50px;
    background-color: #4d3939;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    margin-left: 10px;
    cursor: pointer;
    font-style: 2rem;
    font-weight: bold;
}

.w-search__btn02 {
    width: 49%;
    font-style: 2rem;
    font-weight: bold;
    background: #1169ab;
    border-radius: 20px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

@media screen and (max-width:1024px) {
    .sm-form__area {
        width: 300px;
        height: 600px;
        padding: 20px;
    }

    .sm__map {
        width: calc(100% - 300px);

        & iframe {
            width: 100%;
            height: 600px;
        }
    }

    .ss__contents {
        .tbl-form th {
            margin-bottom: 1em;

        }

        .tbl-form td {

            margin-bottom: 1em;
        }

        .check-rabel {
            width: 50%;
        }

        .form__selectwrap {
            margin-bottom: 10px;
        }

        .form_submit_btn {
            width: 260px;
            margin: 10px auto 0;
        }
    }

    .w-search__btn {
        width: 50px;
        height: 40px;
        border-radius: 6px;
        margin-left: 10px;
        font-style: 1.6rem;
    }

    .w-search__btn02 {
        width: 49%;
        font-style: 1.6rem;
        border-radius: 15px;
        height: 30px;
    }
}

@media screen and (max-width:767px) {
    .sm-form__area {
        width: 100%;
        height: auto;
        padding: 20px 5% 40px;
    }

    .sm__map {
        width: 100%;

        & iframe {
            height: 300px;
        }
    }

    .sm__contents {
        .tbl-form th {
            margin-bottom: 1em;

        }

        .tbl-form td {

            margin-bottom: 1em;
        }

        .check-rabel {
            width: 50%;
        }

        .form__selectwrap {
            margin-bottom: 10px;
        }

    }

    .w-search__topbtn {
        display: flex;
    }

    .w-search__btn {
        width: 50px;
        height: 40px;
        border-radius: 6px;
        margin-left: 10px;
        font-style: 1.6rem;
    }

    .w-search__btnwrap {
        display: flex;

    }

    .w-search__btn02 {
        width: 49%;
        font-style: 1.6rem;
        border-radius: 15px;
        height: 30px;
    }
}


/* property-archives__page */


/*============================
    ss__contents /sale-map__page
============================*/
.pac__img {
    margin-bottom: 15px;
    aspect-ratio: auto 361 / 242;
    overflow: hidden;
}
.pac__img img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.pac__conditionsbtn {
    display: block;
    width: 249px;
}

.pac__atc {
    margin-bottom: 50px;
}

.pac__cat {
    width: fit-content;
    color: #fff;
    background: #89B929;
    padding: 0 1em;
    line-height: 30px;
    white-space: nowrap;
    min-width: 80px;
    font-size: 1.4rem;
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: .5em;

    &.color02 {
        background: #DE6A6F;
    }

    &.color03 {
        background: #1aaccf;
    }

}

.pac__price {
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: dashed 1.5px #4d3939;
}

.pac__info li {
    display: flex;
    margin-bottom: .5em;
}

.pac__info--ttl {
    width: 5em;
    white-space: nowrap;
    margin-right: 1em;
    font-weight: bold;
}

.pac__info--txt {
    width: calc(100% - 5em);
}

.pac__btn {
    height: 40px;
    border-radius: 20px;
    font-size: 1.4rem;

    &.btn01 {
        background: #ffd009;
        border-color: #ffd009;
        width: 42%;

        & img {
            width: 13px;
            margin-right: .5em;
        }
    }

    &.btn02 {
        width: 55%;
        color: #fff;
        background: #1169ab;
        border-color: #1169ab;

        & i {
            margin-left: .5em;
        }
    }
}

@media screen and (max-width:1024px) {
    .pac__img {
        margin-bottom: 10px;
    }

    .pac__conditionsbtn {
        width: 200px;
    }

    .pac__atc {
        margin-bottom: 50px;
    }

    .pac__cat {
        padding: 0 1em;
        line-height: 24px;
        min-width: 60px;
        font-size: 1.2rem;
        margin-bottom: .5em;

    }

    .pac__price {
        padding-bottom: .5em;
        margin-bottom: .5em;
    }

    .pac__info li {
        display: flex;
    }

    .pac__info--ttl {
        width: 5em;
        margin-right: 1em;
    }

    .pac__info--txt {
        width: calc(100% - 5em);
    }

    .pac__btnwrap {
        display: block;
    }

    .pac__btn {
        height: 36px;
        border-radius: 18px;
        font-size: 1.4rem;

        &.btn01 {
            width: 100%;
            margin-bottom: 10px;

            & img {
                width: 13px;
                margin-right: .5em;
            }
        }

        &.btn02 {
            width: 100%;

            & i {
                margin-left: .5em;
            }
        }
    }

}

@media screen and (max-width:767px) {
    .pac__img {
        margin-bottom: 15px;
    }

    .pac__conditionsbtn {
        width: 160px;
        margin: 10px 0 0 auto;
    }

    .pac__items {
        margin-bottom: 50px;
    }

    .pac__atc {
        margin-bottom: 50px;
    }

    .pac__cat {
        padding: 0 1em;
        line-height: 24px;
        min-width: 60px;
        font-size: 1.2rem;
        margin-bottom: .5em;

    }

    .pac__price {
        padding-bottom: .5em;
        margin-bottom: .5em;

        .fs-30 {
            font-size: 3rem;
        }
    }

    .pac__info li {
        display: flex;
    }

    .pac__info--ttl {
        width: 5em;
        margin-right: 1em;
    }

    .pac__info--txt {
        width: calc(100% - 5em);
    }

}


/* detail-page */
.property-detail__page {
    .kv.detail-kv .inner {
        border: none;
    }

    .detail-kv .breadcrumb {
        margin-bottom: 0;
    }
}

/*============================
    detailpage引き継ぎ
============================*/

/* swiper */
.hsd__thumbnail {
    overflow: visible;
    width: 280px;
}

.hsd__thumb {
    opacity: .5;
}

.hsd__swiper img {
    object-fit: contain;
    max-height: 700px;  
}

.hsd__thumb img{
    object-fit: contain;
    max-height: 200px;
}

.hsd__thumbnail .swiper-slide-thumb-active {
    opacity: 1;
}

.h-swiper-button-prev {
    position: absolute;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.h-swiper-button-next {
    position: absolute;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

.h-swiper-button-prev::before {
    content: "";
    position: absolute;
    background: url(../img/housebuiltforsale/hsd_sw_arw_prv.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.h-swiper-button-next::before {
    content: "";
    font-weight: bold;
    position: absolute;
    background: url(../img/housebuiltforsale/hsd_sw_arw_next.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.swiper-button-disabled {
    opacity: .5;
}

/* swiper ▲ */


.hsd__info li {
    width: 48%;
    display: flex;

}

.hsd__info--th {
    padding: .5em 1em;
    min-width: 8em;
    border-top: solid 2px #1169ab;
    white-space: nowrap;
}

.hsd__info--td {
    padding: .5em 1em;
    width: calc(100% - 8em);
    border-top: solid 2px #c2bbb4;
}

.hsd__info li:nth-child(3),
.hsd__info li:nth-child(4) {

    .hsd__info--th {
        border-bottom: solid 2px #1169ab;
    }

    .hsd__info--td {
        border-bottom: solid 2px #c2bbb4;
    }
}

.hsd__h3 {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 1em;
        height: 2px;
        bottom: -.5em;
        left: 0;
        border-bottom: double 4px #4d3939;
    }
}

/* hsd-plan__swiper  */
.hsd-plan__swiper {
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
}

.hp-swiper-button-prev {
    position: absolute;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.hp-swiper-button-next {
    position: absolute;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: 50%;
    left: auto;
    right: 0;
    transform: translate(0, -50%);
}

.hp-swiper-button-prev::before {
    content: "";
    position: absolute;
    background: url(../img/housebuiltforsale/hsd_sw_arw_prv.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.hp-swiper-button-next::before {
    content: "";
    font-weight: bold;
    position: absolute;
    background: url(../img/housebuiltforsale/hsd_sw_arw_next.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.hsd__btn {
    margin: 0 auto;
}

@media screen and (max-width:1024px) {
    .hsd__thumbnail {
        width: 200px;

    }

    .h-swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .h-swiper-button-next {
        width: 50px;
        height: 50px;
    }

    .hsd__info li {
        width: 48%;
        display: flex;

    }

    .hsd__info--th {
        padding: .5em 1em;
        min-width: 8em;
    }

    .hsd__info--td {
        padding: .5em 1em;
        width: calc(100% - 8em);
    }

    /* hsd-plan__swiper  */
    .hsd-plan__swiper {
        width: 90%;
        margin: 0 auto;
    }

    .hp-swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .hp-swiper-button-next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width:767px) {
    .hsd__thumbnail {
        width: 160px;

    }

    .h-swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .h-swiper-button-next {
        width: 40px;
        height: 40px;
    }

    .hsd__info li {
        width: 100%;
    }

    .hsd__info li:nth-child(3) .hsd__info--th,
    .hsd__info li:nth-child(3) .hsd__info--td {
        border-bottom: none;
    }

    .hsd__info--th {
        padding: .5em 1em;
        min-width: 7em;
    }

    .hsd__info--td {
        padding: .5em 1em;
        width: calc(100% - 7em);
    }

    /* hsd-plan__swiper  */
    .hsd-plan__swiper {
        width: 90%;
        margin: 0 auto;
    }

    .hp-swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .hp-swiper-button-next {
        width: 40px;
        height: 40px;
    }
    .hsd__swiper img {
    object-fit: contain;
    max-height: 240px;
}

.hsd__thumb img{
    object-fit: contain;
    max-height: 100px;
}
}

/*============================
    pd__contents
============================*/
.pd__contents .pac__btn.btn01 {
    max-width: 208px;
    height: 50px;
    border-radius: 25px;
}

.pdc__ttlwrap {
    padding-bottom: .5em;
    border-bottom: dashed 1.5px #4d3939;
    margin-bottom: 50px;
}

.pdc__mov {
    max-width: 1000px;
    margin: 0 auto 80px;
}
        
.pdc__mov .yt-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.pdc__mov .yt-wrap iframe {
  width: 100%;
  height: 100%;
}

.pdc__point {
    align-items: flex-start;
}

.pdc__point--box {
    width: 55%;
    background: #fff;
    padding: 25px 3%;
}

.pdc__ul {
    width: 40%;
}

.pdc__point--ttl {
    position: relative;

    .font-en {
        font-size: 1.6rem;
        transform: rotate(-15deg);
        top: -2em;
        left: -2em;
    }
}

.pdc__box--ico {
    width: 160px;
}

.pdc__box--txt {
    width: calc(100% - 160px);
    padding: 0 0 0 5%;
}

.pdc__ul li {

    display: flex;
    align-items: center;
    padding: .5em 0;
    border-top: dashed 1px #4d3939;

    &:last-child {
        border-bottom: dashed 1px #4d3939;
    }

}

.pdc__ul--ttl {
    width: 5em;
    font-weight: bold;
}

.pdc__ul--txt {
    width: calc(100% - 5em);
}

.pd__contents {

    .hsd__info li:nth-child(3),
    .hsd__info li:nth-child(4) {
        .hsd__info--th {
            border-bottom: none;
        }

        .hsd__info--td {
            border-bottom: none;
        }
    }

    .hsd__info li:last-child,
    .hsd__info li:nth-last-child(2) {
        .hsd__info--th {
            border-bottom: solid 2px #1169ab;

        }

        .hsd__info--td {
            border-bottom: solid 2px #c2bbb4;

        }
    }


}

@media screen and (max-width:1024px) {
    .pd__contents .pac__btn.btn01 {
        max-width: 180px;
        height: 40px;
        border-radius: 20px;
    }

    .pdc__ttlwrap {
        margin-bottom: 40px;
    }

    .pdc__mov {
        margin: 0 auto 80px;
    }

    .pdc__point--box {
        width: 55%;
        padding: 20px 3%;
    }

    .pdc__ul {
        width: 40%;
    }

    .pdc__point--ttl {

        .font-en {
            font-size: 1.4rem;
            top: -2em;
            left: -2em;
        }
    }

    .pdc__box--ico {
        width: 120px;
    }

    .pdc__box--txt {
        width: calc(100% - 120px);
        padding: 0 0 0 5%;
    }

    .pdc__ul li {
        padding: .5em 0;
    }

    .pdc__ul--ttl {
        width: 5em;
    }

    .pdc__ul--txt {
        width: calc(100% - 5em);
    }


}

@media screen and (max-width:767px) {
    .pd__infowrap {
        display: flex;
    }

    .pd__contents .pac__btn.btn01 {
        max-width: 150px;
        height: 40px;
        border-radius: 20px;
    }

    .pac__cat--txt {
        margin: 0;
    }

    .pdc__ttlwrap {
        margin-bottom: 30px;
    }

    .pdc__price {
        text-align: right;

        .fs-36 {
            font-size: 3rem;

        }
    }

    .pdc__mov {
        margin: 0 auto 60px;
    }

    .pdc__point--box {
        width: 100%;
        margin-bottom: 30px;
        padding: 20px 5%;
    }

    .pdc__ul {
        width: 100%;
    }

    .pdc__point--ttl {

        .font-en {
            font-size: 1.4rem;
            top: -2em;
            left: -2em;
        }
    }

    .pdc__box--ico {
        width: 120px;
        margin: 0 auto 20px;
    }

    .pdc__box--txt {
        width: 100%;
        padding: 0;
    }

    .pdc__ul li {
        padding: .5em 0;
    }

    .pdc__ul--ttl {
        width: 5em;
    }

    .pdc__ul--txt {
        width: calc(100% - 5em);
    }

    .pd__contents {
        .hsd__info li:last-child {
            .hsd__info--th {
                border-top: none;
            }
            .hsd__info--td {
              border-top: none;
            }
        }

    }


}

/*============================
    pd__access
============================*/
/*.pd__access {
    background: linear-gradient(#Fff 0, #fff 70%, #ffd009 70%, #ffd009 100%);
}*/

.pd__access iframe {
    width: 48%;
    height: 390px;
}

.pda__txtwarp {
    width: 48%;
}

.pda__h3 {
    position: relative;

    &::before {
        content: "";
        position: absolute;
        width: 1.5em;
        height: 2px;
        background: #ffd009;
        left: 0;
        bottom: -.5em;
    }
}

@media screen and (max-width:1024px) {
    .pd__access iframe {
        width: 48%;
        height: 300px;
    }

    .pda__txtwarp {
        width: 48%;
    }

}

@media screen and (max-width:767px) {
    .pd__access {
        background: linear-gradient(#Fff 0, #fff 55%, #ffd009 55%, #ffd009 100%);
    }

    .pd__access iframe {
        width: 100%;
        height: 260px;
        margin-bottom: 30px;
    }

    .pda__txtwarp {
        width: 100%;
    }

}

/*============================
    pd__access
============================*/
.pdct__img {
    width: 48%;
}

.pdct__txtwrap {
    width: 48%;
}

.pdct__gmap--link {
    width: 217px;
}

.pdct__btn--container {
    width: 48%;

    .fs-14 {
        margin-top: .5em;
    }
}

.pdct__btn--container.--wide{
    width: 100%;
}

.pdct__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    height: 60px;
    color: #fff;
    white-space: nowrap;
    background: #de6a6f;

    & img {
        width: auto;
        margin-right: .5em;
    }
}

.pdct__btn.--wide{
    max-width: 100%;
}

.pdct__btn.--green{
    background: #89B929;
}

.pdct__mail,
.pdct__btn.--blue {
    background: #1169ab;
}

@media screen and (max-width:1024px) {
    .pdct__img {
        width: 48%;
    }

    .pdct__txtwrap {
        width: 48%;
    }

    .pdct__gmap--link {
        width: 180px;
        margin-left: 1em;
    }

    .pdct__btn--container {
        width: 48%;

        .fs-14 {
            font-size: 1rem;
            margin-top: .5em;
        }
    }

    .pdct__btn--container.--wide{
        width: 100%;
    }


    .pdct__btn {
        max-width: 280px;
        height: 50px;

        & img {
            width: auto;
            margin-right: .25em;
            transform: scale(.75);
        }
    }

    .pdct__btn.--wide{
        max-width: 100%;
    }

    .pdct__mail {
        background: #1169ab;
    }

}

@media screen and (max-width:767px) {
    .pdct__img {
        width: 100%;
        margin-bottom: 30px;
    }

    .pdct__txtwrap {
        width: 100%;
    }

    .pdct__gmap--link {
        display: block;
        width: 180px;
        margin: 10px 0 10px auto;
    }

    .pdct__btn--container {
        width: 100%;

        &:first-child {
            margin-bottom: 15px;
        }

        .fs-14 {
            font-size: 1.2rem;
            margin-top: .5em;
        }
    }


    .pdct__btn {
        max-width: 280px;
        margin: 0 auto;
        height: 50px;
        font-size: 1.6rem;

        & img {
            width: auto;
            margin-right: .5em;
            transform: scale(1);
        }
    }

    .pdct__btn.--wide{
        max-width: 280px;
    }

    .pdct__mail {
        background: #1169ab;
    }
}

/*============================
    pd__relate
============================*/
.pd__relate {
    padding: 200px 0 120px;
}

.pd__relate {
    .inner {
        max-width: 1820px;
    }
}

.pdr__home {
    max-width: 740px;
    width: 40.65%;
    left: -5%;
    top: -200px;
    z-index: -1;
}

.pdr__ttl {
    .font-en {
        color: #fff;
        position: absolute;
        transform: rotate(-15deg);
        top: -2em;
        left: -1em;
        font-size: 4.8rem;
    }
}

.pdr__box {
    position: relative;
    padding: 50px;

    &::before {
        content: "";
        position: absolute;
        width: 200%;
        height: 100%;
        background: #fff;
        top: 0;
        left: 0;
    }
}

.pdr__swiper-area {

    width: 500%;
    overflow: hidden;
}

/* swiper */
.pdr__swiper {
    width: 360px;
    margin: 0;
    overflow: visible;
}

.pdr__atc {
    width: 100%;
    margin: 0;
}

.pdr__swbtn-wrap {
    margin: -60px 0 40px;
}

.p-swiper-button-prev {
    position: relative;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: auto;
}

.p-swiper-button-next {
    position: relative;
    margin: 0;
    width: 60px;
    height: 60px;
    z-index: 9;
    top: auto;
    margin-left: 20px;
}

.p-swiper-button-prev::before {
    content: "";
    position: absolute;
    background: url(../img/cmn/sw_arw_prv.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.p-swiper-button-next::before {
    content: "";
    font-weight: bold;
    position: absolute;
    background: url(../img/cmn/sw_arw_next.png) no-repeat center center/contain;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

@media screen and (max-width:1024px) {
    .pd__relate {
        padding: 100px 0 80px;
    }


    .pdr__home {
        width: 40.65%;
        left: -5%;
        top: -120px;
    }

    .pdr__ttl {
        .font-en {
            top: -2em;
            left: -.5em;
            font-size: 3rem;
        }
    }

    .pdr__box {
        padding: 30px;
    }

    /* swiper */
    .pdr__swiper {
        width: 280px;
    }

    .pdr__swbtn-wrap {
        margin: -40px 0 20px;
    }

    .p-swiper-button-prev {
        width: 50px;
        height: 50px;
    }

    .p-swiper-button-next {
        width: 50px;
        height: 50px;
        margin-left: 20px;
    }

}

@media screen and (max-width:767px) {
    .pd__relate {
        padding: 80px 0 60px;
    }


    .pdr__home {
        width: 40.65%;
        left: -5%;
        top: -60px;
    }

    .pdr__ttl {
        .font-en {
            top: -2em;
            left: -.5em;
            font-size: 2rem;
        }
    }

    .pdr__box {
        padding: 20px;
    }

    /* swiper */
    .pdr__swiper {
        width: 280px;
    }

    .pdr__swbtn-wrap {
        display: flex;
        margin: -30px 0 10px;
    }

    .p-swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .p-swiper-button-next {
        width: 40px;
        height: 40px;
        margin-left: 10px;
    }

}