echajoa/css/main.css

@charset "utf-8";

#visual{height:890px;}
.swiper-slide{
	overflow:hidden;
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{bottom:150px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;}
.swiper-pagination-bullet-active{width:46px;height:10px;background:#000;border-radius:5px;}

.swiper-button-next, .swiper-button-prev{width:83px;height:83px;}
.swiper-button-next{right:60px;background:url('/img/btn_slide_right.png') no-repeat;}
.swiper-button-prev{left:60px;background:url('/img/btn_slide_left.png') no-repeat;}

#visual .scroll{position:absolute;bottom:70px;left:50%;z-index:300;margin-left:-13px;padding-top:10px;width:26px;height:53px;background:url('/img/bg_scroll.png') no-repeat;}
#visual .scroll span{display:block;margin-top:3px;width:100%;height:7px;background:url('/img/bg_scroll_arr.png') center no-repeat;}
#visual .scroll span:nth-child(1){opacity:.3;}
#visual .scroll span:nth-child(2){opacity:.5;}

.main_con1{position:relative;height:548px;background:#f5f5f5;}
.main_con1:after{content:'';display:block;clear:both;}
.main_con1 .bg{float:left;padding-right:66px;width:50%;height:100%;background:url('/img/bg_main_con1.jpg') right 50% no-repeat;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.main_con1 ul{overflow:hidden;position:absolute;top:180px;left:50%;padding-left:122px;width:600px;}
.main_con1 ul li{float:left;padding:0 54px;font-size:20px;line-height:28px;color:#000;text-align:center;}
.main_con1 ul li a{display:block;}
.main_con1 ul li span{display:block;margin-bottom:30px;width:82px;height:82px;background-color:#000;background-position:center;background-repeat:no-repeat;border-radius:50%;}
.main_con1 ul li:nth-child(1){padding-left:0;}
.main_con1 ul li:nth-child(1) span{background-image:url('/img/ic_time.png');}
.main_con1 ul li:nth-child(2){border-left:1px solid #ccc;border-right:1px solid #ccc;}
.main_con1 ul li:nth-child(2) span{background-image:url('/img/ic_money.png');}
.main_con1 ul li:nth-child(3){padding-right:0;}
.main_con1 ul li:nth-child(3) span{background-image:url('/img/ic_car.png');}

.main_con2{height:799px;background:url('/img/bg_main_con2.jpg') center no-repeat;}
.main_con2 .mobile{margin:0 auto;width:1200px;height:100%;background:url('/img/bg_main_mobile.png') 840px 80px no-repeat;color:#fff;}
.main_con2 .mobile dt{padding:200px 0 0 40px;background:url('/img/ic_mobile.png') 20px 105px no-repeat;text-shadow:0 0 5px rgba(0,0,0,.3);font-weight:800;font-size:60px;line-height:75px;letter-spacing:-2px;}
.main_con2 .mobile dt em{font:400 60px 'NG';}
.main_con2 .mobile dd.txt{margin-top:110px;padding-left:40px;font-size:35px;line-height:50px;}
.main_con2 .mobile dd.btn{padding:55px 0 0 40px;}
.main_con2 .mobile dd.btn a{display:inline-block;width:200px;height:60px;border:1px solid #fff;font-size:18px;line-height:53px;color:#fff;}
.main_con2 .mobile dd.btn a:first-child{padding-left:60px;background:url('/img/ic_google.png') 28px 50% no-repeat;}
.main_con2 .mobile dd.btn a:nth-child(2){margin-left:20px;padding-left:68px;background:url('/img/ic_apple.png') 34px 50% no-repeat;}

.main_con3{margin:0 auto;padding:120px 0;width:1200px;}
.main_con3 h2{font-size:50px;color:#000;text-align:center;}
.main_con3 .more{margin:25px 0 10px;color:#636363;text-align:right;}


.main_con4{padding-top:120px;height:580px;background:url('/img/bg_main_con4.gif') repeat;}
.main_con4 h2{font-size:50px;text-align:center;color:#000;}
.main_con4 .date{margin-top:50px;font:600 25px 'Century Gothic',sans-serif;text-align:center;color:#6b6b6b;}
.main_con4 .date:before{content:'';display:block;margin:0 auto 10px;width:55px;height:1px;background:#6b6b6b;}
.main_con4 .num_estimate{overflow:hidden;margin-top:30px;}
.main_con4 .num_estimate li{float:left;padding-top:70px;width:27%;background:url('/img/ic_chart.png') 50% 0 no-repeat;font-size:16px;color:#303030;text-align:center;}
.main_con4 .num_estimate li:nth-child(2){padding-top:50px;width:46%;background:none;}
.main_con4 .num_estimate li em{display:block;margin-bottom:20px;font:600 50px 'Century Gothic',sans-serif;color:#666;}
.main_con4 .num_estimate li:nth-child(2) em{margin-bottom:17px;font-size:70px;color:#000;}