﻿@charset "utf-8";
/* CSS Document */


.post_wrap{overflow:hidden;}
.post_wrap .post_inner{max-width:1200px;margin:0 auto;}
.post_slider{position:relative;width:100vw;margin-left:575px;z-index:1;}

.post_slider .posts{white-space:nowrap;}
.post_slider .posts .slides{position:relative;display:inline-block;font-size:0;}
.post_slider .posts .slides.is-transition{cursor:grabbing;}
.post_slider .posts .slides.is-transition:after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';opacity:0;background-color:#000;}
.post_slider .posts .slide{display:inline-block;padding:0 25px;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.post_slider .posts .post_item{
position:relative;display:block;width:360px;height:520px;padding:50px;background-color:#fff;
-webkit-user-drag:none;
-khtml-user-drag:none;
-moz-user-drag:none;
-o-user-drag:none;
user-drag:none;
-webkit-touch-callout:none;/* iOS Safari */
-webkit-user-select:none;/* Chrome/Safari/Opera */
-khtml-user-select:none;/* Konqueror */
-moz-user-select:none;/* Firefox */
-ms-user-select:none;/* Internet Explorer/Edge*/
user-select:none;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-box-shadow:0 10px 30px 0 rgba(91, 99, 122, 0.25);-moz-box-shadow:0 10px 30px 0 rgba(91, 99, 122, 0.25);box-shadow:0 10px 30px 0 rgba(91, 99, 122, 0.25);
}

.post_slider .posts .post_item .img{overflow:hidden;position:relative;width:100%;height:200px;margin:0 0 24px;text-align:left;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-end;}
.post_slider .posts .post_item .img img{
/*
position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
*/
}

/*
.no-mobile .post_slider .posts .post_item .img img{-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.no-mobile .post_slider .posts .post_item:hover .img img{-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);}
*/
/*.post_slider .posts .post_item .dsc{min-height:5rem;}*/
.post_slider .posts .post_item .post_title{padding:3px 0 5px;font-family:'NotoSansBold';font-weight:700;font-size:25px;color:#111;line-height:normal;text-align:left;}
.post_slider .posts .post_item .post_tx{height:126px;padding:5px 0 4px;font-family:'NotoSansRegular';font-weight:400;font-size:15px;color:#555;line-height:25px;text-align:left;}
.post_slider .posts .post_item .btn_more{position:relative;display:inline-block;margin:15px 0 0;padding:0 26px 0 0;}
.post_slider .posts .post_item .btn_more:before{display:block;content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:#2c56d0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.post_slider .posts .post_item .btn_more span{display:inline-block;margin:0;padding:0;font-family:'NotoSansRegular';font-weight:400;font-size:14px;color:#2c56d0;line-height:normal;text-align:left;vertical-align:middle;}
.post_slider .posts .post_item .btn_more i{position:absolute;top:0;right:0;display:inline-block;width:19px;height:19px;vertical-align:middle;background-image:url("../inhouse.img/ico/ic_arw_02.png");background-repeat:no-repeat;background-position:0 0;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.post_slider .posts .post_item .btn_more:hover:before{width:70%;}
.post_slider .posts .post_item .btn_more:hover i{right:-4px;}

.sectPost{position:relative;min-height:753px;padding-bottom:217px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.sectPost .box{width:100vw;min-width:110%;position:absolute;bottom:0;left:0;}
.sectPost .box .square{position:relative;width:100%;height:357px;background-color:#091d37;}

.sectPost .sectPost_dsc{position:absolute;top:0;left:0;white-space:nowrap;z-index:2;}
.sectPost .sectPost_dsc p{padding:3px 0 4px;font-family:'NotoSansRegular';font-weight:400;font-size:18px;color:#555;line-height:30px;text-align:left;}

.sectPost .sectPost_dsc .btn_more{position:relative;display:inline-block;margin:50px 0 0;padding:0;}
.sectPost .sectPost_dsc .btn_more:before{display:block;content:'';position:absolute;bottom:0;left:0;width:0%;height:1px;background-color:#000;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.sectPost .sectPost_dsc .btn_more span{display:inline-block;margin-right:2px;padding:0;font-family:'NotoSansRegular';font-weight:400;font-size:14px;color:#111;line-height:normal;text-align:left;vertical-align:middle;}
.sectPost .sectPost_dsc .btn_more i{display:inline-block;width:19px;height:19px;vertical-align:middle;background-image:url("../inhouse.img/ico/ic_plus.png");background-repeat:no-repeat;background-position:0 0;}
.sectPost .sectPost_dsc .btn_more:hover:before{width:62%;}

.sectPost .post_slider_nav{font-size:0;margin-top:40px;}
.sectPost .post_slider_nav a{position:relative;display:inline-block;width:50px;height:50px;border:1px solid #d9d9d9;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.sectPost .post_slider_nav a:first-child{margin-right:-1px;}
.sectPost .post_slider_nav a span{font-size:0;}
.sectPost .post_slider_nav a i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:inline-block;width:12px;height:21px;background-repeat:no-repeat;background-position:50% 50%;}
.sectPost .post_slider_nav a i{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.sectPost .post_slider_nav a.btn_prev i{background-image:url("../inhouse.img/ico/ic_nav_prev_off.png");}
.sectPost .post_slider_nav a.btn_next i{background-image:url("../inhouse.img/ico/ic_nav_next_off.png");}

.sectPost .post_slider_nav a:hover{background-color:#2c56d0;border:1px solid #2c56d0;}
.sectPost .post_slider_nav a.btn_prev:hover i{margin-left:-8%;background-image:url("../inhouse.img/ico/ic_nav_prev_on.png");}
.sectPost .post_slider_nav a.btn_next:hover i{margin-left:8%;background-image:url("../inhouse.img/ico/ic_nav_next_on.png");}

.anim-group .anim{opacity:0;}
.anim-group .anim.fade-in-left{
-webkit-transform:translateX(-120px);
-moz-transform:translateX(-120px);
-ms-transform:translateX(-120px);
-o-transform:translateX(-120px);
transform:translateX(-120px);
}
.anim-group .anim.fade-in-right{
-webkit-transform:translateX(120px);
-moz-transform:translateX(120px);
-ms-transform:translateX(120px);
-o-transform:translateX(120px);
transform:translateX(120px);
}
.anim-group .anim.fade-in-up{
-webkit-transform:translateY(120px);
-moz-transform:translateY(120px);
-ms-transform:translateY(120px);
-o-transform:translateY(120px);
transform:translateY(120px);
}
.anim-group .anim.fade-in-up-short{
-webkit-transform:translateY(60px);
-moz-transform:translateY(60px);
-ms-transform:translateY(60px);
-o-transform:translateY(60px);
transform:translateY(60px);
}
.anim-group .anim.fade-in-scale-up{
-webkit-transform:translate(0, 0) scale(1, 0);
-moz-transform:translate(0, 0) scale(1, 0);
-ms-transform:translate(0, 0) scale(1, 0);
-o-transform:translate(0, 0) scale(1, 0);
transform:translate(0, 0) scale(1, 0);
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%;
}
.anim-group .anim.slide-in-from-right{opacity:1;
-webkit-transform:translate(100%, 0) scale(1, 1);
-moz-transform:translate(100%, 0) scale(1, 1);
-ms-transform:translate(100%, 0) scale(1, 1);
-o-transform:translate(100%, 0) scale(1, 1);
transform:translate(100%, 0) scale(1, 1);
}
.anim-group .anim.bg{position:absolute;left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%);
opacity:1;width:0;overflow:hidden;
}
.anim-group .anim.bg.align-left{left:0;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}
.anim-group.in .anim{
-webkit-transition:-webkit-transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms ease-out;
-moz-transition:-moz-transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms ease-out;
-ms-transition:-ms-transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms ease-out;
-o-transition:-o-transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms ease-out;
transition:transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 800ms ease-out;
opacity:1 !important;
-webkit-transform:translate(0, 0) scale(1, 1) !important;
-moz-transform:translate(0, 0) scale(1, 1) !important;
-ms-transform:translate(0, 0) scale(1, 1) !important;
-o-transform:translate(0, 0) scale(1, 1) !important;
transform:translate(0, 0) scale(1, 1) !important;
}
.anim-group.in .anim.slide-in-from-right{
-webkit-transition-duration:1200ms, 1200ms;
-moz-transition-duration:1200ms, 1200ms;
-ms-transition-duration:1200ms, 1200ms;
-o-transition-duration:1200ms, 1200ms;
transition-duration:1200ms, 1200ms;
}
.anim-group.in .anim.delay-100{
-webkit-transition-delay:100ms !important;
-moz-transition-delay:100ms !important;
-ms-transition-delay:100ms !important;
-o-transition-delay:100ms !important;
transition-delay:100ms !important;
}
.anim-group.in .anim.delay-200{
-webkit-transition-delay:200ms !important;
-moz-transition-delay:200ms !important;
-ms-transition-delay:200ms !important;
-o-transition-delay:200ms !important;
transition-delay:200ms !important;
}
.anim-group.in .anim.delay-300{
-webkit-transition-delay:300ms !important;
-moz-transition-delay:300ms !important;
-ms-transition-delay:300ms !important;
-o-transition-delay:300ms !important;
transition-delay:300ms !important;
}
.anim-group.in .anim.delay-400{
-webkit-transition-delay:400ms !important;
-moz-transition-delay:400ms !important;
-ms-transition-delay:400ms !important;
-o-transition-delay:400ms !important;
transition-delay:400ms !important;
}
.anim-group.in .anim.delay-500{
-webkit-transition-delay:500ms !important;
-moz-transition-delay:500ms !important;
-ms-transition-delay:500ms !important;
-o-transition-delay:500ms !important;
transition-delay:500ms !important;
}
.anim-group.in .anim.delay-600{
-webkit-transition-delay:600ms !important;
-moz-transition-delay:600ms !important;
-ms-transition-delay:600ms !important;
-o-transition-delay:600ms !important;
transition-delay:600ms !important;
}
.anim-group.in .anim.delay-700{
-webkit-transition-delay:700ms !important;
-moz-transition-delay:700ms !important;
-ms-transition-delay:700ms !important;
-o-transition-delay:700ms !important;
transition-delay:700ms !important;
}
.anim-group.in .anim.delay-800{
-webkit-transition-delay:800ms !important;
-moz-transition-delay:800ms !important;
-ms-transition-delay:800ms !important;
-o-transition-delay:800ms !important;
transition-delay:800ms !important;
}
.anim-group.in .anim.delay-900{
-webkit-transition-delay:900ms !important;
-moz-transition-delay:900ms !important;
-ms-transition-delay:900ms !important;
-o-transition-delay:900ms !important;
transition-delay:900ms !important;
}
.anim-group.in .anim.delay-1000{
-webkit-transition-delay:1000ms !important;
-moz-transition-delay:1000ms !important;
-ms-transition-delay:1000ms !important;
-o-transition-delay:1000ms !important;
transition-delay:1000ms !important;
}
.anim-group.in .anim.delay-1100{
-webkit-transition-delay:1100ms !important;
-moz-transition-delay:1100ms !important;
-ms-transition-delay:1100ms !important;
-o-transition-delay:1100ms !important;
transition-delay:1100ms !important;
}
.anim-group.in .anim.delay-1200{
-webkit-transition-delay:1200ms !important;
-moz-transition-delay:1200ms !important;
-ms-transition-delay:1200ms !important;
-o-transition-delay:1200ms !important;
transition-delay:1200ms !important;
}
.anim-group.in .anim.delay-1300{
-webkit-transition-delay:1300ms !important;
-moz-transition-delay:1300ms !important;
-ms-transition-delay:1300ms !important;
-o-transition-delay:1300ms !important;
transition-delay:1300ms !important;
}
.anim-group.in .anim.delay-1400{
-webkit-transition-delay:1400ms !important;
-moz-transition-delay:1400ms !important;
-ms-transition-delay:1400ms !important;
-o-transition-delay:1400ms !important;
transition-delay:1400ms !important;
}
.anim-group.in .anim.delay-1500{
-webkit-transition-delay:1500ms !important;
-moz-transition-delay:1500ms !important;
-ms-transition-delay:1500ms !important;
-o-transition-delay:1500ms !important;
transition-delay:1500ms !important;
}
.anim-group.in .anim.delay-1600{
-webkit-transition-delay:1600ms !important;
-moz-transition-delay:1600ms !important;
-ms-transition-delay:1600ms !important;
-o-transition-delay:1600ms !important;
transition-delay:1600ms !important;
}
.anim-group.in .anim.delay-1700{
-webkit-transition-delay:1700ms !important;
-moz-transition-delay:1700ms !important;
-ms-transition-delay:1700ms !important;
-o-transition-delay:1700ms !important;
transition-delay:1700ms !important;
}
.anim-group.in .anim.delay-1800{
-webkit-transition-delay:1800ms !important;
-moz-transition-delay:1800ms !important;
-ms-transition-delay:1800ms !important;
-o-transition-delay:1800ms !important;
transition-delay:1800ms !important;
}
.anim-group.in .anim.delay-1900{
-webkit-transition-delay:1900ms !important;
-moz-transition-delay:1900ms !important;
-ms-transition-delay:1900ms !important;
-o-transition-delay:1900ms !important;
transition-delay:1900ms !important;
}
.anim-group.in .anim.delay-2000{
-webkit-transition-delay:2000ms !important;
-moz-transition-delay:2000ms !important;
-ms-transition-delay:2000ms !important;
-o-transition-delay:2000ms !important;
transition-delay:2000ms !important;
}
.anim-group.in .anim.bg{
-webkit-transition:-webkit-transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1), width 1600ms cubic-bezier(0.23, 1, 0.32, 1);
-moz-transition:-moz-transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1), width 1600ms cubic-bezier(0.23, 1, 0.32, 1);
-ms-transition:-ms-transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1), width 1600ms cubic-bezier(0.23, 1, 0.32, 1);
-o-transition:-o-transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1), width 1600ms cubic-bezier(0.23, 1, 0.32, 1);
transition:transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1), width 1600ms cubic-bezier(0.23, 1, 0.32, 1);
opacity:1 !important;
-webkit-transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important;
-ms-transform:translateX(-50%) !important;
-o-transform:translateX(-50%) !important;
transform:translateX(-50%) !important;
width:100%;
}
.anim-group.in .anim.bg.align-left{
-webkit-transform:translateX(0) !important;
-moz-transform:translateX(0) !important;
-ms-transform:translateX(0) !important;
-o-transform:translateX(0) !important;
transform:translateX(0) !important;
}
