@charset "UTF-8";


/*
	

	Second - Service
	/service/
	/service/ad/
	/service/vr/
	/service/ec/



 */



/*
	Common

--------------------------------------------------- */
.svc-block {}
	.svc-body {}



/*
	Anchor

--------------------------------------------------- */
.cat-anchor {}
	.cat-anc-list {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		}
		.cat-anc-item {
			color: rgba(0, 0, 0, 1);
			text-align: center;
			}
		.cat-anc-item:before {
			background-color: rgba(50, 50, 50, 1);
			background-position: center;
			background-size: 60%;
			background-repeat: no-repeat;
			content: '';
			display: block;
			margin: 0 auto;
			position: relative;

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			}
	/* Anchor > Acheme */
	.cat-anc-ad:before { background-image: url(/src/img/common/icon/monitor-white.svg); }
	.cat-anc-vr:before { background-image: url(/src/img/common/icon/vrgoggles-white.svg); }
	.cat-anc-ec:before { background-image: url(/src/img/common/icon/cart-white.svg); }
	.cat-anc-item.cat-anc-current { color: rgba(25, 67, 117, 1); }
	.cat-anc-item.cat-anc-current:before { background-color: rgba(25, 67, 117, 1); }



/*
	List

--------------------------------------------------- */

	/* Intro */
	#svc-list-intro { overflow: hidden; }
		#lst-int-copy {
			display: table;
			position: relative;
			text-align: center;
			width: 100%;
			}
		#lst-int-copy:before {
			background-image: url(/src/img/sec/service/index/bg-intro.png);
			background-size: auto 100%;
			background-repeat: no-repeat;
			background-position: center;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: -1;
			}
			.fi-sec-blur:before {
				/*opacity: 0;*/

				-webkit-filter: blur(50px);
				-moz-filter: blur(50px);
				filter: blur(50px);

				-webkit-transition-duration: 4s;
				-moz-transition-duration: 4s;
				transition-duration: 4s;

				-webkit-transform: scale(1.5,1.5);
				-moz-transform: scale(1.5,1.5);
				transform: scale(1.5,1.5);
				}
				.fi-sec-blur.fadein-init-on:before {
					opacity: 1;

					-webkit-filter: blur(0px);
					-moz-filter: blur(0px);
					filter: blur(0px);

					-webkit-transform: scale(1,1);
					-moz-transform: scale(1,1);
					transform: scale(1,1);
					}
			#lst-int-copy-inner {
				display: table-cell;
				vertical-align: middle;
				}
				#lst-int-copy span {
					color: rgba(255, 255, 255, 1);
					font-family: var(--ff-cg);

					/*-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, .8);
					-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, .8);
					text-shadow: 1px 1px 0px rgba(0, 0, 0, .8);*/
					}
		#lst-int-detail {}
			#lst-int-detail p {}

	/* Category */
	/* CSS for ls_parts.css */
	#svc-list-category {}
	#svc-list-category:before { display: none; }
		#lst-cat-list {
			flex-wrap: wrap;
			justify-content: space-between;
			box-sizing: border-box;
			}
			.lst-cat-outline p { font-weight: 500; }
			.lst-cat-item .com-linkarea {
				position: relative;
				right: 0;
				text-align: right;
				width: 100%;
				}



/*
	Category

--------------------------------------------------- */
	
	/* Category > Intro */
	#svc-category-intro { margin: 0 auto; }
		#lst-cat-thumb {
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			width: 100%;
			}
		#lst-cat-inner {
			margin: 0 auto;
			position: relative;
			display: flex;
			flex-direction: column;
			justify-content: center;
			box-sizing: border-box;

			/*background-color: rgba(86, 99, 107, .5);
			background-image: -webkit-linear-gradient(160deg, rgba(86, 99, 107, .5) 0%, rgba(0, 49, 90, .5) 100%);
			background-image: -moz-linear-gradient(160deg, rgba(86, 99, 107, .5) 0%, rgba(0, 49, 90, .5) 100%);
			background-image: -o-linear-gradient(160deg, rgba(86, 99, 107, .5) 0%, rgba(0, 49, 90, .5) 100%);
			background-image: linear-gradient(160deg, rgba(86, 99, 107, .5) 0%, rgba(0, 49, 90, .5) 100%);*/
			}
			#lst-cat-copy {}
				#lst-cat-copy h1 {
					display: inline-flex;
					font-weight: 700;
					background: linear-gradient(135deg, #37D2B2 0%, #3756D2 100%);
					background: -webkit-linear-gradient(-45deg, #37D2B2 0%, #3756D2 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					}
				#lst-cat-copy h2 { text-align: center; }
				#lst-cat-copy h2:before {
					background-color: rgba(255, 255, 255, 1);
					background-position: center;
					background-size: 60%;
					background-repeat: no-repeat;
					content: '';
					display: block;
					margin: 0 auto;

					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
					}
			#lst-cat-detail {}
				#lst-cat-detail p { text-align: left; }
				#lst-cat-detail .com-linkarea { text-align: center; }
		/* Category > Intro > Scheme */
		#ls_service_ad #lst-cat-thumb { background-image: url(/src/img/top/service/ad.png); }
		#ls_service_vr #lst-cat-thumb { background-image: url(/src/img/top/service/vr.png); }
		#ls_service_ec #lst-cat-thumb { background-image: url(/src/img/top/service/ec.png); }
		#ls_service_ad #lst-cat-copy h2:before { background-image: url(/src/img/common/icon/monitor-gray.svg); }
		#ls_service_vr #lst-cat-copy h2:before { background-image: url(/src/img/common/icon/vrgoggles-gray.svg); }
		#ls_service_ec #lst-cat-copy h2:before { background-image: url(/src/img/common/icon/cart-gray.svg); }
	
	/* Category > List */
	#svc-cat-list { margin: 0 auto; }
		#cat-list-wrap {
			letter-spacing: -0.4em;
			margin: 0 auto;
			text-align: left;
			}
			.cat-list-item {
				display: inline-block;
				letter-spacing: 0em;
				vertical-align: top;
				}
				.cat-list-thumb {
					background-position: center;
					background-size: cover;
					background-repeat: no-repeat;
					}
				.cat-list-inner {}
					.cat-list-ttl {
						font-weight: 700;
						text-align: center;
						}
					.cat-list-outline {}
						.cat-list-outline p { text-align: left; }
						.cat-list-outline .com-linkarea { text-align: center; }
					.cat-list-detail {}
						.cat-list-detail ul { list-style-type: disc; }
							.cat-list-detail ul li {}
          .cat-list-link {
						text-align:center;
						padding:1.5em 1em;
					}
          .cat-list-link a {
						display:inline-block;
						border:1px solid #000;
						letter-spacing:0.2em;
						line-height:2;
						padding:0 50px;
					}
          .cat-list-link a:link, .cat-list-link a:visited, .cat-list-link a:hover {
						color:#000;
					}
					.cat-list-link a:hover {
						background-color:#000;
						color:#fff;
					}
		/* Category > List > Scheme > ad */
		#cat-marketing .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/marketing.png); }
		#cat-sptool .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/sptool.png); }
		#cat-event .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/event.png); }
		#cat-movie .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/movie.png); }
		#cat-web-site .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/web-site.png); }
		#cat-cms .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/cms.png); }
		#cat-app .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/app.png); }
		#cat-web-consulting .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/web-consulting.png); }
		#cat-web-ad .cat-list-thumb { background-image: url(/src/img/sec/service/ad/thumb/web-ad.png); }
		/* Category > List > Scheme > vr */
		#cat-shooting .cat-list-thumb { background-image: url(/src/img/sec/service/vr/thumb/shooting.png); }
		#cat-contents .cat-list-thumb { background-image: url(/src/img/sec/service/vr/thumb/contents.png); }
		#cat-live .cat-list-thumb { background-image: url(/src/img/sec/service/vr/thumb/live.png); }
		#cat-system .cat-list-thumb { background-image: url(/src/img/sec/service/vr/thumb/system.png); }
		#cat-ec .cat-list-thumb { background-image: url(/src/img/sec/service/vr/thumb/ec.png); }
		/* Category > List > Scheme > ec */
		#cat-vr .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/vr.png); }
		#cat-homido .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/homido.png); }
		#cat-airpano .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/airpano.png); }
		#cat-kandao .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/kandao.png); }
		#cat-htc .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/htc.png); }
		#cat-foreslake .cat-list-thumb { background-image: url(/src/img/sec/service/ec/thumb/foreslake.png); }



/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {



/*
	Common

--------------------------------------------------- */
.svc-block {}
	.svc-body {}



/*
	Anchor

--------------------------------------------------- */
.cat-anchor {}
	.cat-anc-list {}
		.cat-anc-item {
			font-size: 14px;
			margin: 0 15px;
			}
		.cat-anc-item:before {
			height: 90px;
			margin-bottom: 10px;
			top: 0;
			width: 90px;

			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			transition-duration: .5s;
			}
	/* Anchor > Hover */
	.cat-anc-item:hover:before {
		top: -5px;

		-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
		box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
		}



/*
	Intro

--------------------------------------------------- */

	/* Intro > Category */
	.ls_service_category #int-ttl { padding: 50px 20px; }
		.ls_service_category #int-ttl h1 { font-size: 30px; }


/*
	List

--------------------------------------------------- */

	/* Intro */
	#svc-list-intro { padding-top: 50px; }
		#lst-int-copy { height: 450px; }
			#lst-int-copy-inner {}
				#lst-int-copy span { font-size: 25px; }
		#lst-int-detail { margin-top: 40px; }
			#lst-int-detail p {
				font-size: 20px;
				line-height: 2.25;
				text-align: center;
				}

	/* Category */
	/* CSS for ls_parts.css */
	#svc-list-category {
		margin-top: 100px;
		padding: 0 60px;
		}
		#lst-cat-list {}
			.lst-cat-item {
				max-width: 100%;
				padding: 20px;
				width: 100%;
				flex-direction: unset;
				justify-content: space-between;
				}
			.lst-cat-item:nth-child(even) { flex-flow: row-reverse; }
				.lst-cat-con { padding: 40px 60px; }
				.lst-cat-ttl { margin-top: 0; }
				.lst-cat-item .com-linkarea { margin-top: 20px; }



/*
	Category

--------------------------------------------------- */
	
	/* Category > Intro */
	#svc-category-intro {
		max-width: 100%;
		padding-top: 30px;
		}
		#svc-category-intro .svc-body { display: flex; }
		#lst-cat-thumb {
			min-width: 45%;
			max-width: 45%;
			height: 450px;
			}
		#lst-cat-inner { padding: 20px 60px; }
			#lst-cat-copy {}
				#lst-cat-copy h2 { font-size: 27px; }
				#lst-cat-copy h2:before {
					height: 90px;
					margin-bottom: 15px;
					width: 90px;
					}
			#lst-cat-detail { margin-top: 20px; }
				#lst-cat-detail p {
					font-size: 17px;
					line-height: 1.75;
					}
				#lst-cat-detail .com-linkarea { margin-top: 25px; }
	
	/* Category > List */
	#svc-cat-list { margin-top: 60px; }
		#cat-list-wrap { max-width: 1060px; }
			.cat-list-item {
				background-color: rgba(245, 245, 245, 1);
				margin: 0 2% 60px;
				max-width: 46%;
       /* position: relative;*/
				}
				.cat-list-thumb { height: 200px; }
				.cat-list-inner { padding: 20px; }
					.cat-list-ttl { font-size: 18px; }
					.cat-list-outline { margin-top: 15px; }
						.cat-list-outline p {
							font-size: 14px;
							line-height: 1.75;
							}
						.cat-list-outline .com-linkarea { margin-top: 20px; }
					.cat-list-detail {
						background-color: rgba(255, 255, 255, 1);
						margin-top: 20px;
						}
						.cat-list-detail ul { padding: 15px 15px 15px 40px; }
							.cat-list-detail ul li {
								font-size: 13px;
								line-height: 1.75;
								}
           .cat-list-link {
             /*bottom: 20px;
             left: 50%;
             position: absolute;
             transform: translateX(-50%);*/
             	}
          .cat-list-link a {
					}


}


/* ------------------------------------------------ */


@media screen and (max-width: 1100px) {

	.lst-cat-item:nth-child(even) { flex-flow: column; }

}


/* ------------------------------------------------ */


@media screen and (max-width: 750px) {



/*
	Anchor

--------------------------------------------------- */
.cat-anchor {}
	.cat-anc-list {}
		.cat-anc-item {
			font-size: 12px;
			margin: 0 10px;
			}
		.cat-anc-item:before {
			height: 50px;
			margin-bottom: 10px;
			width: 50px;
			}



/*
	Intro

--------------------------------------------------- */

	/* Intro > Category */
	.ls_service_category #int-ttl {}
		.ls_service_category #int-ttl h1 {}



/*
	Common

--------------------------------------------------- */
#wrap {}

.svc-block {}
	.svc-body {}


/*
	List

--------------------------------------------------- */

	/* Intro */
	#svc-list-intro { padding-top: 50px; }
		#lst-int-copy { min-height: 300px; }
			#lst-int-copy-inner {}
				#lst-int-copy span {
					display: block;
					font-size: 23px;
					}
				#lst-int-copy span:nth-child(even) { margin: 7.5px auto 0; }
		#lst-int-detail {
			margin-top: 40px;
			padding: 0 20px;
			}
			#lst-int-detail p {
				font-size: 15px;
				line-height: 2;
				text-align: left;
				}

	/* Category */
	/* CSS for ls_parts.css */
	#svc-list-category { margin-top: 50px; }
		#lst-cat-list {}
			.lst-cat-item {
				margin-bottom: 30px;
				padding-bottom: 0;
				}
			.lst-cat-outline p { font-size: 14px; }
			.lst-cat-item .com-linkarea { margin-top: 15px; }



/*
	Category

--------------------------------------------------- */
	
	/* Category > Intro */
	#svc-category-intro {}
		#lst-cat-thumb { height: 250px; }
		#lst-cat-inner { padding: 30px 25px 20px; }
			#lst-cat-copy {}
				#lst-cat-copy h1 { font-size: 30px; }
				#lst-cat-copy h2 { font-size: 18px; }
				#lst-cat-copy h2:before {
					height: 50px;
					margin-bottom: 10px;
					width: 50px;
					}
			#lst-cat-detail { margin-top: 15px; }
				#lst-cat-detail p {
					font-size: 14px;
					line-height: 1.75;
					text-align: left;
					}
				#lst-cat-detail .com-linkarea { margin-top: 30px; }
	
	/* Category > List */
	#svc-cat-list { margin-top: 30px; }
		#cat-list-wrap {}
			.cat-list-item {
				background-color: rgba(255, 255, 255, 1);
				margin: 0 20px 30px;
				overflow: hidden;

				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;

				-webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
				-moz-box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
				box-shadow: 5px 5px 30px rgba(0, 0, 0, .1);
				}
				/*.cat-list-item:first-child {
					-webkit-border-radius: 30px 0 0 0;
					-moz-border-radius: 30px 0 0 0;
					border-radius: 30px 0 0 0;
					}
				.cat-list-item:last-child {
					-webkit-border-radius: 0 0 30px 0;
					-moz-border-radius: 0 0 30px 0;
					border-radius: 0 0 30px 0;
					}*/
				.cat-list-thumb { height: 150px; }
				.cat-list-inner { padding: 20px 15px 15px; }
					.cat-list-ttl { font-size: 16px; }
					.cat-list-outline {
						margin-top: 15px;
						padding: 0 10px;
						}
						.cat-list-outline p {
							font-size: 13px;
							line-height: 1.75;
							}
						.cat-list-outline .com-linkarea { margin-top: 20px; }
					.cat-list-detail {
						background-color: rgba(245, 245, 245, 1);
						margin-top: 20px;

						-webkit-border-radius: 0 0 15px 15px;
						-moz-border-radius: 0 0 15px 15px;
						border-radius: 0 0 15px 15px;
						}
						.cat-list-detail ul { padding: 15px 15px 15px 35px; }
							.cat-list-detail ul li {
								font-size: 12px;
								line-height: 1.75;
								}


}