@charset "utf-8";

@media (max-width:1500px){
	.works-header{left:25vw;right:10vw}
	.works-header ul.pcVer li a{min-width:9em}

}
@media (max-width:1280px){
.sub-container{padding:6em 0em 5em;}
.work-section{overflow:hidden;height:70vh;}
.section-inner .infoTxt{left:1.5em;bottom:1.2em;}
.portfolio-info{margin:-8.1em 2em 0;padding:3em 4em;}
.info-left .pj-txt{padding-right:1em;}
.portfolio-info .info-right{float:right;width:calc(50% - 2px - 4em);}
.info-right{padding-left:4em;}

.sub-visual p{padding-left:1.8em}
.con-width{padding:0 1em;}
.right-txt{width:calc(60% - 5em);padding:5em 0 0 5em;}
p.con-num{margin:0 0 1em -1.7em}
p.con-title{margin-bottom:1em;}
p.con-cate{margin:2em 0 3em;}
.bg-area{margin-top:-17.5em}

.section3 .right-txt{padding:7em 0 0 5em;}
.how-it-works{padding:5em 1em;}
.works-header{padding:3.8em 0 0}
.works-header ul.pcVer li{padding:0 .5em}
.works-header ul.pcVer li a{min-width:8em}
.ico-txtWrap{font-size:12px}

}/*1280*/


@media (max-width:1024px){
.m-popup{
	left:10px !important;
	top:50px !important;
}

.m-popup img {
	max-width: 300px;
	min-width:auto;
}
.sub-container.privacy h1{font-size:1.3em;margin-bottom:.5em;padding-bottom:.5em;}
.sub-container.privacy strong{margin:1em 0 .2em;color:#333;font-size:1.05em;}
.sub-container.privacy p{font-size:.9em;}

.works-header ul.pcVer li{display:inline-block;padding:0 .7em}
.works-header ul.pcVer li a{min-width:8.5em;font-size:.95em;font-weight:400;line-height:2.5em}

.work-section{overflow:hidden;height:50vh;}
.section-inner .infoTxt p{font-size:.95em;}
.section-inner .infoTxt strong{font-size:1em;}
.portfolio-info{margin:0 0 0;}
.info-right dl{line-height:2.5}
.info-right dl dt, .info-right dl dd{font-size:1em;}
.pj-title{margin-bottom:.5em;font-size:1.4em;line-height:1.3}
.pj-titsmall{font-size:.55em;}
.pj-txt{font-size:1em;}

.right-txt{width:calc(60% - 3em);padding:6em 0 0 3em;}
p.con-num{font-size:1em;}
p.con-title{font-size:1.5em}
p.con-txt{font-size:1em}
p.con-cate{margin:1em 0 2em;font-size:1em;letter-spacing:-.5px;}
p.con-list{font-size:1em;line-height:1.7}
.bg-area{margin-top:-18.5em}

.section1 .img-box{margin-top:-5em;}
.section1 p{max-width:420px;}

ul.workProcess-list li strong{font-size:1em;letter-spacing:-.3px}
ul.workProcess-list li p{font-size:.95em;letter-spacing:-.3px;}
ul.workProcess-list li:after{width:30px;height:30px;margin:-15px -15px 0 0;background:url(/images/client/icon/ico-processArrow.png)50%/30px no-repeat}

.section3 .right-txt{padding:3em 0 0 3em}
.client-list li{padding:1em 0}
.ico-txtWrap{font-size:11px}
.rolling-wrap{display:none;}
.business + .section1{height:auto}
.ico-txtWrap > div strong{font-size:1.2em}

.work-section.type1{height:50vh}

.works-header{padding:1em 0}
.works-header.white{background:none;}
.works-header.scroll{top:0;opacity:1;}
.works-header .pcVer{display:none;}
.works-header .mobileVer{position:relative;float:right;display:inline-block;padding:3em 1.5em 0 0;transition:padding .5s;-webkit-transition:padding .5s;-ms-transition:padding .5s;}

.works-header .mobileVer a{display:inline-block;width:6em;padding-left:1.5em;border-radius:20px;color:#fff;line-height:2.5em;text-align:left;}
.works-header .mobileVer>a{position:relative;border:1px solid #fff;background:url(/images/client/icon/ico-downArrow.png) 85% 50%/12px no-repeat;}
.works-header .mobileVer ul a.on{background:url(/images/client/icon/ico-upArrow.png) 85% 50%/12px no-repeat;}
.works-header .mobileVer ul{display:none;position:absolute;top:3em;right:1.5em;border-radius:20px;border:1px solid #61aa31;background:#61aa31;opacity:.8;}

.works-header.white:not(.scroll) .mobileVer{top:0em;transition:all .6s;}
.works-header.white.scroll .mobileVer{top:-6em;transition:all .6s;}

.works-header.white .mobileVer{padding-top:.65em;transition:padding .5s;-webkit-transition:padding .5s;-ms-transition:padding .5s;}
.works-header.white .mobileVer>a{color:#333;border-color:#333;background:url(/images/client/icon/ico-downArrow-dark.png) 85% 50%/12px no-repeat;}
.works-header.white .mobileVer ul{top:.65em}

}/*1024*/


@media (max-width:768px){
.sub-container{padding:4em 0 5em;}

.work-section{height:100vh;}
.section-left, .section-right{width:100%;float:none;}
.work-section .section-left,
.work-section .section-right{height:50%;}

.videopopup .popup-box{margin:50% auto}

.hicare{background-position:50% 0%;}

.contents-img-pc{display:none;}
.contents-img-m{display:block;}

.pj-title{float:none;display:block;width:100%;}
.portfolio-info .info-right{float:none;width:100%;border-left:none;padding-left:0;}
.info-right dl{line-height:1.7}
.info-right dl dt{margin-right:.5em;}
.pj-title{margin-bottom:.7em;letter-spacing:-.3px;}
.pj-txt{float:none;width:100%;margin-top:1em;color:#333;}

.sub-visual{height:450px;}
.sub-visual p{padding-left:1em;line-height:1.5;font-size:1.75em}
.con-width{height:inherit;}
.img-box{width:100%;float:none;}
.img-box img{width:100%;}
.right-txt{width:100%;padding:2em 0;}
.section1 p{max-width:inherit;}
p.con-txt{max-width:inherit;}
p.con-num{margin:1em 0;}
p.con-title{font-size:1.25em;}
.section1 p.con-list{position:absolute;}
.bg-area{margin-top:-3em;padding:10em 0 2em}

p.area-title{font-size:1.25em;}
ul.service-list li{width:calc(100% / 3 - 6em);padding:3em 0 3em 6em}

.how-it-works{padding:3em 1em}
ul.workProcess-list{padding:1.5em 10px 1.5em 0;}
ul.workProcess-list li{width:calc(50% - 2px);min-height:165px;margin:1em 0;}
ul.workProcess-list li.bd-left{width:calc(50% - 2px);border-left:none;}
ul.workProcess-list li:not(:nth-child(even)){border-left:1px solid #dbdbdb}
ul.workProcess-list li:after{width:25px;height:25px;margin:-12.5px -12.5px 0 0;background:url(/images/client/icon/ico-processArrow.png)50%/25px no-repeat}
ul.workProcess-list li.fR-list{float:left;}
ul.workProcess-list li.arrowBt:after{transform:none;}
ul.workProcess-list li.fR-list:after{transform:none;}
ul.workProcess-list li:last-child:after{display:none;}


.section2 .con-wrap{padding-left:0;}
.section2 .con-inner{width:100%;float:none;}
.section2 .con-list{float:none;width:100%;padding-left:0;}
.section2 .con-num{margin:0 0 1em 0;}

.section2 .left-img{width:40%;}
.section2 .right-img{width:calc(60% - 2em)}

.section3{margin-top:3em;}
.section3 .img-box{width:100%;float:none;}
.section3 .right-txt{padding:2em 0}
.section4 .right-txt{padding:2em 0}

.client-area{padding:3em 0 1em}
.client-list li{width:calc(100% / 5)}

.section1.height-auto{padding-bottom:8vh}
.ico-txtWrap{font-size:12px}
.img-align{margin-top:0}
.img-align .fL{float:none;width:100%}
.img-align .fL:nth-child(odd),
.img-align .fL:nth-child(even){text-align:center}
.img-align .fL strong{font-size:1.1em}
.works-header .mobileVer{padding:2em 1.5em 0 0}
.works-header .mobileVer ul{top:2em}
.works-header.white .mobileVer ul{top:.6em}
.works-header.white .mobileVer{padding-top:.3em}

#text-roller{height:165px;padding:2em 0 6em;}
.rolling-txts{font-size:7em}

}/*768*/


@media (max-width:480px){
.ico-txtWrap{font-size:11px}
.ico-txtWrap strong span{display:block}
.works-header .mobileVer{padding:2.1em 3em 0 0}
.works-header .mobileVer ul{top:2.1em;right:3em}

.section1 .img-box img{width:60%}

.portfolio-info{padding:2em;}
/* .section2 .img-wrap{height:360px;} */

ul.service-list{padding:1em 0}
ul.service-list li{width:calc(100% / 3 - 3.8em);padding:1.5em 0 1.5em 3.8em;font-size:.95em;letter-spacing:-.5px;}
ul.service-list li:after{width:48px;height:48px;margin-top:-24px;}
ul.service-list li i{top:15px;width:30px;height:30px;}
ul.service-list li i.ico-logic{left:10px;background:url(/images/client/icon/ico-logic.png)50%/30px no-repeat;}
ul.service-list li i.ico-c{left:10px;background:url(/images/client/icon/ico-c.png)50%/30px no-repeat}
ul.service-list li i.ico-cplus{left:10px;background:url(/images/client/icon/ico-cplus.png)50%/30px no-repeat;}
ul.service-list li i.ico-java{width:25px;height:36px;top:13px;left:13px;background:url(/images/client/icon/ico-java.png)50%/19px no-repeat;}
ul.service-list li i.ico-android{left:10px;background:url(/images/client/icon/ico-android.png)50%/27px no-repeat;}
ul.service-list li i.ico-objectc{left:11px;background:url(/images/client/icon/ico-objectc.png)50%/20px no-repeat;}
ul.service-list li i.ico-csharp{left:11px;background:url(/images/client/icon/ico-csharp.png)50%/30px no-repeat;}
ul.service-list li i.ico-jsp{left:12px;background:url(/images/client/icon/ico-jsp.png)50%/25px no-repeat;}
ul.service-list li i.ico-php{left:11px;background:url(/images/client/icon/ico-php.png)50%/21px no-repeat;}
ul.service-list li i.ico-swift{left:9px;background:url(/images/client/icon/ico-swift.png)50%/27px no-repeat;}

.section4{margin:2em auto}

.client-list li{width:calc(100% / 3);padding:.5em 0;}

#text-roller{height:80px;padding:0 0 4em;}
.rolling-txts{font-size:3em}
}/*480*/