/* EM */
/* 
	Base Font : 12px
	12.5px = 1.042em
	15px = 1.250em
	18px = 1.500em
	20px = 1.667em
	24px = 2.000em
	25px = 2.083em
	33px = 2.750em
	35px = 2.917em
	55px = 4.583em
*/

#main {padding:66.5px 17px 0;}
#main.off{ -ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
#main.off::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/}
/* Slide */
.slide {position:relative; background-size:cover; margin:0 -17px; text-align:center;}
#touchSlider6 { width:100%; height:502px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider6 ul { width:100%; height:502px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider6 ul li { float:left; width:100%; height:502px; padding:58.5px 17px 0; font-size:14px; color:#fff;}
#touchSlider6 ul li.bg01 {background: url("../images/main/bg_slide.jpg") no-repeat center center; background-size:cover;}
#touchSlider6 ul li.bg02 {background: url("../images/main/bg_slide02.jpg") no-repeat center center;}
#touchSlider6 ul li.bg03 {background: url("../images/main/bg_slide03.jpg") no-repeat center center;}
#touchSlider6 ul li img {max-width:100%; margin:33.5px auto 0;}
.slide .para_type01 {font-size:2.000em; color:white;}
.slide .para_type02 {margin-top:17px; font-size:2.750em; color:#c13a28;}
.slide .para_type03 {margin-top:23px; font-size:1.042em; line-height:2.083em; color:white;}
.slide .download {display:block; border:2px solid white; border-radius:3px; width:166.5px; margin:18.5px auto 0; font-size:1.042em; line-height:34.5px; color:white;}
.slide .download .icon {display:inline-block; background: url("../images/main/icon_download.png") no-repeat; background-size:15px 14px; width:15px; height:14px; margin-left:5px;}
.slide .btn_area {position:absolute; bottom:22px; width:100%; text-align:center;}
.slide .btn_page {border:1px solid white; border-radius:50%; width:8px; height:8px; margin:0 4px; font-size:0;}
.slide .btn_page.on {background:white;}

/* Info */
.info {background:white; margin:0 -17px; padding:53.5px 17px 0;}
.info h1 {font-size:1.917em; line-height:1.305em; text-align:center; color:#c13a28;}
.info li {border-top:1px solid #cfcfcf; padding:30px 30px 30px 82.5px;}
.info li:first-child {border-top:none;}
.info li.type01 {background: url("../images/main/bg_info01.png") 7px 30px no-repeat; background-size:60px;}
.info li.type02 {background: url("../images/main/bg_info02.png") 7px 30px no-repeat; background-size:60px;}
.info li.type03 {background: url("../images/main/bg_info03.png") 7px 30px no-repeat; background-size:60px;}
.info li.type04 {background: url("../images/main/bg_info04.png") 7px 30px no-repeat; background-size:60px;}
.info li h2 {font-family:'nngb'; font-size:1.667em;}
.info li p {margin-top:1em; font-size:1.042em; line-height:1.750em; color:#777;}

/* LMS, CMS */
.lmscms {background:white; margin:0 -17px; padding:58px 17px 120px 17px;}
.lmscms .img {width:100%; margin-top:58px;}
.lmscms h1 {margin-top:31px; font-size:2.750em; color: #c13a28;}
.lmscms dl {margin-top:27.5px; font-size:1.042em;}
.lmscms dd {margin-top:13px; color:#777;}
.lmscms a {display:block; border:2px solid #c13a28; border-radius:3px 2px; width:147px; margin:20px 5px 0 0; font-size:1.043em; line-height:45px; text-align:center; color:#c13a28; float: left;}
.lmscms .download .icon {display:inline-block; background: url("../images/main/icon_download2.png") no-repeat; background-size:15px 14px; width:15px; height:14px; margin-left:5px;}
.lmscms.type01, .lmscms.type03 {background:#f6f6f6;}

.lmscms .layer {overflow:hidden; position:fixed; left:0; top:0; background:#eee; width:100%;  padding:3px 0; z-index:1000;height: 100%;}
.lmscms .layer.on {display:block;}
.lmscms .layer_in {}
.lmscms .layer h1 {font-size:20px;}
.lmscms .layer ul {margin-top:30.5px; font-size:1.042em; line-height:1.875em;}
.lmscms .layer p {font-size:1.042em; line-height:1.875em; color:#777;text-align:center}
.lmscms .layer .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
.lmscms .layer .btn_close img{width:48px;}


.mtla .layer {overflow:hidden; position:fixed; left:0; top:0; background:#eee; width:100%;  padding:3px 0; z-index:1000;height: 100%;}
.mtla .layer.on {display:block;}
.mtla .layer_in {}
.mtla .layer h1 {font-size:20px;}
.mtla .layer ul {margin-top:30.5px; font-size:1.042em; line-height:1.875em;}
.mtla .layer p {font-size:1.042em; line-height:1.875em; color:#777;text-align:center}
.mtla .layer .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
.mtla .layer .btn_close img{width:48px;}

.mtla .layer2 {overflow:hidden; position:fixed; left:0; top:0; background:#eee; width:100%; height:100%; padding:3px 0; z-index:1000;}
.mtla .layer2.on {display:block;}
.mtla .layer2_in {padding:88px 15px 0;}
.mtla .layer2 h1 {font-size:20px;}
.mtla .layer2 ul {margin-top:30.5px; font-size:1.042em; line-height:1.875em;}
.mtla .layer2 p {margin-top:18px; font-size:1.042em; line-height:1.875em; color:#777;}
.mtla .layer2 .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
.mtla img {display:block; width:100%;}
.mtla .thumb {margin:25px 0; width:100%;}


/* Crish Recent Work */
.crish_RW {background:#298A08; margin:0 -17px; padding:58px 17px; text-align:center; color:white;}
.crish_RW h1 {font-size:1.917em; line-height:1.305em;}
.crish_RW p {margin-top:1em; font-size:1.042em; line-height:1.750em;}

/* Work */
.gallery {background:white; margin:0 -17px; padding:40px 17px 60px;}
#contents .gallery {padding-top:0; padding-bottom:0;}
.gallery > div > ul > li {margin-top:39px;}
.gallery ul > li:first-child {margin-top:0;}
.gallery ul button {position:relative; border:none; border-radius:0; margin:0; width:100%; cursor:pointer;}
.gallery .btnTit {display:none; position:absolute; left:0; top:0; background:#298A08; width:100%; height:100%; font-size:1.500em; color:white; opacity:.9; padding: 0 30px;}
.gallery .btnTit img {position:absolute; left:0; bottom:0; width:auto;}
.gallery .layer {overflow:hidden; display:none; position:fixed; left:0; top:0; background:#eee; width:100%; height:100%; padding:3px 0; z-index:1000;}
.gallery .layer.on {display:block;}
.gallery .layer_in {padding:88px 15px 0;}
.gallery .layer h1 {font-size:20px;}
.gallery .layer ul {margin-top:30.5px; font-size:1.042em; line-height:1.875em;}
.gallery .layer p {margin-top:18px; font-size:1.042em; line-height:1.875em; color:#777;}
.gallery .layer .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
.gallery img {display:block; width:100%;}
.gallery .thumb {margin:25px 0; width:100%;}
.gallery .btnlist {position:fixed; left:0; top:15px; width:100%; margin:0 0 88px; text-align:center;}
.gallery .btnlist .next {width:15px;}
.gallery .btnlist .list {width:27.5px; margin:0 17px;}
.gallery .btnlist .prev {width:15px;}
.gallery .more {display:block; border:2px solid #4d4d4d; border-radius:3px 2px; margin:24px auto 0; font-size:1.043em; line-height:45px; text-align:center; color:#4d4d4d;}

.gallery2 {margin:0 -17px;}
#contents .gallery {padding-top:0; padding-bottom:0;}
.gallery2 > div > ul > li {}
.gallery2 ul > li:first-child {margin-top:0;}
.gallery2 img {display:block; width:100%;}
.gallery2 .thumb {margin:25px 0; width:100%;}

/* Work Scroll */
.gallery .layer .mCSB_container {overflow:auto; margin-right:0;}

/* Banner */
.banner_wrap {background:#f8f8f8; margin:0 -17px; text-align:center;}
.banner {overflow:hidden; padding:32px 17px;}
.banner img {display:inline-block !important; width:50% !important;}

/* Contace Us */
.conus {background:#298A08; margin:0 -17px; padding:55px 0; text-align:center; color:white;}
.conus h1 {font-size:2.750em;}
.conus p {margin-top:1em; font-size:1.042em; line-height:1.750em;}
.conus a {color:white;}
.conus .map a{ border: 2px solid #fff; border-radius: 3px 2px; padding:3px 3px 3px 21px; font-size: 13px; background: url("../images/main/icon_map.png") 5px center no-repeat; background-size:11px 15px;}
.conus .map a:hover {background: url("../images/main/icon_map_ov.png") 5px center no-repeat #fff; color:#c13a28; background-size:11px 15px;}
.conus_list {width:184px; margin:16.5px auto 0; line-height:1.750em; text-align:left;}
.conus_list li {padding-left:26px;}
.conus_list li.tel {background: url("../images/main/icon_tel.png") 2px center no-repeat; background-size:10.5px 14.5px;}
.conus_list li.email {background: url("../images/main/icon_email.png") left center no-repeat; background-size:16px 11px;}
.conus_list li.homepage {background: url("../images/main/icon_hp.png") left center no-repeat; background-size:16px;}

/* Map */
#map {margin:0 -17px;}
#map iframe {width:100%; height:499px;}

@media only screen and (min-width:1100px) {
	/* Slide */
	.slide {height:842px;}
	#touchSlider6 {height:842px;}
	#touchSlider6 ul {height:842px;}
	#touchSlider6 ul li {height:842px; padding-top:111px;}
	.slide .para_type01 {font-size:2.917em;}
	.slide .para_type02 {margin-top:23px; font-size:4.583em;}
	.slide .para_type03 {margin-top:36px; font-size:1.250em; line-height:2.083em; color:white;}
	.slide .download {border:1px solid white; border-radius:6px; width:227px; margin:40px auto 0; font-size:1.250em; line-height:48px; color:white;}
	.slide .download .icon {display:inline-block; background: url("../images/main/icon_download.png") no-repeat; background-size:15px 14px; width:15px; height:14px; margin-left:5px;}

	/* Info */
	.info {margin:0 -17px; padding:62px 0; text-align:center;}
	.info h1 {font-size:36px;}
	.info ul {overflow:hidden; margin-top:80px;}
	.info li {float:left; border:none; width:25%; padding:198px 30px 0;}
	.info li.type01 {background: url("../images/main/bg_info01.png") center top no-repeat;}
	.info li.type02 {background: url("../images/main/bg_info02.png") center top no-repeat;}
	.info li.type03 {background: url("../images/main/bg_info03.png") center top no-repeat;}
	.info li.type04 {background: url("../images/main/bg_info04.png") center top no-repeat;}
	.info li h2 {font-size:1.500em;}
	.info li p {margin-top:1em; font-size:1.250em; line-height:2.083em; color:#777;}

	/* LMS, CMS */
	.lmscms {overflow:hidden; padding:106px 0;}
	.lmscms.type01 .d_con {float:left; width:444px; margin-left:104px;}
	.lmscms.type02 .d_con {float:left; width:444px; margin-left:36px;}
	.lmscms.type03 .d_con {float:left; width:444px; margin-left:104px;}
	.lmscms h1 {margin-top:13px; font-size:2.917em; color: #c13a28;}
	.lmscms dl {margin-top:18px;}
	.lmscms dt {margin-bottom:16px; font-size:1.500em;}
	.lmscms dd {margin-top:0; font-size:1.250em; line-height:30px;}
	.lmscms a {border-radius:6px; width:166px; margin:20px 5px 0 0; font-size:1.250em; line-height:51px; float: left; }
	.lmscms .download .icon {display:inline-block; background: url("../images/main/icon_download2.png") no-repeat; background-size:15px 14px; width:15px; height:14px; margin-left:5px;}
	.lmscms.type01 .img {float:left; width:516px; margin:0 0 0 30px;}
	.lmscms.type02 .img {float:right; width:516px; margin:0 30px 0 0px;}
	.lmscms.type03 .img {float:left; width:516px; margin:0 0 0 30px;}
	.lmscms .layer_in {width:1100px; margin:0 auto;}

	/* Crish Recent Work */
	.crish_RW h1 {font-size:4.583em;}
	.crish_RW p {margin-top:11px; font-size:1.250em; line-height:2.083em;}

	/* Gallery */
	.gallery > div > ul {overflow:hidden; margin-left:-25px;}
	.gallery > div > ul > li {float:left; width:350px; height:235px; margin-left:25px;}
	.gallery > div > ul > li:first-child {margin-top:39px;}
	.gallery .layer_in {width:1100px; margin:0 auto; padding:88px 15px 0;}
	.gallery .layer .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
	.gallery .thumb {margin:25px auto; width:1100px;}
	.gallery .more {border-radius:4px; width:336px; margin:72px auto 0; font-size:1.250em; line-height:50px;}
	

	.gallery2 > div > ul {overflow:hidden; margin-left:-25px;}
	.gallery2 > div > ul > li {float:left; width:350px; height:285px; margin-left:25px;}
	.gallery2 > div > ul > li:first-child {}
	.gallery2 .thumb {margin:25px auto; width:1100px;}

	/* Banner */
	.banner {padding:64px 0;}
	.banner img {width:auto !important;}

	/* Contace Us */
	.conus h1 {font-size:4.583em;}
	.conus p {margin-top:18px; font-size:1.250em; line-height:1.750em;}
	.conus ul {width:154px; margin:0px auto 0; line-height:1.750em; text-align:left;}
	.conus .map a{ border: 2px solid #fff; border-radius: 3px 2px; padding:3px 3px 3px 21px; font-size: 13px; background: url("../images/main/icon_map.png") 5px center no-repeat; background-size:14px 18px;}
    .conus .map a:hover {background: url("../images/main/icon_map_ov.png") 5px center no-repeat #fff; color:#c13a28; background-size:14px 18px;}
	.conus_list {overflow:hidden; width:770px !important; margin-top:23px !important; font-size:1.250em;}
	.conus_list li {float:left; margin-left:35px; padding-left:32px;}
	.conus_list li:first-child {margin-left:0;}
	.conus_list li.tel {background-size:15px 21px;}
	.conus_list li.email {background-size:25px 17px;}
	.conus_list li.homepage {background-size:24px;}



	.mtla .layer2_in {width:1100px; margin:0 auto; padding:88px 15px 0;}
	.mtla .layer2 .btn_close {position:fixed; right:6.5px; top:6.5px; width:48px;}
	.mtla .thumb {margin:25px auto; width:1100px;}
}