@charset "utf-8";


@media screen and (max-width:1500px){ 
.main_visual .bg_visual {right:auto;margin-left:30%;} 
}

@media screen and (max-width:1280px){ 
.key_point .con_box .con_txt {font-size:20px;}
.main_screen .con_box {padding:35px 30px 0 80px;height:auto;min-height:280px;}
.en .main_screen .con_box{padding:25px 30px 0 80px;}
.main_screen .con_box.con_1,.main_screen .con_box.con_2,.main_screen .con_box.con_3{background-size:80% auto;}
.feature br{display:none;}
.feature h5 {width:64%;}
.feature .sub_txt {width:60%;}
.feature .sub_tit {font-size:28px;line-height:1.4;margin-top:0;}
}



@media screen and (max-width:1024px){
	/*.main_visual {height:200px;}*/
	.key_point .con_box{height:250px;padding:0 25px 0 25px;}
	.key_point .con_box hr{margin:135px auto 0;}
	.key_point .con_box .con_txt{display:table;width: 100%;height:100px;vertical-align: middle;font-size: 16px;line-height:1.6;}
	.key_point .con_box.con_1,
	.key_point .con_box.con_2,
	.key_point .con_box.con_3,
	.key_point .con_box.con_4{background-position:top 40px center; background-size:70px auto;}

	.install .txt_wrap{padding-top:0;}
	.feature .con_box {padding:30px;height:240px;}
	.feature h5 {width:100%;font-size:20px;}
	.feature .sub_txt {font-size:15px;line-height:1.5;}
	
}

@media screen and (max-width:768px) {
	.footer{padding:25px 0; font-size:14px; line-height:23px; letter-spacing: -.5px;} 
	.footer p > span{color:#666;}
	.footer p > span+span:before{margin:0 10px;} 
	.footer .berith{display:block; color:#222; font-size:17px}
	.footer p > span.berith+span:before{content:''; display:none;}
	.footer p > span:last-child{display:block;}
	.footer p > span:last-child:before{content:''; display:none;}
	.footer .right{float: inherit;}
	

	section{position: relative; padding:0;}
	.sub_txt{font-size:15px; line-height:22px;}


	.btn.gray{color:#fff; background:#175fb6; opacity:1;}
	.btn.white{border:1px solid #ccc; background:#fff; color:#555; box-shadow: 1.5px 2.5px 3px 0px rgba(0, 0, 0, 0.1);}

	.btn.medium{width:100%; padding:18px 0; font-size:18px; }
	.btn.goto{width:100%; padding:15px 0; margin-top:15px; font-size:20px; text-align:center; line-height:20px; }
	.btn.goto:before{content:'berith hotme'; display:inline-block; width: 107px; background:url(../images/logo_berith.png)no-repeat center left 40%; background-size:auto 20px; text-indent:-9999px; }
	.en .btn.goto:after{content:'berith hotme'; display:inline-block; width: 107px; background:url(../images/logo_berith.png)no-repeat center left 40%; background-size:auto 20px; text-indent:-9999px; }
	.en .btn.goto:before{content:''; display:none; }
	
	  
	.header{padding:30px 0 0;}
	.header h1{height:25px; background-size: 230px auto;}
	.main_visual{height:349px; padding:100px 0; overflow:hidden;}
	.main_visual .txt_wrap{margin-top:0; text-align: center;}
	.main_visual .sub_tit{margin-bottom:15px; font-size:15px;}
	.main_visual h2{margin-bottom:13px; font-size:28px;}
	.main_visual .sub_txt{font-size:15px; line-height:21px;}
	.main_visual .bg{height:349px;
		background-image: -moz-linear-gradient( 100deg, rgb(27,55,171) 0%, rgb(24,92,187) 55%, rgb(20,129,202) 100%);
		background-image: -webkit-linear-gradient( 100deg, rgb(27,55,171) 0%, rgb(24,92,187) 55%, rgb(20,129,202) 100%);
		background-image: -ms-linear-gradient( 100deg, rgb(27,55,171) 0%, rgb(24,92,187) 55%, rgb(20,129,202) 100%);
	}
	.main_visual .bg:after{content:''; display:block; width:100%; height:100%; background:#000; opacity: .3;}
	  
	.main_visual .bg_visual{margin-left:0; top:120px; right:-100px; }
	.main_visual .bg_visual img{width:375px; height:auto; opacity: .8;}
	.key_point{top:-70px; }
	.key_point .con_box{width:calc(50% - 10px); height:140px; margin:0 15px 15px 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}
	.key_point .con_box+.con_box{margin-left:0;}
	.key_point .con_box:nth-child(2n){margin-right:0;}
	.key_point .con_box.con_1{background:#fff url(../images/ico_key_1.png)no-repeat center top 20px; background-size:44px auto;}
	.key_point .con_box.con_2{background:#fff url(../images/ico_key_2.png)no-repeat center top 18px; background-size:44px auto;}
	.key_point .con_box.con_3{background:#fff url(../images/ico_key_3.png)no-repeat center top 18px; background-size:44px auto;}
	.key_point .con_box.con_4{background:#fff url(../images/ico_key_4.png)no-repeat center top 18px; background-size:42px auto;}
	.key_point .con_box hr{width:15px; margin: 79px auto 0;}
	.key_point .con_box .con_txt{height:60px; font-size:14px; line-height:18px; }
 
	.install{top:-35px; margin:0 -15px; padding:0;}
	.install .img{width:100%;}
	.install .img img {width: 100%;}
	.install .txt_wrap{width:100%; padding:28px 15px 15px; text-align:center;}
	.install h3{margin-bottom:19px; font-size:23px}
	.install .sub_txt{margin-bottom:30px; font-size:15px;}

	.main_screen{margin:0 -15px;}
	.main_screen .video_wrap{margin-bottom:35px;}
	.main_screen .con_wrap{padding:0 15px;}
	.main_screen .con_box{width:100%;height:168px;margin-bottom:15px;padding: 20px 0 0 74px;min-height:auto;}
	.main_screen .con_box+.con_box{margin-left:0;}
	.main_screen .con_box.con_1,.main_screen .con_box.con_2,.main_screen .con_box.con_3{background-position:bottom right 30px; background-size:175px auto; }
	.main_screen h5{padding:0; font-size:18px; margin-bottom:0;}
	.main_screen .sub_txt{font-size:13px;}
	.main_screen .numb{width:43px; top:0; left:-55px;}
	.main_screen .numb.num_1,.main_screen .numb.num_2,.main_screen .numb.num_3{background-position:top center; background-size:auto 43px;}

	.feature .container{padding:35px 15px;}
	.feature .con_box{width:100%; height:200px; padding:25px 0; text-align: center;margin:0 auto 15px;}
	.en .feature .con_box{padding:25px;}
	.feature .con_box:last-child{height:auto; padding:0; margin-bottom:10px;}
	.feature br{display:block;}
	.feature h3{margin-bottom:35px; font-size:28px; line-height:28px;}
	.feature h3>span{width:246px; height:27px; margin:0 0 0 10px; background-size:246px auto;}
	.feature h5{width:100%;font-size:18px; line-height:20px;}
	.en .feature h5{font-size:16px; line-height:20px;}
	.feature .sub_tit{margin-top:0; font-size:18px; line-height:27px;}
	.feature .sub_txt{width:100%;font-size:13px; line-height:17px;}
	.feature .con_box.con_1{background:#fff url(../images/bg_feature_1_m.png)no-repeat center bottom; background-size:auto 100%;} 
	.feature .con_box.con_1 h5 > br{display:none;}
	.feature .con_box.con_2{background:#fff url(../images/bg_feature_2_m.png)no-repeat center bottom; background-size:auto 100%;}
	.feature .con_box.con_3{background:#fff url(../images/bg_feature_3_m.png)no-repeat center bottom; background-size:auto 100%;}
	.feature .con_box.con_4{background:#fff url(../images/bg_feature_4_m.png)no-repeat center bottom; background-size:auto 100%;}
	.feature .con_box.con_5{background:#fff url(../images/bg_feature_5_m.png)no-repeat center bottom; background-size:auto 100%;}
	.feature .con_box.con_6{background:#fff url(../images/bg_feature_6_m.png)no-repeat center bottom; background-size:auto 100%;}
	.feature .con_box.con_7{background:#fff url(../images/bg_feature_7_m.png)no-repeat center bottom; background-size:auto 100%;}

}
@media screen and (max-width:560px) {
	.en .footer span{display:block;}
	.en .footer span:before{content:''; display: none;}
	
	.en .main_visual .sub_tit{font-size:14px;}
	.en .key_point .con_box{padding:0 10px;}
	.en .key_point .con_box .con_txt{font-size:12px; line-height: 14px;}
	.en .main_screen .con_box{padding:20px 25px 0 50px;}
	.en .main_screen .numb{left:-45px;}
	.feature .con_box{padding:20px 10px;}
	.en .feature .con_box{padding:20px; }
	.en .feature .con_box.con_3{background-position:center bottom -15px;}
	.en .feature .con_box.con_4{background-position:center bottom -22px;}
	.feature h3{margin-bottom:30px; line-height:27px;}
	.feature h3>span{width:210px; margin: 0 0 0 ; background-size:210px auto;}
	
	.en .feature h5{margin-bottom:5px; font-size:15px; line-height:18px;}
	.en .feature .sub_txt{font-size:14px; line-height:18px;}
}
@media screen and (max-width:480px) {
	.main_visual .sub_txt br{display:none;}
	.key_point .con_box .con_txt{font-size:13px;}
	

}
@media screen and (max-width:375px) {
}
@media screen and (max-width:360px) {
	.main_visual h2{margin-top:15px; line-height:28px;}
	.main_visual .sub_tit{margin-bottom:5px; font-size:14px;}
	.key_point .con_box{padding:0 10px;}
	.key_point .con_box .con_txt{font-size:12px;}


}

@media screen and (max-width:320px) {
	.feature .con_box.con_1{background-position:center bottom -15px;}
	.feature .con_box.con_3{background-position:center bottom -15px;}

}