@charset 'utf-8';
@media screen and (max-width:1500px){
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{padding:2em;border-radius:3em}
}/*1500*/
@media screen and (max-width:1320px){
	.list-work li{width:33.3%;text-align:center}
	.list-work li:nth-child(3n){padding-left:.5em}
	.list-work li:nth-child(3n-1){padding:0 .25em}
	.list-work li:nth-child(3n+1){padding-right:.5em}
	.sub-screen-slider .swiper-slide{width:60%}
	.txt-Figure-subs{padding:5em 1.5em;box-sizing:border-box}

	.top-visual h1.txt-tit{font-size:2.9em}
	.top-visual .txt-sub{font-size:1.3em}
}/*130*/


@media screen and (max-width:1280px){
	.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;}

	.bubble.bb1{left:0}
	.bubble.bb3{right:0}

	.gnb-chk{padding:3em 3em}


	.order-subs .order-list{padding-left:1em}
	.order-subs .order-subs-tit a,.order-subs .order-list,.evt-progressBar .evt-order .od-txt,.evt-progressBar .bubble{font-size:1.1em}
	.order-subs .order-list{padding-top:.3em}
	.order-subs .order-list li{padding:.4em 0}


}/*1280*/

@media screen and (max-width:1200px){
	body{font-size:15px}
	.work-section{overflow:hidden;height:70vh;}
	.section-inner .infoTxt{bottom:2rem;left:2rem}

	.box-align{align-items:center;flex-direction:column-reverse;text-align:center}
	.box-align .r-con{width:100%}
	.box-align .r-con.wide{width:inherit;max-width:750px}
	.box-align .r-con img{max-width:480px;width:100%}
	.box-align .l-con{margin-top:4em}
	.top-visual .txt-sub{margin-top:2em}
	.top-visual h1.txt-tit{font-size:2.7em}

	.txt-box .txt-box-tit{margin-top:1.2em;font-size:1.8em}
	.txt-box .txt-box-sub{margin-top:2em}
	.heightAuto .txt-box .txt-box-tit{padding:0 .5em}
	.label{font-size:1.5em}

	.chk-group{justify-content:start;flex-wrap:wrap}
	.chk-group .chk-item{width:10em}

	.inline{display:inline}
	.spec-box{flex-direction:column;max-width:885px;margin:0 auto}
	.spec-box .spec-item{display:flex;max-width:100%;text-align:left;align-items:center}
	.spec-box .spec-item .spec-item-bottom{width:100%;padding-left:5em}
	
	.subs-spec span {
        display: inline;
        white-space: normal;
    }

	.more-list .list-align{width:calc(100% / 5)}
	.box-align .l-con{width:100%}


	.mockup-inner .dim{display:none}

	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .txt-Figure-subs .figure-box{flex-direction:column;align-items:center;margin-top:2em;padding:0 1em;box-sizing:border-box}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{width:100%;max-width:50em;margin-top:2em;border-radius:2em;box-sizing:border-box}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap:nth-child(even){margin-left:0;flex-direction:row-reverse}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-info{width:100%}

	.txt-banner-wrap .txt-strong{font-size:2.3em}

	.ico-spec.ico-p{bottom:1.2em}
	.ico-spec.ico-c{top:auto;}
	.spec-box:before{display:none}
	.alphabet{left:0}
	.spec-item-top .ico-spec{right:-45px;font-size:13px}
	.tit-spec{margin-top:.3em}

	.sub-screen-slider .swiper-slide{width:70%}
}/*1200*/

@media screen and (max-width:1024px){
	body{font-size:14px}
	.logo-list li{padding:0 1.8em}
	.logo-list img{width:85%}

	.gnb-chk{padding:2em 1.5em}
	.gnb-chk.on{padding:1.5em 1.5em}
	.gnb-chk.color-white{padding:3em 3em 0}

	#section1 #mainVisual{height:100vh;left:50%;transform:translateX(-50%);}

	.list-item .list-item-category{font-size:1.14em}
	.list-item .list-item-title{font-size:1.29em}

	/*.txt-box .txt-box-tit{font-size:1.6em}*/
	.txt-box .txt-box-sub{margin-top:1.5em}
	.slide-area h2.txt-tit{margin-top:.5em;font-size:2em}
	.label{font-size:1.3em}
	.alphabet{font-size:12.75em}
	.spec-box .spec-item{margin-top:2em}
	.spec-box .spec-item:first-child{margin-top:0}

	#section3 h2.txt-tit{padding:2em 0 0}
	.order-subs-tit .btn-more{display:none}

	.order-total-wrap{flex-direction:column}
	.order-total-wrap .order-box + .order-box{margin-left:0}
	.order-subs{margin-top:1em}
	.order-total-wrap .order-box:nth-child(5){margin-top:4em}
	.order-total-wrap .order-box:nth-child(3) .order-subs,
	.order-total-wrap .order-box:nth-child(4) .order-subs,
	.order-total-wrap .order-box:nth-child(5) .order-subs{border-radius:10px}
	.order-subs + .order-subs{top:0}

	.evt-progressBar{position:absolute;top:0;bottom:0;left:2em;flex-direction:column;width:1.56em;height:109%}
	.evt-progressBar .evt-order .od-txt{display:none}
	.order-total-wrap{padding-left:5em}

	#section3 .inner-con{position:relative}
	.evt-progressBar{top:-2.5em}
	.evt-progressBar .bubble{min-width:4.5em;width:auto;left:1.5em;border-radius:5px;line-height:2em}
	.bubble:after{top:50%;left:-.3em;width:.5em;height:.5em;transform:translateY(-50%) rotate(135deg) skew(10deg, 10deg);}
	.bubble.bb1{top:0}
	.bubble.bb2{top:auto;bottom:20em}
	.bubble.bb3{top:auto;right:auto;bottom:0}

	.evt-progressBar .evt-order{display:none}
	.order-subs .order-subs-tit{font-size:1.2em;padding-left:1em;line-height:2.5em}
	.order-subs .order-subs-tit .circle{left:-3.4em}
	.order-total-wrap .order-box{max-width:100%}
	.order-subs .order-list{font-size:1.2em}
	.order-subs .order-list li{width:25%;float:left}

	.order-subs .order-subs-tit .circle.c6{top:-5.5em}

	.order-subs .order-subs-tit .circle.c7{top:-2.8em}
	.order-subs .order-subs-tit .circle.c8{top:-9.5em}

	.more-list:not(.align-box){display:none}
	.order-subs .order-subs-tit a[href='#none'].btn-more{display:none}

	.order-total-wrap{padding-left:4em}
	.evt-progressBar{width:1.26em}
	.order-subs{margin-top:2em}
	.order-subs .order-subs-tit .circle{left:-3.25em}
	.order-subs-tit .circle{width:.8em;height:.8em}
	.order-total-wrap .order-box:nth-child(1) .order-subs-tit{background:#FAC5C5}
	.order-total-wrap .order-box:nth-child(2) .order-subs-tit{background:#FAE4C5}
	.order-total-wrap .order-box:nth-child(3) .order-subs:nth-child(1) .order-subs-tit{background:#F4F2BB}
	.order-total-wrap .order-box:nth-child(3) .order-subs:nth-child(2) .order-subs-tit{background:#CDE6E2}
	.order-total-wrap .order-box:nth-child(4) .order-subs:nth-child(1) .order-subs-tit{background:#CEF0FB}
	.order-total-wrap .order-box:nth-child(4) .order-subs:nth-child(2) .order-subs-tit{background:#C8DBFF}
	.order-total-wrap .order-box:nth-child(5) .order-subs:nth-child(1) .order-subs-tit{background:#DFD7FF}
	.order-total-wrap .order-box:nth-child(5) .order-subs:nth-child(2) .order-subs-tit{background:#FED6FF}

	.more-list .list-align{width:calc(100% / 4)}

	#section4 h2.txt-tit{padding-top:5em}

	.btn-top{top:-10em}
	.game-info .game-subs{font-size:1.3em}

	.txt-banner-wrap{padding-bottom:0}
	.txt-banner-wrap .txt-strong{font-size:2em}


	.portfolio-info{margin:0 0 0}
	.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:1.25em;}
	.pj-title{margin-bottom:.5em;font-size:1.4em;line-height:1.3}
	.pj-titsmall{font-size:.55em;}
	.pj-txt{font-size:1.1em;}
	.portfolio-visual{height:90vh}


}/*1024*/

@media screen and (max-width:768px){
	body{font-size:13px}
	h1.txt-tit{font-size:2.73em}
	.txt-tit span{display:block}
	.block{display:block}
	.logo-list li{padding:0 1em}
	.logo-list img{width:70%}
	h2.txt-tit{font-size:2.2em;padding:3em 0 1.5em}
	.size-large{padding:0 3em;font-weight:500}

	.list-work li{width:50%;margin-top:3em}
	.list-work li:nth-child(3){margin-top:3em}
	.list-work li:nth-child(3n){padding-left:0}
	.list-work li:nth-child(3n-1){padding:0}
	.list-work li:nth-child(3n+1){padding-right:0}
	.list-work li:nth-child(odd){padding-right:.5em}
	.list-work li:nth-child(even){padding-left:.5em}

	.list-item .list-item-category{font-size:1.23em}
	.list-item .list-item-title{font-size:1.38em}

	.align-box.more-list .list-align{width:calc(100% / 3)}


	.copy-info .line-group .line:last-child span:last-child{display:block;padding-left:0}
	.copy-info .line-group .line:last-child span:last-child:before{display:none}

	.menu-con .menu-util{flex-direction:column}
	.menu-con .menu-util-item{margin-top:1em}
	.menu-con .menu-util-item:first-child{margin-top:0}
	#gnb ul li{line-height:3.5}
	#gnb ul a{font-size:2.31em}


	.chk-group .chk-item, .narrow .chk-group .chk-item{width:calc(33.3% - .35em);margin:0 .5em .8em 0}
	.chk-group .chk-item:nth-child(3n){margin-right:0}
	.ipt-group input{width:calc(50% - .35em);margin:0 0 .8em 0}
	.ipt-group.select-group{margin-bottom:.8em}
	.filebox label{margin-right:.8em}
	.txt-top-area{flex-direction:column}
	.txt-top-area .txt-top-right{padding-top:1em}
	.inner-con.narrow .txt-top-area:first-child{margin-bottom:6em}

	.chk-group .chk-item:hover{border-color:#A9A9A9;color:#A9A9A9}
	.chk-group .chk-item.on:hover{color:#fff}

	.top-visual .btn{padding:0}
	.top-visual h1.txt-tit{font-size:2.4em}
	.box-align .l-con{margin-top:3em}
	.top-visual .txt-sub{margin-top:1.8em}

	.txt-Figure-subs,
	.list-txtFigure-area .txtFigure-line:nth-child(even) .txt-Figure-subs{flex-direction:column;text-align:center}
	.txt-Figure-subs .txt-box{max-width:100%}
	.txtFigure-line .figure-box,
	.list-txtFigure-area .txtFigure-line:nth-child(even) .txt-Figure-subs .figure-box{max-width:100%;padding-top:1.5em;padding-left:0;padding-right:0}
	.subs-spec .block{display:inline}
	.spec-item-top .ico-spec{font-size:12px}
	.spec-box .spec-item .spec-item-bottom{padding-left:4.5em;}
	.alphabet{font-size:11.75em}

	.more-list:not(.align-box),.more-list:not(.align-box).open{display:none}


	.evt-progressBar{width:1.16em;height:107%}
	.order-total-wrap{padding-left:3.5em}

	.order-subs .order-subs-tit .circle{left:-2.85em}

	.order-subs .order-subs-tit .circle.c6{top:-9.3em}
	.order-subs .order-subs-tit .circle.c8{top:-10.4em}
	.order-subs .order-list{font-size:1.1em;padding:.5em .7em}
	.order-subs .order-list li{width:33.3%;padding:.3em .2em;box-sizing:border-box}
	.order-subs .order-list span{display:block;border:1px solid #c8c8c8;border-radius:50px;padding:.5em .1em;text-align:center}
	.bubble.bb2{bottom:21.8em}


	.btn-top{top:-6em}

	.game-info{width:100%;text-align:left}
	.game-info .util-link{flex-direction:row}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{padding:1.5em 1em}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-wrap .game-info{padding:0 1em}
	.game-info .game-tit{font-size:1.4em}
	.txtFigure-line.heightAuto .game-info .game-tit{margin-bottom:.5em}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .txt-Figure-subs{padding:6em .5em}

	.slide-area{padding:7em 0 13em;background:#022473 url('../images/layout/bg-slideArea-m.png') no-repeat 50% 43%}
	.txt-banner-wrap .txt-strong{font-weight:500}
	#form-area{padding-top:4em}

	.work-section{height:100vh}
	.section-left, .section-right{width:100%;float:none}
	.work-section .section-left,
	.work-section .section-right{height:50%;}
	.section-inner .infoTxt{bottom:1.5rem;left:1rem}

	.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;font-size:1.25em;}

	.portfolio-visual{height:80vh}

	.menu-con .menu-util-item{font-size:1.3em}
}/*768*/

@media screen and (max-width:550px){
.spec-box .spec-item{flex-direction:column}
.spec-box .spec-item .spec-item-bottom{padding-left:0}
.spec-box .spec-item{text-align:center}
#section2 h2.txt-tit{padding-bottom:2em}

.evt-progressBar{width:1em;height:106%}
.order-total-wrap{padding-left:3.4em}

.order-subs .order-list li{width:50%}
.order-subs .order-subs-tit .circle.c6{top:-10.25em}
.order-subs .order-subs-tit .circle.c8{top:-13.3em}
.bubble:after{left:-.4em}
.bubble.bb2{bottom:24.7em}

.align-box.more-list .list-align{width:calc(100% / 2)}
.txt-box .txt-box-sub{font-size:1.4em}

.subs-spec span{display:block;}

.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{border-radius:1em;flex-direction:column !important}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-wrap .game-info{margin-top:3em}
.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap:nth-child(even){margin-top:2em}
.txtFigure-line.heightAuto .game-info .game-tit{font-size:1.5em}

}/*550*/

@media screen and (max-width:480px){
	body{font-size:11px}
	.inner-con{padding:0 1.8em}
	 h2.txt-tit{font-size:2em;padding:2em 0 1em}

	.list-work li:nth-child(odd){padding-right:0}
	.list-work li:nth-child(even){padding-left:0}
	.list-work li{width:100%}
	.list-item{max-width:100%}
	.list-work li:nth-child(2), .list-work li:nth-child(3){margin-top:3em}

	.copy-info{font-size:12px}
	.list-item .list-item-category{font-size:1.35em}
	.list-item .list-item-title{font-size:1.64em}
	.inner-con.narrow .txt-top-area:first-child{margin-bottom:5em}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .figure-box .game-wrap{background:none}
	.list-txtFigure-area .txtFigure-line.heightAuto:nth-child(even) .game-wrap .game-info{margin-top:4em}

	.box-align{align-items:flex-start;text-align:left}
	.box-align .l-con{margin-top:2em}
	.top-visual .txt-sub{margin-top:1.5em}

	.txt-Figure-subs{padding:5em 2em;text-align:left !important}
	.slide-area h3.txt-sub{font-size:1.46em}
	.order-total-wrap{padding-left:2.5em}
	.order-subs .order-list{font-size:1.25em}
	.order-subs .order-subs-tit .circle.c6{top:-10.3em}
	.order-subs .order-subs-tit .circle.c8{top:-14.3em}
	.bubble.bb2{bottom:26.8em}

	.align-box.more-list .list-align{width:100%}
	.align-box.more-list .list-align .list-item-tit{display:inline-block;padding:0 1em}
	.align-box.more-list .more-list-detail{display:flex;flex-wrap:wrap;height:auto;text-align:left}
	.align-box.more-list .more-list-detail li{width:50%;padding:0 1em;box-sizing:border-box}

	#section4 h2.txt-tit{padding-top:6em}
	.btn-linkArea > ul{top:3.34em}

	.portfolio-info{padding:2em;}
	#gnb .menu-con{font-size:10px}
	.gnb-chk,.gnb-chk.color-white{font-size:10px;padding:2em 2em 0}

	.chk-group{justify-content:space-between !important}
	.chk-group .chk-item,.narrow .chk-group .chk-item{width:calc(50% - 0.4em);margin:0 0 .8em 0}
	.ipt-group input{width:100%;margin:0 0 .8em 0}
	.filebox .upload-name{width:calc(100% - 103px)}

	.ipt-group .selectBox-wrap{width:100%;margin-bottom:.8em}

	label,.info-line .txt-link{font-size:13px}
	.subs-spec{font-size:1.27em}

	.txt-banner-wrap .txt-strong{font-size:1.8em}


}/*480*/