@media screen and (max-width: 750px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .pc-size {
        min-width: initial;
        margin: 0;
    }
    .sp-break:before {
        content: "\A" ;
        white-space: pre;
    }
    .pc-break:before {
        content: '';
    }
    .wrapper {
        max-width: initial;
        min-width: initial;
    }
    .top-btn {
        height: 16vw;
    }
    .btn-wrapper {
        position: absolute;
        height: 10.666666666666666vw;
        line-height: 10.666666666666666vw;
        border-radius: 5.333333333333333vw;
        width: 44.666666666666664vw;
        font-size: 3.0666666666666664vw;
        font-weight: bold;
        top: 2.6666666666666665vw;
    }
    .btn-wrapper:after {
        width: 2.6666666666666665vw;
        height: 3.466666666666667vw;
        right: 4vw;
        top: calc(50% - 1.7333333333333334vw);
    }
    .btn-left {
        right: 2.6666666666666665vw;
    }
    .btn-right {
        left: 2.6666666666666665vw;
    }
    .wrapper-contracted {
        padding-top: 16vw;
    }
    h2 {
        margin: 0;
    }
    #contracted-title {
        margin-bottom: 8vw;
    }
    #contracted-title img {
        width: 67.2vw;
    }
    .present-list {
        flex-direction: column;
    }
    .present-list img {
        width: 89.33333333333333vw;
        height: 74.53333333333333vw;
        margin: 0 auto;
    }
    .present-list img.mask {
        height: 64.66666666666667vw;
    }
    .present-list > .present-right {
        height: 63.733333333333334vw;
    }
    .present-right.sp {
        margin-top: 14vw;
    }
    .present-list > .present-center {
        margin-top: 1.8666666666666667vw;
        width: 7.733333333333333vw;
        height: 8.133333333333333vw;
        top: 50%;
    }
    .present-details {
        width: 84vw;
        height: 139.6vw;
    }
    .present-details.single {
        height: 130.6vw;
    }
    .present-detail-chokkori {
        width: 19.2vw;
        height: 24vw;
        left: 3.6vw;
    }
    .present-detail-chokkori-img {
        top: 27.733333333333334vw;
        left: 15.33333333333333vw;
        width: 53.333333333333336vw;
        height: 39.333333333333336vw;
    }
    .present-detail-chokkori-img > img {
        width: 53.333333333333336vw;
        height: 39.333333333333336vw;
    }
    .present-detail-title {
        text-align: center;
        top: 8.133333333333333vw;
        left: 28.066667vw;
        font-size: 4.533333333333333vw;
        line-height: 5.333333333333333vw;
    }
    .present-detail {
        top: 73.33333333333333vw;
        left: 5.133333333333333vw;
        width: 73.26666666666667vw;
    }
    .present-detail.mask {
        width: 80.266667vw;
    }
    .present-description {
        width: 100%;
        font-size: 3.2vw;
        line-height: 5.733333333333333vw;
        height: initial;
        margin-bottom: 0;
    }
    .present-annotation {
        margin-top: 0;
        font-size: 2.6666666666666665vw;
        line-height: 2;
        margin-top: 4vw;
    }
    .present-annotation.gold {
        margin-top: 5vw;
    }
    .btn-big {
        width: 90%;
        height: 13.333333333333334vw;
        border-radius: 7vw;
        font-size: 4vw;
        line-height: 1.3333333333;
    }
    .btn-big > a {
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 0 10vw;
        box-sizing: border-box;
    }
    .btn-content {
        padding: 0;
    }
    .yellow-circle {
        width: 1.8666666666666667vw;
        height: 1.8666666666666667vw;
        background-size: contain;
    }
    .border-title {
        width: 89.33333333333333vw;
        margin: 0 auto;
    }
    h3.border-title {
        font-size: 4.533333333333333vw;
        line-height: 5.333333333333333vw;
        margin-top: 13vw;
    }
    h3.border-title:before {
        width: 30vw;
    }
    h3.border-title:after {
        width: 30vw;
    }
    .apply-flow {
        padding-bottom: 13.333333333333334vw;
    }
    .flow-row:first-of-type {
        flex-direction: column;
    }
    .flow-row:nth-of-type(n + 2) {
        flex-wrap: wrap;
    }
    .flow-row:nth-of-type(2):after {
        top: 0;
        left: 20vw;
        height: 10vw;
    }
    .flow-row {
        margin: 0 auto;
        width: 89.33333333333333vw;
        padding-bottom: 0;
    }
    .flow {
        display: flex;
        align-items: center;
        margin-top: 8vw;
    }
    .flow > img {
        width: 40vw;
        height: 40vw;
    }
    .flow > p {
        margin-left: 9.333333333333334vw;
        font-size: 3.2vw;
        line-height: 5.73333333333333vw;
        text-align: left;
    }
    .flow-row:first-of-type:after {
        border: initial;
        border-left: 3px solid #d7cbaf;
        height: 84vw;
        left: 20vw;
    }
    .flow > .apply {
        margin-left: 0;
    }
    .flow-row-order .flow:nth-child(2) {
        order: 3;
        margin-left: 29.5vw;
        margin-top: 0;
        flex-direction: column;
    }
    .flow-row-order .flow-last:nth-child(2) {
        margin-left: 0;
    }
    .flow-row-order .flow:nth-child(2) > p {
        text-align: left;
        font-size: 4vw;
    }
    .flow-row-order .flow:nth-child(2) > .apply {
        line-height: 5.333333333333333vw;
        margin-bottom: 1vw;
        width: 100%;
    }
    .flow-row-order .flow:nth-child(2) > .apply-detail {
        margin-left: 0;
        font-size: 3.2vw;
        line-height: 5.733333333333333vw;
        margin-top: 0;
    }
    .flow-row-order .flow:nth-child(3) {
        order: 2;
    }
    .flow > .flow-item {
        width: 42.666666666666664vw;
        height: 31.466666666666665vw;
    }
    .flow > .flow-item.gold {
        width: 40.53333333333333vw;
        height: 25.333333333333332vw;
    }
    .btn-black {
        width: 100%;
        height: 13.333333333333334vw;
        border-radius: 7vw;
        font-size: 4vw;
        line-height: 13.3333333333vw;
    }
    .flow-row:nth-of-type(3):after {
        top: -50vw;
        height: 60vw;
        left: 20vw;
    }
    .btn-red:after {
        top: 5.3vw;
        right: 5.333333333333333vw;
        height: 3.466666666666667vw;
        width: 2.6666666666666665vw;
        background-size: contain;
    }
    .wrapper-search {
        padding-top: 10.666666666666666vw;
        padding-bottom: 16.8vw;
        height: initial;
    }
    .wrapper-search h2 > img {
        width: 58vw;
        height: 4.4vw;
    }
    .wrapper-search ul {
        padding: 0 3.2vw;
        margin: 7.733333333333333vw 0 0;
        justify-content: space-between;
    }
    .wrapper-search li img {
        width: 29.333333333333332vw;
        height: 32.13333333333333vw;
    }
    .wrapper-ifnow {
        padding-top: 5.466666666666667vw;
    }
    .wrapper-ifnow h2 > img {
        width: 66vw;
        height: 22.266666666666666vw;
        margin-bottom: 4.133333333333333vw;
    }
    .present-detail-title.mask {
        left: 31.733333333333334vw;
    }
    .present-detail-mask-img {
        left: 6.9333333334vw;
        top: 19.6vw;
        width: 67.2vw;
        height: 53.46666666666667vw;
    }
    .single {
        width: 89.33333333333333vw;
        margin-bottom: 6.8vw;
    }
    .coordinate-list {
        margin: 13.333333333333334vw auto 0;
        width: 89.33333333333333vw;
    }
    .limited {
        left: 6.266666666666667vw;
        width: 19.2vw;
        height: 22vw;
    }
    .coordinate-wrapper {
        width: 77.33333333333333vw;
    }
    h3.frame-title {
        margin-left: 23.066666666666666vw;
        font-size: 4.533333333333333vw;
        line-height: 5.333333333333333vw;
    }
    .coordinate-description {
        width: 76.8vw;
        font-size: 3.2vw;
        line-height: 5.733333333333333vw;
    }
    .design-title {
        font-size: 4vw;
        line-height: 1.3333333333;
    }
    .design-title:after {
        right: 2.4vw;
        width: 2.6666666666666665vw;
        height: 1.4666666666666666vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .design-list-image {
        margin: 3.7333333333333334vw 8.66666666vw;
    }
    .design-list-image img {
        width: 100%;
        height: auto;
    }
    .design-annotation {
        margin-left: 9.333333333333334vw;
        font-size: 2.6666666666666665vw;
        line-height: 2;
    }
    .btn-sp {
        height: 13.333333333333334vw;
        border-radius: 7vw;
    }
    .wrapper-search.arrow:after {
        width: 26.666666666666668vw;
        height: 14vw;
        background-size: contain;
        background-repeat: no-repeat;
        left: 36.53333333333333vw;
        bottom: -11.3vw;
    }

    /* ルーム以下 */
    .wrapper-design {
        padding-top: 20vw;
        padding-bottom: 13.333333vw;
    }
    .wrapper-design h2 img {
        width: 100%;

    }
    .for-you {
        padding-top: 4.8vw;
    }
    .for-you img {
        width: 100%;
    }
    .room-title {
        height: 13.333333333333334vw;
        font-size: 4.533333333333333vw;
        line-height: 13.333333333333334vw;
    }
    .room-title:after {
        right: 5.333333333333333vw;
        width: 2.6666666666666665vw;
        height: 1.4666666666666666vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .room-list {
        display: block;
        margin: 5.333333333333333vw 8.533333333333333vw 0;
    }
    .room-main img {
        width: 100%;
    }
    .room-sub {
        display: flex;
    }
    .room-sub img {
        width: 50%;
        height: 33.333333333333336vw;
    }
    .room-main:before {
        width: 18.6vw;
        height: 4vw;
        font-size: 2.6vw;
        line-height: 4vw;
        font-weight: 700;
    }
    .room-sub:before {
        width: 18.6vw;
        height: 4vw;
        font-size: 2.6vw;
        line-height: 4vw;
        left: 0;
        font-weight: 700;
    }
    .room-sub:after {
        width: 18.6vw;
        height: 4vw;
        font-size: 2.6vw;
        line-height: 4vw;
        top: 0;
        left: 50%;
        font-weight: 700;
    }
    .btn-small {
        width: 45.333333333333336vw;
        margin-left: 4vw;
    }
    .flow-row-order .flow.long:nth-child(2) {
        margin: 0;
    }
    .flow-row-order .flow.long:nth-child(2) > p {
        margin-bottom: 5.333333333333333vw;
    }
    .btn-middle {
        width: 62.666666666666664vw;
    }
    .design-list {
        padding-top: 5.466666666666667vw;
        padding-bottom: 6.666666666666667vw;
        margin-bottom: 2.8vw;
    }
    .design-list-image .slick-arrow {
        width: 6.666666666666667vw;
        height: 13.333333333333334vw;
        top: calc(50% - 6.666666666666667vw);
    }
    .design-list-image .next-arrow {
        right: -6.666666666666667vw;
    }
    .design-list-image .prev-arrow {
        left: -6.666666666666667vw;
    }
    .present-slick {
        width: 84vw;
        margin-bottom: 5vw;
    }
    .present-slick .slick-arrow {
        width: 6.666666666666667vw;
        height: 13.333333333333334vw;
        top: calc(50% - 6.666666666666667vw);
    }
    .present-slick .next-arrow {
        right: -6.666666666666667vw;
    }
    .present-slick .prev-arrow {
        left: -6.666666666666667vw;
    }
    .slick-dots {
        margin-bottom: 7.866666666666666vw;
    }
    .slick-dots > li {
        width: 1.8666666666666667vw;
        height: 1.8666666666666667vw;
        margin-top: 5.066666666666666vw;
        margin-right: 2vw;
    }
    .select_room .slick-slide img {
        width: 100%;
    }
    .room_list {
        margin-bottom: 4vw;
    }
    .room_list .slick-track {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .room_list .slide-image {
        width: 48% !important;
        margin-bottom: 2.6666666666666665vw;
    }
    .slick-track:before, .slick-track:after {
        display: none;
    }
    .slide-image.slick-current {
        box-sizing: border-box;
    }
    .design-list-annotation {
        margin: 5.333333333333333vw 5.333333333333333vw 8.533333333333333vw;
        font-size: 3vw;
        line-height: 5.733333333333333vw;
    }
    .room-description {
        margin: 0 5.333333333333333vw 2.6666666666666665vw;
    }
    .room-detail {
        padding: 0 8.666666666666666vw;
        margin-top: 6.666666666666667vw;
    }
    .select_room > img {
        width: 6.666666666666667vw;
        top: 0;
        bottom: 0;
        height: auto;
        margin: auto;
    }
    .prev-arrow {
        left: -6.666666666666667vw;
    }
    .next-arrow {
        right: -6.666666666666667vw;
    }
    /* テーブル */
    thead th {
        font-size: 3.466666666666667vw;
        line-height: 3.466666666666667vw;
        height: 8vw;
        border-bottom: 0;
        border-left: 0;
    }
    .room-detail table {
        border-spacing: 0;
        box-sizing: border-box;
    }
    .room-detail table tbody {
        font-size: 2.6666666666666665vw;
    }
    .room-detail table tbody tr th,
    .room-detail table tbody tr td {
        min-height: 8vw;
        height: inherit;
        line-height: 8vw;
        font-size: 2.6666666666666665vw;
        box-sizing: border-box;
    }
    .room-detail table tbody tr th {
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }
    .room-detail table tbody tr td {
        border-top: 0;
        padding-left: 1.8666666666666667vw;
    }
    .room-detail table:not(:last-child) tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .room-detail table:not(:last-child) tbody tr th {
        width: 22%;
    }
    .room-detail table:not(:last-child) tbody tr td {
        width: 28%;
    }
    .room-detail table:not(:last-child) tbody tr td.big {
        width: 78%;
    }
    .room-detail table.stick {
        margin-bottom: 6.666666666666667vw;
    }
    .room-detail table.stick tbody th,
    .room-detail table.stick tbody td{
        width: 100%;
        display: block;
    }
    .room-detail table.stick tbody td {
        line-height: 4vw;
    }
    /* 注意事項 */
    .wrapper-note h4 {
        margin: 8vw 5.333333333333333vw 2.6666666666666665vw;
        font-size: 4vw;
        line-height: 5.333333333333333vw;
    }
    .note-lists {
        margin: 2.6666666666666665vw 5.333333333333333vw 8vw;
        padding: 5.333333333333333vw;
        font-size: 3.2vw;
        line-height: 5.733333333333333vw;
        height: 53.86666666666667vw;
        overflow: auto;
    }
    .room-description {
        padding-bottom: 0;
    }
    #footer #greenbelt .inner {
        margin: 0;
        width: 100%;
    }
    #footer #greenbelt .inner .ftbox {
        float: none;
        width: 100%;
    }
    #footer #greenbelt .inner p.link {
        display: block;
        padding: 18px 15px 0;
        text-align: center;
        font-size: 12px;
        line-height: 1.4;
    }
    #footer #greenbelt .inner p.link span {
        display: block;
        margin: 0 0 0 0;
        padding: 15px 0 0 0;
        background: none;
        text-align: left;
    }
    #footer #greenbelt .inner p.copy {
        padding: 15px 0 0 0;
        text-align: center;
    }
    #footer #greenbelt .inner p.bn {
        float: none;
        margin: 9px auto 14px;
        width: 264px;
        height: 54px;
    }
    #footer #whitebelt {
        width: 100%;
        text-align: center;
    }
    #footer #whitebelt img {
        width: inherit;
    }

}
