@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family:NotoSans,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.7; letter-spacing: 0.02em; overflow-x: hidden; color: #0A263C; font-size: 16px; }
.f-oz,.en,.tel,.day,.mainvisual .title { font-family: 'Oswald', sans-serif;}
.all { overflow:hidden; min-width: 1000px;}
.v_sp { display:none!important; visibility:hidden;}
.v_pc { display:block!important; visibility:visible;}
.focus { background: #FFEFF0 !important; color:#0A263C }
.hv-lg { -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.hv-lg:hover {-moz-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);}
.hv-br { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover,.btn-pagetop:hover,.header .btn:hover ,.footer .btn:hover,.btn._red:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.focus { background: #FFEFF0 !important; color:#0A263C }
.dn { display:none;}
.bg_graygrad { background: linear-gradient(0deg, #fff, #f8f8f8);}
.bg_graygrad_btm:after { position: absolute; left: 0; right: 0; bottom: 0; height: 50px; content: ""; background: linear-gradient(180deg, #fff, #fafafa);}
.c_red { color: #cc1414;}
.c_gray { color: #999999;}
.text_s { font-size:85%;}
.text_ss { font-size:80%;}
.ta_c { text-align: center; }
.ta_r { text-align: right; }
.ta_l { text-align: left; }
.sdw_top { box-shadow:0px -4px 5px rgba(0,0,3,0.02); -moz-box-shadow:0px -4px 5px rgba(0,0,3,0.02); -webkit-box-shadow:0px -4px 5px rgba(0,0,3,0.02); -ms-box-shadow:0px -4px 5px rgba(0,0,3,0.02); }
.sdw,.point-list .box,.recruit-list li,.index-news { box-shadow:0px 1px 3px rgba(0,0,3,0.06); -moz-box-shadow:0px 1px 3px rgba(0,0,3,0.06); -webkit-box-shadow:0px 1px 3px rgba(0,0,3,0.06); -ms-box-shadow:0px 1px 3px rgba(0,0,3,0.06); }
.sdw-s,.box-gray .btn-list li,.sec-contact,.header .menu>li>.btn { box-shadow:0px 1px 2px rgba(0,0,3,0.05); -moz-box-shadow:0px 1px 2px rgba(0,0,3,0.05); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.05); -ms-box-shadow:0px 1px 2px rgba(0,0,3,0.05); }
.sdw-t,.index-section._business,.header .menu>li a { text-shadow:0px 0px 5px rgba(0,0,3,0.1); -moz-text-shadow:0px 0px 5px rgba(0,0,3,0.1); -webkit-text-shadow:0px 0px 5px rgba(0,0,3,0.1);  -ms-text-shadow:0px 0px 5px rgba(0,0,3,0.1); }
.lowertitle { text-shadow:0px 0px 8px rgba(0,0,3,0.05); -moz-text-shadow:0px 0px 8px rgba(0,0,3,0.05); -webkit-text-shadow:0px 0px 8px rgba(0,0,3,0.05);  -ms-text-shadow:0px 0px 8px rgba(0,0,3,0.05); }
.sdw._off,._nav-c_bk .header .menu>li a,._simple .lowertitle { text-shadow:none; -moz-text-shadow:none; -webkit-text-shadow:none;  -ms-text-shadow:none; }
.bg_red { background:#cc1414; color: white;}
.btn.current a { pointer-events: none;}
.btn { display: block; text-align: center; font-weight: 600; position: relative; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.btn a { position: relative; display: block;}
.btn:after { content: ""; background-size: 100% auto!important; position: absolute; top:0; bottom: 0;  pointer-events: none; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.3s;}
.btn.current:after { display: none}
.btn:hover:after { margin-right: -4px;}
.btn_map:hover:after { margin-right:0;}
.btn._red { background: #CC1414; }
.btn._red a { color:white;}
.btn._red:after { background: url("../img/ic_btnarw_w.png") no-repeat center; }
.btn._bdred { border:solid 1px #cc1414; background:white; }
.btn._bdred a { color:#CC1414; }
.btn._bdred:after { background: url("../img/ic_btnarw_red.png") no-repeat center; }
.btn._bdred:hover:after { background-image: url("../img/ic_btnarw_w.png") ; }
.btn._bdred.current a,
.btn._bdred a:hover { background: #cc1414; color: white;}
.btn._white { background: white; }
.btn._white a { color:#0A263C; }
.btn._white._bd a { border:solid 1px #0A263C; }
.btn._white:after { background: url("../img/ic_btnarw.png") no-repeat center; }
.btn._white:hover:after { background-image: url("../img/ic_btnarw_w.png") ; }
.btn._white.current a,
.btn._white a:hover { color: #fff; background: #cc1414}
.mt_1em { margin-top:1em;}
.mt_2em { margin-top:2em;}
.mt_3em { margin-top:3em;}
.mt_4em { margin-top:4em;}
.mt_5em { margin-top:5em;}
.mt_6em { margin-top:6em;}
.mt_ss { margin-top:5px;}
.mt_s { margin-top:12px;}
.mt_m { margin-top:24px;}
.mt_l { margin-top:36px;}
.mt_ll { margin-top:48px;}
.mt_60 { margin-top:60px;}
.mt_80 { margin-top:80px;}
.mt_100 { margin-top:100px;}
.mt_120 { margin-top:120px;}
.mt_140 { margin-top:140px;}
.pt_ss { padding-top:5px;}
.pt_s { padding-top:12px;}
.pt_m { padding-top:24px;}
.pt_l { padding-top:36px;}
.pt_ll { padding-top:48px;}
.pt_60 { padding-top:60px;}
.pt_80 { padding-top:80px;}
.pt_100 { padding-top:100px;}
.pt_120 { padding-top:120px;}
.pt_140 { padding-top:140px;}
.pb_ss { padding-bottom:5px;}
.pb_s { padding-bottom:12px;}
.pb_m { padding-bottom:24px;}
.pb_l { padding-bottom:36px;}
.pb_ll { padding-bottom:48px;}
.pb_60 { padding-bottom:60px;}
.pb_80 { padding-bottom:80px;}
.pb_100 { padding-bottom:100px;}
.pb_120 { padding-bottom:120px;}
.pb_140 { padding-bottom:140px;}
.mw_700 { max-width:700px; margin-left: auto; margin-right: auto; width: 80%;}
.mw_600 { max-width:600px; margin-left: auto; margin-right: auto; width: 80%;}
.mw_500 { max-width:500px; margin-left: auto; margin-right: auto; width: 60%;}
.mw_400 { max-width:400px; margin-left: auto; margin-right: auto;width: 50%;}
.mw_300 { max-width:300px; margin-left: auto; margin-right: auto; width: 50%;}

@media screen and (max-width:1100px){
	body { line-height: 1.65; font-size: 14px;}
	.mt_ss { margin-top:4px;}
	.mt_s { margin-top:10px;}
	.mt_m { margin-top:20px;}
	.mt_l { margin-top:30px;}
	.mt_ll { margin-top:40px;}
	.mt_60 { margin-top:50px;}
	.mt_80 { margin-top:60px;}
	.mt_100 { margin-top:80px;}
	.mt_120 { margin-top:100px;}
	.mt_140 { margin-top:120px;}
	.pt_ss { padding-top:4px;}
	.pt_s { padding-top:10px;}
	.pt_m { padding-top:20px;}
	.pt_l { padding-top:30px;}
	.pt_ll { padding-top:40px;}
	.pt_60 { padding-top:50px;}
	.pt_80 { padding-top:60px;}
	.pt_100 { padding-top:80px;}
	.pt_120 { padding-top:100px;}
	.pt_140 { padding-top:120px;}
	.pb_ss { padding-bottom:4px;}
	.pb_s { padding-bottom:10px;}
	.pb_m { padding-bottom:20px;}
	.pb_l { padding-bottom:30px;}
	.pb_ll { padding-bottom:40px;}
	.pb_60 { padding-bottom:50px;}
	.pb_80 { padding-bottom:60px;}
	.pb_100 { padding-bottom:80px;}
	.pb_120 { padding-bottom:100px;}
	.pb_140 { padding-bottom:120px;}
}
@media screen and (max-width:768px){
	body { line-height: 1.6; font-size: 13px;}
	.all { min-width: 600px;}
	.v_pc { display:none!important; visibility:hidden;}
	.v_sp { display:block!important; visibility:visible;}
	.mt_ss { margin-top:3px;}
	.mt_s { margin-top:8px;}
	.mt_m { margin-top:16px;}
	.mt_l { margin-top:24px;}
	.mt_ll { margin-top:36px;}
	.mt_60 { margin-top:44px;}
	.mt_80 { margin-top:55px;}
	.mt_100 { margin-top:70px;}
	.mt_120 { margin-top:80px;}
	.mt_140 { margin-top:100px;}
	.pt_ss { padding-top:3px;}
	.pt_s { padding-top:8px;}
	.pt_m { padding-top:16px;}
	.pt_l { padding-top:24px;}
	.pt_ll { padding-top:36px;}
	.pt_60 { padding-top:44px;}
	.pt_80 { padding-top:55px;}
	.pt_100 { padding-top:70px;}
	.pt_120 { padding-top:80px;}
	.pt_140 { padding-top:100px;}
	.pb_ss { padding-bottom:3px;}
	.pb_s { padding-bottom:8px;}
	.pb_m { padding-bottom:16px;}
	.pb_l { padding-bottom:24px;}
	.pb_ll { padding-bottom:36px;}
	.pb_60 { padding-bottom:44px;}
	.pb_80 { padding-bottom:55px;}
	.pb_100 { padding-bottom:70px;}
	.pb_120 { padding-bottom:80px;}
	.pb_140 { padding-bottom:100px;}
}
@media screen and (max-width:480px){
	body { line-height: 1.5; font-size: 12px;}
	.all { min-width: auto;}
	.mt_ss { margin-top:2px;}
	.mt_s { margin-top:6px;}
	.mt_m { margin-top:12px;}
	.mt_l { margin-top:20px;}
	.mt_ll { margin-top:28px;}
	.mt_60 { margin-top:36px;}
	.mt_80 { margin-top:44px;}
	.mt_100 { margin-top:50px;}
	.mt_120 { margin-top:60px;}
	.mt_140 { margin-top:80px;}
	.pt_ss { padding-top:2px;}
	.pt_s { padding-top:6px;}
	.pt_m { padding-top:12px;}
	.pt_l { padding-top:20px;}
	.pt_ll { padding-top:28px;}
	.pt_60 { padding-top:36px;}
	.pt_80 { padding-top:44px;}
	.pt_100 { padding-top:50px;}
	.pt_120 { padding-top:60px;}
	.pt_140 { padding-top:80px;}
	.pb_ss { padding-bottom:2px;}
	.pb_s { padding-bottom:6px;}
	.pb_m { padding-bottom:12px;}
	.pb_l { padding-bottom:20px;}
	.pb_ll { padding-bottom:28px;}
	.pb_60 { padding-bottom:36px;}
	.pb_80 { padding-bottom:44px;}
	.pb_100 { padding-bottom:50px;}
	.pb_120 { padding-bottom:60px;}
	.pb_140 { padding-bottom:80px;}
	.mw_700 { width: 100%;}
	.mw_600 { width: 100%;}
	.mw_500 { width: 80%;}
	.mw_400 { width: 80%;}
	.mw_300 { width: 60%;}
}


/* header */
.header { position: absolute; top: 0; z-index: 1000; left: 0; right: 0; min-width: 1000px; }
.header-logo { width:198px; position: absolute; left: 31px; top: 26px;}
.header-logo a { display: block;}
.header-logo a:hover { opacity:0.8}
.header-logo .color-b { display:none;}
.header .nav { text-align: right; padding: 25px 24px; position: relative; z-index: 1110; pointer-events: none;}
.header .menu { float: right; display: table; }
.header .menu>li  { display:table-cell; vertical-align: middle; font-weight: 600; letter-spacing: 0.04em; position: relative;pointer-events: all}
.header .menu>li span:after { position:absolute; bottom: -2px; left:0; right: 0; height: 2px; background: #CC1414; content: ""; width: 0; z-index: 10; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; margin: 0 auto;}
.header .menu>li.current span:after,
.header .menu>li a:hover span:after  { width: 100%;}
.header .menu>li>a {margin-left: 36px; font-size: 16px; display: block;}
.header .menu a { color: white; display: block; position: relative;}
.header .menu>li.current>a { pointer-events:none;}
.header .openmenu { display: none; position: absolute; text-align: center; background: rgba(0,10,20,.70); width: 180px; margin-left: 1.5em; left: -50%;}
.header .openmenu>li { font-size: 12px; line-height: 34px; border-bottom:none}
.header .openmenu>li a { color: white!important; border-bottom: solid 1px rgba(255,249,249,.10)}
.open .header .openmenu>li a { border-bottom: none}
.header .openmenu>li.current a,
.header .openmenu>li a:hover { background: #CC1414; }
.header .openmenu>li.current a { pointer-events:none;}
.header .menu>li>.btn { display:block; background: #CC1414!important; text-align: center; line-height: 48px;color: white!important; width: 160px; float: right; border-radius: 24px; font-size: 15px; font-weight: 600;}
.nav-toggle { display:none; }
._nav-c_bk .header .menu a { color:#000 ;}
.open._nav-c_bk .header .menu a { color:#fff ;}
._nav-c_bk .header-logo .color-w { display:none;}
._nav-c_bk .header-logo .color-b { display:block;}

@media screen and (max-width:1100px){
	.header-logo { width:180px; left: 24px; top: 20px;}
	.header .nav { padding: 21px 19px; }
	.header .menu>li>a {margin-left: 30px; font-size: 15px}
	.header .openmenu { width: 160px;}
	.header .openmenu>li { font-size: 11px; line-height: 33px;}
	.header .menu>li>.btn { line-height: 40px; width: 140px; border-radius: 22px; font-size: 14px;}
}
@media screen and (max-width:768px){
	.header { min-width: auto; right: 0; left: 0}
	.header-logo { width:153px; left: 20px; top: 15px;}
	.header .nav { text-align: center; padding: 0; display: table; position: fixed; left: 100%;; bottom: 0; top: 0px; width: 100%; height: 100%; background: rgba(0,10,20,.60);-moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
	.open .header .nav { -webkit-transition:all 0.3s;  background:  rgba(0,10,20,.95); left: 0;}
	.header .menu { float: none; opacity: 1; display: table-cell; vertical-align: middle; text-align: center; position: relative; top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
	.open .header .menu { top:0; pointer-events: all; opacity: 1; display: table-cell;}
	.header .menu>li.spmenu-logo { width:220px; margin:0 auto 13px;}
	.header .menu>li { display:block; width: 300px; margin: 0 auto}
	.header .menu>li span:after {display: none;}
	.header .menu>li>a {margin: 0px auto 3px; font-size: 20px}
	.header .openmenu { display: block; position: static; text-align: center; margin: 11px auto 13px; left: auto; background:rgba(255,255,255,.0); padding: 10px 0px 10px; width: 100%; border: solid 1px rgba(255,255,255,.85); border-right: none; border-left: none;}
	.header .openmenu>li { font-size: 14px; width: 130px; display: inline-block; line-height: 28px; border-bottom:none}
	.header .openmenu>li.current a,
	.header .openmenu>li a:hover { background: none; color: #CC1414;}
	.header .menu li a:hover { color: #fff; background: none;}
	.header .menu>li>.btn { line-height: 54px; width:230px; float: none; border-radius: 0px; font-size: 17px; margin-top: 21px; padding-bottom: 1px }
	.nav-toggle { display: block; position: absolute; right:24px; top: 24px; width: 25px; height:25px; cursor: pointer; z-index: 1010; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
	.nav-toggle div { position: relative; }
	.nav-toggle span { display: block; position: absolute; height: 2px; border-radius: 1px; width: 100%; background: #fff; left: 0; zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
	._nav-c_bk .nav-toggle span { background: #000}
	.nav-toggle span:nth-child(1) { top: 0; }
	.nav-toggle span:nth-child(2) { top: 9px; }
	.nav-toggle span:nth-child(3) { top: 18px; }
	.open .nav-toggle { background: transparent; }
	.open .nav-toggle span { background: #fff; }
	.open .nav-toggle span:nth-child(1) { top: 9px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1; }
	.open .nav-toggle span:nth-child(2) { width: 0; left: 50%; }
	.open .nav-toggle span:nth-child(3) { top: 9px; -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1; }
	body.open { overflow:hidden;}
}
@media screen and (max-width:480px){
	.header-logo { width:126px; left: 14px; top: 11px;}	
	.header .menu>li.spmenu-logo { width: 200px; margin:0 auto 10px;}
	.header .menu>li  { width: 270px;}
	.header .menu>li>a {margin: 0px auto 4px; font-size: 17px}
	.header .menu>li>a._l {font-size: 18px}
	.header .openmenu { margin: 12px auto 14px; padding: 10px 0px 11px;}
	.header .openmenu>li { font-size: 12px; width: 126px; line-height: 22px; }
	.header .menu>li>.btn { line-height: 44px; width:200px; font-size: 14px; margin-top: 18px;}
	.nav-toggle { right:16px; top: 17px; width: 22px; height:22px; }
	.nav-toggle span {  height: 1.6px;}
	.nav-toggle span:nth-child(2) { top: 8px; }
	.nav-toggle span:nth-child(3) { top: 16px; }
}


/* content */
.content { position: relative; padding: 0!important;}
.inr { max-width: 1200px; width: calc(100% - 140px); margin-left: auto; margin-right: auto;}
.inr._1000 { max-width: 1000px;}
.cell { display:table-cell; vertical-align: middle;}
.lowertitle { background-repeat: no-repeat; background-position: center; background-size: cover; height: 500px; text-align: center; color: white}
.lowertitle-inr { display: table; width: 100%; height: 100%;}
.lowertitle .title { display: table-cell; vertical-align: middle}
.lowertitle .title .jp {display: block; font-size: 23px; line-height: 1; font-weight: 600; letter-spacing:0.05em;  padding-top: 25px; padding-bottom: 2px;}
.lowertitle .title .en { font-size: 86px; line-height: 1; font-weight: 600}
.breadcrumb ul { max-width: 1200px; width: calc(100% - 60px);  margin:0 auto;}
.breadcrumb li { display: inline-block; line-height: 70px; font-size: 12px;color:#5c6166}
.breadcrumb li a { color:#5c6166}
.breadcrumb li a:hover { text-decoration: underline;}
.breadcrumb li:after { content: "/"; margin:0 8px;}
.breadcrumb li:last-child:after { display: none;}
.footer-breadcrumb { background:#f7f7f7; border-top: solid 1px #fff;}
.sec-title { line-height: 1;}
.sec-title .jp{ font-size: 18px; display: block; font-weight: 600;}
.sec-title .en{ font-size: 65px; font-weight: 600; display: block;}
._simple .lowertitle { background: none; height: auto; }
._simple .lowertitle .title { color: #0A263C; padding: 100px 0 96px;}
._simple .lowertitle .title .jp { font-size: 18px; padding-top: 0; padding-bottom: 4px;}
._simple .lowertitle .title .en { font-size: 68px;}
._simple .header-breadcrumb { margin-top: 100px; background:#f7f7f7 url("../img/titlebg_bar.jpg") no-repeat; background-position: right center; background-size: 750px auto;}
._simple .header-breadcrumb li { line-height:  56px; }

@media screen and (max-width:1400px){
	.lowertitle {  height: 400px; }
}
@media screen and (max-width:1100px){
	.inr { width: calc(100% - 100px); }
	.lowertitle { height: 360px; }
	.lowertitle .title .jp { font-size: 20px; padding-top: 20px; padding-bottom: 2px;}
	.lowertitle .title .en { font-size: 78px;}
	.breadcrumb ul { width: calc(100% - 46px); }
	.breadcrumb li { line-height: 54px; font-size: 11px;  }
	._simple .lowertitle .title { padding: 76px 0 74px;}
	._simple .lowertitle .title .jp { font-size: 16px; padding-bottom: 3px;}
	._simple .lowertitle .title .en { font-size: 62px;}
	._simple .header-breadcrumb { margin-top: 85px;  background-size: 700px auto;}
	._simple .header-breadcrumb li { line-height:  50px; }
}
@media screen and (max-width:768px){
	.inr { width: calc(100% - 50px); }		
	.lowertitle { height: 300px; }
	.lowertitle .title .jp { font-size: 18px; padding-bottom: 2px;}
	.lowertitle .title .en { font-size: 66px;}
	.breadcrumb ul { width: calc(100% - 32px); }
	.breadcrumb li { line-height: 40px; font-size: 10px;  }
	._simple .lowertitle .title { padding: 60px 0 57px;}
	._simple .lowertitle .title .jp { font-size: 14px; padding-bottom: 2px;}
	._simple .lowertitle .title .en { font-size: 55px;}
	._simple .header-breadcrumb { margin-top: 69px;  background-size: 600px auto;}
	._simple .header-breadcrumb li { line-height:  40px; }
}
@media screen and (max-width:480px){
	.inr { width: calc(100% - 28px); }
	.lowertitle { height: 200px; }
	.lowertitle .title .jp { font-size: 13px; padding-top: 8px; padding-bottom: 2px;}
	.lowertitle .title .en { font-size: 44px;}
	.breadcrumb ul { width: calc(100% - 24px); }
	.breadcrumb li { line-height: 30px; font-size: 9px; }
	._simple .lowertitle .title { padding: 44px 0 42px;}
	._simple .lowertitle .title .jp { font-size: 12px; padding-bottom: 2px;}
	._simple .lowertitle .title .en { font-size: 48px;}
	._simple .header-breadcrumb { margin-top: 53px;  background-size: 480px auto;}
	._simple .header-breadcrumb li { line-height:  30px; }
}


/* footer-contact */
.sec-contact { padding: 70px}
.sec-contact .inr { display: table; width:100%; max-width: 1200px; margin: 0 auto; height: 440px; background: url("../img/bg_contact.jpg") no-repeat center; position: relative; background-size: cover; text-align: center; color: white;}
.sec-contact .sec-title .jp{ font-size: 18px;}
.sec-contact .sec-title .en{ font-size: 65px; margin: 4px auto 22px;}
.sec-contact .text { font-size: 15px;}
.sec-contact .btn {width: 570px; line-height: 80px; position: relative; font-size: 22px; font-weight: 700; margin: 20px auto 18px;}
.sec-contact .btn:after { width: 24px; right: 22px;}
.sec-contact .tel { font-size: 32px; font-weight: 600; line-height: 1.3;}
.sec-contact .tel span { margin:0 12px; display: inline-block}
.sec-contact .tel .tellink a { color: white;}
.sec-contact .il_truck { top: -80px; left: 0; right: 0; margin: 0 auto; }
.a-tel { color:white}

@media screen and (max-width:1100px){
	.sec-contact { padding: 50px}
	.sec-contact .inr { height: auto; padding: 60px 0}
	.sec-contact .sec-title .jp{ font-size: 16px;}
	.sec-contact .sec-title .en{ font-size: 60px; margin: 3px auto 18px;}
	.sec-contact .text { font-size: 14px;}
	.sec-contact .btn {width: 500px; line-height: 70px; font-size: 20px; margin: 16px auto 16px;}
	.sec-contact .btn:after { width: 22px; right: 18px;}
	.sec-contact .tel { font-size: 32px; }
	.sec-contact .tel span { margin:0 11px}
	.sec-contact .il_truck { top: -70px;}
}
@media screen and (max-width:768px){
	.sec-contact { padding: 24px 24px 40px}
	.sec-contact .inr { padding: 40px 20px 38px;}
	.sec-contact .sec-title .jp{ font-size: 14px;}
	.sec-contact .sec-title .en{ font-size: 50px; margin: 2px auto 20px;}
	.sec-contact .text { font-size: 12px; line-height: 1.55}
	.sec-contact .btn { width: 370px; line-height:  58px; font-size: 17px; margin: 14px auto 13px;}
	.sec-contact .btn:after { width: 18px; right: 16px;}
	.sec-contact .tel { font-size: 24px; }
	.sec-contact .tel span { margin:0 9px; line-height: 1.4}
	.sec-contact .il_truck { top: -56px;}
}
@media screen and (max-width:480px){
	.sec-contact { padding: 12px 0 0;}
	.sec-contact .inr { padding: 30px 20px 20px;}
	.sec-contact .sec-title .jp{ font-size: 12px;}
	.sec-contact .sec-title .en{ font-size: 36px; margin: 2px auto 12px;}
	.sec-contact .text { font-size: 12px; line-height: 1.5;}
	.sec-contact .btn { width: 280px; line-height: 50px; font-size: 15px; margin: 12px auto 11px;}
	.sec-contact .btn:after { width: 15px; right: 12px;}
	.sec-contact .tel { font-size: 23px; }
	.sec-contact .tel span { margin:0 20px}
	.sec-contact .il_truck { top: -40px;}
}


/*footer */
.footer { background:url("../img/bg_footer.jpg") no-repeat bottom center; background-size: cover; position: relative; }
.footer-inr { padding: 70px 0 140px; max-width: 1200px; width: calc(100% - 140px); margin: 0 auto; color: white;}
.footer-company { width: 480px; float: left;}
.footer .logo { width: 180px;}
.footer .companyname { font-size: 13px; line-height: 1;padding: 8px 0 36px;;}
.footer .address .title { font-size: 14px; font-weight: 600;}
.footer .address .text { font-size: 13px;}
.footer .btn { font-size: 16px; line-height: 54px; width:250px; margin-top: 40px;}
.footer .btn { background:rgba(184,28,34,1.00)}
.footer .btn._red:after { right: 15px; width: 18px;}
.footer-link { float: left; width: calc(100% - 480px); padding-top: 2px}
.footer .list { float: left; font-weight: 600;}
.footer .list._01 { width: 270px;}
.footer .list>li {  font-size: 15px; line-height: 1; margin-bottom: 22px; letter-spacing: 0.02em; }
.footer .list-second { margin-top:-3px;}
.footer .list-second>li {  font-size: 13px; line-height: 1; margin-bottom: 19px; position: relative; padding-left: 1.2em; letter-spacing: 0.02em; }
.footer .list-second>li:before { content: "ー"; position: absolute; left: 0;font-size: 10px; top: 2px;}
.footer .list a { color: white; position: relative}
.footer .list a:after { width: 100%; opacity: 0; height: 1px; position: absolute; bottom: -1px; left: 0; content: ""; background: white; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.footer .list a:hover:after { width: 100%; opacity: 0.8;}
.copyright { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 10px; }
.btn-pagetop { position: absolute; right: 0; top: 0; width: 34px; cursor: pointer;}
.footer .il_fork { top: 24px; right: 60px;}
.btmspace { border:none; padding: 0; margin-bottom: 0;}

@media screen and (max-width:1100px){
	.footer-inr { padding: 60px 0 120px; width: calc(100% - 100px);} 
	.footer-company { width: 420px;}
	.footer .logo { width: 180px;}
	.footer .companyname { font-size: 12px; padding: 6px 0 30px;}
	.footer .address .title { font-size: 13px;}
	.footer .address .text { font-size: 12px;}
	.footer .btn { font-size: 14px; line-height: 50px; width:220px; margin-top: 35px;}
	.footer .btn._red:after { right: 13px; width: 16px;}
	.footer-link { width: calc(100% - 420px);}
	.footer .list._01 { width: 200px;}
	.footer .list>li { font-size: 14px; margin-bottom: 22px;}
	.footer .list-second { margin-top:-2px;}
	.footer .list-second>li {  font-size: 12px; margin-bottom: 19px; }
	.footer .list-second>li:before { font-size: 8px; top: 2px;}
	.copyright { bottom: 8px; font-size: 9px; }
	.btn-pagetop { width: 30px;}
	.footer .il_fork { top:  16px; right: 56px;}
}
@media screen and (max-width:768px){
	.footer-inr { padding: 60px 0 75px; width: 100%; } 
	.footer-company { width: 100%;text-align: center;  float: none;}
	.footer .logo { width: 180px; margin: 0 auto;}
	.footer .companyname { font-size: 12px; padding: 6px 0 30px;}
	.footer .address .title { font-size: 13px;}
	.footer .address .text { font-size: 12px;}
	.footer .btn { font-size: 14px; line-height: 50px; width:220px; margin: 35px auto 0;}
	.footer .btn._red:after { right: 13px; width: 16px;}
	.footer-link { width: 350px; margin: 48px auto 0; float: none; padding-top: 0px}
	.footer .list { width:50%!important;}
	.footer .list>li { font-size: 14px; margin-bottom: 22px;}
	.footer .list-second { margin-top:-2px;}
	.footer .list-second>li {  font-size: 12px; margin-bottom: 19px; }
	.footer .list-second>li:before { font-size: 8px; top: 2px;}
	.copyright { bottom: 8px; font-size: 9px; }
	.btn-pagetop { width: 33px;}
	.footer .il_fork { top:  10px; right: 48px;}
}
@media screen and (max-width:480px){
	.footer-inr { padding: 48px 0 63px; } 
	.footer .logo { width: 160px;}
	.footer .companyname { font-size: 11px; padding:  5px 0 24px;}
	.footer .address .title { font-size: 12px;}
	.footer .address .text { font-size: 11px;}
	.footer .btn { font-size: 13px; line-height: 46px; width:230px; margin: 28px auto 0;}
	.footer .btn._red:after { right: 13px; width: 16px;}
	.footer-link { width: 280px; margin: 44px auto 0; float: none;}
	.footer .list>li { font-size: 13px; margin-bottom: 18px;}
	.footer .list-second { margin-top:-1px;}
	.footer .list-second>li {  font-size: 12px; margin-bottom: 16px; }
	.footer .list-second>li:before { font-size: 8px; top: 2px;}
	.copyright { bottom: 6px; font-size: 8px; }
	.btn-pagetop { width: 28px;}
	.footer .il_fork { top: 10px; right: 40px;}
}


/* business */
.biz-titlearea { text-align: center; padding-top: 32px;}
.biz-titlearea .sub { display: inline-block; font-weight: 700; font-size: 15px;line-height: 36px; padding: 0 18px 1px;}
.biz-titlearea .title { font-size: 44px;line-height: 1; margin-top: 20px; margin-bottom: 60px;}
.biz-article .title { text-align: center; line-height: 1.4; font-size: 26px; }
.biz-article .text { margin-top: 26px; }
.biz-article .photo { position: relative; margin-top: 40px;}
.biz-article .photo li { float: left;}
.biz-article .photo._2photo li { width: calc(50% - 10px); margin-bottom: 20px}
.biz-article .photo._2photo li:nth-child(even){ margin-left: 20px;}
.biz-article .photo li .caption { font-size: 12px; text-align: center; padding-top: 8px; line-height: 1.5; display: block}
.biz-menu li { display: block; float: left; width: calc(33.33% - 6px); margin-right: 9px;}
.biz-menu li:nth-child(3n) { margin-right: 0;}
.biz-menu li:nth-child(n + 4) { margin-top: 9px;}
.biz-menu li a { display: block; line-height: 66px; font-size: 17px;}
.biz-menu li:after { width: 20px; right: 18px;}
.box-gray { background:#f7f7f7; position: relative; padding: 44px 40px 48px;}
.box-gray .title { font-size: 22px; margin-bottom: 15px; text-align: center;}
.box-gray .textarea { font-size: 13px;}
.box-gray .list { text-align: center;}
.box-gray .list li { display:inline-block;  margin: 0 6px 0px; }
.box-gray li { position:relative;}

@media screen and (max-width:1100px){
	.biz-titlearea { padding-top: 28px;}
	.biz-titlearea .sub { font-size: 13px;line-height: 30px; padding: 0 12px 1px; }
	.biz-titlearea .title { font-size: 38px; margin-top: 18px; margin-bottom: 50px;}
	.biz-article .title { font-size: 24px; }
	.biz-article .text { margin-top: 23px; }
	.biz-article .photo { margin-top: 34px;}
	.biz-article .photo._2photo li { width: calc(50% - 8px);}
	.biz-article .photo._2photo li:last-child { margin-left: 16px;}
	.biz-article .photo li .caption { font-size: 12px; padding-top: 7px;}
	.biz-menu li {width: calc(33.33% - 6px); margin-right: 9px;}
	.biz-menu li:nth-child(n + 4) { margin-top: 9px;;}
	.biz-menu li a { line-height: 58px; font-size: 16px;}
	.biz-menu li:after { width: 20px; right: 17px;}
	.box-gray { padding: 38px 30px 42px;}
	.box-gray .title { font-size: 20px; margin-bottom: 13px;}
	.box-gray .textarea { font-size: 12px;}
	.box-gray .list li { margin: 0 6px 0px; }
}
@media screen and (max-width:768px){
	.biz-titlearea { padding-top: 26px;}
	.biz-titlearea .sub { font-size: 11px;line-height: 25px; padding: 0 10px 1px; }
	.biz-titlearea .title { font-size: 32px; margin-top: 16px; margin-bottom: 40px;}
	.biz-article .title { font-size: 20px; }
	.biz-article .text { margin-top: 17px; }
	.biz-article .photo { margin-top: 24px;}
	.biz-article .photo._2photo li { width: calc(50% - 5px);}
	.biz-article .photo._2photo li:last-child { margin-left: 10px;}
	.biz-article .photo li .caption { font-size: 11px; padding-top: 5px;}
	.biz-menu li:nth-child(n) {width: calc(50% - 3px); margin-right: 6px;}
	.biz-menu li:nth-child(even) { margin-right: 0px;}
	.biz-menu li:nth-child(n + 3) { margin-top: 6px;}
	.biz-menu li a { line-height: 48px; font-size: 14px;}
	.biz-menu li:after { width: 16px; right: 15px;}
	.box-gray { padding: 32px 20px 36px;}
	.box-gray .title { font-size: 18px; margin-bottom: 12px;}
	.box-gray .textarea { font-size: 11px;}
	.box-gray .list li { margin: 0 5px 0px; }
}
@media screen and (max-width:480px){
	.biz-titlearea { padding-top: 24px;}
	.biz-titlearea .sub { font-size: 10px;line-height: 22px; padding: 0 9px 0px; }
	.biz-titlearea .title { font-size: 26px; margin-top: 12px; margin-bottom: 28px;}
	.biz-article .title { font-size: 18px; line-height: 1.35;}
	.biz-article .title br { display: none;}
	.biz-article .text { margin-top: 13px; }
	.biz-article .photo { margin-top: 20px;}
	.biz-article .photo._2photo li { width: calc(70%); min-width: 280px; margin: 0 auto; float: none}
	.biz-article .photo._2photo li:last-child { margin: 18px auto 0;}
	.biz-article .photo li .caption { font-size: 10px; padding-top: 4px;}
	.biz-menu li:nth-child(n) {width: calc(50% - 2px); margin-right: 4px;}
	.biz-menu li:nth-child(even) { margin-right: 0px;}
	.biz-menu li:nth-child(n + 3) { margin-top: 4px;}
	.biz-menu li a { line-height: 38px; font-size: 12px;}
	.biz-menu li:after { width: 12px; right: 10px;}
	.box-gray { padding: 24px 10px 28px;}
	.box-gray .title { font-size: 16px; margin-bottom: 12px;}
	.box-gray .textarea { font-size: 10px;}
	.box-gray .list li { margin: 0 4px 0px; }
}


/* news */
.textlink { text-decoration: underline; color: #299fd6}
.textlink:hover { text-decoration: none;}
.sec-news .inr { position: relative; }
.newslist { border-top: solid 3px #0a263c;}
.newslist__item { padding: 50px 0; border-bottom: solid 1px #efefef; }
.newslist__item .day { display: inline-block; font-size: 21px; font-weight: 700; line-height: 1;}
.newslist__item .label { background: #cc1414; color: white; font-weight: 700; font-size: 10px; line-height: 1; display: inline-block; line-height: 21px; padding: 0 10px 1px; position: relative; top: -4px; margin-left: 12px;}
.newslist__item .label._bl { background: #299fd6;}
.newslist__item .label._or { background: #e8aa0f;}
.newslist__item .label._gr { background: #0F9586}
.newslist__item .label._pu { background: #a847a8;}
.newslist__item .title { font-size: 26px; font-weight: 700; line-height: 1.4; margin-top: 8px;}
.newslist__item .text { font-size: 15px; margin-top: 24px;}
.newslist__item .photo { margin-top: 30px; margin-left: auto; margin-right: auto;}
._size-l { max-width:800px; width: 100%;}
._size-m { max-width:600px; width: 100%;}
._size-s { max-width:300px; width: 100%;}
.page-news .box-gray { max-width:700px; margin-left: auto; margin-right: auto;} 
.box-gray .btn-list li { width: calc(50% - 12px); display: inline-block; margin:5px 6px 0}
.box-gray .btn-list li a { line-height: 54px; font-size: 20px;}
.box-gray .btn-list li:after { width:18px; right: 16px;}

@media screen and (max-width:1100px){
	.newslist__item { padding: 44px 0; }
	.newslist__item .day { font-size: 20px;}
	.newslist__item .title { font-size: 24px; }
	.newslist__item .text { font-size: 14px; margin-top: 22px;}
	.newslist__item .photo { margin-top: 28px;}
	.box-gray .btn-list li { width: calc(50% - 10px);  margin:5px 5px 0}
	.box-gray .btn-list li a { line-height: 52px; font-size: 19px;}
	.box-gray .btn-list li:after { width:16px; right: 15px;}
}
@media screen and (max-width:768px){
	.newslist__item { padding: 35px 0; }
	.newslist__item .day { font-size: 19px;}
	.newslist__item .label { font-size: 9px; line-height: 20px; padding: 0 10px; top: -4px; margin-left: 10px;}
	.newslist__item .title { font-size: 22px;margin-top: 7px;}
	.newslist__item .text { font-size: 13px; margin-top: 20px;}
	.newslist__item .photo { margin-top: 25px;}
	._size-l { max-width:540px;}
	._size-m { max-width:400px;}
	._size-s { max-width:300px;}
}
@media screen and (max-width:480px){
	.newslist { border-top: solid 2px #0a263c; }
	.newslist__item { padding: 34px 0; }
	.newslist__item .day { font-size: 16px;}
	.newslist__item .label { font-size: 8px; line-height: 16px; padding: 0 6px; top: -3px; margin-left: 6px;}
	.newslist__item .title { font-size: 20px; margin-top: 5px;}
	.newslist__item .text { font-size: 12px; margin-top: 15px;}
	.newslist__item .photo { margin-top: 22px;}
	._size-l { max-width:400px;}
	._size-m { max-width:330px;}
	._size-s { max-width:260px;}
	.box-gray .btn-list li { width: calc(50% - 8px);  margin:4px 4px 0}
	.box-gray .btn-list li a { line-height: 44px; font-size: 16px;}
	.box-gray .btn-list li:after { width:14px; right: 12px;}
}


/* privacypolicy */
.privacypolicy { position: relative; top: -5px;}
.privacypolicy .text { font-size: 16px; line-height: 1.9; }
.privacypolicy .list { margin-top:  44px}
.privacypolicy .list li { font-size: 15px; margin-bottom: 24px; position: relative; padding-left: 0.8em; line-height: 1.75;}
.privacypolicy .btm { font-size: 13px; margin-top: 60px; line-height: 1.9;}
.privacypolicy .date { float: left;}
.privacypolicy .company { text-align: right; float: right;}
.ic_sq:before { content:"■"; font-size: 7px; position: absolute; left:0; top: 7px;}
.ic_dot { padding-left:0.8em;}
.ic_dot:before { content:"●"; font-size: 5px; position: absolute; left:0; top: 7px;}

@media screen and (max-width:1100px){
	.privacypolicy { top: -5px;}
	.privacypolicy .text { font-size: 14px; line-height: 1.8; }
	.privacypolicy .list { margin-top:  40px}
	.privacypolicy .list li { font-size: 14px; margin-bottom: 18px; line-height: 1.7;}
	.privacypolicy .btm { font-size: 13px; margin-top: 55px; line-height: 1.8;}
	.ic_sq:before { font-size: 7px; top: 7px;}
}
@media screen and (max-width:768px){
	.privacypolicy { top: -5px;}
	.privacypolicy .text { font-size: 13px; line-height: 1.7; }
	.privacypolicy .list { margin-top: 36px}
	.privacypolicy .list li { font-size: 13px; margin-bottom: 16px; line-height: 1.65;}
	.privacypolicy .btm { font-size: 12px; margin-top: 50px; line-height: 1.8;}
	.ic_sq:before { font-size: 6px; top: 6px;}
	.ic_dot:before { font-size: 5px; top: 6px;}
}
@media screen and (max-width:480px){
	.privacypolicy { top: -4px;}
	.privacypolicy .text { font-size: 12px; line-height: 1.55; }
	.privacypolicy .list { margin-top: 24px}
	.privacypolicy .list li { font-size: 12px; margin-bottom: 12px; line-height: 1.55;}
	.privacypolicy .btm { font-size: 11px; margin-top: 33px; line-height: 1.6;}
	.ic_sq:before { font-size: 6px; top: 6px;}
	.ic_dot:before { font-size: 3px; top: 5px;}
}


/* article */
.article_type1 { position: relative;}
.article_type1._center { text-align: center;}
.article_type1 .inr { position: relative;}
.page-company .article_type1 .textarea { width:calc(100% - 400px);}
.article_type1._left .textarea {padding-top: 100px; position: relative; z-index: 1}
.article-title { line-height: 1.3;}
.article-title .jp span { position: relative;}
.article-title .en { font-size: 32px; display: block; color: #cc1414; font-weight: 600;}
.article-title .jp { font-size: 44px; margin-top:  6px; display: block; letter-spacing: 0.04em;}
.article-title .jp._l { font-size: 54px; }
.article-title .jp._s { font-size: 40px; }
.article_type1 .text { font-size: 16px; margin-top: 50px; line-height: 1.8; }
.japan-base { position: absolute; right: 80px; top: 50px; width: 560px; pointer-events: none; }

/* about us*/
.about-topbg { background: url("../img/bg_line1_bw.jpg") no-repeat bottom center ; background-size: cover;}
.article_type1._01 { padding: 90px 0 160px;}
.article_type1._03 { background: url("../img/bg_line2.jpg") no-repeat top center ; background-size: 100% auto; }
.about-logo { max-width:572px; width: 80%; margin: 58px auto 6px}
.bg_navy { background: url("../img/grad_blue.png") repeat-x center ; background-size: auto 100%;}
.advantage { margin-top: 66px; padding:88px 60px; position: relative; max-width: 900px; margin-left: auto; margin-right: auto; }
.advantage__title { width: 460px; margin: 0 auto 60px;}
.advantage__box { width: calc(50% - 24px); display: block; float: left;}
.advantage__box._first { margin-right: 48px;}
.advantage__box dd { font-size: 15px; color: white; text-align: left; line-height: 1.55; margin-top: 33px;}
.article_type1._04 .text { max-width:650px;}
.page-about .japan-base { width: calc(100% - 350px); right: -20px; top: 35px; opacity: 0.9}


@media screen and (max-width:1100px){
	.page-company .article_type1 .textarea { width:calc(100% - 360px);}
	.article_type1._left .textarea {padding-top: 80px;}
	.article-title .en { font-size: 28px;}
	.article-title .jp { font-size: 36px; margin-top: 6px; }
	.article-title .jp._l { font-size: 42px; }
	.article-title .jp._s { font-size: 34px; }
	.article_type1 .text { font-size: 15px; margin-top: 32px; line-height: 1.75;}
	.japan-base {right: 50px; top: 20px; width: 520px;}
	
	.article_type1._01 { padding: 60px 0 126px;}
	.about-logo { max-width:480px; margin: 40px auto 3px}
	.advantage { margin-top: 50px; padding:63px 40px 60px; max-width: 750px; }
	.advantage__title { width: 360px; margin: 0 auto 40px;}
	.advantage__box { width: calc(50% - 18px); }
	.advantage__box._first { margin-right: 36px;}
	.advantage__box dd { font-size: 13px; margin-top: 24px; line-height: 1.5}
	.article_type1._04 .text { width: calc(100% - 250px);}
	.page-about .japan-base { width: 540px; right: -15px; top: 30px;}
}
@media screen and (max-width:768px){
	.page-company .article_type1 .textarea { width:calc(100% - 180px);}
	.article_type1._left .textarea {padding-top: 60px;}
	.article-title .en { font-size: 24px;}
	.article-title .jp { font-size: 30px; margin-top: 5px; }
	.article-title .jp._l { font-size: 36px; }
	.article-title .jp._s { font-size: 27px; }
	.article_type1 .text { font-size: 14px; margin-top: 26px; line-height: 1.7; text-align: left;}
	.article_type1 .text.ta_c { text-align: center;}
	.japan-base {right: -20px; top: 10px; width: 440px;}
	
	.article_type1._01 { padding: 30px 0 80px;}
	.about-logo { max-width:410px; margin: 36px auto 0px}
	.advantage { margin-top: 38px; padding:50px 24px 33px; max-width: 550px;}
	.advantage__title { width: 300px; margin: 0 auto 30px;}
	.advantage__box { width: calc(50% - 12px); }
	.advantage__box._first { margin-right: 24px;}
	.advantage__box dd { font-size: 12px; margin-top: 15px;}
	.article_type1._04 .text { width: calc(100% - 210px);}
	.page-about .japan-base { width: 480px; right: -10px; top: 40px;}
}
@media screen and (max-width:480px){
	.page-company .article_type1 .textarea { width:calc(100% - 100px);}
	.article_type1._left .textarea {padding-top: 44px;}
	.article-title .en { font-size: 20px;}
	.article-title .jp { font-size:  22px; margin-top: 4px; }
	.article-title .jp._l { font-size: 26px; }
	.article-title .jp._s { font-size: 20px; }
	.article_type1 .text { font-size: 12px; margin-top: 20px; line-height: 1.65;}
	.japan-base {right: -50px; top: 8px; width: 350px;}
	
	.article_type1._01 { padding: 20px 0 60px;}
	.about-logo { max-width:290px; margin: 22px auto 0px}
	.advantage { margin-top: 30px; padding:35px 15px 28px; max-width: 400px;}
	.advantage__title { width: 220px; margin: 0 auto 30px;}
	.advantage__box { width: calc(50% - 5px); }
	.advantage__box._first { margin-right: 10px;}
	.advantage__box dd { font-size: 11px; margin-top: 12px; line-height: 1.45}
	.article_type1._04 { text-align:center}
	.article_type1._04 .text { width: calc(100% - 100px);}
	.page-about .japan-base { width: 350px; right: -46px; top: 170px;}
}


/* company */
.page-company .content { background: url("../img/bg_line2.jpg") no-repeat top center ; background-size: 100% auto;}
.article_type2 { position: relative; }
.title_redline { text-align: center; font-size: 30px;}
.title_redline span { border-top: solid 4px #cc1414; margin: 16px auto 0px; width: 60px; display: block;}
.textbox { margin-top:  48px; position: relative;}
.textbox .title { text-align: center; font-size: 24px;}
.textbox .text { font-size: 16px; margin-top: 20px;}
.sign { text-align: right; margin-top: 60px;}
.sign span { font-size: 14px;}
.sign img { width: 110px; margin-left: 14px;}
.article_type3 { position: relative; }
.title_bd { text-align: center; font-size: 30px; padding-bottom: 20px; border-bottom: solid #1f3e54 3px;}
.tabel-type1 { width: 100%; font-size: 15px;}
.tabel-type1 th,
.tabel-type1 td { padding: 25px 0; border-bottom: dotted 1px #e0e0e0;}
.tabel-type1 th { width: 155px; }
.tabel-type1 th p { position: relative; top: -1px;}
.tabel-type1 .map { width:100%; height: 320px; margin-top: 1em;}
.tabel-type1 .map iframe { width:100%; height: 100%;}
.tabel-type1 td small { font-size: 86%;}
.tabel-type1 td strong { font-weight: 600;}
.list-base { margin-top: 200px; }
.list-base li { width: calc(50% - 10px); float: left;}
.list-base li:nth-child(even) { margin-left: 20px;}
.list-base li:nth-child(n + 3) { margin-top: 44px;}
.list-base .name { font-size: 23px; font-weight: 700; line-height: 1}
.list-base .address {font-size: 15px; line-height: 1.7; margin: 12px 0 13px; }
.btn_map {width: 110px; } 
.btn_map a {font-size: 11px; line-height: 22px; border: solid 1px #0A263C; border-radius: 14px; text-align: center; font-weight: 500; padding-right: 8px; position: relative; display: block;}
.list-base .btn_map a:hover { border: solid 1px #cc1414; color: #cc1414}
.btn_map:after { content: ""; width: 12px; height: 100%; background: url("../img/ic_map.png") no-repeat center; background-size: 100% auto; display: block; right: 9px; top: 0px;}
.btn_map:hover:after { background-image:url("../img/ic_map_red.png"); }
.dl-table { display: table;}
.dl-table dl { display: table-row}
.dl-table dt { display: table-cell;  width: 300px;}
.dl-table dd { display: table-cell;}
.dl-table dd:last-child { text-align: right;}

@media screen and (max-width:1100px){
	.title_redline { font-size: 28px;}
	.title_redline span { margin: 14px auto 0px; width: 54px;}
	.textbox { margin-top: 46px}
	.textbox .title { font-size: 22px;}
	.textbox .text { font-size: 15px; margin-top: 17px;}
	.sign { margin-top: 55px;}
	.sign img { width: 102px; margin-left: 14px;}
	
	.title_bd { font-size: 28px; padding-bottom: 18px;}
	.tabel-type1 { font-size: 14px;}
	.tabel-type1 th,
	.tabel-type1 td { padding: 22px 0;}
	.tabel-type1 th { width: 130px;}
	.tabel-type1 .map { height: 280px; }
	
	.list-base { margin-top: 150px; }
	.list-base li { width: calc(50% - 8px);}
	.list-base li:nth-child(even) { margin-left: 16px;}
	.list-base li:nth-child(n + 3) { margin-top: 38px;}
	.list-base .name { font-size: 22px; }
	.list-base .address {font-size: 14px; line-height: 1.65; margin: 11px 0 12px; }
	
	.btn_map {width: 98px; } 
	.btn_map a {font-size: 10px; line-height: 20px; border-radius: 14px; padding-right: 8px; }
	.btn_map:after { width: 11px; right: 9px; }
	
	.dl-table dt { width: 280px;}
}
@media screen and (max-width:768px){
	.title_redline { font-size: 26px;}
	.title_redline span { margin: 12px auto 0px; width: 44px;}
	.textbox { margin-top: 36px}
	.textbox .title { font-size: 21px;}
	.textbox .text { font-size: 14px; margin-top: 14px;}
	.sign { margin-top: 50px;}
	.sign span { font-size: 13px;}
	.sign img { width: 96px; margin-left: 12px;}
	
	.title_bd { font-size: 24px; padding-bottom: 18px;}
	.tabel-type1 { font-size: 13px;}
	.tabel-type1 th,
	.tabel-type1 td { padding: 15px 0;}
	.tabel-type1 th { width: 115px;}
	.tabel-type1 th p {  top: 0px;}
	.tabel-type1 .map { height: 250px; }
	
	.list-base { margin-top: 80px; }
	.list-base li { width: calc(50% - 6px);}
	.list-base li:nth-child(even) { margin-left: 12px;}
	.list-base li:nth-child(n + 3) { margin-top: 32px;}
	.list-base .name { font-size: 20px; }
	.list-base .address {font-size: 13px; line-height: 1.6; margin: 8px 0 11px; }
	
	.dl-table dt { width: 240px;}
}
@media screen and (max-width:480px){
	.title_redline { font-size: 22px;}
	.title_redline span { margin: 10px auto 0px; width: 40px; border-width: 3px;}
	.textbox { margin-top: 32px}
	.textbox .title { font-size: 19px;}
	.textbox .text { font-size: 13px; margin-top: 12px;}
	.textbox .text.ta_c { text-align: left;}
	.sign { margin-top: 40px;}
	.sign span { font-size: 11px;}
	.sign img { width: 86px; margin-left: 10px;}
	
	.title_bd { font-size: 22px; padding-bottom: 16px; border: none}
	.tabel-type1 { font-size: 12px; box-shadow:0px 1px 2px rgba(0,0,3,0.05); -moz-box-shadow:0px 1px 2px rgba(0,0,3,0.05); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.05); -ms-box-shadow:0px 1px 2px rgba(0,0,3,0.05); }
	.tabel-type1 th,
	.tabel-type1 td { padding:  15px 10px 16px; display: block; text-align: center; border: none;}
	.tabel-type1 th { display: block; width: 100%; text-align: center; background: #efefef; padding: 8px; font-size: 12px;}
	.tabel-type1 td { background: white;}
	.tabel-type1 .map { height: 240px; }
	._history .tabel-type1 td { text-align: left;}
	
	.list-base { margin-top: 60px; }
	.list-base li { width: calc(100%); text-align: center;}
	.list-base li:nth-child(even) { margin-left: 0px;}
	.list-base li:nth-child(n + 2) { margin-top: 32px;}
	.list-base .name { font-size: 18px; }
	.list-base .address {font-size: 12px; line-height: 1.55; margin: 9px 0 10px; }
	.list-base .btn { margin:0 auto;}
	
	.btn_map {width: 98px; } 
	.btn_map a {font-size: 10px; line-height: 20px; border-radius: 14px; padding-right: 8px; }
	.btn_map:after { width: 11px; right: 9px; }
	
	.dl-table { margin:0 auto;}
	.dl-table dt { width: 220px; text-align: left;}
}


/* contact */
.formWrap { background: #f8f8f8; padding:80px 88px; position: relative;}
.formTable dl {display: table; width: 100%; margin-top: 18px;}
.formTable dl:first-child { margin-top: 0!important;}
.formTable dt { display: table-cell; font-weight: 700; font-size: 17px; padding-top: 18px; line-height: 1; width: 210px; vertical-align: top;}
.formTable dd { display: table-cell; font-size: 14px;}
.list-check li { position: relative; margin-bottom: 8px; display: block; float: left; width: 195px; font-weight: 500;}
.form-btmarea { text-align: center; font-size: 13px;}
.form-btmtext { margin-top: 33px; }
.form-policycheck {margin-top: 33px;}
.submit-btn-box { margin-top: 36px;}
.submit-btn-box { width: 330px; margin-left: auto; margin-right: auto; }
.submit-btn-box a, 
.submit-btn-box input { line-height: 70px; font-size: 18px;}
.submit-btn-box:after { width: 20px; right: 20px;}
.must { background:#cc1414; color: white; font-weight: 600; line-height: 16px; display: inline-block; padding: 0 4px; position: relative; margin-left: 10px; top: -3px; font-size: 9px; }
.form-note { margin-top: 28px;}
.note-list li { font-size: 12px;}
.ic_come { position: relative; padding-left: 1.2em;}
.ic_come:before { content: "※"; position: absolute; left: 0; top: 0;}
input[type="text"],textarea { background: white; border: solid 1px #d1d8db; padding:0 1em; width: 100%; font-size: 14px; margin: 0}
input[type="text"] {line-height: 56px; min-height: 44px;}
textarea { padding: 1em}
input[type="checkbox"] { margin-right:8px; position: relative; top: -2px;}
input[type="radio"] { margin-right:8px; position: relative; top: -3px; width: 12px;}
input[type="submit"] { width: 100%; color: white; background: none; font-weight: 700; padding: 0;
margin: 0;}
._check .formTable dl { margin-top: 40px;}
._check .formTable dt { padding-top: 2px; font-size: 16px;}
.btn._white._bd { width:280px; margin-left: auto; margin-right: auto; line-height: 60px; font-size: 15px;}
.btn._white._bd a:hover { border-color:#cc1414}
.btn._white._bd:after { right: 18px; width: 20px;}
.btn._red.close { background:#999; pointer-events: none; opacity: 0.6;}

/*common*/
.focus { background: #FFEFF0 !important; color:#333; }
input.myError { border:solid 2px red; }
label.myError { color:#FF0000; display:block; padding:2px 0 0 2px; }
textarea.myError { background-color:#CCFFFF; }
#form_type1 input[type=text].myError {border:solid 2px red!important; }
input[type="image"][disabled] { opacity:0.4; cursor: default; }
input[type="image"][disabled]:hover { opacity:0.4; cursor: default; }
input[type="image"]:hover { opacity:0.8; }
.txt_1byte,.numonly  {ime-mode:disabled!important; }
.lt-ie9 .select-dropdown { z-index: 1; }
.lt-ie9 .select-dropdown-select { z-index: -1; }
.lt-ie9 .select-dropdown-select:focus { z-index: 3; }

@-moz-document url-prefix() { 
	.select-dropdown-select { padding-left: 5px 8px; }
}

@media screen and (max-width:1100px){
	.formWrap { padding:66px 60px 66px;}
	.formTable dl { margin-top: 11px;}
	.formTable dt { font-size: 15px; padding-top: 17px; width: 190px; letter-spacing: 0.02em;}
	.formTable dd { font-size: 14px}
	.list-check li { margin-bottom: 7px; width: 194px; }
	.form-btmarea { font-size: 13px;}
	.form-btmtext { margin-top: 26px; }
	.form-policycheck {margin-top: 26px;}
	.submit-btn-box { margin-top: 30px;}
	.submit-btn-box { width: 280px;}
	.submit-btn-box a,
	.submit-btn-box input { line-height: 60px; font-size: 17px;}
	.submit-btn-box.btn:after { width: 19px; right: 19px;}
	.form-note { margin-top: 20px;}
	.note-list li { font-size: 11px;}
	.must { line-height: 14px; padding: 0 3px; margin-left: 8px; top: -2px; font-size: 8px; }
	input[type="text"],textarea { font-size: 13px;}
	input[type="text"] {line-height: 48px; min-height: 40px;}
	input[type="checkbox"] { margin-right:8px;}
	input[type="radio"] { margin-right:8px;top: -3px; width: 12px;}
	.btn._white._bd { width:260px; line-height: 55px; font-size: 14px;}
	.btn._white._bd:after { right: 16px; width: 18px;}
}
@media screen and (max-width:768px){
	.formWrap { padding:50px 33px 50px;}
	.formTable dl { margin-top: 18px; display: block}
	.formTable dt { font-size: 15px; padding-top: 0px; width: 100%; padding-bottom: 11px; display: block;}
	.formTable dd { font-size: 13px; display: block;}
	.list-check { pading:5px 0;}
	.list-check li { margin-bottom: 10px; width: 181px; font-size: 13px; }
	.form-btmarea { font-size: 12px;}
	.form-btmtext { margin-top: 22px; }
	.form-policycheck {margin-top: 22px;}
	.submit-btn-box { margin-top: 25px;}
	.submit-btn-box { width: 280px;}
	.submit-btn-box a,
	.submit-btn-box input { line-height: 56px; font-size: 16px;}
	.submit-btn-box.btn:after { width: 18px; right: 18px;}
	.form-note { margin-top: 15px;}
	.note-list li { font-size: 10px;}
	input[type="text"],textarea { font-size: 13px;}
	input[type="text"] {line-height: 48px; min-height: 40px;}
	input[type="checkbox"] { margin-right:7px;}
	input[type="radio"] { margin-right:7px;top: -3px; width: 12px;}
	._check .formTable dl { margin-top: 24px;}
	._check .formTable dt { font-size: 16px; padding-bottom: 7px; padding-top: 0px; }
	._send .textbox>.text {text-align: left;}
	._send .textbox>.text br { display: none; text-align: left;}
	.btn._white._bd { width:240px; line-height: 50px; font-size: 13px;}
	.btn._white._bd:after { right: 14px; width: 18px;}
}
@media screen and (max-width:480px){
	.formWrap { padding:34px 16px 36px;}
	.formTable dl { margin-top:  15px; }
	.formTable dt { font-size: 14px; padding-bottom: 11px;}
	.formTable dd { font-size: 12px;}
	.list-check { pading:4px 0;}
	.list-check li { margin-bottom: 7px; width: 50%; font-size: 12px; }
	.form-btmarea { font-size: 11px;}
	.form-btmtext { margin-top: 18px; font-size: 10px;}
	.form-policycheck {margin-top: 22px;}
	.submit-btn-box { margin-top: 22px;}
	.submit-btn-box { width: 240px; }
	.submit-btn-box a,
	.submit-btn-box input { line-height: 48px; font-size: 15px;}
	.submit-btn-box.btn:after { width: 16px; right: 16px;}
	.form-note { margin-top: 12px;}
	.note-list li { font-size: 9px;}
	input[type="text"],textarea { font-size: 12px;}
	input[type="text"] {line-height: 38px; min-height: 32px; }
	input[type="checkbox"] { margin-right:5px; top:-1px;}
	input[type="radio"] { margin-right:5px;top: -1px; width: 12px;}
	._check .formTable dl { margin-top: 22px;}
	._check .formTable dt { font-size: 14px; padding-bottom: 6px;}
	.btn._white._bd { width:220px; line-height: 46px; font-size: 12px;}
	.btn._white._bd:after { right: 13px; width: 16px;}
}



/* 3PL */
.bg_lineil._01 { background: url("../img/bg_line2.jpg") no-repeat top center; background-size: cover;}
.point-list { position: relative; margin-top: 6px; width: calc(100%); }
.point-list .photo { width: 44%; display: table-cell; position: relative; }
.point-list .textarea { text-align: left; display: table-cell; vertical-align:middle; position: relative;}
.point-list .textarea .box { background: rgba(255,255,255,.96); width: 100%; padding: 55px 36px; position: relative; left: -30px; width: calc(100% + 30px); border-radius: 2px;}
.point-list .title {text-align:left; font-weight: 600; color: #CC1414; line-height: 1; font-size: 30px;}
.point-list .text { margin-top: 14px}
.point-btmtext { font-weight: 700; font-size: 36px; margin-top: 68px; line-height: 1.4; text-align: center; -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); -ms-transform: skewX(-10deg); position: relative; z-index: 1;}

.flow_3pl { position: relative;}
.flow_3pl dl { display: table; width: 100%; margin-top: 36px; position: relative;}
.flow_3pl dl:after { height: 24px; width: 24px; content: ""; background: url("../img/ic_flow.png") no-repeat; position: absolute; left: 0; right: 0; top: -31px; background-size: 100%; margin: 0 auto;}
.flow_3pl dl:first-child { margin-top: 0;}
.flow_3pl dl:first-child:after { display: none}
.flow_3pl dt,
.flow_3pl dd { display: table-cell; font-weight: 700; vertical-align: middle; font-size: 21px;}
.flow_3pl dt { background: #0a263c; color: white; width: 260px; text-align: center; line-height: 100px;  border-radius:6px 0 0 6px;}
.flow_3pl dd { border: solid 3px #0a263c; border-left: none; border-radius: 0 6px 6px 0; padding: 0 0 0 1.2em;}

@media screen and (max-width:1100px){
	.point-list {  margin-top: 6px; }
	.point-list .photo { width: 44%; }
	.point-list .textarea .box { padding:44px 30px; left: 0px; width: calc(100% + 24px); left: -24px;}
	.point-list .title { font-size: 28px;}
	.point-list .text { margin-top: 14px; font-size: 16px;}
	.point-btmtext { font-size: 32px; margin-top: 52px; }
	
	.flow_3pl dl { margin-top: 32px; }
	.flow_3pl dl:after { height: 22px; width: 22px; top: -28px; }
	.flow_3pl dt,
	.flow_3pl dd { font-size: 19px;}
	.flow_3pl dt { width: 230px; line-height: 90px;}
	.flow_3pl dd { padding: 0 1.2em; line-height: 1.5}
}
@media screen and (max-width:768px){
	.bg_lineil._01 { background-size: 800px auto;}
	.point-list {  margin-top: 6px; max-width: 660px; margin-left: auto; margin-right: auto;}
	.point-list .photo { width: 80%; margin: 0 auto; display: block}
	.point-list .textarea { padding: 0; display: block;}
	.point-list .textarea .box { padding:28px 24px; left: 0px; top: -20px; width: calc(80% - 40px); margin: 0 auto; border-radius: 0px; }
	.point-list .title { font-size: 26px; text-align: center}
	.point-list .text { margin-top: 14px; font-size: 14px; line-height: 1.6;}
	.point-btmtext { font-size: 26px; margin-top: 20px; }
	
	.flow_3pl dl { margin-top: 26px; }
	.flow_3pl dl:after { height: 19px; width: 19px; top: -25px; }
	.flow_3pl dt { width: 180px; line-height: 74px; border-radius:5px 0 0 5px; font-size: 15px;}
	.flow_3pl dd { border-radius: 0 5px 5px 0; padding: 0 1.2em; font-size: 15px; line-height: 1.5}
}
@media screen and (max-width:480px){
	.bg_lineil._01 { background-size: 600px auto;}
	.point-list {  margin-top: 8px; max-width: 660px;}
	.point-list .photo { width: 90%;}
	.point-list .textarea .box { padding:20px 16px 18px; top: -14px; width: calc(90% - 24px); }
	.point-list .title { font-size: 21px;}
	.point-list .text { margin-top: 11px; font-size: 12px; line-height: 1.55;}
	.point-btmtext { font-size: 19px; margin-top: 10px; }
	
	.flow_3pl dl { margin-top: 24px; display: block;}
	.flow_3pl dl:after { height: 18px; width: 18px; top: -24px; }
	.flow_3pl dt { width: 100%; line-height: 42px; border-radius:4px 4px 0 0; padding-top: 1px; font-size: 14px; display: block;}
	.flow_3pl dd { border: solid 2px #0a263c;  border-top: none; border-radius:0 0 4px 4px; padding: 12px 1.2em 14px; font-size: 14px; line-height: 1.55; display: block}
}


/* recruit */
.page-recruit .photo.mw_700 { width:90%;} 
.recruit-list li { background: rgba(250,250,250,.96); margin-top: 16px}
.recruit-list__title { background: rgba(10,38,60,.90); color: white; position: relative; line-height: 70px; font-size: 19px; padding-left: 1.2em; cursor: pointer; -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.recruit-list__title:hover { background: rgba(10,38,60,.80);}
.recruit-list__title .btn { position: absolute; right: 20px; top: 0px; bottom: 0; display: block; width: 24px; }
.recruit-list__title .btn i { background: white; height: 1px; width: 21px; display: block; top: 50%;; position: absolute; opacity: 1;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.recruit-list__title .btn i:nth-child(1) { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.open .recruit-list__title .btn i:nth-child(1) { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1;}
.recruit-list__table th { text-align: center; vertical-align: middle;}
.recruit_detail { display: none;}
.open .recruit_detail { display:block}
.recruit-btmarea { position: relative;}
.btn._red._size-m { width: 330px; }
.btn._red._size-m a { line-height: 70px; font-size: 18px;}
.btn._red._size-m:after { width: 20px; right: 20px;}

@media screen and (max-width:1100px){
	.recruit-list li { margin-top: 16px}
	.recruit-list__title { line-height: 60px; font-size: 18px;}
	.recruit-list__title .btn { right: 20px; width: 20px; }
	.recruit-list__title .btn i { width: 20px;}
	.btn._red._size-m { width: 280px; }
	.btn._red._size-m a { line-height: 60px; font-size: 17px;}
	.btn._red._size-m:after { width: 19px; right: 19px;}
}
@media screen and (max-width:768px){
	.recruit-list li { margin-top: 14px}
	.recruit-list__title { line-height: 56px; font-size: 15px;}
	.recruit-list__title .btn { right: 13px; }
	.recruit-list__title .btn i { width: 17px;}
	.btn._red._size-m { width: 260px; }
	.btn._red._size-m a { line-height: 56px; font-size: 16px;}
	.btn._red._size-m:after { width: 18px; right: 18px;}
}
@media screen and (max-width:480px){
	.recruit-list li { margin-top: 10px}
	.recruit-list__title { line-height: 48px; font-size: 16px; text-align: center; padding: 0;}
	.recruit-list__title .btn { right: 11px; }
	.recruit-list__title .btn i { width: 15px;}
	.recruit-list .tabel-type1 { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; }
	.btn._red._size-m { width: 240px; }
	.btn._red._size-m a { line-height: 48px; font-size: 15px;}
	.btn._red._size-m:after { width: 16px; right: 16px;}
}


/* il */
i.il { display:block; position: absolute; z-index: 10}
.il_fork { width:78px; position: absolute; display: block; }
.il_fork._ct { left:0; right: 0; margin: 0 auto; top: -40px;}
.il_fork._lt { left:-10px; margin: 0 auto; top: -30px;}
.il_fork._rt { right:-10px; margin: 0 auto; top: -30px;}
.il_fork._rt._up { top: -70px;}
.article_type3 .il_fork._ct { left:190px; top: -53px;}
.page-recruit .il_fork._rt { right:0px;top: -80px;}
.il_truck { width:150px; }
.il_truck._rb { right: -40px; bottom: -60px;}
.il_truck._lt { left: -38px; top: -74px;}
.il_truck._rt { right: -18px; top: -74px;}
.il_truck._ct { left: 0; right: 0; top: -80px; margin: 0 auto;}
.article_type3 .il_truck._ct { left: -24px; top: -122px; }
.page-recruit .il_truck._lt { top:-96px;}

@media screen and (max-width:1100px){
	.il_fork { width:62px;}
	.il_fork._ct { top: -39px;}
	.il_fork._lt { left:-10px; top: -28px;}
	.il_fork._rt { right:-10px; top: -30px;}
	.il_fork._rt._up { top: -69px;}
	.article_type3 .il_fork._ct { left:170px; top: -50px;}
	.page-recruit .il_fork._rt { top: -73px;}
	
	.il_truck { width:130px; }
	.il_truck._rb { right: -36px; bottom: -52px;}
	.il_truck._lt { left: -35px; top: -60px;}
	.il_truck._rt { right: -17px; top: -60px;}
	.il_truck._ct { top: -74px;}
	.article_type3 .il_truck._ct { left: -22px; top: -108px; }
	.page-recruit .il_truck._lt { top:-80px;}
}
@media screen and (max-width:768px){
	.il_fork { width:56px;}
	.il_fork._ct { top: -38px;}
	.il_fork._lt { left:-8px; top: -26px;}
	.il_fork._rt { right:-10px; top: -30px;}
	.il_fork._rt._up { top: -68px;}
	.article_type3 .il_fork._ct { left:155px; top: -49px;}
	.page-recruit .il_fork._rt { top: -69px;}
	
	.il_truck { width:100px; }
	.il_truck._rb { right: -30px; bottom: -42px;}
	.il_truck._lt { left: -28px; top: -52px;}
	.il_truck._rt { right: -14px; top: -52px;}
	.il_truck._ct { top: -56px;}
	.article_type3 .il_truck._ct { left: -20px; top: -82px; }
	.page-recruit .il_truck._lt { top:-70px;}
}
@media screen and (max-width:480px){
	.il_fork { width:48px;}
	.il_fork._ct { top: -30px;}
	.il_fork._lt { left:-6px; top: -24px;}
	.il_fork._rt { right:-10px; top: -30px; width: 50px}
	.il_fork._rt._up { top: -46px; right: -40px;}
	.article_type3 .il_fork._ct { left:125px; top: -40px;}
	.page-recruit .il_fork._rt { top: -54px;}
	
	.il_truck { width: 76px;}
	.il_truck._rb { right: -24px; bottom: -36px;}
	.il_truck._lt { left: -20px; top: -38px;}
	.il_truck._rt { right: -10px; top: -38px;}
	.il_truck._ct { top: -44px;}
	.article_type3 .il_truck._ct { left: -20px; top: -65px; }
	.page-recruit .il_truck._lt { top:-60px;}
}

.il_truck.scrollin,
.il_fork.scrollin {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .7s;
	animation-duration: 1s;
	opacity: 1;
}
.il_truck.scrollin{
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
.il_fork.scrollin {
	-webkit-animation-name: bounceInL;
	animation-name: bounceInL;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 100% {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); margin-top: 10px;}
20% { -webkit-transform:scale3d(1.02, 1.02, 1.02); transform:scale3d(1.02, 1.02, 1.02)}
40% { -webkit-transform:scale3d(.98, .98, .98); transform:scale3d(.98, .98, .98); margin-top: 0}
100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1)}
}
@keyframes bounceIn {
0%, 20%, 40%, 100% { 
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); margin-top: 10px;}
20% { -webkit-transform:scale3d(1.02, 1.02, 1.02); transform:scale3d(1.02, 1.02, 1.02);}
40% { -webkit-transform:scale3d(.98, .98, .98); transform:scale3d(.98, .98, .98);margin-top: 0 }
100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceInL {
0%, 20%, 40%, 100% { 
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); margin-top: 5px;}
20% { -webkit-transform:scale3d(1.07, 1.07, 1.07); transform:scale3d(1.07, 1.07, 1.07)}
40% { -webkit-transform:scale3d(.98, .98, .98); transform:scale3d(.98, .98, .98); margin-top: 0px;}
100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) }
}
@keyframes bounceInL {
0%, 20%, 40%, 100% { 
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0% { -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); margin-top: 5px;}
20% { -webkit-transform:scale3d(1.07, 1.07, 1.07); transform:scale3d(1.07, 1.07, 1.07)}
40% { -webkit-transform:scale3d(.98, .98, .98); transform:scale3d(.98, .98, .98); margin-top: 0px;}
100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) }
}

.fadein { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all .5s; transition: all .5s; }
.fadein.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.fadein-side { position: relative; transform: translate3d(50%, 0, 0); opacity: 0;
-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.8s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); }
.fadein-side.scrollin { transform: translate3d(0%, 0, 0) !important;opacity: 1;}
.fadein-ttl { overflow: hidden; position: relative;}
.fadein-ttl span { position: relative; display: inline-block; transform: translate3d(-100%, 0, 0);
-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); }
.fadein-ttl span:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: #fff; transform: translate3d(0%, 0, 0); -webkit-transition: transform 0.2s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.2s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99) ; }
.fadein-ttl.scrollin span { transform: translate3d(0%, 0, 0) !important;}
.fadein-ttl.scrollin span:after { -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; transform: translate3d(100%, 0%, 0) !important;}

#loadingBg { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; -webkit-transition: height .5s cubic-bezier(0.9, 0.1, 0.3, 0.9); transition: height .5s cubic-bezier(0.9, 0.1, 0.3, 0.9);-webkit-transition:all 0.5s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; pointer-events: none;}
#loadingBar { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 0; background: #cc1414; -webkit-transition: height .5s ease; transition: height .5s ease;}
.lower #loadingBg { right: 0; top: 0; height: 100%!important;}