/* CSS Document */
@import url("core.css");
@import url("animate.css");
/*******/
@import url("fonts.css?v=106");
@import url("menu.css?v=11");
/* Scroll
========================================================================== */
.header { background:#fff }
.colum_banner { background:#e3e4eb; height:320px; position:relative; }
.colum_banner_box { text-align:right; max-width:1366px; width:100%; margin:0 auto; }
.colum_banner_box img { width:auto; height:auto }
.banner_fixed { position:absolute; left:0; top:0 }
.banner_fixed .banner_lt { max-width:1366px; width:100%; margin:0 auto; text-align:left; font-size:20px; }
.banner_fixed .banner_lt b { font-size:60px; line-height:normal }
.column_solution { background:#f1f2f6; }
.column { max-width:1366px; margin:0 auto; width: 100vw; padding:112px 83px }
.column_link { width:100%; vertical-align: top; overflow: hidden; float:left; }
.column_img { margin-top:20px; }
.column_img img { display:block; width:100%; height:auto }
.column_text { margin-top:15px; margin-bottom:55px }
.column_text span { display: inline; border-bottom: 2px solid #5e7197; letter-spacing:1px; padding-bottom:2px; font-size:20px; font-weight:bold }
.column_btn { display:block; text-align:center; padding-top:50px; }
.column_btn a { display:inline-block; border:2px solid #00349d; background-color: #00349d; padding:15px 80px; color:#fff; font-size:14px; font-weight:bold; -webkit-border-radius:50px; border-radius:50px; -moz-border-radius:50px; }
.column_btn a:hover { background:none; color:#00349d }
.column_link { }
.column_link li { width:32%; margin-bottom:2%; margin-right:2%; background-color:#fff; padding-bottom:10px; }
.column_link li:nth-child(3n) {
margin-right:0
}
.column_inner_img { overflow:hidden }
.column_inner_img img { display:block; width:100%;  height:auto -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.65s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.column_textarea { padding:25px 30px; }
.column_link a { color:#333; display:block }
.column_inner_catch { font-size:17px; font-weight:bold; margin-bottom:5px; line-height:1.6; color:#00349d }
.column_inner_text { font-weight:normal; font-size:15px; line-height:1.6 }
.column_inner_btn { margin-top:25px; font-weight:bold; color:#00349d }
.column_link a span { position:relative; display:inline-block }
.column_link a span:before { content: ''; display: block; position: absolute; left: 0; bottom:-5px; height:1px; width:100%; background: #fff; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }
.column_link li:hover { background:#00349d }
.column_link li:hover * { color:#fff }
.column_link a:hover span:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }
.column_link a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.colum_category { margin-bottom:35px }
.colum_category a { border: solid 2px #c2c6d3; color: #222; text-align: center; -webkit-transition: all .4s;
transition: all .4s;
background-color: transparent; -webkit-border-radius:30px; border-radius:30px; -moz-border-radius:30px; padding:10px 30px; display:inline-block; margin-right:15px; margin-bottom:10px; }
.colum_category a.on, .colum_category a:hover { border-color:#00349d; color:#00349d }
#case_study .column_textarea { padding-left:0; padding-right:0 }
#case_study .column_inner_catch { padding:10px 0; color:#01359d; }
.column_inner_subtext { color:#666; margin-bottom:5px; }
#case_study .column_inner_text { }
.mod-linkbox_hr { background:#eee; margin:10px 0 }
.mod-linkbox-solution_note_catch { }
.mod-linkbox-solution_note { font-size:12px; }
#case_study .column_link a span { color:#01359d }
#case_study .column_link a span:before { background:#01359d }
#case_study .column_text span { border-bottom-color:#eee; color:rgba(0, 0, 0, 0.8) }
#case_study .column_btn a { background:#01359d; color:#fff; border-color:#01359d }
#case_study .column_btn a:hover { background-color:#fff; color:#01359d }
/*****/
#pages { margin-top:50px; text-align:center }
#pages a, #pages span {background:#fff;border: 1px solid #e6e6e6; color: #222222; display:inline-block; height:35px; width:35px; line-height:35px; text-align:center; font-size:12px; vertical-align:middle; margin:0 3px; }
#pages span { border-color:#00349d; color:#fff;background:#00349d}
#pages a.first, #pages a.prev, #pages a.next, #pages a.last { width:35px; padding:0; position:relative; overflow:hidden }
#pages a.a1 { display:none }
#pages a:hover { color:#00349d }
#pages a.first:before, #pages a.prev:before, #pages a.next:before, #pages a.last:before { display:block; content:""; background:#fff url(../images/icon_img061.png) no-repeat center center; background-size:auto 6px; width:100%; height:100%; position:absolute; left:0; top:0 }
#pages a.prev:before { background-image:url(../images/icon_img06.png) }
#pages a.next:before { background-image:url(../images/icon_img07.png) }
#pages a.last:before { background-image:url(../images/icon_img070.png) }
.case_h1 { position:relative; float:left; width:100% }
.case_h1 img { display:block; max-width:100%; height:auto; float:right }
.case_h1 h1 { height:60px; font-size:20px; width:500px; line-height:30px; position:absolute; left:0; top:50%; z-index:9; margin-top:-30px; }
@media(max-width:1500px){
.colum_banner_box{ max-width:100%}
.banner_fixed .banner_lt{ max-width:100%; margin-left:80px}
}
@media(max-width:1300px){
.banner_fixed .banner_lt b{ font-size:50px}	
.colum_banner_box img,.colum_banner{ height:280px}
}
@media (max-width: 1250px){
.banner_fixed .banner_lt b{ font-size:40px}	
.colum_banner_box img,.colum_banner{ height:250px}	
#fixed_height{ height:117px}
}
@media (max-width:1000px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:40px}	
.banner_fixed .banner_lt b{ font-size:30px}	
.colum_banner_box img,.colum_banner{ height:200px}
}
@media (max-width:800px){
.banner_fixed .banner_lt{ max-width:100%; margin-left:35px}
.colum_banner_box img,.colum_banner{ height:150px}
#fixed_height{ height:82px}
}
@media (max-width:620px){
.banner_fixed .banner_lt{ line-height:120%}	
.banner_fixed .banner_lt b{ font-size:20px}		
.colum_banner_box img{ display:none}
.colum_banner_box img,.colum_banner{ height:120px; text-align:center}
}
@media (max-width:500px){
#fixed_height{ height:63px}
}
@media(max-width:1400px){
.column{ padding:80px 80px}
}
@media(max-width:1200px){
.column{ padding:80px 50px}
}
@media(max-width:1000px){
.column_textarea{padding:20px 20px}
.column{ padding:50px 40px}
}
@media(max-width:1000px){
.colum_category a{ margin-right:10px; padding:3px 20px}
}
@media(max-width:900px){
.column_link li{ width:48%; margin-right:4%; margin-bottom:4%}
.column_link li:nth-child(3n){ margin-right:4%}
.column_link li:nth-child(2n){ margin-right:0%}
.column_btn{ padding-top:35px}
}
@media(max-width:500px){
.column{ padding:30px 25px}
}
@media(max-width:500px){
.column_link li{ width:100%; margin-right:0; margin-bottom:25px}
.column_link li:nth-child(3n){ margin-right:0%}
.column_inner_btn{ display:none}
.column_btn{ padding-top:20px}
}