.pagetype-portfolio header .featu#1faeb2-menu{display:none;}
.edit .page-overlay{display:none!important;}
.no-edit .page-overlay{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:99999;}
.page-overlay h1{font-size:50px;margin:0;padding:0 50px;font-family:'roboto_slabbold','NotoSansJP';color:#fff;letter-spacing:5px;text-transform:uppercase;position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.no-edit .section-1{position:fixed;}
.section-2{position:relative;background:#fff;padding-bottom:100px;}
.no-edit .section-2{z-index:9;}
.section>div{float:left;width:100%;}
.IPS-client-voice .quote>div{padding: 0 50px;max-width: 1080px;}
.IPS-client-voice>div.quote{padding:50px 10%;}
@media(min-width:681px){
.no-edit.pagetype-portfolio header{position:relative;z-index:10;} 
.no-edit.pagetype-portfolio header .logo{z-index:2;}	
}
.block-fixed-back{position:fixed;left:0;z-index:9;width:10%;text-align:center;top:220px;font-family:'roboto_slabbold';letter-spacing:1px;margin-top:30px;}
.block-fixed-back a{color:#999;}
.block-fixed-back a:hover{color:#ff0000;}
.block-fixed-back span{display:block;margin-top:20px;}
.block-fixed-back img{margin:auto;}
.main-content,
.main-content>div{float:left;width:100%;}
.scroll-down{text-align:center;color:#000;text-transform:uppercase;font-family:'roboto_slabbold','NotoSansJP';padding:20px 0;position:fixed;top:0;width:100%;background:#fff;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s;-ms-transition:all .8s;}
.no-edit .scroll-down{z-index:1;}
.shrink .scroll-down{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);}
.block-banner{background-image:url(../images/bg.png);background-size:100%;}
.block-banner .block-image{background-size:cover;background-position:center;position:relative;}
.block-banner .block-image:before{background:rgba(0,0,0,.5);position:absolute;left:0;top:0;width:100%;height:100%;content:'';}
.block-banner .block-work-name{max-width:1000px;margin:auto;text-align:center;text-transform:uppercase;top:50%;left:0;right:0;padding:0 30px;position:absolute;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.block-banner .block-work-name h1{font-size:30px;margin:0;font-family:'roboto_slabbold','NotoSansJP';color:#fff;letter-spacing:5px;}
.block-banner .block-image img{visibility:hidden;}
.block-banner p strong{font-family:'roboto_slabbold','NotoSansJP';font-size:16px;color:#000;}
.block-banner >div>div{float:left;width:100%;}
.block-banner .block-text{padding:30px 0;margin-bottom:80px;color:#858585;}
.block-banner .block-text >div{margin:auto;}
.block-banner .block-text .block-table{float:left;width:100%;display:table;table-layout:fixed;}
.block-banner .block-text .block-table>div{display:table-cell;vertical-align:top;padding:0 10px;}
.block-banner .block-text .block-table>div.block-link-site{vertical-align:middle;}
.block-banner .block-text .block-link-site a{font-family:'roboto_slabbold','NotoSansJP';color:#000;font-size:16px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.block-banner .block-text .block-link-site a i{padding-left:20px;font-size:20px;vertical-align:middle;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.block-banner .block-text .block-link-site a:hover i{padding-left:30px;}
.block-banner .block-text .block-link-site a:hover{color:#ed1c24}
.block-banner .block-overlay{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transition:all .2s;}
.scrolldown{cursor:pointer; position:absolute;color:#fff;bottom:60px;text-align:center;left:0;right:0;width:auto;margin:auto;font-family:'roboto_slabbold';font-size:16px;letter-spacing:1px;}
.scrolldown span{display:block;margin-bottom:20px;}
.scrolldown img{margin:auto;visibility:visible!important;display:block;}
.block-preview{position: relative; margin-bottom:100px;/*border-bottom:1px solid #f4f4f4;*/padding-bottom:70px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-preview:before{
	background-image: url(../images/bg.png);
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 20%;
    width: 100%;
    z-index: -1;
    border-bottom: 1px solid #f4f4f4;
}
.block-preview .work-design{float:left;width:100%;background-position:center;background-size:cover;}
.block-preview img{width:100%;}
.block-project{padding-left:0px!important;width:40%;}
.block-project>div,
.block-deliver>div{max-width:400px;}
.block-scroll-down{vertical-align:middle!important;cursor:pointer;}
.block-scroll-down p strong{transition:all .3s;}
.block-scroll-down:hover p strong{color:#1faeb2;}
.block-link-site{padding-right:0px!important;text-align:right;}
.type-branding .block-preview .work-design{background-attachment:fixed;background: none!important;}
/*.type-branding .block-preview img{display:none;}*/
.block-work .block-row{float:left;width:100%;}
.block-work .block-col-1{float:left;width:36%;}
.block-work .block-col-2{float:left;width:64%;padding-left:20px;}
.block-work .block-col-1 .block-text{background:#000;color:#fff;text-align:center;text-transform:uppercase;font-size:16px;position:relative;margin-bottom:20px;}
.block-work .block-col-1 .block-text h1,
.block-work .block-col-1 .block-text h2,
.block-work .block-col-1 .block-text h3{color:#fff;margin:0;} 
.block-work .block-col-1 .block-text h2{font-family:'roboto_slabregular','NotoSansJP';font-size:48px;letter-spacing:2px;margin-bottom:30px;}
.block-work .block-col-1 .block-text h3{font-family:'RobotoRegular','NotoSansJP';font-size:18px;}
.block-work .block-col-1 .block-text h3:after{content:'';width:25px;height:1px;background:#fff;display:block;margin:20px auto;}
.block-work .block-col-1 .block-text>div{position:absolute;top:50%;left:0;padding:0 2vw;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.block-work .block-col-1 img{width:100%;}
.block-work .block-col-2{font-size:14px;color:#858585;}
.block-work .block-col-2 .block-text{float:left;padding:50px 0 70px;width:90%;}
.block-work .block-col-2 .block-text>div{max-width:750px;margin:auto;padding:0 50px;font-family: 'roboto_slabregular';color: #333;font-size: 16px;} 
.block-work .block-col-2 h3{font-size:30px;font-family:'roboto_slabbold','NotoSansJP';margin:0;display:table-cell;padding-right:70px;width:40%;vertical-align:top;color:#000;text-align:right;text-transform:uppercase;}
.block-work .block-col-2 p{display:table-cell;width:60%;vertical-align:middle;margin:0;}
.block-work .block-col-2 .block-image{float:left;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;width:90%;overflow:hidden;background:none!important;}
.block-work .block-col-2 .block-image img{width:100%;}
.block-work .text-bottom{float:left;width:100%;margin-top:30px;}
.block-work .text-bottom>.t-left{float:left;padding-left:40px;text-transform:uppercase;}
.block-work .text-bottom>.t-right{float:right;font-size:16px;font-family:'roboto_slabbold','NotoSansJP';}
.block-work .text-bottom>.t-right a{color:#000;display:inline-block;}
.block-work .text-bottom>.t-right a:hover{color:#1faeb2;}
.block-work .text-bottom>.t-right a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;}
.block-work .text-bottom h3{font-size:20px;margin:0;font-family:'RobotoRegular','NotoSansJP';}
.block-work .text-bottom h3:after{content:'';width:180px;height:1px;background:#000;display:inline-block;vertical-align:middle;margin-left:40px;}
.no-edit .IPS-client-voice{display:none;}
.IPS-client-voice{margin-top:100px;padding-bottom:100px!Important;}
.IPS-client-voice>div{max-width:100%;}
.IPS-client-voice>div>div{max-width:1240px;margin:auto;}
.block-detail-more >.block{padding:20px 0;}
.block-detail-more img{width:100%;margin-top:20px;} 
.block-relate{float:left;width:100%;margin-top:150px;visibility:hidden;}
.block-relate .block-back-main{float:left;width:100%;margin-bottom:50px;}
.block-relate .block-back-main>.t-left{float:left;padding-left:40px;text-transform:uppercase;}
.block-relate .block-back-main>.t-right{float:right;font-size:16px;font-family:'roboto_slabbold','NotoSansJP';}
.block-relate .block-back-main>.t-right a{color:#000;display:inline-block;}
.block-relate .block-back-main>.t-right a:hover{color:#1faeb2;}
.block-relate .block-back-main>.t-right a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;}
.block-relate .block-back-main h3{font-size:20px;margin:0;font-family:'RobotoRegular','NotoSansJP';}
.block-relate .block-back-main h3:after{content:'';width:180px;height:1px;background:#000;display:inline-block;vertical-align:middle;margin-left:40px;}
.block-relate .block-top{float:left;width:100%;position:relative;background-color:#000;padding:50px 0;}
.block-relate .block-top .block-text{text-align:center;font-size:16px;line-height:1;position:inherit;width:100%;text-transform:uppercase;top:50%;padding:0 50px;}
.block-relate .block-top .block-text h4,
.block-relate .block-top .block-text h2,
.block-relate .block-top .block-text a{color:#fff;}
.block-relate .block-top .block-text h4,
.block-relate .block-top .block-text h3, 
.block-relate .block-top .block-text a{color:#fff;}
.block-relate .block-top .block-text h4{font-size:20px;font-family:'RobotoRegular','NotoSansJP';margin-top:0;}
.block-relate .block-top .block-text h3{font-size:50px;font-family:'roboto_slabregular','NotoSansJP';}
.block-relate .block-top .block-text h4:after{content:'';width:40px;display:block;margin:auto;height:2px;background:#999;margin-top:30px;}
.block-relate .block-top .block-text a:hover{color:#ff0000;}
.block-relate .block-top .block-work{float:right;width:60%;padding-right:10%;}
.block-relate .block-top .block-work .work-item{width:100%;}
.block-relate .block-top .block-work img{width:100%;}
.block-relate .block-top .block-recent-text{font-size:30px;font-family:'roboto_slabregular','NotoSansJP';position:absolute;bottom:20px;right:5%;color:#fff;text-transform:none;-webkit-transform:rotate(90deg)translateY(-220px) translateX(-220px);-moz-transform:rotate(90deg)translateY(-220px) translateX(-220px);-o-transform:rotate(90deg)translateY(-220px) translateX(-220px);-ms-transform:rotate(90deg) translateY(-220px) translateX(-220px);transform:rotate(90deg) translateY(-220px) translateX(-220px);}
.block-relate .block-top .block-recent-text:before{content:'';width:170px;height:2px;background:#999;display:inline-block;margin-right:20px;vertical-align:middle;}
.block-relate .block-bottom{float:left;width:100%;position:relative;padding-top:15px;}
.block-relate .block-bottom:before{background:#000;content:'';position:absolute;left:0;top:0;height:50%;width:100%;}
.block-relate .block-bottom .block-work{margin:0 -8px;}
.block-relate .block-bottom .block-work>div{float:left;width:25%;padding:0 8px;}
.ccm-next-previous>div{display:inline-block;margin:20px;}
.ccm-next-previous{float:right;font-size:16px;font-family:'roboto_slabbold','NotoSansJP';}
.ccm-next-previous a{color:#000;display:inline-block;}
.ccm-next-previous a:hover{color:#1faeb2;}
.ccm-next-previous .ccm-next a:after,
.ccm-next-previous .ccm-previous a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ccm-next-previous .ccm-next a:after{content:"\f178";margin-left:10px;}
.ccm-next-previous .ccm-previous a:before{content:"\f177";margin-right:10px;}
.same-line{display:table;float:left;width:100%;}
.same-line>*{display:table-cell; vertical-align:middle;}
.same-line p{text-align:right;}
.same-line p a{text-decoration:underline;}
.block-center img{width:100%;}
.block-intro .intro-monitor{position:relative; text-align:center; background-size:cover; padding:0 15px;}
.block-intro .im-wrapper{display:inline-block;}
.block-intro .im-main{border:30px solid #363636; border-radius:15px;}
.block-intro .im-main img{display:block; max-width:100%;}
.block-intro .im-stand img{display:inline-block; max-width:45%;}
.block-intro .im-logo{padding:8vh 20px 15vh;}
.block-intro .im-logo img{max-width:100%; display:inline-block;}
.block-intro .im-btn{color:#fff; padding:45px 15px 65px;}
.block-intro .im-btn p{margin-top:15px;}
.block-intro .imb-icon{display:inline-block; position:relative; border-right:1px solid #da3237; height:60px;}
.block-intro .imb-icon:before{content:''; display:block; width:13px; height:13px; border-radius:10px; background-color:#da3237; position:absolute; bottom:0; left:-6px;}
.block-intro .imb-icon:after{content:''; display:block; width:31px; height:31px; border-radius:20px; border:2px solid #da3237; position:absolute; bottom:-9px; left:-15px;}
.cd-image-container{position:relative; margin:0; display:inline-block;}
.cd-image-container img{display:block;}
.cd-image-label{position:absolute; bottom:0; right:0; color:#ffffff; padding:1em; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; opacity:0; -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -ms-transform:translateY(20px); -o-transform:translateY(20px); transform:translateY(20px); -webkit-transition:-webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition:-moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition:transform 0.3s 0.7s, opacity 0.3s 0.7s;}
.cd-image-label.is-hidden{visibility:hidden;}
.is-visible .cd-image-label{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
.cd-resize-img{position:absolute; top:0; left:0; width:0; height:100%; overflow:hidden; border-right:4px solid #d23035; background-size:auto 100%; background-repeat:no-repeat; background-position:left top; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.cd-resize-img .cd-image-label{right:auto; left:0;}
.is-visible .cd-resize-img{width:50%; -webkit-animation:cd-bounce-in 0.7s; -moz-animation:cd-bounce-in 0.7s; animation:cd-bounce-in 0.7s;}
@-webkit-keyframes cd-bounce-in{
0%{width:0;}
60%{width:55%}
100%{width:50%;}
}
@-moz-keyframes cd-bounce-in{
0%{width:0;}
60%{width:55%;}
100%{width:50%;}
}
@keyframes cd-bounce-in{
0%{width:0;}
60%{width:55%;}
100%{width:50%;}
}
.cd-handle{position:absolute; height:40px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-20px; background-color:#dd002b; cursor:move; box-shadow:0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); opacity:0; -webkit-transform:translate3d(0, 0, 0) scale(0); -moz-transform:translate3d(0, 0, 0) scale(0); -ms-transform:translate3d(0, 0, 0) scale(0); -o-transform:translate3d(0, 0, 0) scale(0); transform:translate3d(0, 0, 0) scale(0);}
.cd-handle:before{content:''; display:block; position:absolute; top:50%; left:16px; margin-top:-3px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:7px solid #fff;}
.cd-handle-2{position:absolute; top:0; right:0; width:40px; height:40px; background-color:#c60025; display:block;}
.cd-handle-2:before{content:''; display:block; position:absolute; top:50%; right:16px; margin-top:-3px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:7px solid #fff;}
.is-visible .cd-handle{opacity:1; -webkit-transform:translate3d(0, 0, 0) scale(1); -moz-transform:translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); -o-transform:translate3d(0, 0, 0) scale(1); transform:translate3d(0, 0, 0) scale(1); -webkit-transition:-webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition:-moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition:transform 0.3s 0.7s, opacity 0s 0.7s;}

.primary-color-section {
	margin-bottom: 90px;
}
.primary-color-section > div{
	max-width: 1400px;
	padding: 0 11%;
	margin: auto;
}
.primary-color-section h2{
	font-family: robotolight;
	font-size: 64px;
	color: #9B9B9B;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E5E5E5;
}

.primary-color-section .list-color {
	margin-top: 80px;
}
.primary-color-section .list-color > div{
	max-width: 770px;
	margin:auto;
}
.primary-color-section .list-color ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.primary-color-section .list-color ul li{
    -ms-flex-prefer#1faeb2-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.primary-color-section .circle img{
	padding: 0 10px;
}
.primary-color-section .circle span{
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 50%;
}
.primary-color-section .title{
	font-size: 20px;
	color: #C5C5C5;
	margin-top: 25px;
	text-transform: uppercase;
}



@media(max-width: 1024px){
	.primary-color-section h2{
		font-size: 45px;
	}
}
@media(max-width: 767px){
	.primary-color-section h2{
		font-size: 35px;
	}
}
@media(max-width: 680px){
	.primary-color-section h2{
		font-size: 30px;
	}
	.primary-color-section .circle span{
		width: 100px;
		height: 100px;
	}
	.primary-color-section .title{
		font-size: 18px;
	}
}
@media(max-width: 480px){
	.primary-color-section .circle span{
		width: 80px;
		height: 80px;
	}
}
@media(max-width: 400px){
	.primary-color-section .circle span{
		width: 60px;
		height: 60px;
	}
}

@media(max-width:1600px){
.block-work .block-col-1 .block-text h2{font-size:35px;}
.scroll-down>div>span:nth-child(1){font-size:12px;}
.scroll-down>div>span:nth-child(2){font-size:16px;}
.block-banner .block-text{font-size:13px;}
.block-banner p strong,
.block-banner .block-text .block-link-site a{font-size:14px;}
.block-relate .block-top .block-text h3{font-size:40px;}
.block-fixed-back span{font-size:12px;}
}
@media(max-width:1400px){
.block-relate .block-top .block-recent-text{font-size:25px;}
}
@media(max-width:1280px){
.block-work .block-col-1 .block-text h2{font-size:32px;}
.block-work .block-col-2 h3{font-size:20px;}
.block-work .block-col-2 p,
.block-work .block-col-1 .block-text h3,
.block-work .block-col-1 .block-text,
.scroll-down>span:nth-child(2){font-size:14px;}
.scroll-down>span:nth-child(1){font-size:12px;}
.block-relate .block-top .block-text h3{font-size:22px;}
.block-relate .block-top .block-text h4{font-size:16px;}
.same-line p{font-size:14px;}
.block-relate .block-top .block-text{padding:0 30px;}
.block-relate .block-top .block-recent-text{font-size:18px;}
.block-relate .block-top .block-recent-text:before{width:100px;}
}
@media(max-width:1100px){
.block-work .block-col-2 .block-text{padding:20px 0;}
}
@media(max-width:1024px){
.no-edit .section-1{position:relative;}
.block-banner .block-image{height:auto!important;}
.no-edit .section-2{margin:0!Important;}
.scrolldown{bottom:20px;}
}
@media(max-width:990px){
.block-work .block-col-1 .block-text h2{font-size:22px;}
.block-relate{margin-top:0px;}
.block-relate .block-top{margin-top:0px;padding:20px 0;}
.block-relate .block-top .block-text>div{max-width:inherit;}
.same-line{width:100%;display:block;}
.same-line>*{width:100%;display:block;}
.same-line p{text-align:left;}
.block-relate .block-bottom{padding:0px 8px;}
.block-center img{display:block!important;}
.block-layout-wide .ccm-layout-table .ccm-layout-col{padding:0px!important;}
.main-content .block-top>div{max-width:initial; padding:0 0px;}
.block-work .block-col-2 h3,
.block-work .block-col-2 p{display:block;width:100%;padding:0;text-align:center;}
.block-work .block-col-2 h3{margin:15px 0;}
.block-relate .block-top{background:#000;}
.block-relate .block-top .block-text,
.block-relate .block-top .block-work{width:50%;padding-right:0;float:left;position:relative;}
.block-relate .block-top .block-text{padding:20px;top:auto;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
.block-relate .block-top .block-recent-text{display:none;}
.block-relate .block-top .block-work .work-item{display:none;}
.block-relate .block-bottom .block-work>div:nth-child(1){display:block;}
.block-relate .block-bottom .block-work>div{width:50%;}
.block-relate .block-bottom:before{display:none;}
.block-relate .block-bottom .block-work>div{margin:0px 0;}
.block-relate .block-top .block-text{width:100%;}
.block-relate .block-top .block-text>div{max-width:inherit;margin:auto;padding:0 20px;}
.block-work .text-bottom h3{font-size:16px;font-family:'roboto_slabbold','NotoSansJP';}
.block-work .text-bottom h3:after{display:none;}
.block-work .block-col-1{width:100%;display:table;table-layout:fixed;}
.block-work .block-col-1 >div{width:50%;display:table-cell;vertical-align:middle;height:auto!Important;}
.block-work .block-col-2{float:left;width:100%;padding-left:0;}
.block-work .block-col-2 .block-image{background:none!important;width:100%;height:auto!Important;}
.block-work .block-col-2 .block-image img{visibility:visible;display:block;margin:0!important;}
.block-work .block-col-2 .block-text{padding:40px 0;}
.block-banner .block-text .block-table>div{padding:0 20px;}
.block-work .block-col-2 .block-text{width:100%;}
.scrolldown{display:none;}
}
@media(max-width:770px){
.block-banner .block-text .block-table>div{float:left;width:50%;padding:0;padding-right:20px;}
.block-link-site{text-align:left;}
.block-preview{margin-bottom:40px;padding-bottom:40px;}
.block-fixed-back {display:none;}
.block-banner .block-text{font-size: 14px;} 
}
@media(max-width:767px){
.block-relate .block-top .block-text,
.block-relate .block-top .block-work{width:100%;}
}
@media(max-width:680px){
.block-banner .block-image{margin-top:50px;}
.scroll-down{display:none;}
.block-work .block-col-1,
.block-work .block-col-2{width:100%;padding:0;}
.block-work .block-col-1 .block-text{height:auto!important;}
.block-work .block-col-1 .block-text>div{padding:20px;position:relative;top:auto;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
.block-work .block-col-2 .block-text{margin:0;padding:20px 0;width:100%;}
.block-work .block-col-2 .block-image{margin-top:20px;width:100%;background:none!Important;height:auto!Important;}
.block-work .text-bottom h3,
.block-work .text-bottom>.t-right{font-size:14px;}
.block-work .block-col-2 .block-image img{display:block;visibility:visible;}
.block-work .text-bottom>.t-left{padding:0;}
.block-banner .block-text .block-table>div{float:left;width:100%;margin-bottom:10px;padding:0;}
.block-banner .block-text .block-table .block-scroll-down{display:none;}
.block-banner .block-link-site{text-align:left;}
.block-banner .block-text{margin-bottom:0;}
.block-banner .block-work-name h1{font-size:20px;}
.page-overlay h1{font-size:30px;}
.block-work .block-col-2 .block-text>div{padding:0;}
.block-intro .im-main{border-radius:10px; border:20px solid #363636;}
.block-intro .im-logo{padding:6vh 20px 10vh;}
.IPS-client-voice .quote>div{padding: 0;}
}
@media(max-width:480px){
.block-relate{margin-top:60px;}
.block-relate .block-top{padding:20px 0;}
.block-relate .block-bottom .block-work{margin:0 -12px;}
.block-relate .block-bottom .block-work>div{width:50%;padding:5px;}
.block-work .block-col-1 >div{float:left;width:100%;}
.page-overlay h1{font-size:25px;}
.block-relate .block-top .block-text h3{font-size:20px;}
.block-relate .block-top .block-text h4{font-size:15px;}
.block-relate .block-top .block-text{font-size:14px;}
.block-intro .im-logo{padding:4vh 20px 8vh;}
.block-intro .im-btn{padding:35px 15px 45px;}
.block-intro .im-btn p{font-size:12px;}
.ccm-next-previous{display: flex;justify-content: space-between;float: none;}  
.block-relate .block-top .block-text p{margin:30px 0 10px;} 
.ccm-next-previous>div{margin:20px 0;}
.block-relate .block-bottom{margin-top:5px;}
}