@charset "utf-8";

.btn_style_0_con{}
.btn_style_0_con .btn_style_0{font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; font-weight:400; color:#747474; background-color:#f7f7f7; display:block;
    border-radius:5px; overflow: hidden; position: relative; box-sizing: border-box; padding-top:11px; padding-bottom:9px; padding-right:20px; padding-left:20px;}
.btn_style_0_con .btn_style_0:after{content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 0; background: rgba(0,0,0,.05); z-index: 1; transition: all .3s;}
.btn_style_0_con .btn_style_0:hover:after{width:100%;}

.btn_style_1_con{}
.btn_style_1_con .btn_style_1{font-size:17px; font-size:1.7rem; line-height:17px; line-height:1.7rem; font-weight:400; display:inline-block;
    background-color:rgba(255, 255, 255, 0); color:#fff; border:2px solid #fff; border-radius:5px; overflow: hidden; box-sizing: border-box;
    margin:0; padding-top:14px; padding-bottom:12px; padding-right:30px; padding-left:30px;}
.btn_style_1_con .btn_style_1:hover{background-color:#fff; color:#000;}


.btn_style_2_con{}
.btn_style_2_con .btn_style_2{font-size:13px; font-size:1.3rem; line-height:21px; line-height:2.1rem; font-weight:400; color:#000; background-color:#fff; display:inline-block;
    border-radius:5px; overflow: hidden; position: relative; box-sizing: border-box; padding-top:11px; padding-bottom:8px; padding-right:60px; padding-left:20px;}
.btn_style_2_con .btn_style_2:after{content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 40px; background-color: rgba(0,0,0,.05); z-index: 1; transition: all .3s;
    background-image: url('../img/arrow.png'); background-repeat:no-repeat; background-position: center center;}
.btn_style_2_con .btn_style_2:before{content:""; position: absolute; left:0; top:0; height:100%; width:0; background-color:rgba(0, 0, 0, .05); z-index: 1; transition:all .3s;}
.btn_style_2_con .btn_style_2:hover:before{width:100%;}

.main_visual_btn{position: absolute; right:15px; bottom:0; z-index: 3;}


.main_visual_wrap{height:auto; padding-top:130px; padding-bottom:130px;}
.main_visual_wrap .main_visual_img_wrap{position: absolute; top:0; left:0;}
.main_visual_wrap .main_visual_img{position: absolute; top:0; left:0; width:100%; height:100%; background-image: url('../img/home_interior3_slider_bg2.jpg'); background-repeat: no-repeat; background-position: left center; background-size: scale; background-size: cover;}
.main_visual_wrap .main_visual_text{display:table;}
.main_visual_wrap .main_visual_line_wrap{width:104px; float:left; position: absolute; top:0; left:0; height:100%; display:none;}
.main_visual_wrap .main_visual_text_inner{width:calc(100% - 184px); text-align: left; float:left;}
.line_style_0{width:70px; display:block; margin-right:auto; height:0; border-bottom:2px solid #fff; position: absolute; top:50%; left:0; margin-top:-48px;}
.line_style_1{width:40%; margin-right:auto; margin-left:auto; display:block; height:0; border-bottom:1px solid rgba(0, 0, 0, .08);}

/* visual_style_1_wrap */
.visual_style_1_wrap{background-color:#0e0e10; padding-top:100px; padding-bottom:100px;}

/* visual_style_2_wrap */
.visual_style_2_wrap{background-color:#000; padding-bottom:100px;}

/* text_style_0 */
.text_style_0{font-size: 85px; line-height: 86px; font-weight: 400; word-spacing: -0.08em;}

/* text_style_1 */
.text_style_1{font-size: 42px; line-height: 50px; font-weight: 500; word-spacing: -0.06em;}

/* text_style_2 */
.text_style_2{font-size: 36px; line-height: 42px; font-weight: 400; letter-spacing: 0; word-spacing: -0.08em;}

/* text_style_3 */
.text_style_3{font-size: 22px; line-height: 28px; font-weight: 500; letter-spacing: 0; word-spacing: -0.08em;}

/* text_style_4 */
.text_style_4{font-size: 18px; line-height: 24px; font-weight: 400; letter-spacing: 0; word-spacing: -0.01em;}

/* text_style_5 */
.text_style_5{font-size: 13px; line-height: 20px; font-weight: 200; letter-spacing: 0.04em; word-spacing: -0.1em;}

/* text_style_5_big */
.text_style_5_big{font-size: 19px; line-height: 28px; font-weight: 200; letter-spacing: 0.04em; word-spacing: -0.1em;}

/* text_design_style_0 */
.text_design_style_0{overflow: hidden;}
.text_design_style_0 .text_design_inner{overflow:hidden; position: relative; display:inline;}
.text_design_style_0 .line_right{position: absolute; width: 3000px; top: 50%; left: 100%; margin-left: 20px; height:0; border-bottom:1px solid transparent;}



/* gallery_style_0 */
.gallery_style_0{padding-top:110px; padding-bottom:110px;}


/* paragraph_style_1 */
.paragraph_style_1{padding-top:110px; padding-bottom:110px; background-color:#f2f2f2;}


.footer_wrap{padding-top:33px; padding-bottom:27px;}
.footer_wrap .footer_copy_con{width:100%; text-align: center; float:left;}
.footer_wrap .footer_arrow_con{width:100%; margin-top:2px; text-align: center; margin-bottom:20px; float:left;}


@media all and (min-width:768px){
    .main_visual_wrap{height:640px; padding-top:0; padding-bottom:0;}
    .main_visual_wrap .main_visual_line_wrap{display:block;}
    .main_visual_wrap .main_visual_text_inner{margin-left:104px;}

    /* visual_style_1_wrap */
    .visual_style_1_wrap{padding-top:0; padding-bottom:0;}

    /* visual_style_2_wrap */
    .visual_style_2_wrap{padding-bottom:0;}

    /* text_style_1 */
    .text_style_1{font-size: 54px; line-height: 64px;}

    /* text_style_2 */
    .text_style_2{font-size: 40px; line-height: 46px;}

    /* text_style_3 */
    .text_style_3{font-size: 27px; line-height: 34px;}

    /* text_style_4 */
    .text_style_4{font-size: 21px; line-height: 27px;}

    /* text_style_5 */
    .text_style_5{font-size: 15px; line-height: 24px;}

    .main_visual_btn{top:50%; margin-top:-40px; bottom:auto;}

    .footer_wrap .footer_copy_con{float:left; width:auto;}
    .footer_wrap .footer_arrow_con{float:right; width:auto; margin-top:2px; margin-bottom:0;}
}

@media all and (min-width:1200px){
    .main_visual_wrap{height:990px;}
}