@charset "utf-8";


@media all and (max-width:1200px){
	.__t {display:block !important;}
	
	#header .gnb > li > a {padding:0 20px;}
	#contact .con-map, #contact .con-map iframe {height:300px;}	
}


@media all and (min-width:1001px){
	.__tn {display:none !important;}

	.__ani {transition:0.5s;position:relative;opacity:0;}
	.__ani.delay1 {transition-delay:0.1s;}
	.__ani.delay2 {transition-delay:0.2s;}
	.__ani.delay3 {transition-delay:0.3s;}
	.__ani.delay4 {transition-delay:0.4s;}
	.__ani.delay5 {transition-delay:0.5s;}
	.__ani.delay6 {transition-delay:0.6s;}
	.__ani.delay7 {transition-delay:0.7s;}
	.__ani.delay8 {transition-delay:0.8s;}
	.__ani.delay9 {transition-delay:0.9s;}
	.__ani.delay10{transition-delay:1.0s;}
	.__ani.delay11{transition-delay:1.1s;}
	.__ani.delay12{transition-delay:1.2s;}
	.__ani.delay13{transition-delay:1.3s;}
	.__ani.delay14{transition-delay:1.4s;}
	.__ani.delay15{transition-delay:1.5s;}
	.__ani.delay16{transition-delay:1.6s;}
	.__ani.delay17{transition-delay:1.7s;}
	.__ani.delay18{transition-delay:1.8s;}
	.__ani.delay19{transition-delay:1.9s;}
	.__ani.delay20{transition-delay:2.0s;}
	.__ani.anitop {transform:translate3d(0,-30px,0);}
	.__ani.anibot {transform:translate3d(0,30px,0);}
	.__ani.anilef {transform:translate3d(-30px,0,0);}
	.__ani.anirig {transform:translate3d(30px,0,0);}

	.action .__ani {transform:translate3d(0,0,0);opacity:1;}

	.__m {display:none !important;}

	.head-fix #header {position:fixed;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.15);height:90px;}
	.head-fix #header .inner {height:90px;}
	.head-fix #header .logo,
	.head-fix #header .tnb {display:none;}
	.head-fix #header .gnb {top:0;}
	.head-fix #header .gnb > li > a {color:#000;height:90px;line-height:90px;}

	.head-fix #header:before {top:90px;}	

	.__mt5  {margin-top:5px !important;}
	.__mt10 {margin-top:10px !important;}
	.__mt20 {margin-top:20px !important;}
	.__mt30 {margin-top:30px !important;}
	.__mt40 {margin-top:40px !important;}
	.__mt50 {margin-top:50px !important;}
	.__mt60 {margin-top:60px !important;}
	.__mt70 {margin-top:70px !important;}
	.__mt80 {margin-top:80px !important;}
	.__mt90 {margin-top:90px !important;}
	.__mt100{margin-top:100px !important;}

}


@media all and (max-width:1000px){
	.__p {display:none !important;}

	.__mt5  {margin-top:5px !important;}
	.__mt10 {margin-top:5px !important;}
	.__mt20 {margin-top:10px !important;}
	.__mt30 {margin-top:15px !important;}
	.__mt40 {margin-top:20px !important;}
	.__mt50 {margin-top:25px !important;}
	.__mt60 {margin-top:30px !important;}
	.__mt70 {margin-top:35px !important;}
	.__mt80 {margin-top:40px !important;}
	.__mt90 {margin-top:45px !important;}
	.__mt100{margin-top:50px !important;}

	#header .tnb,
	#header .gnb	{display:none;}
	#header {height:50px;position:fixed;padding:0;}
	#header .logo {top:50%;margin:-14.5px 0 0 -53px;left:50%;}
	#header .logo a {width:106px;}
	#header .inner {height:50px;}
	#header .btn {display:block;}
	
	#main .contain {height:auto !important;padding:0 10px;}
	#main .contain > .inner {padding:80px 10px;height:auto !important;}
	#main .contain > .inner:before {display:none;}
	#main .wrap {display:block;width:auto;}
	
	#business .stit h4 {position:relative;left:auto;top:auto;}
	#business .stit {padding-left:0;}
	#business .stit .stxt {padding-left:0;border-left:none;}
	#business .bu-box {margin:60px -5px 0;}
	.roll-wrap {padding:0 5px;}
	#business .roll-box .box {padding-left:15px;}
	#business .roll-box .box .act {display:block;padding-right:0;margin-right:0;margin-bottom:5px;}
	#business .roll-box .box .act:after {display:none;}
	#business .roll-box .bx-controls-direction .bx-prev {right:53px;}
	#business .roll-box .bx-controls-direction .bx-next {right:15px;}

	.pro-box {margin:60px -5px 0;}
	.pro-box > li {padding:0 5px;}

	.part-box a {width:25%;}

	#footer {padding:25px 10px;}	

	#wrap.sub {padding-top:50px;}
	#svis dl {left:0;transform:translate(0,0);padding:50px 20px 0;box-sizing:border-box;}
	#svis dl dt {width:25%;padding-right:5%;box-sizing:border-box;}
	#svis dl dd {width:70%;font-size:13px;padding-left:20px;border-left-width:2px;}

	#svis.svis3 dl {padding-top:40px;}
	.svis3 dl dt img {margin-top:-10px;}

	.__clo {margin:0 -5px;}
	.__clo > li {padding:0 10px 20px;}

	.__for-top .box .rig span {font-size:18px;}

	.__bag-top {padding:0 10px;}
	.__bag-top > div {float:none;width:100%;margin-bottom:30px;}
	.__bag-top .lef {text-align:center;}
	.__bag-top .rig {padding-left:0;}

	.__bag-bot {padding:0 10px;}

	.__bag-tag:nth-child(1) {padding-left:0;}
	.__bag-tag:nth-child(2) {padding-right:20px;box-sizing:border-box;}


	
}


@media all and (max-width:768px){

	#vis .vis1 .txt {font-size:40px;}


	#main .contain > .inner {padding:30px 0;}
	#main #about > .inner {padding:70px 0 0;}
	#main .tit {font-size:13px;}
	#main .tit h3 {margin-bottom:25px;}
	#main .tit h3 span {padding-right:60px;font-size:13px;}
	#main .tit h3 span:after {width:45px;}
	#main .stit {font-size:20px;}
	#main .stxt {font-size:13px;}

	.ab-history {margin:30px 0 0;}

	.ab-history > li {width:50%;}
	.ab-history > li:first-child {width:100%;}
	.ab-history > li:nth-child(2n) {clear:both;}
	.ab-history .img {padding-right:0;}
	.ab-history .img img {width:100%;}
	.ab-history .line {margin-top:30px;}
	.ab-history dl {padding:30px 0 30px;}
	.ab-history dl dt {font-size:15px;margin-bottom:8px;}
	.ab-history dl dd {font-size:13px;line-height:1.4em;background-position:left 7px;}

	#business .bu-box {margin:30px 0 0;}
	.roll-wrap {float:none;width:100%;padding:0;margin-bottom:15px;}
	
	.pro-box {margin:30px 0 0;}
	.pro-box > li {float:none;width:100%;padding:0;margin-bottom:15px;}
	.pro-box > li > a .box {height:45px;line-height:45px;padding-left:15px;}
	.pro-box > li > a .box:after {right:15px;top:14px;}
	.part-box {margin:30px 0 0;}
	.part-box a {width:50%;}

	#people .img {margin:30px 0 0;}

	#contact .con-map {margin-top:30px;height:250px;}
	#contact .con-map iframe {height:250px;}

	#footer .down {float:none;text-align:right;display:block;background-position:right center;padding:3px 25px 3px 0;}	
	#footer .copy {float:none;text-align:right;margin-top:15px;}

	#svis .inner .dummy {display:none;}
	#svis dl {position:relative;left:auto;top:auto;display:block;padding:30px 20px 50px;}
	#svis dl dt {display:block;width:100%;padding-right:0;}	
	#svis dl dd {display:block;width:100%;padding:20px 0 50px 0;border-left:none;border-top:1px solid #000;margin-top:20px;}

	.svis1 {background-position:50% 100%;background-size:contain;background-color:#dedde1;}
	.svis1 dl dt img {width:40%;}
	.svis2 dl dt img {width:55%;}
	.svis3 dl dt img {width:40%;}

	.sub1 {padding:30px 10px 40px;}
	.__clo {margin:0 -5px;}
	.__clo > li {width:50%;padding:5px;}

	.sub2 {padding:30px 10px 40px;}
	.__for-top .box > div {display:block;width:100%;}
	.__for-top .box .lef {padding-right:0;margin-bottom:20px;}
	.__for-top .box .lef img {width:100%;}
	.__for-top .box .rig span {font-size:15px;}
	.__for-top .box .rig p {font-size:13px;margin-top:15px;line-height:1.4em;}

	.__for-logo li {width:33.333%;padding-top:8px;min-height:130px;}	
	.__for-logo li:nth-child(4), .__for-logo li:nth-child(7) {border-left:1px dashed #ddd;clear:both;}
	.__for-logo li p {font-size:13px;}
	.__for-mid {margin-top:50px;}
	.__for-tit {font-size:20px;}
	.__for-img {margin:15px -5px 0;}
	.__for-img li {width:50%;padding:0 5px;margin-bottom:10px;}
	.__for-img li:nth-child(2n+1) {clear:both;}

	.__for-img .desc {width:100%;height:auto;padding:10px 0 0 5px;margin-top:0;font-size:13px;}
	.__for-img .desc .num {font-size:20px;margin-right:8px;}
	.__for-img .desc .num:before {top:-2px;}

	.__for-bot {margin-top:30px;}


	#svis.svis3 {background-size:inherit;}
	#svis.svis3 dl {padding-top:30px;}
	#svis dl dd span {color:#fff;}

	.sub3 {padding:30px 0 40px;}

	.__bag-top .rig .tit {font-size:18px;}

	.__bag-desc .w1 {width:auto;}
	.__bag-desc th {width:105px;}
	.__bag-desc th, .__bag-desc td {font-size:13px;padding:10px 0;line-height:1.4em;}
	.__bag-desc th {padding-left:5px;}
	.__bag-desc td {padding-left:10px;}

	.__bag-mid {padding:50px 10px 25px;margin:30px 0 40px;}
	.__bag-tag {width:100%;margin-bottom:15px;}
	.__bag-tag:nth-child(1) img {width:85%;}
	.__bag-tag:nth-child(2), .__bag-tag:nth-child(3) {padding-right:0;padding:0 20px;box-sizing:border-box;}
	.__bag-tag strong {font-size:15px;margin:15px 0 25px;}

	.back_btn.type1 {margin-top:30px;}



}