@charset "utf-8";
/*newweb*/
@font-face {
	font-family:'notokr-r';
	src:url('notokr-regular.eot');
	src:local(※), 
		url('notokr-regular.woff') format('woff'),
		url('notokr-regular.ttf') format('truetype');
}
html{overflow-y:scroll}
html,body{width:100%;height:100%}
body{font-size:12px;font-family:'notokr-r', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figure, figcaption, footer, hgroup, header, menu, nav, section, summary{display:block}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
hr{display:none}
a{color:#000;color:inherit;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
input,select{vertical-align:middle}
.skip, hr, legend, caption{position:absolute;text-indent:-1000em}
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;background-color:#eee;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}
.reset{clear:both !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important}

/* header */
#header{width:100%;position:fixed;top:0;z-index:10;box-sizing:border-box;padding-left:80px;}
#header .header_box{margin:0 auto;position:relative;}
#header h1{width:30%;padding-top:34px;}
#header a{color:#fff;}
#header #nav{position:absolute;right:40px;top:37px;text-align:right;}
#header #nav ul li{display:inline-block;margin-left:30px;font-size:14px;letter-spacing:0.2em;}
.mobile_all_nav{display:none;}
.nav_close{display:none;}

/* footer */
#footer{width:1000px;margin:0 auto;text-align:center;position:relative;}
#footer .btn_top{width:100%;position:absolute;top:-42px;}
#footer .ft_wrap{padding:110px 0 145px;}
#footer .ft_wrap .ft_logo{padding-bottom:44px;}
#footer .ft_wrap .ft_nav{display:inline-block;font-size:14px;letter-spacing:0.2em;margin-bottom:133px;}
#footer .ft_wrap .ft_nav a{margin:0 21px;}
#footer .ft_wrap address{color:#000;font-size:17px;}
#footer .ft_wrap address span{display:inline-block;margin-right:25px;}
#footer .ft_wrap address span img{vertical-align:middle;}
#footer .ft_wrap address span.addr img{vertical-align:-3px;}
#footer .ft_wrap address span.tel img{vertical-align:-4px;}

/* main */
#wrap h2{color:#fff;}
#wrap .movie{position:relative;}
#wrap .movie .text_style{width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-170px;z-index:9;color:#fff;}
#wrap .movie .text_style h2{font-size:73px;margin-bottom:30px;letter-spacing:-0.05em;font-weight:500;}
#wrap .movie .text_style h2 img{vertical-align:middle;margin:0 5px;display:inline-block;}
#wrap .movie .text_style p{font-size:18px;line-height:26px;}
#wrap .movie .videos_bg{width:100%;height:100%;position:absolute;}
#wrap .movie .videos_bg img{width:100%;}
.scroll_down{width:100%;left:0;bottom:30px;text-align:center;position:absolute;z-index:9;}
.scroll_down a{width:134px;height:23px;display:inline-block;background:url(/img/main/btn_scroll_down.png) no-repeat center bottom;text-indent:-1000em;}
.scroll_down a:hover{background-position:center top;}
.cont_box{margin:0 auto;}

/* introduction */
#extra_mile{padding:140px 0;text-align:center;color:#fff;background:#ff6347;}
#extra_mile .text_box h2{margin-bottom:60px;font-size:57px;font-weight:500;}
#extra_mile .text_box h2 br{display:none;}
#extra_mile .text_box p{font-size:18px;line-height:28px;}
#extra_mile .text_box .text_01{margin-bottom:42px;}

/* history */
#history{position:relative;text-align:center;}
#history .bg_type{min-height:955px;background:transparent;}
#history .text_box{width:1000px;margin:0 auto;position:absolute;left:50%;top:0;z-index:1;margin-left:-500px;}
#history .text_box h2{padding:280px 0 50px;font-size:69px;font-weight:500;}
#history .text_box ul{text-align:left;font-size:18px;line-height:32px;color:#fff;margin-left:40px;}
#history .text_box ul span{display:inline-block;vertical-align:top;}
#history .text_box ul .bottom_line{/*text-decoration:underline;*/border-bottom:1px solid #fff;}
#history .text_box ul li{clear:both;}
#history .text_box ul li .history_txt{width:750px;}
#history .text_box ul .list_type_02{margin-left:116px;}
#history .text_box ul .list_type_02 .history_txt{width:770px;}
#history .text_box ul .history_tt{border-bottom:1px solid #fff;padding-right:16px;}

/* business line */
#business_line{background:#43b18c;padding:90px 0 50px;text-align:center;position:relative;/*url(/img/main/business_line.jpg) no-repeat center top;*/}
#business_line h2{font-size:73px;margin-bottom:80px;font-weight:500;}
#business_line ul{width:1000px;margin:0 auto;}
#business_line ul:after{clear:both;content:"";display:block;}
#business_line ul li{width:256px;float:left;margin-bottom:70px;}
/*#business_line ul li:nth-child(3n){text-align:right;}
#business_line ul li:nth-child(3n+1){text-align:left;}*/
#business_line ul li:nth-child(3n+2){width:488px;}
#business_line ul li dl{color:#fff;}
#business_line ul li dt{font-size:18px;padding:9px 0 19px;background:url(/img/main/business_line_title_line.gif) no-repeat center top;}
#business_line ul li dd img{box-shadow:1px 1px 2px #555;}
#business_line .btn_portfolio{letter-spacing:0.2em;color:#fff;text-align:center;}
#business_line .btn_portfolio a{width:256px;height:260px;margin:0 auto;line-height:260px;margin-top:55px;display:block;font-size:15px;border:1px solid #fff;box-shadow:1px 1px 2px #555;}

/* join_us */
#join_us{text-align:center;position:relative;}
#join_us .bg_type{min-height:955px;background:transparent;}
#join_us .text_box{width:100%;position:absolute;left:0;top:0;z-index:1;color:#fff;}
#join_us .text_box h2{padding:295px 0 54px;font-size:75px;font-weight:500;}
#join_us .text_box .text{font-size:20px;margin-bottom:27px;}
#join_us .text_box .tel{font-size:25px;margin-bottom:10px;}
#join_us .text_box .email{font-size:16px;}

/* location */
#location{padding:0 0 200px;background:#76439a;}
#location h2{padding:117px 0 50px;font-size:73px;font-weight:500;text-align:center;}
#location .google_map{width:1000px;margin:0 auto;padding-bottom:100px;}
#location .customer{width:1000px;margin:0 auto;}
#location .customer .contact{float:left;margin-top:14px;color:#fff;}
#location .customer .contact li{margin-bottom:32px;}
#location .customer .contact li dt{font-size:23px;}
#location .customer .contact li dd{font-size:16px;line-height:26px;}
#location .customer .contact li dd br{display:none;}
#location .customer .contact li a{color:#fff;}
#location .form_style{width:479px;font-size:13px;float:right;}
#location .form_style ul li{margin-bottom:10px;}
#location .form_style input,
#location .form_style textarea{width:100%;box-sizing:border-box;border:0;outline-style:none;color:#000;}
#location .form_style .checkbox_type{text-align:center;color:#fff;font-size:16px;}
#location .form_style .checkbox_type input{width:auto;vertical-align:-10px;}
#location .form_style ul li input{height:32px;line-height:32px;padding-left:15px;}
#location .form_style ul li textarea{height:138px;padding:15px;}
#location .form_style ul li input::-webkit-input-placeholder,
#location .form_style ul li textarea::-webkit-input-placeholder{color:#b1b1b1;} /* Chrome/Opera/Safari */
#location .form_style ul li input::-moz-placeholder,
#location .form_style ul li textarea::-moz-placeholder{color:#b1b1b1;} /* Firefox 19+ */
#location .form_style ul li input:-ms-input-placeholder,
#location .form_style ul li textarea:-ms-input-placeholder{color:#b1b1b1;} /* IE 10+ */
#location .form_style ul li input:-moz-placeholder,
#location .form_style ul li textarea:-moz-placeholder{color:#b1b1b1;} /* Firefox 18- */
.vjs-control-bar{display:none;}

/* portfolio */
#portfolio .bg_type{min-height:955px;background:transparent;}
#portfolio .portfolio_visual{text-align:center;position:relative;/*background:url(/img/portfolio/portfolio_main.jpg) no-repeat center top;*/}
#portfolio .portfolio_visual .text_box{width:100%;position:absolute;left:0;top:0;z-index:2;}
#portfolio .portfolio_visual h2{word-break:break-all;padding:370px 0 22px;font-size:73px;font-weight:500;color:#fff;}
#portfolio .portfolio_visual p{font-size:18px;line-height:28px;color:#fff;}
#portfolio .portfolio_list{color:#fff;padding:100px 0 50px;background:#228ecd;}
#portfolio .portfolio_list dl{width:1000px;margin:0 auto 95px;}
#portfolio .portfolio_list dl:after{clear:both;content:"";display:block;}
#portfolio .portfolio_list dl dt{width:210px;padding-top:14px;font-size:20px;float:left;background:url(/img/portfolio/portfolio_title_line.gif) no-repeat left top;}
#portfolio .portfolio_list dl dd{float:left;font-size:18px;line-height:32px;margin-top:18px}

#wrap #right_button{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0);}
#wrap #right_button.right{right:25px;}
#wrap #right_button ul li{width:12px;height:12px;position:relative;margin-top:18px;}
#wrap #right_button ul li a{width:100%;height:100%;display:block;position:relative;z-index:1;}
#wrap #right_button ul li a.active span,
#wrap #right_button ul li:hover a.active span{height:12px;width:12px;border-radius:100%;left:0;border:2px solid #fff;background:none;box-sizing:border-box;}
#wrap #right_button ul li a span{height:10px;width:10px;border-radius:50%;position:absolute;left:1px;z-index:1;border:0;background:#fff;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
#wrap #right_button ul li:hover a span{width:12px;height:12px;border:2px solid #fff;left:0;box-sizing:border-box;background:none;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
#wrap #right_button ul li .fp-tooltip{width:0;max-width:220px;position:absolute;top:-3px;color:#fff;font-size:13px;letter-spacing:0.25em;white-space:nowrap;overflow:hidden;display:block;opacity:0;cursor:pointer;}
#wrap #right_button ul li:hover .fp-tooltip,
#wrap #right_button.fp-show-active a.active + .fp-tooltip{width:auto;opacity:1;-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}
#wrap #right_button ul li .fp-tooltip.right{right:20px;}

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

}

@media screen and (max-width:1100px){
/* history */
#history .text_box{padding:0 5%;box-sizing:border-box;}
#history .text_box h2{padding-top:140px;}
#history .text_box{width:100%;left:0;top:0;margin:0;}
#history .text_box ul{text-align:left;margin-left:0;}
#history .text_box ul li{margin-bottom:25px;position:relative;text-align:center;}
#history .text_box ul li span{display:inline;}
#history .text_box ul li .history_tt{padding-right:3px;}
#history .text_box ul li .history_txt{width:auto;}
#history .text_box ul li .history_txt br{display:none;}
#history .text_box ul .list_type_02{margin-left:0;}
#history .text_box ul .list_type_02 .history_txt{width:auto;}
}

@media screen and (max-width:1024px){
/* common */
html{overflow-x:hidden}
.site_container{position:relative;/*transition:all 0.3s ease 0s;*/}
.site_container.nav_open{/*transform:translate3d(-79%, 0px, 0px);*/}
.site_container.nav_open #header #nav{display:block;}
.site_container.nav_open .nav_close{display:block;position:absolute;right:20px;top:20px;}
.site_container.nav_open .nav_close img{width:20px;}
#header{padding-left:20px;}
#header #nav{width:79%;height:100%;position:fixed;right:-79%;top:0;background:#ff6347;}
#header #nav ul{width:100%;padding-top:30px;}
#header #nav ul li{display:block;margin-left:0;text-align:center;}
#header #nav ul li a{display:block;padding:20px;}
.mobile_all_nav{position:absolute;right:20px;top:35px;display:block;}
#wrap #right_button.right{display:none;}
#footer{width:100%;}
#footer .ft_wrap .ft_nav a{display:inline-block;}

/* introduction */
#extra_mile .text_box{width:90%;margin:0 auto;}
#extra_mile .text_box p br{display:none;}

/* business line */
#business_line ul{width:100%;}
#business_line ul li{width:50%;}
#business_line ul li:nth-child(3n+2){width:50%;}

/* history */
#history .bg_type{min-height:730px;}
#history .text_box ul{font-size:16px;line-height:24px;}

/* location */
#location .google_map{width:90%;}
#location .google_map iframe{width:100%;}
#location .customer{width:100%;}
#location .customer .contact{float:none;text-align:center;}
#location .form_style{width:90%;float:none;text-align:center;margin:0 auto;}

/* portfolio */
#portfolio .portfolio_list dl{width:90%;}
#portfolio .portfolio_list dl dt{float:none;}
#portfolio .portfolio_list dl dd{float:none;font-size:16px;line-height:22px;}
#portfolio .portfolio_list dl dd ul li{margin-bottom:15px;}
}

@media screen and (max-width:768px){
/* common */
#footer{width:90%;margin:0 auto;}
#footer .ft_wrap{padding:55px 0}
#footer .ft_wrap .ft_nav{margin-bottom:65px;line-height:24px;}

/* main */
#wrap .movie .text_style{padding:0 5%;box-sizing:border-box;margin-top:-70px;}
.movie .masthead{background:url(/img/main/videos_bg_tablet.jpg) no-repeat left top !important;background-size:100% 100% !important;}

/* introduction */
#extra_mile .text_box h2 br{display:block;}

/* history */
#history .text_box h2{padding-top:70px;font-size:50px;}

/* business line */
#business_line ul li{width:100%;}
#business_line ul li:nth-child(3n+2){width:100%;}

/* join_us */
#join_us .text_box{padding:0 5%;box-sizing:border-box;}

/* portfolio */
#portfolio .bg_type{min-height:380px;}
#portfolio .portfolio_visual h2{padding-top:100px;}
}

@media screen and (max-width:480px){
#footer .ft_wrap .ft_nav{margin-bottom:44px;}
#footer .ft_wrap .ft_nav a{display:block;margin:0;line-height:28px;}
#footer .ft_wrap address{line-height:32px;}
#footer .ft_wrap address span{margin-right:0;display:block;}

/* main */
#wrap .movie .text_style h2{font-size:50px;}
.movie .masthead{background:url(/img/main/videos_bg_phone.jpg) no-repeat left top !important;background-size:100% 100% !important;}

/* introduction */
#extra_mile{padding:70px 0;}
#extra_mile .text_box h2{font-size:35px;margin-bottom:36px;}

/* history */
#history .bg_type{min-height:670px;}
#history .text_box h2{font-size:35px;}

/* business line */
#business_line{padding:70px 0;}
#business_line h2{font-size:35px;margin-bottom:40px;}
#business_line ul li{margin-bottom:35px;}

/* join_us */
#join_us .bg_type{min-height:630px;}
#join_us .text_box h2{padding-top:190px;font-size:35px;}

/* location */
#location{padding:70px 0 120px;}
#location h2{font-size:35px;padding:0 0 35px;}
#location .google_map{padding-bottom:50px;}
#location .google_map iframe{height:300px;}
#location .customer .contact li dd br{display:block;}

/* portfolio */
#portfolio .bg_type{min-height:500px;}
#portfolio .portfolio_visual .text_box{padding:0 5%;box-sizing:border-box;}
#portfolio .portfolio_visual h2{padding-top:200px;font-size:35px;}
#portfolio .portfolio_visual p br{display:none;}
#portfolio .portfolio_list{padding:70px 0;}
#portfolio .portfolio_list dl dd ul li{background:url(/img/common/dot_icon_white.png) no-repeat left 8px;padding-left:10px;}
}