@charset "utf-8";


/* video popup */


/* visual */
.sport{width:100%; height:539px; position:relative;}
.sport .visual_area{width:100%; height:398px; overflow:hidden; position:relative;}
.sport .visual_area .vis1{background:url("../images/main/img_vis.jpg") top center no-repeat; width:100%; height:398px;}
.sport .visual_area .vis_txt{
	position: absolute;
	top: 46px;
	left: 105px;
	z-index: 1;
}

.sport .vis_txt h3{
	font-size: 80px;
	color: #26292f;
	font-weight: 300;
	letter-spacing: 0;
}
.sport .vis_txt p{font-size:25px; color:#777c85; font-weight:200; letter-spacing:-0.10em; padding:8px 0 0 0;}
.sport .vis_txt a{display:block; border:1px solid #ed174b; color:#ed174b; background:url("../images/common/bt_arrow.png") 90% 50% no-repeat; border-radius:2px; padding:15px; width:147px; height:auto; margin:36px 0 0 0;}
.sport .vis_txt a:hover{background:url("../images/common/bt_arrow_on.png") 90% 50% no-repeat #ed174b; color:#fff; text-decoration:none;}

.sport .vis_btn{position:absolute; top:168px; left:100px;}

.sport .visual_tab{border-top:1px solid #ed174b; width:100%; height:150px;}
.sport .visual_tab li{float:left; width:25%; height:auto; text-align:center; padding:38px 0; position:relative;}
.sport .visual_tab li .on{position:absolute; top:-28px; display:block; width:100%; text-align:center;}
.sport .visual_tab li a{display:block; width:100%; height:100%; text-decoration:none; border-right:1px solid #c0c2c6;}
.sport .visual_tab li a:hover strong{color:#ed174b;}
.sport .visual_tab li a:hover .txt{color:#272a30;}
.sport .visual_tab li.last-child a{border-right:none;}
.sport .visual_tab li strong{display:block; padding-bottom:13px; font-weight:300;}
.sport .visual_tab li .bar{display:block; width:25px; height:1px; background:#ed174b; margin:0 auto;}
.sport .visual_tab li .txt{display:block; color:#777c85; font-size:14px; padding-top:10px; line-height:120%;}

/* technology */
.bk_tech_area{width:100%; height:auto; overflow:hidden;}
.bk_tech_area h3, .bk_tech_area p{color:#fff;}
.bk_tech_area h3{
	font-size: 45px;
	letter-spacing: -0.1em;
	padding-bottom: 15px;
	font-weight: 300;
	color: #FFF;
}
.bk_tech_area p{font-size:18px; letter-spacing:-0.05em; padding:10px 0 0 0; font-weight:300;}
.bk_tech_area a{display:block; border:1px solid #fff; color:#fff; background:url("../images/common/bt_arrow_on.png") 90% 50% no-repeat; border-radius:2px; padding:15px; width:147px; height:auto; margin:36px 0 0 0;}
.bk_tech_area a:hover{background:url("../images/common/bt_arrow_on.png") 90% 50% no-repeat #ed174b; border:1px solid #ed174b; color:#fff; text-decoration:none;}

.bk_tech_area .sleep_tech{background:url("/images/main/bg_tech1.jpg") top center no-repeat; background-size:cover; position:relative; width:100%; height:500px;}
.bk_tech_area .air_tech{background:url("/images/main/bg_tech2.jpg") top center no-repeat; background-size:cover; margin:5px 0; position:relative; width:100%; height:500px;}
.bk_tech_area .natural_tech{background:url("/images/main/bg_tech3.jpg") top center no-repeat; background-size:cover; position:relative; width:100%; height:500px;}

.bk_tech_area .tech_txt{position:absolute;}
.bk_tech_area .sleep_tech .tech_txt{top:150px; right:10%;}
.bk_tech_area .air_tech .tech_txt{top:150px; left:8%;}
.bk_tech_area .natural_tech .tech_txt{top:150px; right:15%;}

/* store */
.bk_store{width:100%; height:auto;}
.bk_store h3{display:block; text-align:center; padding:40px 0 0 0; font-size:45px; letter-spacing:-0.07em; font-weight:300;}
.bk_store p{text-align:center; padding:35px 0 0 0; color:#9f9e9e;}
.bk_store ul{width:100%; height:185px; margin:74px 0 0 0;}
.bk_store ul li{float:left; width:20%; height:185px; text-align:center;}
.bk_store ul li a{display:block; width:100%; height:100%; text-decoration:none;}
.bk_store ul li strong{display:block; padding:35px 0 0 0; color:#272a30; font-weight:400;}
.bk_store ul li span{display:block; padding:18px 0 0 0; color:#777c85; font-size:16px; letter-spacing:-0.05em; line-height:120%;}
.bk_store ul li a:hover strong{color:#ed174b;}
.bk_store ul li a:hover span{color:#272a30;}
.bk_store .more{display:block; border:1px solid #777c85; color:#777c85; background:url("../images/common/bt_arrow_off1.gif") 90% 50% no-repeat; border-radius:2px; padding:15px; width:147px; height:16px; margin:180px auto 0 auto;}
.bk_store .more:hover{background:url("../images/common/bt_arrow_on.png") 90% 50% no-repeat #ed174b; border:1px solid #ed174b; color:#fff; text-decoration:none;}


.bton{width:100%; height:auto;}
.bton h3{display:block; text-align:center; padding:40px 0 0 0; font-size:45px; letter-spacing:-0.07em; font-weight:300;}
.bton p{text-align:center; padding:35px 0 0 0; color:#9f9e9e;}
.bton ul{width:100%; height:185px; margin:4px 0 0 0;}
.bton ul li{float:left; width:20%; height:185px; text-align:center;}
.bton ul li a{display:block; width:50%; height:100%; text-decoration:none;}
.bton ul li strong{display:block; padding:35px 0 0 0; color:#272a30; font-weight:400;}
.bton ul li span{display:block; padding:18px 0 0 0; color:#777c85; font-size:12px; letter-spacing:-0.05em; line-height:20%;}
.bton ul li a:hover strong{color:#ed174b;}
.bton ul li a:hover span{color:#272a30;}
.bton .more{display:block; border:1px solid #777c85; color:#777c85; background:url("../images/common/bt_arrow_off1.gif") 90% 50% no-repeat; border-radius:2px; padding:15px; width:127px; height:16px; margin:20px auto 0 auto;}
.bton .more:hover{background:url("../images/common/bt_arrow_on.png") 90% 50% no-repeat #ed174b; border:1px solid #ed174b; color:#fff; text-decoration:none;}


/* support */
.bk_support{width:100%; height:auto; background:url("../images/main/bg_support.jpg") top center no-repeat; background-size:cover; width:100%; height:519px; margin:98px 0 0 0;}
.bk_support .support_area{width:1050px; height:auto; padding:125px 0; margin:0 auto;}
.bk_support .cs_center{float:left; width:47%;}
.bk_support .cs_center h3{display:block; color:#fff; font-size:45px; letter-spacing:-0.1em; line-height:120%; font-weight:200;}
.bk_support .cs_center p{color:#fff; font-size:15px; padding:18px 0 0 0;}
.bk_support .cs_center span{display:block; padding:43px 0 0 0;}
.bk_support .supt_lst{float:left; width:53%;}
.bk_support .supt_lst li{float:left; width:100%; height:79px; margin-bottom:29px;}
.bk_support .supt_lst li img{display:block; float:left; width:79px; height:79px;}
.bk_support .supt_lst li span{display:block; float:right; width:450px; padding:14px 0 0 0;}
.bk_support .supt_lst li strong{display:block; color:#fff; font-weight:400;}
.bk_support .supt_lst li em{display:block; color:#fff; font-size:14px; padding:8px 0 0 0; line-height:120%; letter-spacing:-0.07em;}
.bk_support .supt_lst li a{display:block; width:100%; height:100%;}
.bk_support .supt_lst li a:hover strong{color:#ed174b;}
.bk_support .supt_lst li a:hover em{color:#9d9fa1;}

/* about */
.bk_about{width:70.66%; height:auto; padding:30px 0; margin:0 auto; overflow:hidden;}
.bk_about h3{display:block; font-size:45px; letter-spacing:-0.07em; float:left; font-weight:300;}
.bk_about p{float:left; font-size:14px; color:#797979; padding:3px 0 0 2%; line-height:150%; letter-spacing:-0.01em;}
.bk_about ul{clear:both; width:100%; height:auto; margin:0 auto;}
.bk_about ul li{width:33.33%; float:left; margin:83px 0 0 0;}
.bk_about ul li img{display:block; float:left; width:79px; height:79px;}
.bk_about ul li span{display:block; float:left; width:auto; padding:6px 0 0 5%;}
.bk_about ul li strong{display:block; color:#272a30;}
.bk_about ul li em{display:block; font-size:15px; letter-spacing:-0.05em; padding:8px 0 0 0; color:#797979; line-height:120%;}