@charset "utf-8";
.last_letter_right{margin-right:-1.2em;}

/*main visual*/
.visual_wrap{}
.visual_wrap .visual_img_box{position: absolute; top:0; left:0;}
.visual_wrap .main_visual_img{max-width:none;}
/*//main_visual*/


/*main_visual_text_con*/
.main_visual_text_con{margin-left:auto; margin-right:auto; box-sizing: border-box;}
.main_visual_text_con .main_visual_text{position: relative; z-index: 10;}
.main_visual_text_con .h_subtitle3{letter-spacing: 1.2em; color:#fff;}
.main_visual_text_con .h_line3{width:91px; border-bottom:1px solid #fff;}
.main_visual_text_con h3{letter-spacing: -0.07em; color:#fff; font-size:48px; font-size:4.8rem; line-height:5.6rem;}
.main_visual_text_con .h_desc3{color:#fff; opacity:0.6; filter:alpha(opacity=60); margin-bottom:24px;}
.main_visual_text_con .rolling_btn_con{position: relative; z-index: 10;}
.main_visual_text_con .rolling_btn{width:9px; height:9px; background-color: #fff; border-radius:50%; opacity:0.5; filter:alpha(opacity=50); cursor: pointer;}
.main_visual_text_con .rolling_btn.active{opacity:1; filter:alpha(opacity:100);}
.main_util_btn_wrap{position: relative; z-index: 10;}
.main_util_btn_wrap .rolling_box_btn_con{}
.main_util_btn_wrap .visual_rolling_btn{width:116px; height:58px; border-collapse: collapse;}
.main_util_btn_wrap .rolling_left_btn{box-sizing: border-box; border:1px solid #fff; cursor: pointer;}
.main_util_btn_wrap .rolling_left_btn:hover{background-color: #000; border:1px solid #000;}
.main_util_btn_wrap .rolling_right_btn{box-sizing: border-box; border:1px solid #fff; cursor: pointer;}
.main_util_btn_wrap .rolling_right_btn:hover{background-color: #000; border: 1px solid #000;}
.main_util_btn_wrap .page_move_btn_wrap{color:#fff;}
.main_util_btn_wrap .intro_btn{width:222px; box-sizing: border-box; border:1px solid #fff;}
.main_util_btn_wrap .intro_btn:hover{background-color: #fff; color:#000;}
.main_util_btn_wrap .gallery_btn{width:222px; box-sizing: border-box; border:1px solid #fff; border-top:none;}
.main_util_btn_wrap .gallery_btn:hover{background-color: #fff; color:#000;}
/*//main_visual_text_con*/


/*main_booking_section*/
.booking_section{padding-bottom:194px;}
.booking_section .booking_inner_section{padding-top:503px; overflow: visible;}
.booking_section .r_text_img_box{position: absolute; top:199px; left:15px; z-index: 1;}
.booking_section .booking{letter-spacing: 1.2em; z-index: 2; position: relative; word-break: break-all;}
.booking_section .main_b_visual_con{z-index: 3; margin-bottom:-86px;}
.booking_section .main_b_visual{max-width:none;}
.booking_section .main_b_visual_text_con{z-index: 4;}
.booking_section .main_b_subtitle1{color:#ff8900;}
.booking_section .main_b_title1{font-size:59px; font-size:5.9rem; line-height:6.5rem; letter-spacing: -0.07em;}
.booking_section .main_b_desc1{opacity: 0.7; filter: alpha(opacity=70);}
.booking_section .main_b_rolling_btn_con{z-index: 4;}
.booking_section .rolling_btn_con{margin-top:-15px;}
.booking_section .rolling_btn{width:9px; height:9px; background-color: #000; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); cursor: pointer;}
.booking_section .rolling_btn.active{opacity:1; filter:alpha(opacity:100);}
.booking_section .booking_btn_con{}
.booking_section .booking_btn{width:40px; border-bottom:1px solid #000; cursor: pointer;}
.booking_section .booking_text{letter-spacing: -0.025em; cursor: pointer;}


/*main_facilities_section*/
.facilities_section{padding-bottom:240px; background-color: #f6f6f6;}
.facilities_section .facilities_inner_section{padding-top:259px; overflow: visible;}
.facilities_section .f_text_img_box{position: absolute; top:82px; right:15px; z-index: 1;}
.facilities_section .facilities{letter-spacing: 1.2em; z-index: 2; position: relative; word-break: break-all;}
.facilities_section .facilities_line{width:62px; border-bottom:1px solid #000; z-index: 2; position: relative;}
.facilities_section .facilities_desc{opacity: 0.7; filter:alpha(opacity=70); z-index: 2; position: relative;}
.facilities_section .main_f_visual_con{z-index: 3; margin-bottom:-240px;}
.facilities_section .main_f_visual{max-width: none;}
.facilities_section .main_f_visual_text_wrap{z-index: 4;}
.facilities_section .main_f_visual_text_con{width:100%; background-color: #fff; box-sizing: border-box;}
.facilities_section .main_f_subtitle1{color:#ff8900;}
.facilities_section .main_f_title1{font-size:43px; font-size:4.3rem; line-height:5.6rem; letter-spacing: -0.045em;}
.facilities_section .main_f_desc1{opacity: 0.7; filter: alpha(opacity=70);}
.facilities_section .facilities_btn_con{}
.facilities_section .facilities_btn{width:40px; border-bottom:1px solid #000; cursor: pointer;}
.facilities_section .facilities_text{letter-spacing: -0.025em; cursor: pointer;}
.facilities_section .main_f_rolling_btn_con{z-index: 10;}
.facilities_section .rolling_btn_con{margin-top:-30px;}
.facilities_section .rolling_btn{width:9px; height:9px; background-color: #000; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); cursor: pointer;}
.facilities_section .rolling_btn.active{opacity:1; filter:alpha(opacity:100);}


/*main_community_section*/
.community_section{padding-bottom:194px;}
.community_section .community_inner_section{padding-top:150px;}
.community_section .c_text_img_box{position: absolute; top:122px; right:15px;}
.community_section .community{letter-spacing: 1.2em; z-index: 2; word-break: break-all;}
.community_section .community_subtitltle{background: url('../images/li_list_line.png') no-repeat left center;}
.community_section .main_c_subtitle1{color:#ff8900;}
.community_section .main_c_title1{font-size:59px; font-size:5.9rem; line-height:6.5rem; letter-spacing: -0.07em;}
.community_section .main_c_desc1{opacity: 0.7; filter:alpha(opacity=70);}
.community_section .rolling_btn_con{margin-bottom:362px;}
.community_section .rolling_btn{width:9px; height:9px; background-color: #000; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); cursor: pointer;}
.community_section .rolling_btn.active{opacity:1; filter:alpha(opacity:100);}
.community_section .community_btn_con{}
.community_section .community_btn{width:40px; border-bottom:1px solid #000; cursor: pointer;}
.community_section .community_text{letter-spacing: -0.025em; cursor: pointer;}
.community_section .main_c_visual_con{position: absolute; z-index: 3; bottom:0; left:0; width:50%; background: url('../images/main_c_visual_00.jpg') no-repeat; height:526px; }


/*main_tour_section*/
.tour_section{padding-bottom:106px; background-color: #2d2d33;}
.tour_section .tour_inner_section{padding-top:305px; overflow: visible;}
.tour_section .t_text_img_box{position: absolute; top:109px; left:15px; z-index: 1;}
.tour_section .tour{letter-spacing: 1.2em; z-index: 2; color:#fff; position: relative; word-break: break-all;}
.tour_section .tour_line{width:62px; border-bottom:1px solid #fff; z-index: 2; position: relative;}
.tour_section .tour_desc{opacity: 0.3; filter:alpha(opacity=30); z-index: 2; color:#fff; position: relative;}
.tour_section .main_t_visual_con{z-index: 3; margin-bottom:-232px;}
.tour_section .main_t_visual{max-width: none;}
.tour_section .main_t_visual_text_wrap{z-index: 4;}
.tour_section .main_t_visual_text_con{width:100%; background-color: #fff; box-sizing: border-box;}
.tour_section .main_t_subtitle1{color:#ff8900;}
.tour_section .main_t_title1{font-size:43px; font-size:4.3rem; line-height:5.6rem; letter-spacing: -0.045em;}
.tour_section .main_t_desc1{opacity: 0.7; filter: alpha(opacity=70);}
.tour_section .tour_btn_con{}
.tour_section .tour_btn{width:40px; border-bottom:1px solid #000; cursor: pointer;}
.tour_section .tour_text{letter-spacing: -0.025em; cursor: pointer;}
.tour_section .main_t_rolling_btn_con{z-index: 5;}
.tour_section .rolling_btn_con{margin-top:-30px;}
.tour_section .rolling_btn{width:9px; height:9px; background-color: #000; border-radius:50%; opacity:0.1; filter:alpha(opacity=10); cursor: pointer;}
.tour_section .rolling_btn.active{opacity:1; filter:alpha(opacity:100);}


@media all and (min-width: 480px) {
}
@media all and (min-width: 768px) {
    .main_visual_text_con h3{font-size:70px; font-size:7.0rem; line-height:8.8rem;}
    .main_visual_text_con .h_desc3{margin-bottom:236px;}
    .main_visual_text_con .rolling_btn_con{margin-top:-560px;}
    .main_util_btn_wrap .gallery_btn{width:221px; border:1px solid #fff; border-left:none;}
    .facilities_section .main_f_visual_con{margin-bottom:-292px;}
    .facilities_section .main_f_visual_text_con{width:396px;}
    .facilities_section .rolling_btn_con{margin-top:-40px;}
    .community_section .community_con{transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform-origin:left bottom; white-space:nowrap; position: absolute; bottom:0; left:36px;}
    .tour_section .main_t_visual_text_con{width:396px;}
    .tour_section .rolling_btn_con{margin-top:-100px;}
    .tour_section .rolling_btn{background-color: #fff;}
}
@media all and (min-width: 992px) {
    .booking_section .rolling_btn_con{margin-top:-108px;}
}