.container{width:100%; margin:0 auto;}

/*
.mainVisual .pager{position:absolute; top:494px; left:50%; transform:translateX(-50%); z-index: 50;}
.mainVisual .pager ul{}
.mainVisual .pager ul li{width:100px; height:4px; background:#fff; float:left; margin-right:10px;}
.mainVisual .pager ul li:first-child{background:#f37d37;}
.mainVisual .pager ul li:last-child{margin-right:0;}
*/

.main_title{font-size:30px; line-height:1em; margin-bottom:38px; font-weight:500; letter-spacing:-1.5px;}
.sub{font-size:16px; color:#888; font-weight:200;}
.green{color:#77c86b;}
.orange{color:#fc6d07;}

.row1{max-width:1920px; margin:0 auto;}
.mainVisual{max-width:1920px; position:relative;}
.mainVisual .main_slide{width:100%;  position:relative;}
.mainVisual .main_slide .slick-dots{position:absolute; top:640px; left:50%; transform:translateX(-50%); z-index:300;}
.mainVisual .main_slide .slick-dots li{float:left; margin:0 5px; text-indent:-9999px; width:100px; height:4px; background:#fff; cursor:pointer;}
.mainVisual .main_slide .slick-dots li button{width:100px; height:4px;}
.mainVisual .main_slide .slick-dots .slick-active{background:#fc6d07;}

.mainVisual .main_slide .slick-list li{height:972px;}
.mainVisual .main_slide .slick-list .s1{background:url(../img/main/mainVisual_01.jpg) no-repeat center 0;}
.mainVisual .main_slide .slick-list .s2{background:url(../img/main/mainVisual_02.jpg) no-repeat center 0;}
.mainVisual .main_slide .slick-list .s3{background:url(../img/main/mainVisual_03.jpg) no-repeat center 0;}


.mainVisual .title{color:#fff; position:absolute; top:375px; left:50%; transform:translateX(-50%); text-align:center; z-index:50; width:100%;}
.mainVisual .title .title_small{font-size:27px; line-height:1em; font-weight:400; margin-bottom:26px;}
.mainVisual .title .title_large{font-size:60px; line-height:1em; font-weight:600; margin-bottom:19px; letter-spacing:-3.5px;}
.mainVisual .title .title_large span{font-weight:400;}
.mainVisual .title .cont{font-size:18px; line-height:1.4em; font-weight:200;}

.row2{width:100%;}
.row2 .pic{width:50%; height:480px; float:left; position:relative;}
.row2 .pic .pic_img{width:545px; height:480px; background:url(../img/main/info_pic.jpg) no-repeat center 0; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12); text-indent: -9999px; position:relative; position:absolute; top:-71px; right:55px; }
.row2 .pic .pic_img:after{content:""; display:block; width:55px; height:124px; background:#77c86b; position:absolute; top:137px; right:-55px;}
.row2 .greet{width:50%; float:left; padding:66px 0 0 40px; box-sizing:border-box;}
.row3{padding:102px 0 46px; text-align:center; }
.row3 ul{display:inline-block;}
.row3 ul li{display:inline-block; margin:0 50px; width:104px; height:264px; vertical-align:top;}
.row3 ul li img{width:100%; height:auto;}
.row3 ul li p{margin-top:27px; font-size:16px; color:#888; text-align:center; line-height:1.2em; letter-spacing:-1px;}
.row3 ul li .line1{line-height: 2.4em;}
.row3 .facil{margin:46px 0;} 
.row3 .facil a{font-size:16px; color:#888; text-align:center; display:block; padding:11px 0 11px 15px; border-bottom:1px solid #eee; width:200px; margin:0 auto; box-sizing:border-box;}
.row3 .facil a span{display:inline-block; text-indent: -9999px; background: url(../img/common/arrow.png) no-repeat center center; background-size:14px 11px; width:14px; height:100%; margin-left:20px;}
.row3 .facil:hover a{color:#fc6d07; border-color:#fc6d07;}
.row3 .facil:hover a span{background-image: url(../img/common/arrow_hover.png);}

.row4{width:100%; margin-bottom:100px;}
.row4 .left{float:left; width:50%; position:relative; box-sizing: border-box; padding:84px 52px 0 0; text-align: right;}
.row4 .left .sub{font-size:18px; line-height: 1.3em;}
.row4 .left .sub span{display:block; margin-bottom:10px;}
.row4 .left .sub span br{display: none;}
.row4 .left .sub .contact{color:#333;}
.row4 .left .icon_box{margin-top:50px;}
.row4 .left .icon_box p{font-size:16px; display:inline-block; margin-left:52px;}
.row4 .left .icon_box p a{display:block; padding:14px 60px 8px 20px; line-height:32px; border-bottom:1px solid #eee; }
.row4 .left .icon_box p a span{ position:relative;}
.row4 .left .icon_box p a span:after{content:""; display:block; width:30px; height:32px; right:-45px; top:2px; position:absolute;}
.row4 .left .icon_box .down a span:after{background:url(../img/main/estimate_down.png) no-repeat center -1px;}
.row4 .left .icon_box .estimate a span:after{background:url(../img/main/estimate_process.png) no-repeat center 0;}
.row4 .left .icon_box p:hover a{border-color:#fc6d07; color:#fc6d07;}
.row4 .left .icon_box .down:hover a span:after{background-image: url(../img/main/estimate_down_h.png);}
.row4 .left .icon_box .estimate:hover a span:after{background-image:url(../img/main/estimate_process_h.png);}

.row4 .right{float:left; width:50%; height:418px; text-indent:-9999px; background:url(../img/main/estimate_pic.jpg) no-repeat 55px 0; position:relative;}
.row4 .right:after{content:""; display:block; width:55px; height:124px; background:#77c86b; position:absolute; top:82px; left:0px;}

.row5{margin-bottom:138px;}
.row5 ul{max-width: 1200px; margin:0 auto;}
.row5 ul li{float:left; width:33.333%; box-sizing:border-box; padding:24px 38px;}
.row5 .go_title{color:#333; padding-bottom:13px; border-bottom:1px solid #eee; position:relative; font-size:16px; transition:all 0.2s ease-in-out;}
.row5 .go_title:after{content:""; display:block; background:url(../img/common/arrow.png) no-repeat; width:14px; height:11px; position:absolute; right:0; top:3px; transition:all 0.2s ease-in-out;}
.row5 .go_sub{color:#888; font-weight:200; font-size:14px; padding-top:13px; height:128px; box-sizing:border-box; line-height:1.5em;}
.row5 .go_pic{position:relative;}
.row5 .go_pic img{width:100%; height:auto;}
.row5 .go_pic:after{content:""; display:block; background:url(../img/common/more_circle.png) no-repeat; width:60px; height:60px; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); opacity:1; transition:all 0.2s ease-in-out;}
.row5 ul li a{display:block;}
.row5 ul li:hover {border:1px solid #eee; }
.row5 ul li:hover .go_title{color:#fc6d07;}
.row5 ul li:hover .go_title:after{background:url(../img/common/arrow_hover.png);}
.row5 ul li:hover .go_pic:after{opacity:0;}

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

	.row3 ul li{margin:0 80px; }
    
}



@media screen and (max-width:1024px){
    
    .mainVisual .title{top:212px;}
    .mainVisual .title .title_small{font-size:24px; margin-bottom:26px;}
    .mainVisual .title .title_large{font-size:48px; margin-bottom:19px; letter-spacing:-1px;}
    .mainVisual .title .cont{font-size:18px; line-height:1.2em;}
    
    .mainVisual .main_slide .slick-list li{height:600px;}
    .mainVisual .main_slide .slick-list .s1{background-size:cover;}
    .mainVisual .main_slide .slick-list .s2{background-size:cover;}
    .mainVisual .main_slide .slick-list .s3{background-size:cover;}

    .mainVisual .main_slide .slick-dots{top:462px;}
    
    .main_title{font-size:26px;margin-bottom:38px;}
    .sub{font-size:14px;}
    .row2 .greet{padding-right:20px;}
    .row2 .greet .sub .hide{display:none;}

    .row3{padding:20px 0 46px;}

	.row4 .left{padding:84px 30px 0 0;}
    .row4 .left .sub span br{display:block;}
    .row4 .left .icon_box p:first-child{margin-left:10px;}
    .row4 .left .icon_box p{margin-left:20px;}
    .row4 .left .icon_box p a{padding:14px 45px 14px 14px;}
    .row4 .left .sub{font-size:16px; line-height: 1.3em;}
   
}

@media screen and (max-width:768px){
    
    .mainVisual .title{top:180px;}
    .mainVisual .title .title_small{font-size:14px; margin-bottom:18px;}
    .mainVisual .title .title_large{font-size:22px; margin-bottom:19px;}
    .mainVisual .title .cont{font-size:13px;}
    

    .mainVisual .main_slide .slick-dots{top:356px;}
    .mainVisual .main_slide .slick-dots li{ margin:0 3px; width:50px; height:2px;}
    .mainVisual .main_slide .slick-dots li button{width:50px; height:3px;}
    .mainVisual .main_slide .slick-list li{height:500px;}
    
    .container .row2{padding:0 10px; box-sizing: border-box; position:relative; margin-bottom:50px;}
	.row2 .pic{display:none;}
	/*
    .row2 .pic{float:none; position:absolute; top:230px; left:55px; width:100%;}
    .row2 .pic .pic_img{width:100%; background-size: cover; box-shadow: none; height:264px; background-position: center center;}
    .row2 .pic .pic_img:after{top:-205px; left:0; width:130px; height:46px;}
	*/
    .row2 .greet{float:none; width:100%; padding:32px 0px; margin-top:-32px; background:#fff; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12); position:relative; }
	.row2 .greet:after{content:""; display:block; background:#77c86b; position:absolute; top:-46px; left:0; width:130px; height:46px;}
	.row2 .greet .main_title{padding:0 16px;}
	.row2 .greet .sub{padding:0 16px;}
    .row2 .greet .empty{display:block; height:296px; background:url(../img/main/info_pic.jpg) no-repeat; background-size:cover; margin-bottom:20px;}
    .row3 ul li{margin:0 20px; width:80px; height:210px;}
	.row3 .facil{margin:0 0 46px 0; padding:0 20px;}
    .row3 .facil a{border:1px solid #eee; padding:16px 0 16px 15px; width:100%;}

    
    
    .row4{position:relative; width:100%; height:500px; margin-bottom:120px;}
    .row4:after{content:""; display:block; width:100%; height:260px; background: url(../img/main/estimate_pic.jpg) no-repeat center 0;}
    
    .row4 .left{float:none; position:absolute; width:100%; padding:0 20px; box-sizing: border-box; top:220px; left:0; padding:0px 20px; height:350px; z-index:300; text-align: left;}
    .row4 .left .box{background:#fff; padding:30px 20px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.12); }
    .row4 .left .box:after{content:""; display:block; width:130px; height:45px; background:#77c86b; position:absolute; top:-45px; left:20px;}

    .row4 .right{display:none;}
    .row4 .left .icon_box{margin-top:30px; text-align: center;}
    .row4 .left .icon_box p{font-size:14px; float:left; margin-left:0; margin-bottom:15px; padding:0 10px; width:100%; box-sizing: border-box;}
    .row4 .left .icon_box p:first-child{margin-left:0;}
    .row4 .left .icon_box p:last-child{margin-left:0;}
    .row4 .left .icon_box p a{display:block;  line-height:32px; border:1px solid #eee; width:100%; box-sizing:border-box; }
	.row4 .left .icon_box p a span:after{}
    
    .row5{padding:0 20px;}
	.row5 ul{border-bottom:1px solid #eee;}
    .row5 ul li{width:100%; border:1px solid #eee; border-bottom:none; padding:0;}
    .row5 ul li a{padding:28px; position:relative;}
    .row5 ul li a:after{content:""; display:block; background:url(../img/common/more_circle.png) no-repeat center center; width:60px; height:60px; background-size:50px 50px; position:absolute; top:50%; right:30px; margin-top:-30px;}
    
    .row5 ul li:hover{border:1px solid #eee; border-bottom:none;}
    .row5 .go_title{border-bottom:none;}
    .row5 .go_title:after{display:none;}
    .row5 .go_sub{height:auto; font-size:14px; padding-right:60px; padding-top:0px;}
    .row5 .go_pic{display:none;}
    

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

}



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

	.mainVisual .main_slide .slick-dots li{width:42px;}
    .main_title{font-size:20px;margin-bottom:16px;}
    .sub{font-size:13px;}
    .row2 .pic .pic_img{height:270px}
    .row2 .greet .empty{height:320px}
    .row2 .pic .pic_img:after{}
    
	.row3 .facil a{font-size:14px;}		
	.main_title{font-size:18px;}
	
	.row4 .left .sub{font-size:13px;}		
	.row5 ul li a{padding:15px;}		
	.row5 .go_sub{font-size:13px; padding-right:90px;}
}

@media screen and (max-width:420px){
    
    .mainVisual .title .title_small{font-size:14px; margin-bottom:18px;}
    .mainVisual .title .title_large{font-size:22px; margin-bottom:19px;}
    .mainVisual .title .cont{font-size:13px; padding:0 10px;}
    .mainVisual .title .cont span{display:block;}
	.mainVisual .title .cont br{display:none;}
    .row2 .greet .empty{height:290px}
    

	.row5 ul li a:after{right:10px;}
}

.mainPopup { position:absolute; left:100px; top:100px; z-index:999; border:1px solid #ddd;}
.mainPopup .close_box { font-size:14px; padding:5px; border-top:1px solid #ddd;}