@charset "UTF-8";
.bx-wrapper{ border:0; box-shadow:none; margin:0; padding:0; }

section.about_main_slider{ position:relative; }
section.about_main_slider .item{
	position:relative;
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat;
}
section.about_main_slider .item.cont01{
	background-image:url('/img/company/visual/main_visual_img_01.jpg');
}
section.about_main_slider .item.cont02{
	background-image:url('/img/company/visual/main_visual_img_02.jpg');
}
section.about_main_slider .item.cont03{
	background-image:url('/img/company/visual/main_visual_img_03.jpg');
}
section.about_main_slider .item .content{ width:100%; height:850px; max-width:1280px; overflow:hidden; margin:0 auto; }
section.about_main_slider .item.cont01 .content{ padding-top:70px; text-align:center; }
section.about_main_slider .item.cont02 .content{ padding-top:180px; text-align:right; }
section.about_main_slider .item.cont03 .content{ padding-top:180px; }
section.about_main_slider .item .content .tit{ font-size:64px; font-weight:300; line-height:1.3em; letter-spacing:-2px; }
section.about_main_slider .item.cont01 .content .tit{ max-width:800px; margin:0 auto; }
section.about_main_slider .item .content .tit span{ color:rgb(243, 121, 52); }
section.about_main_slider .item .content .txt{ font-size:16px; color:rgb(63, 63, 63); line-height:1.7em; font-weight:300; }
section.about_main_slider .item.cont01 .content .txt{ margin-top:50px; }
section.about_main_slider .item.cont02 .content .txt{ margin-top:20px; }
section.about_main_slider .item.cont03 .content .txt{ margin-top:30px; }

section.about_main_slider .nav_btn{ position:absolute; display:block; text-align:center; bottom:40px; left:50%; transform:translateX(-50%); }
section.about_main_slider .nav_btn a{ display:inline-block; background-color:#ccc; width:100px; height:7px; margin:5px 7px; }
section.about_main_slider .nav_btn a:hover,
section.about_main_slider .nav_btn a.on{ background-color:#ff6700; }

section.about{
	background-image:url('/img/company/background_01.png');
	background-position:0 50%;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
section.about2{
	background-image:url('/img/company/background_02.jpg');
	background-position:100% 0;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

section.about .wrap{ display:inline-block; padding:110px 0; box-sizing:border-box; }
section.about .wrap .main{ width:50%; font-size:64px; font-weight:300; letter-spacing:-5px; float:left; padding:0 30px; }
section.about .wrap .sub{ width:25%; padding:0 30px; }
section.about .wrap .sub.left{ float:left; }
section.about .wrap .sub.right{ float:right; margin-top:80px; }
section.about .wrap .sub .icon{ margin-bottom:25px; text-align:center; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; }
section.about .wrap .sub .icon:hover{ transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
section.about .wrap .sub .tit{ font-size:1.286em; color:#000; font-weight:600; margin-bottom:10px; }
section.about .wrap .sub .txt{ font-size:16px; color:#7a7a7a; }


/* section.about2 */
section.about2  article { padding-top:100px; padding-bottom:100px }
section.about2 ul { position:absolute; margin-left:60%; width:40%; padding-top:50px; }
section.about2 ul .tit{ font-size:60px; letter-spacing:-2px; font-weight:300; line-height:70px; }
section.about2 ul .txt{ font-size:16px; margin-top:40px; color:#7a7a7a; }
section.about2 .items { width:60%; padding-left:15%; vertical-align:top; }
section.about2 .items .item { vertical-align:top; display:inline-block; position:relative; width:45%; margin-right:3%; border:1px solid #eee; margin-bottom:25px; cursor:pointer; }
section.about2 .items .item img { width:100%; height:100%; }
section.about2 .items .item .txt_wrap{ display:none; width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.7); color:#fff; top:0; left:0; padding:40px 20px; vertical-align: top }
section.about2 .items .item:hover .txt_wrap{ display:block; }
section.about2 .items .item .txt_wrap .txt_cont{ position:relative; vertical-align: top }
section.about2 .items .item .txt_wrap .txt_cont .title{ font-size:30px; line-height:140%; }
section.about2 .items .item .txt_wrap .txt_cont .body{ margin-top:20px; }
@media screen and (max-width: 1280px) {
	section.about2 .items { width:60%; padding-left:5%; }
}
@media screen and (max-width: 1024px) {
	section.about2 ul { position:static; margin-left:0%; width:100%; padding-top:0px; text-align:center; padding-bottom:30px; }
	section.about2 .items { width:97%; padding-left:10%; }
}
@media screen and (max-width: 500px) {
	section.about2 ul { position:static; margin-left:0%; width:100%; padding-top:0px; text-align:center; padding-bottom:30px; }
	section.about2 .items .item { width:95% }
}


section.location{ width:100%; background-color:#373737; }
section.location .container{ padding:100px 0; color:#fff; }
section.location .container .top{ letter-spacing:-1px; }
section.location .container .top .tit{ font-size:60px; line-height:1em; }
section.location .container .top .txt{ font-size:16px; margin-top:30px; }
section.location .container .map{ margin-top:100px; }
section.location .container .map p{ font-size:20px; }
section.location .container .map .map_data{ width:100%; height:330px; margin:30px 0; }
section.location .container .map .info{ font-weight:300; }
section.location .container .map .info i{ display:inline-block; background-color:#7a7a7a; width:5px; height:5px; border-radius:50%; vertical-align:middle; margin:-4px 7px 0 0; }
section.location .container .map .info span{ color:#ff9000; margin-right:7px; }


@media screen and (max-width: 1325px) {
	section.about_main_slider .item.cont01 .content{ padding:70px 20px 0 20px; }
	section.about .wrap .main,
	section.about .wrap .sub{ padding:0 20px; }
	section.location .container{ padding:80px 20px; }	
}

@media screen and (max-width: 800px) {
	.bx-controls{ display:none; }
	
	section.about_main_slider .item{ background-size:auto; background-position:50% 100%; }
	section.about_main_slider .item.cont01{ background-image:url('/img/company/visual/main_visual_img_01_m.jpg');  }
	section.about_main_slider .item.cont02{ background-image:url('/img/company/visual/main_visual_img_02_m.jpg');  }
	section.about_main_slider .item.cont03{ background-image:url('/img/company/visual/main_visual_img_03_m.jpg');  }
	section.about_main_slider .item.cont01 .content,
	section.about_main_slider .item.cont02 .content,
	section.about_main_slider .item.cont03 .content{ padding:50px 20px 0 20px; text-align:left; }
	section.about_main_slider .item .content .tit{ font-size:28px; }
	
	section.about_main_slider .nav_btn a{ width:12px; height:12px; background-color:unset; border:1px solid #444444; margin:5px; }
	section.about_main_slider .nav_btn a:hover, section.about_main_slider .nav_btn a.on{ background-color:#444444; }
	
	section.about{ background-attachment:inherit; }
	section.about .wrap{ padding-top:70px; }
	section.about .wrap .main{ width:100%; font-size:30px; letter-spacing:-1px; }
	section.about .wrap .sub{ width:100%; margin-top:50px !important; }
	section.about .wrap .sub .tit{ font-size:16px; }
	
	section.location .container .top .tit{ font-size:30px; }
	section.location .container .map{ margin-top:50px; }
	section.location .container .map p{ font-size:15px; }
}