@import url("reset.css");
@import url("common.css");
@import url("layout_20250702.css");

/* ========== [Main] ========== */
/* [Main] - Visual */
.main_visual {
    display:block; 
    overflow:hidden;
    position:relative;
    max-width:100%;
    height:0;
    padding-bottom:56.25%;
    margin:-4% 0 0;
    z-index:1;
}
.main_visual iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.main_visual .main_visual_title {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:3;
    transition:all 0.4s;
}
.main_visual .main_visual_title img {
    width:220px;
}
.main_visual .main_visual_title_active {
    opacity:0;
    visibility:hidden;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    .main_visual .main_visual_title img {
        width:auto;
    }
}

/* [Main] - Advice */
.main_advice {
    background:#4e4c4b;
}
.main_advice_in {
    padding:10px 0 15px;
}
.main_advice fieldset {}
.main_advice h1 {
    margin-bottom:15px;
    font-size:12px;
    color:#96765c;
    text-align:center;
}
.main_advice h1 img {
    width:60px;
    margin-right:5px;
    vertical-align:baseline;
}
.main_advice h1 .tel {
    margin-top:2px;
    font-size:13px;
}
.main_advice .advice_input {
    display:flex;
    margin:6px 17px 0;
}
.main_advice .advice_input .input {
    display:flex;
    flex:1;
    margin:0 3px;
}
.main_advice .advice_input label {
    display:none;
}
.main_advice .advice_input .input_text {
    width:100%;    
    font-size:9px;
    color:#4e4c4b;
}
.main_advice .advice_check {
    margin-top:10px;
    text-align:center;
}
.main_advice .advice_check .input_check {}
.main_advice .advice_check label {
    margin:0 10px 0 2px;
    font-size:9px;
    color:#ffffff;
}
.main_advice .advice_check button {
    width:26px;
    padding:3px 0;
    font-size:8px;
    line-height:1.27em;
    color:#000000;
    background:#fff;
}
.main_advice .advice_button {
    margin:8px 20px 0;
}
.main_advice .advice_button button {
    display:block;
    width:100%;
    padding:5px 0 7px;
    font-weight:700;
    font-size:14px;
    color:#ffffff;
    background:#96765c;
    text-align:center;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    .main_advice_in {
        width:1600px;
        margin:0 auto;
        padding:15px 0 15px;
    }
    .main_advice fieldset {
        display:flex;
        justify-content:center;
        align-items:center;
        padding:3px 0 5px;
    }
    .main_advice h1 {
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        width:200px;
        margin:0;
        font-size:16px;
    }
    .main_advice h1 img {
        width:98px;
        margin-bottom:5px;
    }
    .main_advice h1 .tel {
        margin-top:0;
        font-weight:bold;
        font-size:25px;
    }
    .main_advice .advice_input {
        margin:0;
    }
    .main_advice .advice_input label {
        display:block;
        margin:10px 20px 0 33px;
        font-size:16px;
        color:#fff;
        white-space:nowrap;
    }
    .main_advice .advice_input .input_text {
        width:192px;
        height:42px;
        font-size:16px;
    }
    .main_advice .advice_input .input_text::placeholder {
        font-size:16px;
        line-height:1.5em;
        color:#4e4c4b;
        vertical-align:middle;
    }
    .main_advice .advice_check {
        margin:0 0 0 16px;
    }
    .main_advice .advice_check .input_check {
        width:15px;
        height:15px;
    }
    .main_advice .advice_check label {
        margin:0 10px 0 8px;
        font-size:15px;
    }
    .main_advice .advice_check button {
        width:52px;
        font-size:15px;
    }
    .main_advice .advice_button {
        margin:0 0 0 20px;
    }
    .main_advice .advice_button button {
        width:229px;
        padding:14px 0;
        font-size:24px;
    }
}

/* [Main] - Section Title */
.section_title {
    position:relative;
    margin-bottom:25px;
    padding-bottom:22px;
    text-align:center;
}
.section_title h1 {
    position:relative;
    font-weight:600;
    font-size:20px;
    color:#4e4c4b;
}
.section_title .subtitle {
    display:block;
    position:relative;
    font-weight:700;
    font-size:12px;
    color:#96765c;
}
.section_title .page_subtitle {
    display:block;
    position:relative;
    font-weight:700;
    font-size:22px;
    color:#96765c;
}
.section_title:after {
    content:"";
    position:absolute;
    left:44%;
    right:44%;
    bottom:0;
    height:1px;
    background:#96765c;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    /* [Main] - Section Title */
    .section_title {
        margin-bottom:57px;
        padding-bottom:44px;
    }
    .section_title h1 {
        font-size:40px;
    }
    .section_title .subtitle {
        margin-top:-2px;
        font-size:24px;
    }
    .section_title .subtitle:after {
        left:46.5%;
        right:46.5%;
        height:2px;
    }
}

/* [Main] - Specialness */
.main_specialness {}
.main_specialness_in {
    padding:32px 20px 45px;
    background:#ffffff;
}
.main_specialness .specialness_menu {
    position:relative;
    margin-top:10px;
}
.main_specialness .specialness_menu img {
    width:100%;
    vertical-align:top;
}
.main_specialness .specialness_menu_layer {
    opacity:0;
    visibility:hidden;
    transition:all 0.5s ease-out;
}
.main_specialness .specialness_menu_layer_in {
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    padding:20px 0 15px;
    text-align:center;
    background:rgba(0, 0, 0, 0.5);
}
.main_specialness .specialness_menu_layer h2 {
    display:inline-block;
    position:relative;
    padding-bottom:20px;
    font-weight:600;
    font-size:17px;
    color:#ffffff;
}
.main_specialness .specialness_menu_layer h2:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:50px;
    height:1px;
    background:#fff;
    transform:translateX(-50%);
}
.main_specialness .specialness_menu_layer .msg {
    margin-top:23px;
    font-size:12px;
    line-height:18px;
    color:#ffffff;
    letter-spacing:-0.25px;
    text-align:center;
}
.main_specialness .specialness_menu_layer .btn_more {
    margin-top:20px;
    text-align:center;
}
.main_specialness .specialness_menu_layer .btn_more a {
    display:inline-block;
    position:relative;
    padding:5px 7px;
    font-size:8px;
    color:#ffffff;
    letter-spacing:-0.25px;
}
.main_specialness .specialness_menu_layer .btn_more a:after {
    content:"";
    position:absolute;
    right:0;
    top:7px;
    width:4px;
    height:4px;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    transform:rotate(45deg);
}
.main_specialness .specialness_menu_layer .btn_more a:hover {
    text-decoration:none;
}
.main_specialness.motion_active .section_title h1 {
    top:0;
    opacity:1;
}
.main_specialness.motion_active .section_title .subtitle {
    top:0;
    opacity:1;
}
.main_specialness .specialness_menu_layer.active {
    opacity:1;
    visibility:visible;
}
.main_specialness .specialness_menu_layer.active h2 {
    top:0;
    opacity:1;
}
.main_specialness .specialness_menu_layer.active .msg {
    top:0;
    opacity:1;
}
.main_specialness .specialness_menu_layer.active .btn_more {
    top:0;
    opacity:1;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    /* [Main] - Specialness */
    .main_specialness_in {
        width:1200px;
        margin:0 auto;
        padding:90px 0 110px;
    }
    .main_specialness .specialness_wrap {
        display:flex;
        justify-content:space-between;
    }
    .main_specialness .specialness_menu {
        overflow:hidden;
        margin-right:16px;
    }
    .main_specialness .specialness_menu img {
        transition:all 0.4s;
    }
    .main_specialness .specialness_menu:last-child {
        margin-right:0;
    }
    .main_specialness .specialness_menu_layer {
        padding:0;
    }
    .main_specialness .specialness_menu_layer h2 {
        padding-bottom:38px;
        font-size:34.5px;
    }
    .main_specialness .specialness_menu_layer h2:after {
        width:107px;
    }
    .main_specialness .specialness_menu_layer .msg {
        margin-top:48px;
        font-size:21px;
        line-height:37px;
    }
    .main_specialness .specialness_menu_layer .btn_more {
        margin-top:70px;
    }
    .main_specialness .specialness_menu_layer .btn_more a {
        padding:5px 16px 5px 7px;
        font-size:16px;
    }
    .main_specialness .specialness_menu_layer .btn_more a:before {
        content:"";
        position:absolute;
        left:8px;
        bottom:3px;
        width:0;
        height:1px;
        background:#fff;
        transition:all 0.4s;
    }
    .main_specialness .specialness_menu_layer .btn_more a:after {
        right:3px;
        top:10px;
        width:8px;
        height:8px;
    }
    .main_specialness .specialness_menu:hover img {
        transform:scale(1.1);
    }
    .main_specialness .specialness_menu_layer .btn_more a:hover:before {
        width:40px;
    }
}

/* [Main] - Refined Place */
.main_refined {
    background:#efebe7;
}
.main_refined_in {
    padding:52px 20px 50px;
}
.main_refined .refined_preview {
    position:relative;
    margin-top:32px;
}
.main_refined .refined_title h2 {
    font-weight:700;
    font-size:15px;
    color:#4e4c4b;
}
.main_refined .refined_title .h2_msg {
    font-weight:500;
    font-size:12px;
    color:#4e4c4b;
}
.main_refined .refined_preview .refined_view {
    display:flex;
    justify-content:space-between;
    margin-top:3px;
}
.main_refined .refined_preview .refined_view_left {
    width:73%
}
.main_refined .refined_preview .refined_view_right {
    width:23%
}
.main_refined .refined_preview .swiper {}
.main_refined .refined_preview .swiper-wrapper {}
.main_refined .refined_preview .swiper-slide,
.main_refined .refined_preview .swiper-slide img {
    width:100% !important;
}
.main_refined .refined_preview .swiper-button-next,
.main_refined .refined_preview .swiper-button-prev {
    background-image:url("https://thecrest1.cdn1.cafe24.com/common/swiper_btn_arrow.png");
    background-repeat:no-repeat;
    background-size:58px auto;
}
.main_refined .refined_preview .swiper-button-next {
    background-position:-38px 10px;
}
.main_refined .refined_preview .swiper-button-prev {
    background-position:7px 10px;
}
.main_refined .refined_preview .swiper-button-next:after,
.main_refined .refined_preview .swiper-button-prev:after {
    display:none;
}
.main_refined .refined_preview .swiper-button-next:after {
    background-position:0 0;
}
.main_refined .refined_preview .swiper-button-prev:after {
    background-position:0 -10px;
}
.main_refined .refined_preview .refined_view_left .swiper-wrapper {}
.main_refined .refined_preview .refined_view_right .swiper {
    height:36.5vw;
}
.main_refined .refined_preview .refined_view_right .swiper-wrapper {
    flex-direction:column;
}
.main_refined .refined_preview .refined_view_right .swiper-wrapper .swiper-slide {
    height:auto !important;
    margin:0;
}
.main_refined .refined_preview .refined_view_right .swiper-wrapper .swiper-slide:first-child {
    margin-top:0 !important;
}
.main_refined .refined_preview .btn_more {
    position:absolute;
    right:2px;
    top:5px;
}
.main_refined .refined_preview .btn_more a {
    display:inline-block;
    padding:5px 7px;
    font-weight:600;
    font-size:9px;
    color:#4e4c4b;
}
.main_refined .refined_preview .btn_more a:before {
    content:"";
    position:absolute;
    left:8px;
    bottom:4px;
    right:7px;
    height:1px;
    background:#b4b1ae;
}
.main_refined .refined_preview .btn_more a:after {
    content:"";
    position:absolute;
    right:1px;
    top:8px;
    width:4px;
    height:4px;
    border-top:1px solid #4e4c4b;
    border-right:1px solid #4e4c4b;
    transform:rotate(45deg);
}
.main_refined .section_title.motion_active h1 {
    top:0;
    opacity:1;
}
.main_refined .section_title.motion_active .subtitle {
    top:0;
    opacity:1;
}
.main_refined .refined_preview.motion_active .refined_title h2,
.main_refined .refined_preview.motion_active .refined_title .h2_msg {
    top:0;
    opacity:1;
}
.main_refined .refined_preview.motion_active .refined_view_left {
    left:0;
    opacity:1;
}
.main_refined .refined_preview.motion_active .refined_view_right {
    right:0;
    opacity:1;
}
.main_refined .refined_preview.motion_active .btn_more {
    top:0;
    opacity:1;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    .main_refined_in {
        width:1200px;
        margin:0 auto;
        padding:95px 0 130px;
    }
    .main_refined .section_title {
        margin-bottom:82px;
    }
    .main_refined .refined_preview {
        margin-top:62px;
    }
    .main_refined .refined_title {
        display:flex;
        align-items:center;
    }
    .main_refined .refined_title h2 {
        margin-right:24px;
        font-size:29px;
    }
    .main_refined .refined_title .h2_msg {
        font-size:24px;
    }
    .main_refined .refined_preview .refined_view {
        margin-top:30px;
    }
    .main_refined .refined_preview .refined_view_left {
        width:73.4%;
    }
    .main_refined .refined_preview .swiper-button-next,
    .main_refined .refined_preview .swiper-button-prev {
        width:55px;
        height:85px;
        background-image:url("https://thecrest1.cdn1.cafe24.com/common/swiper_btn_arrow.png");
        background-repeat:no-repeat;
        background-size:auto;
    }
    .main_refined .refined_preview .swiper-button-next {
        right:16px;
        background-position:-75px center;
    }
    .main_refined .refined_preview .swiper-button-prev {
        left:16px;
        background-position:15px center;
    }
    .main_refined .refined_preview .btn_more {
        top:18px;
    }
    .main_refined .refined_preview .btn_more a {
        padding:8px 12px;
        font-size:16px;
    }
    .main_refined .refined_preview .btn_more a:before {
        left:12px;
        right:auto;
        bottom:6px;
        width:0;
        height:2px;
        transition:width 0.4s;
    }
    .main_refined .refined_preview .btn_more a:after {
        right:4px;
        top:14px;
        width:7px;
        height:7px;
    }
    .main_refined .refined_preview .btn_more a:hover {
        text-decoration:none;
    }
    .main_refined .refined_preview .btn_more a:hover:before {
        width:41px;
    }
}

/* [Main] - Directions */
.main_directions {
    padding:36px 20px 38px;
}
.main_directions .sub_directions {
    position:relative;
}
.main_directions .directions_title {
    position:relative;
    padding-top:78px;
    font-weight:700;
    font-size:14px;
    color:#96765c;
    text-align:center;
}
.main_directions .directions_title:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:45px;
    background:#96765c;
    transform:translateX(-50%);
}
.main_directions .directions_msg {
    margin-top:25px;
    font-weight:500px;
    color:#96765c;
    text-align:center;
}
.main_directions .directions_image {
    overflow:hidden;
    margin:22px 0 44px;
}
.main_directions .directions_image img {
    width:125%;
    transform:translateX(-10%);
}
.main_directions .location_image {
    overflow:hidden;
    height:230px;
}
.main_directions .btn_more {
    position:absolute;
    right:2px;
    top:50px;
}
.main_directions .btn_more a {
    display:inline-block;
    padding:5px 7px;
    font-weight:600;
    font-size:9px;
    color:#4e4c4b;
}
.main_directions .btn_more a:before {
    content:"";
    position:absolute;
    left:8px;
    bottom:4px;
    right:7px;
    height:1px;
    background:#b4b1ae;
}
.main_directions .btn_more a:after {
    content:"";
    position:absolute;
    right:1px;
    top:8px;
    width:4px;
    height:4px;
    border-top:1px solid #4e4c4b;
    border-right:1px solid #4e4c4b;
    transform:rotate(45deg);
}
.main_directions .sub_nobility.motion_active .directions_title,
.main_directions .sub_nobility.motion_active .directions_msg,
.main_directions .sub_nobility.motion_active .directions_image,
.main_directions .sub_directions.motion_active .section_title h1,
.main_directions .sub_directions.motion_active .section_title .subtitle,
.main_directions .sub_directions.motion_active .location_image,
.main_directions .sub_directions.motion_active .btn_more a {
    top:0;
    opacity:1;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    /* [Main] - Directions */
    .main_directions {
        width:1200px;
        margin:0 auto;
        padding:98px 0 96px;
    }
    .main_directions .directions_title {
        padding-top:150px;
        font-size:28px;
    }
    .main_directions .directions_title:before {
        width:2px;
        height:90px;
    }
    .main_directions .directions_msg {
        margin-top:45px;
        font-size:25px;
        line-height:37px;
    }
    .main_directions .directions_image {
        height:298px;
        margin:40px 0 116px;
    }
    .main_directions .directions_image img {
        width:100%;
        transform:translate(0, -125px);
    }
    .main_directions .location_image {
        height:330px;
    }
    .main_directions .btn_more {
        top:100px;
    }
    .main_directions .btn_more a {
        padding:8px 12px;
        font-size:16px;
    }
    .main_directions .btn_more a:before {
        left:12px;
        right:auto;
        bottom:6px;
        width:0;
        height:2px;
        transition:width 0.4s;
    }
    .main_directions .btn_more a:after {
        right:4px;
        top:14px;
        width:7px;
        height:7px;
    }
    .main_directions .btn_more a:hover {
        text-decoration:none;
    }
    .main_directions .btn_more a:hover:before {
        width:41px;
    }
}

/* ========== [Page] - Heritage ========== */
/* Page Visual */
.page_visual {
    overflow:hidden;
    padding-top:35px;
}
.page_visual.motion_active h1,
.page_visual.motion_active .subtitle {
    top:0;
    opacity:1;
}
/* Page Title */
.page_title {
    position:relative;
    margin-bottom:30px;
    padding-bottom:16px;
    text-align:center;
}
.page_title h1 {
    position:relative;
    font-weight:600;
    font-size:20px;
    color:#4e4c4b;
}
.page_title .subtitle {
    display:block;
    position:relative;
    margin-top:3px;
    font-weight:700;
    font-size:22px;
    color:#96765c;
}
.page_title:after {
    content:"";
    position:absolute;
    left:44%;
    right:44%;
    bottom:0;
    height:1px;
    background:#96765c;
}
/* [Page] - Sub Title */
.sub_title {
    position:relative;
    margin-top:35px;
    padding-top:65px;
}
.sub_title:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:45px;
    background:#96765c;
    transform:translateX(-50%);
}
.sub_title h3 {
    font-weight:600;
    font-size:27px;
    color:#4e4c4b;
    text-align:center;
}
.sub_title .h3_msg {
    font-weight:600;
    font-size:11px;
    color:#96765c;
    text-align:center;
}
.sub_title.motion_active h3,
.sub_title.motion_active .h3_msg {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_title_wrap {
        width:1200px;
        margin:150px auto 0;
        padding-top:130px;
    }
    .page_title_wrap:before {
        width:2px;
        height:90px;
    }
    .page_title_wrap h3 {
        font-size:53px;
    }
    .page_title_wrap .h3_msg {
        font-size:21px;
    }
}

/* [Common] - Header(PC) */
@media (min-width:1000px) {
    /* Page Visual */
    .page_visual {
        width:1200px;
        margin:0 auto;
        padding-top:100px;
    }
    /* Page Title */
    .page_title {
        margin-bottom:60px;
        padding-bottom:30px;
    }
    .page_title h1 {
        font-size:40px;
    }
    .page_title .subtitle {
        font-size:45px;
    }
    .page_title:after {
        left:46%;
        right:46%;
        height:2px;
    }
}

/* >>> [Page] - Heritage <<< */
.heritage_direct_foot {
    margin-top:30px;
}
.heritage_logo {
    text-align:center;
}
.heritage_logo img {
    width:117px;
}
.heritage_sumnail_area_first {
    margin:0 0 55px;
    padding:0;
}
.heritage_sumnail_area_first .img {
    margin-bottom:40px;
}
.heritage_sumnail_area_first .title,
.heritage_sumnail_area_first .title_msg {
    text-align:center;
}
.heritage_sumnail_area_first.motion_active .img,
.heritage_sumnail_area_first.motion_active .title,
.heritage_sumnail_area_first.motion_active .title_msg {
    top:0;
    opacity:1;
}
.heritage_sumnail_area_middle .img,
.heritage_sumnail_area_reverse .img,
.heritage_sumnail_area_middle .explain .title,
.heritage_sumnail_area_reverse .explain .title,
.heritage_sumnail_area_middle .explain .title_msg,
.heritage_sumnail_area_reverse .explain .title_msg {
    position:relative;
    opacity:0;
    transition:all 0.5s;
}
.heritage_sumnail_area_middle .img {
    top:60px;
}
.heritage_sumnail_area_middle .explain {}
.heritage_sumnail_area_middle .explain .title {
    top:60px;
    transition-delay:0.2s;
}
.heritage_sumnail_area_middle .explain .title_msg:nth-child(1),
.heritage_sumnail_area_middle .explain .title_msg:nth-child(2) {
    top:60px;
}
.heritage_sumnail_area_middle .explain .title_msg:nth-child(1) {
    transition-delay:0.4s;
}
.heritage_sumnail_area_middle .explain .title_msg:nth-child(2) {
    transition-delay:0.6s;
}
.heritage_sumnail_area_middle.motion_active .img {
    top:0;
    opacity:1;
}
.heritage_sumnail_area_middle.motion_active .explain .title {
    top:0;
    opacity:1;
}
.heritage_sumnail_area_middle.motion_active .explain .title_msg:nth-child(1),
.heritage_sumnail_area_middle.motion_active .explain .title_msg:nth-child(2) {
    top:0;
    opacity:1;
}
.heritage_sumnail_area_reverse .img {
    top:60px;
}
.heritage_sumnail_area_reverse .explain {
    top:60px;
    transition-delay:0.2s;
}
.heritage_sumnail_area_reverse .explain .title {
    top:60px;
    transition-delay:0.4s;
}
.heritage_sumnail_area_reverse .explain .title_msg {
    top:60px;
    transition-delay:0.6s;
}
.heritage_sumnail_area_reverse.motion_active .img,
.heritage_sumnail_area_reverse.motion_active .explain,
.heritage_sumnail_area_reverse.motion_active .explain .title,
.heritage_sumnail_area_reverse.motion_active .explain .title_msg {
    top:0;
    opacity:1;
}
.heritage_btn_direct {
    margin-top:9px;
    text-align:center;
}
.heritage_direct_foot.motion_active .heritage_logo,
.heritage_direct_foot.motion_active .heritage_btn_direct {
    top:0;
    opacity:1;
}
/* [Common] - Header(PC) */
@media (min-width:1000px) {
    .heritage_direct_foot {
        margin-top:160px;
    }
    .heritage_logo {}
    .heritage_logo img {
        width:auto;
    }
    .heritage_sumnail_area_first {
        display:block;
        margin-bottom:110px;
    }
    .heritage_sumnail_area_first .img {
        width:100%;
        margin-bottom:80px;
    }
    .heritage_sumnail_area_first .explain {
        width:100%;
    }
    .heritage_sumnail_area_first .title_msg {
        margin-top:25px;
    }
    .heritage_sumnail_area_middle .img {
        top:0;
        left:-60px;
    }
    .heritage_sumnail_area_middle .explain {
        top:0;
        right:-60px;
        transition-delay:0.2s;
    }
    .heritage_sumnail_area_middle.motion_active .img {
        left:0;
        opacity:1;
    }
    .heritage_sumnail_area_middle.motion_active .explain {
        right:0;
        opacity:1;
    }
    .heritage_sumnail_area_reverse {
        flex-direction:row-reverse;
        margin-top:-23px;
    }
    .heritage_sumnail_area_reverse .img {
        top:0;
        right:-60px;
        opacity:0;
        margin:0 0 0 88px;
    }
    .heritage_sumnail_area_reverse.motion_active .img {
        right:0;
    }
    .heritage_sumnail_area_reverse.motion_active .explain {
        left:0;
    }
    .heritage_btn_direct {
        margin-top:40px;
    }
}

/* >>> [Page] - Brand Story <<< */
.brand_story {
    height:660px;
    margin-top:33px;
    background:url("https://thecrest1.cdn1.cafe24.com/ui/brand_mobile_bg.jpg") center top no-repeat;
    background-size:100%;
}
.brand_logo {
    text-align:center;
}
.brand_logo img {
    width:232px;
}
.brand_logo .txt {
    margin-top:10px;
    font-weight:700;
    font-size:11px;
    color:#4e4c4b;
}
.brand_logo.motion_active,
.brand_msg.motion_active {
    top:0;
    opacity:1;
}
.brand_title {
    margin-top:70px;
    text-align:center;
}
.brand_title .title {
    font-weight:500;
    font-size:41px;
    color:#ffffff;
}
.brand_title .txt {
    font-weight:500;
    font-size:14px;
    line-height:17px;
    color:#ffffff;
}
.brand_title.motion_active .title,
.brand_title.motion_active .txt {
    top:0;
    opacity:1;
}
.brand_dl {
    margin-top:42px;
    text-align:center;
    color:#ffffff;
}
.brand_dl dt,
.brand_dl dd {
    position:relative;
    top:60px;
    opacity:0;
    transition:all 0.5s;
}
.brand_dl dt {
    font-weight:500;
    font-size:20px;
}
.brand_dl dd {
    margin-top:12px;
    font-size:12px;
    line-height:15px;
}
.brand_concept.motion_active .brand_dl dt,
.brand_concept.motion_active .brand_dl dd {
    top:0;
    opacity:1;
}
.brand_concept.motion_active .brand_dl:nth-child(1) dt {
    transition-delay:0.2s;
}
.brand_concept.motion_active .brand_dl:nth-child(1) dd {
    transition-delay:0.4s;
}
.brand_concept.motion_active .brand_dl:nth-child(2) dt {
    transition-delay:0.6s;
}
.brand_concept.motion_active .brand_dl:nth-child(2) dd {
    transition-delay:0.8s;
}
.brand_concept.motion_active .brand_dl:nth-child(3) dt {
    transition-delay:1s;
}
.brand_concept.motion_active .brand_dl:nth-child(3) dd {
    transition-delay:1.2s;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    /* [Page] - Brand Story */
    .brand_story {
        height:auto;
        margin-top:60px;
        padding-bottom:115px;
        background-image:url("https://thecrest1.cdn1.cafe24.com/ui/brand_web_bg.jpg");
    }
    .brand_logo img {
        width:auto;
    }
    .brand_logo .txt {
        margin-top:20px;
        font-size:21px;
    }
    .brand_msg {
        margin-top:140px;
        font-weight:500;
        font-size:20px;
        color:#fff;
        text-align:center;
    }
    .brand_msg .tit {
        display:block;
        margin-bottom:3px;
        font-size:17px;
    }
    .brand_title {
        margin-top:120px;
    }
    .brand_title .title {
        font-size:82px;
    }
    .brand_title .txt {
        margin-top:15px;
        font-size:20px;
        line-height:23px;;
    }
    .brand_concept {
        display:flex;
        margin-top:260px;
    }
    .brand_concept .brand_dl {
        width:380px;
        margin-top:0;
    }
    .brand_concept .brand_dl dt {
        font-size:29px;
    }
    .brand_concept .brand_dl dd {
        font-size:17px;
        line-height:21px;
    }
}

/* >>> [Page] - Brandldentity <<< */
.brandldentity_msg {
    margin:5px 0 10px;
    padding:0 30px;
    text-align:center;  
}
.brandldentity_img {
    margin-top:20px;
    padding:0 20px;
}
.brandldentity_img img {
    width:100%;
    vertical-align:top;
}
.brandldentity_color {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    margin:42px 20px 0;
    border:1px solid #8c8c8c;
}
.brandldentity_color .color {
    width:50%;
    min-height:77px;
    padding:12px 0 0 13px;
}
.brandldentity_color .color img {
    width:55px;
}
.brandldentity_color .bg_color_white {
    background:#fff;
}
.brandldentity_color .bg_color_black {
    background:#000000;
}
.brandldentity_color .bg_color_gold {
    background:#8d6b4f;
}
.brandldentity_color .bg_color_silver {
    background:#8e8f91;
}
.brandldentity_msg.motion_active,
.brandldentity_img.motion_active,
.brandldentity_color.motion_active {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .brandldentity_msg {
        margin-bottom:-49px;
        font-size:20px;
        line-height:24px;
    }
    .brandldentity_img {
        margin-top:70px;
        padding:0;
        text-align:center;
    }
    .brandldentity_img img {
        width:auto;
    }
    .brandldentity_color {
        width:1020px;
        margin:30px auto 0;
        padding:0;
        border-width:2px;
    }
    .brandldentity_color .color {
        min-height:154px;
        padding:23px 0 0 26px;
    }
    .brandldentity_color .color img {
        width:auto;
    }
}

/* >>> [Page] - Nobility <<< */
.nobility_visual {
    height:400px;
    padding-top:40px;
    background:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_mobile_bg.jpg") 0 0 no-repeat;
    background-size:cover;
}
.nobility_visual .since {
    font-size:11px;
    color:#ffffff;
    text-align:center;
}
.nobility_visual .msg {
    margin-top:13px;
    font-size:12px;
    line-height:15px;
    color:#ffffff;
    text-align:center;
}
.nobility_visual .msg strong {
    font-weight:700;
    font-size:12px;
    vertical-align:baseline;
}
.nobility_visual .img {
    position:relative;
    margin-top:18px;
    padding-top:65px;
    text-align:center;
}
.nobility_visual .img:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:48px;
    background:#7b8182;
    transform:translateX(-50%);
}
.nobility_visual .img img {
    width:203px;
}
.nobility_visual.motion_active .since,
.nobility_visual.motion_active .msg,
.nobility_visual.motion_active .img {
    top:0;
    opacity:1;
}
.nobility_gallery {
    margin-top:35px;
}
.nobility_gallery h2 {
    margin-bottom:-15px;
    font-weight:600;
    font-size:11px;
    color:#4e4c4b;
    text-align:center;
}
.nobility_gallery h2 img {
    margin-top:6px;
    width:146px;
}
.nobility_gallery h2.motion_active {
    top:0;
    opacity:1;
}
.nobility_gallery .nobility_gallery_form {
    margin-top:43px;
}
.nobility_gallery .nobility_gallery_form h3 {
    position:relative;
    padding-top:70px;
    font-size:16px;
    line-height:16px;
    color:#4e4c4b;
    text-align:center;
}
.nobility_gallery .nobility_gallery_form h3:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:45px;
    background:#96765c;
    transform:translateX(-50%);
}
.nobility_gallery .nobility_gallery_form p {
    margin-top:10px;
    font-size:10px;
    line-height:12px;
    color:#96765c;
    text-align:center;
}
.nobility_gallery .nobility_gallery_form .swiper {
    margin-top:45px;
    padding:0 20%;
}
.nobility_gallery .nobility_gallery_form .swiper img {
    width:100%;
}
.nobility_gallery .nobility_gallery_form .img {
    margin:40px 0 60px;
}
.nobility_gallery .nobility_gallery_form .img img {
    width:100%;
}
.nobility_gallery .nobility_gallery_form.motion_active h3,
.nobility_gallery .nobility_gallery_form.motion_active p,
.nobility_gallery .nobility_gallery_form.motion_active .swiper,
.nobility_gallery .nobility_gallery_form.motion_active .img {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    /* [Page] - Nobility */
    .nobility_visual {
        height:897px;
        padding-top:84px;
        background:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_web_bg.jpg") center 0 no-repeat;
        background-size:cover;
    }
    .nobility_visual .since {
        font-size:21px;
    }
    .nobility_visual .msg {
        margin-top:28px;
        font-size:24px;
        line-height:30px;
    }
    .nobility_visual .msg strong {
        font-size:24px;
    }
    .nobility_visual .img {
        margin-top:35px;
        padding-top:130px;
    }
    .nobility_visual .img:before {
        height:95px;
        background:#828a8d;
    }
    .nobility_visual .img img {
        width:auto;
    }
    .nobility_gallery {
        margin-top:140px;
    }
    .nobility_gallery h2 {
        margin:14px 0 0;
        font-size:21px;
    }
    .nobility_gallery h2 img {
        width:auto;
        margin-top:14px;
    }
    .nobility_gallery .nobility_gallery_form {
        margin-top:62px;
    }
    .nobility_gallery .nobility_gallery_form h3 {
        padding-top:138px;
        font-size:31px;
        line-height:32px;
    }
    .nobility_gallery .nobility_gallery_form h3:before {
        width:2px;
        height:90px;
    }
    .nobility_gallery .nobility_gallery_form p {
        margin-top:18px;
        font-size:20px;
        line-height:24px;
    }
    .nobility_gallery .nobility_gallery_form .swiper {
        margin-top:60px;
        padding:0 28%;
    }
    .nobility_gallery .nobility_gallery_form .img {
        margin:50px 0 190px;
    }
}
/* [Layout] - Header(PC) */
@media (min-width:1900px) {
    /* [Page] - Nobility */
    .nobility_visual {
        background-size:auto;
    }
}

/* >>> [Page] - Nobility OfficeNobility <<< */
.office_content .img {}
.office_content .img img {
    width:100%;
}
.office_content .img.motion_active {
    top:0;
    opacity:1;
}
.office_content .title {
    margin-top:38px;
}
.office_content .title h2 {
    position:relative;
    padding-top:80px;
    font-weight:700;
    font-size:14px;
    color:#96765c;
    text-align:center;
}
.office_content .title h2:before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:1px;
    height:45px;
    background:#96765c;
    transform:translateX(-50%);
}
.office_content .title .box {
    margin:15px 30px 0;
    padding:18px 0 12px;
    text-align:center;
    border:1px solid #96765c;
}
.office_content .title .box img {
    height:26px;
}
.office_content .title .box p {
    margin-top:12px;
    font-weight:500;
    font-size:11px;
    line-height:13px;
    color:#4e4c4b;
}
.office_content .title.motion_active h2,
.office_content .title.motion_active .box {
    top:0;
    opacity:1;
}
.office_content dl {
    margin:46px 0 35px;
    text-align:center;
}
.office_content dl dt {
    font-weight:600;
    font-size:13px;
}
.office_content dl dd {
    margin-top:10px;
    font-size:10px;
    line-height:12px;
    color:#96765c;
}
.office_content dl.motion_active dt,
.office_content dl.motion_active dd {
    top:0;
    opacity:1;
}
.office_content .img_text {
    margin-top:20px;
}
.office_content .img_text img {
    width:100%;
}
.office_content .img_text p {
    margin-top:12px;
    font-weight:500;
    font-size:10px;
    line-height:12px;
    color:#4e4c4b;
}
.office_content .img_text p.title {
    margin-top:20px;
    font-weight:700;
    font-size:16px;
    color:#4e4c4b;
}
.office_content .img_text p.point {
    color:#96765c;
}
.office_content .partner {
    padding:15px 32px 35px;
    background:#efebe7;
}
.office_content .partner .img {
    padding:28px 20px;
    text-align:center;
    border-bottom:1px solid #bebbb7;
}
.office_content .partner .img img {
    width:213px;
}
.office_content .partner .title {
    margin-top:25px;
    font-weight:700;
    font-size:13px;
    color:#4e4c4b;
    text-align:center;
}
.office_content .partner .msg {
    margin-top:10px;
    font-size:10px;
    line-height:12px;
    color:#4e4c4b;
}
.office_content .partner.motion_active .img,
.office_content .partner.motion_active .title,
.office_content .partner.motion_active .msg {
    top:0;
    opacity:1;
}
.office_content .img_text2 {
    display:flex;
    margin-top:30px;
}
.office_content .img_text2 .left,
.office_content .img_text2 .right {
    flex:1;
}
.office_content .img_text2 .left {
    padding-right:13px;
}
.office_content .img_text2 .right {
    padding-left:13px;
}
.office_content .img_text2 img {
    width:100%;
}
.office_content .img_text2 .name {
    margin-top:10px;
    font-size:500;
    font-size:20px;
    color:#7aa0b5;
}
.office_content .img_text2 .msg {
    margin:5px 0 15px;
    padding-bottom:10px;
    font-weight:700;
    font-size:10px;
    color:#3b3837;
    border-bottom:1px solid #cecdcd;
}
.office_content .img_text2 .txt {
    margin-top:10px;
    font-size:9px;
    line-height:11px;
    color:#4e4c4b;
}
.office_content .material {
    margin:40px -20px 0;
    padding:27px 20px 40px;
    border-top:1px solid #e3e3e3;
}
.office_content .material h3 {
    font-weight:500;
    font-size:20px;
    color:#96765c;
    text-align:center;
}
.office_content .material .msg {
    margin-top:28px;
    font-size:10px;
    line-height:12px;
    color:#4e4c4b;
}
.office_content .material .list {
    margin-top:18px;
}
.office_content .material .list li {
    position:relative;
    margin:5px 0;
    padding-left:10px;
    font-size:10px;
    color:#3b3837;
}
.office_content .material .list li:before {
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#4e4c4b;
}
.office_content .material.motion_active h3,
.office_content .material.motion_active .msg,
.office_content .material.motion_active .list {
    top:0;
    opacity:1;
}
.office_content .certificate {
    margin:0 -20px;
    padding:35px 20px 40px;
    border-top:1px solid #e3e3e3;
}
.office_content .certificate h3 {
    margin-bottom:27px;
    font-weight:500;
    font-size:20px;
    color:#96765c;
    text-align:center;
}
.office_content .certificate .img {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.office_content .certificate .img img {
    margin-top:17px;
    border:1px solid #c0c0c0;
}
.office_content .certificate .img img:nth-child(1),
.office_content .certificate .img img:nth-child(2),
.office_content .certificate .img img:nth-child(3) {
    width:30%;
}
.office_content .certificate .img img:nth-child(4),
.office_content .certificate .img img:nth-child(5),
.office_content .certificate .img img:nth-child(6) {
    width:31.5%;
}
.office_content .certificate.motion_active h3,
.office_content .certificate.motion_active .img,
.office_content .certificate.motion_active .img img {
    top:0;
    opacity:1;
}
.office_content .img_text.motion_active img,
.office_content .img_text.motion_active p {
    top:0;
    opacity:1;
}
.office_content .spec_price {
    padding-top:40px;
    border-top:1px solid #e3e3e3;
}
.office_content .spec_price .tit {
    font-weight:700;
    font-size:20px;
    color:#96765c;
    text-align:center;
}
.office_content .spec_price .msg {
    margin-top:8px;
    font-size:11px;
    color:#4e4c4b;
    text-align:center;
}
.office_content .spec_price .msg_point {
    font-weight:700;
    color:#cd6223;
    text-align:left;
}
.office_content .spec_price .tbllist {
    margin-top:20px;
}
.office_content .spec_price.motion_active .tit,
.office_content .spec_price.motion_active .msg,
.office_content .spec_price.motion_active .tbllist {
    top:0;
    opacity:1;
}
.office_content .spec_price .btn_move_link {
    margin-top:25px;
    text-align:right;
}
.office_content .spec_price.motion_active .btn_move_link {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .office_content .img img {
        width:auto;
    }
    .office_content .title {
        margin-top:84px;
    }
    .office_content .title h2 {
        padding-top:160px;
        font-size:28px;
    }
    .office_content .title h2:before {
        width:2px;
        height:90px;
    }
    .office_content .title .box {
        width:515px;
        margin:30px auto 0;
        padding:37px 0 25px;
    }
    .office_content .title .box img {
        height:auto;
    }
    .office_content .title .box p {
        margin-top:25px;
        font-size:21px;
        line-height:26px;
    }
    .office_content dl {
        margin-top:90px;
    }
    .office_content dl dt {
        font-size:26px;
    }
    .office_content dl dd {
        margin-top:18px;
        font-size:20px;
        line-height:24px;
    }
    .office_content .img_text {
        margin-top:120px;
    }
    .office_content .img_text img {
        width:auto;
    }
    .office_content .img_text p {
        margin-top:20px;
        font-size:20px;
        line-height:24px;
    }
    .office_content .img_text p.title {
        margin-top:70px;
        font-size:32px;
    }
    .office_content .img_text p.point {
        margin-top:18px;
    }
    .office_content .partner {
        margin:0;
        padding:52px 0 62px;
    }
    .office_content .partner .img {
        width:499px;
        margin:0 auto;
        padding:40px 0;
    }
    .office_content .partner .img img {
        width:auto;
    }
    .office_content .partner .title {
        margin-top:55px;
        font-size:26px;
    }
    .office_content .partner .msg {
        margin-top:20px;
        padding:0 150px;
        font-size:18px;
        line-height:23px;
    }
    .office_content .img_text2 {
        margin-top:110px;
    }
    .office_content .img_text2 .left {
        padding-right:40px;
    }
    .office_content .img_text2 .right {
        margin-left:40px;
    }
    .office_content .img_text2 .name {
        margin-top:60px;
        font-size:53px;
        line-height:1.33em;
        color:#7aa0b5;
    }
    .office_content .img_text2 .msg {
        margin:10px 0 48px;
        padding-bottom:45px;
        font-size:26px;
    }
    .office_content .img_text2 .txt {
        margin-top:20px;
        font-size:20px;
        line-height:24px;
    }
    .office_content .material {
        margin:90px 0 0;
        padding:75px 0 90px;
    }
    .office_content .material h3 {
        font-size:40px;
    }
    .office_content .material .msg {
        margin-top:50px;
        font-size:20px;
        line-height:23px;
    }
    .office_content .material .list {
        margin-top:30px;
    }
    .office_content .material .list li {
        margin:10px 0;
        padding-left:20px;
        font-size:20px;
    }
    .office_content .material .list li:before {
        top:10px;
        width:4px;
        height:4px;
    }
    .office_content .certificate {
        margin:0;
        padding:70px 0 100px;
    }
    .office_content .certificate h3 {
        font-size:40px;
    }
    .office_content .certificate .img {
        justify-content:space-between;
        flex-wrap:nowrap;
        margin-top:40px;
    }
    .office_content .certificate .img img:nth-child(1),
    .office_content .certificate .img img:nth-child(2),
    .office_content .certificate .img img:nth-child(3),
    .office_content .certificate .img img:nth-child(4),
    .office_content .certificate .img img:nth-child(5),
    .office_content .certificate .img img:nth-child(6) {
        flex:1;
        margin-right:9px;
    }
    .office_content .certificate .img img:nth-child(6) {
        margin-right:0;
    }
    .office_content .spec_price {
        padding-top:115px;
    }
    .office_content .spec_price .tit {
        font-size:40px;
    }
    .office_content .spec_price .msg {
        margin-top:15px;
        font-size:21px;
    }
    .office_content .spec_price .btn_move_link {
        margin-top:100px;
    }
    .office_content .spec_price .tbllist {
        margin-top:40px;
    }
}

/* >>> [Page] - Nobility 분양절차 <<< */
.process_content {
    background:#efebe7;
}
.process_content_in {
    padding:30px 0 50px;
}
.process_content .tit {
    font-size:12px;
    color:#3b3837;
    text-align:center;
}
.process_content .logo {
    margin-top:16px;
    text-align:center;
}
.process_content .logo img {
    width:116px;
    vertical-align:top;
}
.process_content .msg {
    margin:10px 0 -3px;
    font-size:10px;
    line-height:12px;
    color:#96765c;
    text-align:center;
}
.process_content .process {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:234px;
    margin:-20px auto 0;
}
.process_content .process li {
    position:relative;
    width:90px;
    height:90px;
    margin-top:50px;
    padding-top:15px;
    text-align:center;
    border-radius:50%;
    background:#fff;
}
.process_content .process li img {
    height:35px;
    vertical-align:top;
}
.process_content .process li .txt {
    margin-top:6px;
    font-size:10px;
    line-height:12px;
}
.process_content .process li:nth-child(3) .txt,
.process_content .process li:nth-child(4) .txt {
    margin-top:12px;
}
.process_content .process li:nth-child(1):after,
.process_content .process li:nth-child(2):after,
.process_content .process li:nth-child(3):after {
    content:"";
    position:absolute;
    right:-30px;
    top:35px;
    width:17px;
    height:17px;
    border-top:1px solid #96765c;
    border-right:1px solid #96765c;
    transform:rotate(45deg);
}
.process_content .process li:nth-child(2):after {
    left:36px;
    right:auto;
    top:auto;
    bottom:-28px;
    transform:rotate(135deg);
}
.process_content .process li:nth-child(3) {
    position:absolute;
    right:0;
    bottom:0;
}
.process_content .process li:nth-child(3):after {
    left:-29px;
    top:36px;
    transform:rotate(-135deg);
}
.process_content.motion_active .tit,
.process_content.motion_active .logo,
.process_content.motion_active .msg,
.process_content.motion_active .process {
    top:0;
    opacity:1;
}
.process_guide {
    padding:37px 20px 60px;
}
.process_guide dl {}
.process_guide dl dt {
    margin-bottom:10px;
    font-weight:700;
    font-size:11px;
    color:#4e4c4b;
}
.process_guide dl dd {
    position:relative;
    margin:7px 0;
    padding:0 0 0 11px;
    font-size:10px;
}
.process_guide dl dd:before {
    content:"";
    position:absolute;
    left:2px;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#4e4c4b;
}
.process_guide ul {
    margin:8px 0 0 2px;
}
.process_guide ul li {
    font-size:10px;
    color:#9d8068;
}
.process_guide .msg {
    margin-top:10px;
    font-weight:700;
    font-size:10px;
    line-height:12px;
    color:#9d8068;
}
.process_guide .tel {
    margin-top:40px;
    text-align:center;
}
.process_guide .tel span {
    display:inline-block;
    position:relative;
    padding-bottom:10px;
}
.process_guide .tel span:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#cac9c9;
}
.process_guide .tel strong {
    font-weight:700;
    font-size:13px;
    color:#4e4c4b;
}
.process_guide.motion_active dl,
.process_guide.motion_active ul,
.process_guide.motion_active .msg,
.process_guide.motion_active .tel {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    /* [Page] - 분양절차 */
    .process_content_in {
        width:1200px;
        margin:0 auto;
        padding:60px 0 87px;
    }
    .process_content .tit {
        font-size:21px;
    }
    .process_content .logo {
        margin-top:36px;
    }
    .process_content .logo img {
        width:auto;
    }
    .process_content .msg {
        margin:20px 0 0;
        font-size:18px;
        line-height:21px;
    }
    .process_content .process {
        justify-content:center;
        width:auto;
        margin-top:60px;
    }
    .process_content .process li {
        width:180px;
        height:180px;
        margin:0 105px 0 0;
        padding-top:32px;
    }
    .process_content .process li img {
        height:auto;
    }
    .process_content .process li .txt {
        margin-top:10px;
        font-size:20px;
        line-height:21px;
        color:#3b3837;
    }
    .process_content .process li:nth-child(3) {
        position:relative;
    }
    .process_content .process li:nth-child(1):after,
    .process_content .process li:nth-child(2):after,
    .process_content .process li:nth-child(3):after {
        content:"";
        position:absolute;
        left:auto;
        right:-60px;
        top:81px;
        width:22px;
        height:22px;
        border-top:2px solid #96765c;
        border-right:2px solid #96765c;
        transform:rotate(45deg);
    }
    .process_content .process li:nth-child(3) .txt,
    .process_content .process li:nth-child(4) .txt {
        margin-top:21px;
    }
    .process_content .process li:last-child {
        margin-right:0;
    }
    .process_guide {
        width:1200px;
        margin:0 auto;
        padding:68px 0 150px;
    }
    .process_guide dl dt {
        margin-bottom:20px;
        font-size:21px;
    }
    .process_guide dl dd {
        margin:8px 0;
        padding-left:21px;
        font-size:18px;
    }
    .process_guide dl dd:before {
        left:6px;
        top:10px;
        width:4px;
        height:4px;
    }
    .process_guide ul {
        margin-top:15px;
    }
    .process_guide ul li {
        font-size:18px;
    }
    .process_guide .msg {
        margin:16px 0 0 4px;
        font-size:18px;
    }
    .process_guide .tel {
        margin-top:135px;
    }
    .process_guide .tel span,
    .process_guide .tel span strong {
        font-size:26px;
        vertical-align:baseline;
    }
    .process_guide .tel span {
        padding-bottom:15px;
    }
}

/* >>> [Page] - Guide <<< */
.page_guide {
    margin:0 20px;
}
.page_guide .h2_title {
    font-weight:700;
    font-size:15px;
    color:#3b3837;
    text-align:center;
}
.page_guide .h2_msg {
    margin-top:10px;
    font-size:11px;
    line-height:13px;
    color:#96765c;
    text-align:center;
}
.page_guide .h3_title {
    margin:35px 0 5px;
    font-weight:700;
    font-size:12px;
    color:#3b3837;
}
.page_guide .tbllist {}
.page_guide .tbllist_msg {
    margin-top:10px;
    font-size:8px;
    color:#96765c;
}
.page_guide .btn_move_link {
    margin-top:12px;
    text-align:right;
}
.page_guide .sumnail_area {
    margin-top:45px;
    padding:0;
}
.page_guide .sumnail_area .explain .logo {
    margin-top:25px;
}
.page_guide .sumnail_area .explain .tit {
    margin-top:10px;
    font-weight:700;
    font-size:21px;
    color:#3b3837;
}
.page_guide .sumnail_area .explain .exe {
    margin:15px 0 25px;
    font-weight:700;
    font-size:11px;
    line-height:13px;
    color:#3b3837;
}
.page_guide .sumnail_area .explain .text {
    margin-top:5px;
    font-size:11px;
    line-height:13px;
    color:#3b3837;
}
.page_guide .sumnail_area .explain .list {
    margin-top:20px;
}
.page_guide .sumnail_area .explain .list li {
    position:relative;
    margin:5px 0;
    padding-left:7px;
    font-weight:700;
    font-size:11px;
    color:#3b3837;
}
.page_guide .sumnail_area .explain .list li:before {
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#3b3837;
}
.page_guide .sumnail_area .explain .list li .point {
    font-weight:700;
    color:#96765c;
}
.page_guide .msg {
    margin-top:8px;
    font-size:11px;
    color:#4e4c4b;
    text-align:center;
}
.page_guide .msg_point {
    font-weight:700;
    color:#cd6223;
    text-align:left;
}
.wayMotion.motion_active .h2_title,
.wayMotion.motion_active .h2_msg,
.wayMotion.motion_active .h3_title,
.wayMotion.motion_active .tbllist,
.wayMotion.motion_active .tbllist_list,
.wayMotion.motion_active .msg,
.wayMotion.motion_active .btn_move_link {
    top:0;
    opacity:1;
}
.page_guide .sumnail_area .img,
.page_guide .sumnail_area .explain .logo,
.page_guide .sumnail_area .explain .tit,
.page_guide .sumnail_area .explain .tit2,
.page_guide .sumnail_area .explain .exe,
.page_guide .sumnail_area .explain .text,
.page_guide .sumnail_area .explain .list,
.page_guide .sumnail_area .etc_info {
    position:relative;
    top:60px;
    opacity:0;
    transition:all 0.5s;
}
.page_guide .sumnail_area .explain .logo {
    transition-delay:0.2s;
}
.page_guide .sumnail_area .explain .tit {
    transition-delay:0.4s;
}
.page_guide .sumnail_area .explain .tit2 {
    transition-delay:0.6s;
}
.page_guide .sumnail_area .explain .exe {
    transition-delay:0.6s;
}
.page_guide .sumnail_area .explain .text {
    transition-delay:0.8s;
}
.page_guide .sumnail_area .explain .list {
    transition-delay:1s;
}
.page_guide .sumnail_area .etc_info {
    transition-delay:1.2s;
}
.page_guide .sumnail_area.motion_active .img,
.page_guide .sumnail_area.motion_active .explain .logo,
.page_guide .sumnail_area.motion_active .explain .tit,
.page_guide .sumnail_area.motion_active .explain .tit2,
.page_guide .sumnail_area.motion_active .explain .exe,
.page_guide .sumnail_area.motion_active .explain .text,
.page_guide .sumnail_area.motion_active .explain .list,
.page_guide .sumnail_area.motion_active .etc_info {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_guide {
        margin:0;
    }
    .page_guide .h2_title {
        font-size:38px;
    }
    .page_guide .h2_msg {
        margin:10px 0 -20px;
        font-size:21px;
        line-height:1.33em;
    }
    .page_guide .h3_title {
        margin:110px 0 15px;
        font-size:24px;
    }
    .page_guide .btn_move_link {
        margin-top:30px;
    }
    .page_guide .tbllist_msg {
        margin-top:18px;
        font-size:16px;
    }
    .page_guide .sumnail_area {
        margin-top:90px;
    }
    .page_guide .sumnail_area .img {
        width:480px;
    }
    .page_guide .sumnail_area .explain {
        width:623px;
    }
    .page_guide .sumnail_area .explain .tit {
        margin-top:10px;
        font-size:43px;
    }
    .page_guide .sumnail_area .explain .exe {
        margin:35px 0 50px;
        font-size:21px;
        line-height:25px;
    }
    .page_guide .sumnail_area .explain .text {
        font-size:18px;
        line-height:21px;
    }
    .page_guide .sumnail_reverse_area .img {
        width:700px;
    }
    .page_guide .sumnail_reverse_area .explain {
        width:440px;
    }
    .page_guide .sumnail_reverse_area .explain .tit2 {
        margin:10px 0 30px;
        font-weight:700;
        font-size:38px;
        color:#3b3837;
        letter-spacing:-0.25px;
    }
    .page_guide .sumnail_area .explain .list {
        margin-top:40px;
    }
    .page_guide .sumnail_area .explain .list li,
    .page_guide .sumnail_area .explain .list li .point {
        font-size:21px;
        vertical-align:baseline;
    }
    .page_guide .sumnail_area .explain .list li {
        margin:7px 0;
        padding-left:19px;
    }
    .page_guide .sumnail_area .explain .list li:before {
        left:4px;
        top:11px;
        width:3px;
        height:3px;
    }
    .page_guide .sumnail_area .img,
    .page_guide .sumnail_area .explain {
        left:auto;
    }
    .page_guide .sumnail_reverse_area .img,
    .page_guide .sumnail_reverse_area .explain {
        position:relative;
        left:auto;
        top:auto !important;
        opacity:0;
        transition:all 0.5s;
    }
    .page_guide .sumnail_area .img {
        left:-60px;
        right:auto;
    }
    .page_guide .sumnail_reverse_area .img {
        left:auto;
        right:-60px;
    }
    .page_guide .sumnail_area .explain {
        left:-60px;
        transition-delay:0.2s;
    }
    .page_guide .sumnail_reverse_area .explain {
        left:-60px;
        transition-delay:0.2s;
    }
    .page_guide .sumnail_area.motion_active .img {
        top:auto;
        right:auto;
        left:0;
    }
    .page_guide .sumnail_reverse_area.motion_active .img {
        top:auto;
        left:auto;
        right:0;
        opacity:1;
    }
    .page_guide .sumnail_area.motion_active .explain {
        top:auto;
        left:0;
    }
    .page_guide .sumnail_reverse_area.motion_active .explain {
        top:auto;
        left:0;
        right:auto;
        opacity:1;
    }
    .page_guide .msg {
        margin-top:15px;
        font-size:21px;
    }
}

/* >>> [Page] - Facilities <<< */
.page_facilities {
    padding:0 20px;
}
.page_facilities .h3_title {
    margin:30px 0 8px;
    font-weight:700;
}
.page_facilities h2 {
    margin:0 0 20px;
    font-weight:700;
    font-size:12px;
}
.page_facilities h2.motion_active {
    top:0;
    opacity:1;
}
.facilities_img {
    position:relative;
}
.facilities_img img {
    width:100%;
}
.facilities_img a {
    position:absolute;
    right:-18px;
    font-size:9px;
}
.facilities_img a.facilities_link4 {
    top:4.5vw;
}
.facilities_img a.facilities_link3 {
    top:29vw;
}
.facilities_img a.facilities_link2 {
    top:53vw;
}
.facilities_img a.facilities_link1 {
    top:75vw;
}
.facilities_img a .more {
    display:block;
    position:relative;
    padding-right:9px;
    font-size:9px;
    letter-spacing:-1px;
}
.facilities_img a .more:before {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#8a8988;
}
.facilities_img a .more:after {
    content:"";
    position:absolute;
    right:0;
    top:4px;
    width:3px;
    height:3px;
    border-top:1px solid #3b3837;
    border-right:1px solid #3b3837;
    transform:rotate(45deg);
}
.facilities_level {
    margin-top:50px;
}
.facilities_level .top {
    display:flex;
}
.facilities_level .top .txt {
    width:65px;
    padding:10px 0 0 3px;
    font-weight:700;
    font-size:18px;
    color:#96765c;
}
.facilities_level .top .img {
    flex:1;
}
.facilities_level .top .img .msg {
    margin:5px 0 2px;
    font-size:8px;
    color:#96765c;
    text-align:right;
}
.facilities_level .top .img img {
    width:100%;
}
.facilities_level .explain {
    display:flex;
    flex-wrap:wrap;
    margin-top:35px;
}
.facilities_level .explain .unit {
    width:28%;
    margin-right:8%;
}
.facilities_level .explain .unit:nth-child(3) {
    margin-right:0;
}
.facilities_level .explain .unit:nth-child(4) {
    margin-top:20px;
}
.facilities_level .explain .unit .title {
    padding-bottom:8px;
    font-weight:700;
    font-size:13px;
    color:#96765c;
    border-bottom:1px solid #96765c;
}
.facilities_level .explain .unit ul {
    margin-top:14px;
}
.facilities_level .explain .unit ul li {
    display:flex;
    align-items:center;
    margin:7px 0;
    font-weight:700;
    font-size:10px;
    color:#3b3837;
}
.facilities_level .explain .unit ul li .num {
    width:12px;
    height:12px;
    margin-right:4px;
    font-size:8px;
    color:#fff;
    border-radius:50%;
    text-align:center;
    background:#96765c;
}
.facilities_level .explain .unit ul li .icon {
    width:10px;
    height:12px;
    margin-right:4px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
.facilities_level .explain .unit ul li .icon1 {
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon1.gif");
}
.facilities_level .explain .unit ul li .icon2 {
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon2.gif");
}
.facilities_level .explain .unit ul li .icon3 {
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon3.gif");
}
.facilities_level .explain .unit ul li .icon4 {
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon4.gif");
}
.facilities_level .explain .unit ul li .icon5 {
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon5.gif");
}
.facilities_level .explain .unit ul li .icon6 {
    width:12px;
    background-image:url("https://thecrest1.cdn1.cafe24.com/ui/nobility_facilitie_icon6.gif");
}
.facilities_level .explain .unit ul li .eng {
    width:16px;
    height:16px;
    margin-right:4px;
    font-size:7px;
    line-height:16px;
    color:#ffffff;
    text-align:center;
    white-space:nowrap;
    border-radius:50%;
    background:#df5925;
}
.facilities_level.facilities_level_first {
    margin-top:0;
}
.facilities_level.motion_active .top,
.facilities_level.motion_active .explain .unit {
    top:0;
    opacity:1;
}
.wayPoint2.motion_active {
    top:0;
    opacity:1;
}
.wayPoint3.motion_active .h3_title,
.wayPoint3.motion_active .tbllist,
.wayPoint4.motion_active .h3_title,
.wayPoint4.motion_active .tbllist,
.wayPoint5.motion_active .h3_title,
.wayPoint5.motion_active .ulType {
    top:0;
    opacity:1;
}
/* [Common] - Header(PC) */
@media (min-width:600px) {
    .facilities_img a {
        right:-4px;
        font-size:11px;
    }
    .facilities_img a.facilities_link4 {
        top:9.5vw;
    }
    .facilities_img a.facilities_link3 {
        top:35vw;
    }
    .facilities_img a.facilities_link2 {
        top:61vw;
    }
    .facilities_img a.facilities_link1 {
        top:87vw;
    }
    .facilities_img a .more {
        font-size:11px;
    }
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_facilities {
        padding:0;
    }
    .page_facilities .h3_title {
        margin:65px 0 15px;
        font-size:24px;
    }
    .page_facilities h2 {
        font-size:24px;
    }
    .facilities_img img {
        width:auto;
    }
    .facilities_img a {
        right:0;
        font-size:21px;
        line-height:1.1em;
        text-decoration:none;
    }
    .facilities_img a.facilities_link4 {
        top:115px;
    }
    .facilities_img a.facilities_link3 {
        top:455px;
    }
    .facilities_img a.facilities_link2 {
        top:777px;
    }
    .facilities_img a.facilities_link1 {
        top:1090px;
    }
    .facilities_img a .more {
        padding-right:17px;
        font-size:18px;
    }
    .facilities_img a .more:before {
        bottom:2px;
    }
    .facilities_img a .more:after {
        right:5px;
        top:7px;
        width:7px;
        height:7px;
    }
    .facilities_level {
        margin-top:100px;
    }
    .facilities_level .top .txt {
        width:252px;
        padding-left:14px;
        font-size:64px;
        line-height:1em;
    }
    .facilities_level .top .txt span {
        font-weight:bold;
        font-size:40px;
    }
    .facilities_level .top .txt span.ing {
        font-weight:400;
        font-size:30px;
        color:#d4c9c0;
    }
    .facilities_level .top .img .msg {
        margin:10px 0 7px;
        font-size:16px;
    }
    .facilities_level .explain {
        margin:50px 0 0 252px;
    }
    .facilities_level .explain .unit {
        width:250px;
    }
    .facilities_level .explain .unit:nth-child(4) {
        margin-top:30px;
    }
    .facilities_level .explain .unit .title {
        padding-bottom:12px;
        font-size:25px;
        border-width:2px;
    }
    .facilities_level .explain .unit ul {
        margin-top:25px;
    }
    .facilities_level .explain .unit ul li {
        margin:14px 0;
        font-size:18px;
    }
    .facilities_level .explain .unit ul li .num {
        width:24px;
        height:24px;
        margin-right:12px;
        padding-top:2px;
        font-size:15px;
    }
    .facilities_level .explain .unit ul li .icon {
        width:20px;
        height:24px;
        margin-right:12px;
        background-position:0 50%;
        background-size:auto;
    }
    .facilities_level .explain .unit ul li .icon6 {
        width:24px;
        margin-right:8px;
    }
    .facilities_level .explain .unit ul li .eng {
        width:31px;
        height:31px;
        margin-right:12px;
        padding-top:7px;
        font-size:12px;
    }    
}

/* >>> [Page] - Membership <<< */
.page_membership {
    padding:0 20px;
}
.membership_visual {
    position:relative;
    padding-bottom:30px;
}
.membership_visual h2 {
    font-weight:bold;
    font-size:15px;
    color:#3b3837;
    text-align:center;
}
.membership_visual .txt {
    margin-top:10px;
    font-size:11px;
    line-height:13px;
    color:#96765c;
    text-align:center;
}
.membership_visual .swiper_wrap {
    z-index:1;
}
.membership_visual .swiper {
    position:relative;
    margin-top:30px;
}
.membership_visual .swiper:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
}
.membership_visual .swiper-wrapper {}
.membership_visual .swiper-slide {
    display:flex;
    justify-content:center;
}
.membership_visual .swiper-slide img {
    width:49%;
}
.membership_visual .swiper-slide img:first-child {
    margin-right:2%;
}
.membership_visual .msg {
    position:relative;
    margin:20px 0 0;
    font-weight:bold;
    font-size:12px;
    color:#3b3837;
    text-align:center;
    z-index:2;
}
.membership_visual:after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:calc(100% + 40px);
    height:145px;
    margin-left:-20px;
    background:#efebe7;
}
.membership_visual.motion_active h2,
.membership_visual.motion_active .txt,
.membership_visual.motion_active .swiper_wrap,
.membership_visual.motion_active .msg {
    top:0;
    opacity:1;
}
.membership_image {
    overflow:hidden;
    padding:0 15% 0 0;
}
.membership_image .image {
    display:flex;
    position:relative;
    left:0;
    margin-right:2px;
}
.membership_image .image img {
    position:relative;
    top:60px;
    width:100%;
    margin-right:2px;
    opacity:1;
    transition:all 0.4s;
}
.page_membership .sumnail_area {
    margin-top:25px;
    padding:0;
}
.page_membership .sumnail_area .img {
    position:relative;
    top:60px;
    opacity:0;
    transition:all 0.4s;
}
.page_membership .sumnail_area .explain {
    margin-top:10px;
}
.page_membership .sumnail_area .explain .tit2 {
    position:relative;
    top:60px;
    font-weight:700;
    font-size:15px;
    color:#4e4c4b;
    opacity:0;
    transition:all 0.4s;
    transition-delay:0.2s;
}
.page_membership .sumnail_area .explain .text {
    position:relative;
    top:60px;
    margin-top:5px;
    font-size:11px;
    line-height:13px;
    color:#3b3837;
    opacity:0;
    transition:all 0.4s;
    transition-delay:0.4s;
}
.page_membership .sumnail_area .explain .list {
    position:relative;
    top:60px;
    margin-top:20px;
    opacity:0;
    transition:all 0.4s;
    transition-delay:0.6s;
}
.page_membership .sumnail_area .explain .list li {
    position:relative;
    margin:5px 0;
    padding-left:7px;
    font-size:11px;
    color:#3b3837;
}
.page_membership .sumnail_area .explain .list li:before {
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#3b3837;
}
.page_membership .sumnail_area .explain .list li strong {
    font-weight:700;
    font-size:11px;
}
.page_membership .sumnail_area .explain .list li .point {
    color:#96765c;
}
.page_membership .sumnail_area.motion_active .img {
    top:0;
    opacity:1;
}
.page_membership .sumnail_area.motion_active .explain .tit2,
.page_membership .sumnail_area.motion_active .explain .text,
.page_membership .sumnail_area.motion_active .explain .list {
    top:0;
    opacity:1;
}
.page_membership .membership_btn_more {
    margin-top:40px;
    text-align:center;
}
.page_membership .membership_btn_more a {
    display:inline-block;
    position:relative;
    padding:9px 3px;
    font-weight:300;
    font-size:13px;
    color:#4e4c4b
}
.page_membership .membership_btn_more a:hover {
    text-decoration:none;
}
.page_membership .membership_btn_more a:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#cac9c9;
}
.page_membership .membership_btn_more a span {
    display:block;
    padding-right:30px;
}
.page_membership .membership_btn_more a span img {
    width:61px;
    margin-top:-2px;
    vertical-align:bottom;
}
.page_membership .membership_btn_more a span:before,
.page_membership .membership_btn_more a span:after {
    content:"";
    position:absolute;
    top:16px;
    right:5px;
}
.page_membership .membership_btn_more a span:before {
    width:19px;
    height:1px;
    background:#abaaaa;
    z-index:9;
}
.page_membership .membership_btn_more a span:after {
    top:12px;
    width:8px;
    height:8px;
    border-top:1px solid #abaaaa;
    border-right:1px solid #abaaaa;
    background:transparent;
    transform:rotate(45deg);
    z-index:10;
}
.page_membership .membership_btn_more.motion_active a {
    top:0;
    opacity:1;
}
.page_membership .membership_guide {
    margin-top:60px;
    padding:40px 45px;
    background:url("https://thecrest1.cdn1.cafe24.com/ui/membership_bg.jpg") 0 0 no-repeat;
    background-size:cover;
}
.page_membership .membership_guide h3 {
    font-weight:700;
    font-size:17px;
    color:#ffffff;
}
.page_membership .membership_guide ul {
    margin-top:15px;
}
.page_membership .membership_guide ul li {
    position:relative;
    margin:3px 0;
    padding-left:8px;
    font-size:9px;
    line-height:11px;
    color:#eaeaea;
}
.page_membership .membership_guide ul li:before {
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#eeeeee;
}
.page_membership .membership_guide p {
    margin-top:20px;
    font-size:9px;
    line-height:11px;
    color:#c5a2c1;
}
.page_membership .membership_guide.motion_active h3,
.page_membership .membership_guide.motion_active ul,
.page_membership .membership_guide.motion_active p {
    top:0;
    opacity:1;
}
.page_membership .membership_soon {
    margin-top:40px;
}
.page_membership .membership_soon h3 {
    text-align:center;
}
.page_membership .membership_soon h3 span {
    display:inline-block;
    padding:0 3px;
    font-size:20px;
    color:#ffffff;
    background:#96765c;
}
.page_membership .membership_soon p {
    margin:10px 0 45px;
    text-align:center;
}
.page_membership .membership_soon p span {
    display:inline-block;
    padding:4px;
    font-size:20px;
    color:#6a4a31;
    text-align:center;
}
.page_membership .membership_soon p span strong {
    font-weight:700;
    font-size:20px;
    vertical-align:baseline;
}
.page_membership .membership_soon.motion_active h3,
.page_membership .membership_soon.motion_active p {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_membership {
        padding:0;
    }
    .membership_visual {
        padding-bottom:95px;
    }
    .membership_visual:after {
        height:345px;
    }
    .membership_visual h2 {
        margin-top:30px;
        font-size:32px;
    }
    .membership_visual .txt {
        margin-top:20px;
        font-size:18px;
    }
    .membership_visual .swiper_wrap {
        /*width:1200px;        
        padding:0 220px;
        margin:0 auto;
        box-sizing:border-box;*/
    }
    .membership_visual .swiper {
        /*width:715px;*/
    }
    .membership_visual .swiper-slide img {
        width:auto;
    }
    .membership_visual .swiper-slide img:first-child {
        margin-right:49px;
    }
    .membership_visual .msg {
        margin-top:35px;
        font-size:21px;
    }
    .membership_image .image img {
        top:0;
        width:auto;
    }
    .page_membership .sumnail_area {
        width:1200px;
        margin:85px auto 0;
    }
    .page_membership .sumnail_area .img {
        position:relative;
        left:60px;
        width:600px;
        opacity:0;
        transition:all 0.4s;
    }
    .page_membership .sumnail_area .explain {
        width:500px;
    }
    .page_membership .sumnail_area .explain .tit2 {
        font-size:30px;
    }
    .page_membership .sumnail_area .explain .text {
        margin-top:35px;
        font-size:20px;
        line-height:32px;
    }
    .page_membership .sumnail_area .explain .list {
        margin-top:40px;
    }
    .page_membership .sumnail_area .explain .list li {
        padding-left:22px;
        font-size:18px;
    }
    .page_membership .sumnail_area .explain .list li:before {
        left:8px;
        top:9px;
        width:4px;
        height:4px;
    }
    .page_membership .sumnail_area .explain .list li strong {
        font-size:18px;
    }
    .page_membership .sumnail_area .explain .list li .point {
        font-size:18px;
    }
    .page_membership .sumnail_area.motion_active .img {
        top:auto;
        left:0;
        opacity:1;
    }
    .page_membership .sumnail_area.motion_active .explain .tit2,
    .page_membership .sumnail_area.motion_active .explain .text,
    .page_membership .sumnail_area.motion_active .explain .list {
        top:0;
        opacity:1;
    }
    .page_membership .membership_btn_more {
        margin-top:85px;
    }
    .page_membership .membership_btn_more a {
        padding:15px 3px;
    }
    .page_membership .membership_btn_more a:after {
        content:"";
        position:absolute;
        left:0;
        right:100%;
        bottom:0;
        height:1px;
        background:#cac9c9;
        transition: all 0.4s;
    }
    .page_membership .membership_btn_more a span {
        display:block;
        padding-right:62px;
        font-size:26px;
    }
    .page_membership .membership_btn_more a span img {
        width:auto;
        margin-right:10px;
    }
    .page_membership .membership_btn_more a span:before,
    .page_membership .membership_btn_more a span:after {
        top:29px;
        right:7px;
    }
    .page_membership .membership_btn_more a span:before {
        right:6px;
        width:39px;
        height:1px;
    }
    .page_membership .membership_btn_more a span:after {
        top:22px;
        width:14px;
        height:14px;
    }
    .page_membership .membership_btn_more a:after {
        right:100%;
        transition:all 0.4s;
    }
    .page_membership .membership_btn_more a:hover:after {
        right:0;
    }
    .page_membership .membership_guide {
        width:1200px;
        height:440px;
        margin:125px auto 0;
        padding:80px 95px 0 520px;
        box-sizing:border-box;
    }
    .page_membership .membership_guide h3 {
        font-size:35px;
    }
    .page_membership .membership_guide ul {
        margin-top:40px;
    }
    .page_membership .membership_guide ul li {
        margin:10px 0;
        padding-left:16px;
        font-size:18px;
        line-height:22px;
    }
    .page_membership .membership_guide ul li:before {
        width:4px;
        height:4px;
    }
    .page_membership .membership_guide p {
        margin-top:30px;
        font-size:18px;
        line-height:22px;
    }
    .page_membership .membership_soon {
        width:1200px;
        margin:85px auto 0;
    }
    .page_membership .membership_soon h3 span {
        font-size:40px;
    }
    .page_membership .membership_soon p {
        margin:20px 0 90px;
    }
    .page_membership .membership_soon p span {
        position:relative;
        font-size:40px;
    }
    .page_membership .membership_soon p span:after {
        content:"";
        position:absolute;
        left:0;
        bottom:5px;
        width:100%;
        height:24px;
        background:#e1d9d2;
        z-index:-1;
    }
    .page_membership .membership_soon p span strong {
        font-weight:700;
        font-size:40px;
    }
}

/* >>> [Page] - Art Project <<< */
.page_art {
    padding-bottom:50px;
}
.art_visual {
    overflow:hidden;
    height:298px;
    background:url("https://thecrest1.cdn1.cafe24.com/ui/artproject_mobile_titlebg.jpg") 0 0 no-repeat;
    background-size:cover;
}
.art_visual .logo {
    margin-top:65px;
    text-align:center;
}
.art_visual .logo img {
    width:257px;
}
.art_visual .title {
    margin-top:100px;
    text-align:center;
}
.art_visual .title img {
    width:210px;
}
.art_visual .msg {
    margin-top:14px;
    font-size:10px;
    line-height:12px;
    color:#fff;
    text-align:center;
}
.art_image {
    margin-top:25px;
    padding:0 15% 0 0;
}
.art_image .swiper {
    padding:0 20%;
}
.art_image .swiper img {
    width:100%;
}
.art_image .image {
    display:flex;
    position:relative;
    left:0;
    margin-right:2px;
}
.art_image .image img {
    width:100%;
    margin-right:2px;
}
.art_visual.motion_active .logo,
.art_visual.motion_active .title,
.art_visual.motion_active .msg,
.art_image.motion_active {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_art {
        padding-bottom:135px;
    }
    .art_visual {
        width:1200px;
        height:800px;
        margin:40px auto 0;
        background-image:url("https://thecrest1.cdn1.cafe24.com/ui/artproject_web_titlebg.jpg");
        background-size:auto;
    }
    .art_visual .logo {
        margin-top:190px;
    }
    .art_visual .logo img {
        width:auto;
    }
    .art_visual .title {
        margin-top:252px;
    }
    .art_visual .title img {
        width:auto;
    }
    .art_visual .msg {
        margin-top:35px;
        font-size:24px;
        line-height:28px;
    }
    .art_image {
        margin-top:0;
    }
    .art_image .swiper {
        padding:0 20%;
    }
    .art_image .swiper .swiper-slide {
        display:flex;
        margin-right:2px;
    }
    .art_image .swiper .swiper-slide img {
        flex:1;
        width:auto;
        margin-right:2px;
    }
    .art_image .swiper .swiper-slide img:last-child {
        margin-right:0;
    }
}

/* >>> [Page] - Contact <<< */
.page_contact {
    padding:0 20px;
}
.contact_info {
    margin-top:15px;
}
.contact_info .logo {}
.contact_info .logo img {
    width:169px;
}
.contact_info .info {
    margin-top:18px;
}
.contact_info .info address {
    font-size:11px;
    color:#4e4c4b;
    font-style:normal;
}
.contact_info .info .number {
    margin-top:5px;
}
.contact_info .info .number .tit,
.contact_info .info .number .cont {
    display:inline-block;
    font-size:11px;
    color:#4e4c4b;
}
.contact_info .info .number .tit {
    margin-right:2px;
    font-weight:700;
}
.contact_info .info .number .cont {
    margin-right:7px;
}
.page_contact.motion_active .contact_info .logo,
.page_contact.motion_active .contact_info .info {
    top:0;
    opacity:1;
}
.contact_location {
    width:100%;
    height:287px;
    margin-top:22px;
    background:#eee;
}
.page_contact.motion_active .contact_location {
    top:0;
    opacity:1;
}
.contact_guide {
    margin-top:27px;
}
.contact_guide dt {
    font-weight:700;
    font-size:11px;
    color:#4e4c4b;
}
.contact_guide dd {
    padding:10px 0 0 3px;
}
.contact_guide dd ul {}
.contact_guide dd ul li {
    position:relative;
    margin:5px 0;
    padding-left:8px;
    font-size:9px;
    color:#4e4c4b;
}
.contact_guide dd ul li:before {
    content:"";
    position:absolute;
    left:0;
    top:5px;
    width:2px;
    height:2px;
    border-radius:50%;
    background:#4e4c4b;
}
.contact_guide dd ul li strong {
    font-weight:700;
    font-size:9px;
    vertical-align:baseline;
}
.page_contact.motion_active .contact_guide {
    top:0;
    opacity:1;
}
.contact_input_form {
    background:#efebe7;
}
.contact_input_form_in {
    padding:43px 20px 70px;
}
.contact_input_form h3 {
    font-weight:700;
    font-size:16px;
    color:#4e4c4b;
    text-align:center;
}
.contact_input_form h3 img {
    width:90px;
    margin-right:3px;
    vertical-align:baseline;
}
.contact_input_form .text {
    margin-top:20px;
    font-size:9px;
    line-height:11px;
    color:#96765c;
    text-align:center;
}
.contact_input_form .input_form {
    margin-top:30px;
}
.contact_input_form .input_form .input label {
    display:block;
    margin:7px 0 4px;
    font-size:9px;
    color:#4e4c4b;
}
.contact_input_form .input_form .input .input_text {
    width:100%;
    height:21px;
    padding-left:7px;
    font-size:9px;
    color:#4e4c4b;
    border:none;
    background:#fff;
}
.contact_input_form .input_form .input .textarea {
    width:100%;
    height:75px;
    padding:9px 0 0 7px;
    font-size:9px;
    color:#4e4c4b;
    border:none;
    background:#fff;
}
.contact_input_form .input_form .input .input_text::placeholder,
.contact_input_form .input_form .input .textarea::placeholder {
    color:#4e4c4b;
}
.contact_input_form .input_form .agree {
    position:relative;
    margin-top:7px;
    padding:1px 0;
}
.contact_input_form .input_form .agree .input_check {
    margin-right:3px;
}
.contact_input_form .input_form .agree label {
    font-size:9px;
    color:#4e4c4b;
    vertical-align:middle;
}
.contact_input_form .input_form .agree button {
    position:absolute;
    right:0;
    top:2px;
    width:26px;
    height:12px;
    padding-top:1px;
    font-size:8px;
    color:#fff;
    text-align:center;
    background:#96765c;
}
.contact_input_form .input_form .button {
    margin-top:15px;
}
.contact_input_form .input_form .button button {
    width:100%;
    height:27px;
    padding:0;
    font-size:12px;
    color:#ffffff;
    text-align:center;
    background:#96765c;
}
.contact_input_form.motion_active h3,
.contact_input_form.motion_active .text,
.contact_input_form.motion_active .input_form {
    top:0;
    opacity:1;
}
/* [Layout] - Header(PC) */
@media (min-width:1000px) {
    .page_contact {
        padding:0;
    }
    .contact_info {
        margin-top:70px;
    }
    .contact_info .logo img {
        width:auto;
    }
    .contact_info .info {
        margin-top:40px;
    }
    .contact_info .info address {
        font-size:21px;
    }
    .contact_info .info .number {
        margin-top:10px;
    }
    .contact_info .info .number .tit,
    .contact_info .info .number .cont {
        font-size:21px;
    }
    .contact_info .info .number .cont {
        margin-right:15px;
    }
    .contact_location {
        width:1200px;
        height:574px;
        margin-top:45px;
        background:#eee;
    }
    .contact_guide {
        margin-top:45px;
    }
    .contact_guide dt {
        font-size:21px;
    }
    .contact_guide dd {
        padding:20px 0 0 6px;
    }
    .contact_guide dd ul li {
        margin:8px 0;
        padding-left:16px;
        font-size:18px;
    }
    .contact_guide dd ul li strong {
        font-size:18px;
    }
    .contact_guide dd ul li:before {
        top:9px;
        width:4px;
        height:4px;
    }
    .contact_input_form_in {
        width:690px;
        margin:0 auto;
        padding:100px 0 70px;
    }
    .contact_input_form h3 {
        font-size:31px;
    }
    .contact_input_form h3 img {
        width:auto;
        margin-right:7px;
    }
    .contact_input_form .text {
        margin-top:25px;
        font-size:18px;
        line-height:23px;
    }
    .contact_input_form .input_form {
        margin-top:80px;
    }
    .contact_input_form .input_form .input label {
        margin:15px 0 10px;
        font-size:16px;
    }
    .contact_input_form .input_form .input .input_text {
        height:42px;
        padding-left:15px;
        font-size:16px;
    }
    .contact_input_form .input_form .input .textarea {
        height:152px;
        padding:17px 0 0 15px;
        font-size:16px;
    }
    .contact_input_form .input_form .agree {
        margin-top:15px;
        padding:2px 0;
    }
    .contact_input_form .input_form .agree .input_check {
        margin-right:6px;
    }
    .contact_input_form .input_form .agree label {
        font-size:15px;
    }
    .contact_input_form .input_form .agree button {
        top:0;
        width:52px;
        height:23px;
        padding-top:2px;
        font-size:15px;
    }
    .contact_input_form .input_form .button {
        margin-top:30px;
    }
    .contact_input_form .input_form .button button {
        height:54px;
        padding:10px 0 13px;
        font-size:24px;
    }
}

/* [COMMON] - Layer */
.layer_memorial_form {
    display:none;
    position:fixed;
    left:50% !important;
    top:50% !important;
    width:100%;
    padding:0 10px;
    z-index:1000;
    transform:translate(-50%, -50%);
}
.layer_memorial_form_in {
    background:#fff;
}
.layer_memorial_form .layer_explain {
    overflow:auto;
    height:480px;
    padding:35px 10px;
}
.layer_memorial_form .layer_explain h3,
.layer_memorial_form .layer_explain h4,
.layer_memorial_form .layer_explain p,
.layer_memorial_form .layer_explain ul {
    margin:10px 0;
    font-weight:500;
}
.layer_memorial_form .layer_explain h3,
.layer_memorial_form .layer_explain h4 {
    margin:15px 0;
    font-weight:600;
}
.layer_memorial_form .layer_explain ul li {
    margin:3px 0;
    padding-left:10px;
    font-weight:500;
    text-indent:-10px;
}
.layer_memorial_form .layer_explain ul li p,
.layer_memorial_form .layer_explain ul li ul li {
    padding-left:0;
    text-indent:0;
}
.layer_memorial_form .btn_close {
    position:absolute;
    top:2px;
    right:25px;
}
.layer_memorial_form .btn_close a {
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
}
.layer_memorial_form .btn_close a:before,
.layer_memorial_form .btn_close a:after {
    content:"";
    position:absolute;
    left:14px;
    top:6px;
    width:1px;
    height:16px;
    background:#141414;
}
.layer_memorial_form .btn_close a:before {
    transform:rotate(45deg);
}
.layer_memorial_form .btn_close a:after {
    transform:rotate(-45deg);
}
.layer_memorial_form .facilities_level {
    display:none;
    margin-top:0;
}
.layer_memorial_form .facilities_level .explain {
    flex-wrap:wrap;
}
.layer_memorial_form .facilities_level .explain .unit {
    width:30%;
    margin-right:3%;
}
.layer_memorial_form .facilities_level .explain .unit ul li {
    padding-left:0;
    text-indent:0;
}
.layer_memorial_form .facilities_level .top .txt {
    width:70px;
    margin:0;
    padding:0;
}
.layer_memorial_form .facilities_level:nth-child(3) .top .txt {
    width:50px;
}
.layer_memorial_form .facilities_level .top .txt span {
    font-weight:700;
}
.layer_memorial_form .facilities_level .explain .unit_art .title {
    color:#df5925;
    border-bottom:1px solid #df5925;
}
.layer_memorial_form .facilities_level .explain .unit_etc .title {
    color:#c19c08;
    border-bottom:1px solid #c19c08;
}
.layer_memorial_form .facilities_level .explain .explain_ready {
    flex:1;
    margin-top:30px;
    font-size:20px;
    color:#b9a391;
    text-align:center;
}
.facilities_level .explain .unit_etc ul li .num {
    background:#c19c08;
}

/* [Media] - 1325PX 이상 */
@media (min-width: 1325px) {
    /* [COMMON] - Layer Default */
    .layer_memorial_form {
        width:1325px;
        padding:0;
    }
    .layer_memorial_form .layer_title {
        padding:20px 0;
        font-size:20px;
    }
    .layer_memorial_form .layer_explain {
        height:1000px;
        padding:80px 40px 80px 60px;
    }
    .layer_memorial_form .layer_explain h3,
    .layer_memorial_form .layer_explain h4,
    .layer_memorial_form .layer_explain p,
    .layer_memorial_form .layer_explain ul {
        font-size:14px;
    }
    .layer_memorial_form .layer_explain ul li {
        font-size:14px;
    }

    .layer_memorial_form .btn_close {
        top:20px;
        right:30px;
    }
    .layer_memorial_form .btn_close a {
        width:45px;
        height:45px;
    }
    .layer_memorial_form .btn_close a:before,
    .layer_memorial_form .btn_close a:after {
        left:22px;
        top:-5px;
        width:1px;
        height:56px;
    }
    .layer_memorial_form .facilities_level .explain {
        margin-top:100px;
    }
    .layer_memorial_form .facilities_level .explain .unit {
        width:25.3%;
        margin-right:8%;
    }
    .layer_memorial_form .facilities_level .top .txt {
        width:255px;
        margin:0;
        padding:0;
    }
    .layer_memorial_form .facilities_level:nth-child(3) .top .txt {
        width:160px;
    }
    .layer_memorial_form .facilities_level .top .txt span {
        font-weight:700;
    }
    .layer_memorial_form .facilities_level .top .img img {
        width:auto;
    }
    .layer_memorial_form .facilities_level .explain .unit_art .title {
        border-width:2px;
    }
    .layer_memorial_form .facilities_level .explain .unit_etc .title {
        border-width:2px;
    }
    .layer_memorial_form .facilities_level .explain .explain_ready {
        margin-top:25px;
        font-size:48px;
    }
}

.layer_banner {
    position:absolute;
    left:0;
    top:70px;
    width:100%;
    padding:0 33px;
    z-index:9999;
}
.layer_banner_in {
    position:relative;
    border:1px solid #bcbcbc;
    background:#4e4c4b;
}
.layer_banner .image {
    
}
.layer_banner .image img {
    width:100%;
}
.layer_banner .button {
    margin:20px 0 38px;
    padding:0 40px;
}
.layer_banner .button a {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:42px;
    font-weight:bold;
    font-size:16px;
    color:#4e4c4b;
    background:#fff;
}
.layer_banner .button_layer {
    position:absolute;
    right:10px;
    top:10px;
}
.layer_banner .button_layer a {
    display:block;
    width:32px;
    height:32px;
    text-indent:-9999px;
}
.layer_banner .button_layer a:before,
.layer_banner .button_layer a:after {
    content:"";
    position:absolute;
    left:15px;
    top:1px;
    width:1px;
    height:30px;
    background:#fff;
}
.layer_banner .button_layer a:before {
    transform:rotate(45deg);
}
.layer_banner .button_layer a:after {
    transform:rotate(-45deg);
}
/* [Media] - 600PX 이상 */
@media (min-width: 600px) {
    .layer_banner {
        left:50%;
        top:182px;
        max-width:500px;
        padding:0;
        transform:translateX(-50%);
    }
    .layer_banner .button a {
        font-size:18px;
    }
    .layer_banner .button_layer a {
        width:40px;
        height:40px;
    }
    .layer_banner .button_layer a:before,
    .layer_banner .button_layer a:after {
        left:19px;
        height:39px;
    }
}