@media screen and (max-width: 1180px){
	#main{
		width:100%;
	}
	
	#main .topA{
		width:100%;
	}
	
	#main .topA .logo{
		width:350px;
		margin:30px auto 0;
	}
	
	#main .topA .logo img{
		width:100%;
	}
	
	#main .topA .in{
		text-align:center;
		font-size:24px;
		margin-top:30px;
		position:relative;
		line-height:22px
	}
	
	
	#main .topA .in a{
		color:#fff;
		display:inline-block;
		overflow:visible;
		position:relative;
	}
	
	
	#main .topA .in a .moveLine{
		width:1px;
		opacity:0;
		display:block;
		border:1px solid #fff;
		padding:0;
		height:1px;
		box-sizing:border-box;
		margin:0;
		height:1px;
	}
	
	
	
	
	
	#main .mainVisual{
		width:100%;
		padding:0px 3%;
		box-sizing:Border-box;
		margin-top:50px;
	}
	
	#main .mainVisual video{
		width:100%;
	}
	
	
	
	
	#main .service{
		width:100%;
		margin-top:140px;
	}
	
	
	#main .service .titA{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#main .service .titA .tit{
		font-size:38px;
		color:#c1c1c1;
		font-family:'lora';
	}
	
	#main .service .titA .substance{
		font-size:18px;
		margin-top:10px;
		color:#d9d9d9;
	}
	
	#main .service .serviceCont{
		width:100%;
		margin-top:50px;
		display:block;
		border:1px solid #444;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceCont .thum{
		width:100%;
		place-self:center;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceCont .thum img{
		width:100%;
	}
	
	
	#main .service .serviceCont .serviceList{
		width:100%;
		place-self:center;
		box-sizing:border-box;
		padding:0;
	}
	
	
	
	
	#main .service .serviceCont .serviceList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#main .service .serviceCont .serviceList li{
		width:100%;
		padding:25px 50px;
		border-bottom:1px solid #444;
		display:flex;
		box-sizing:border-box;
	}
	
	#main .service .serviceCont .serviceList li .num{
		width:5%;
		place-self:start;
		font-size:18px;
		color:#d9d9d9;
		font-family:lato;
		font-weight:bold;
	}
	
	
	#main .service .serviceCont .serviceList li .ctA{
		width:94%;
		place-self:start;
	}
	
	#main .service .serviceCont .serviceList li .ctA .subj{
		font-size:16px;
		font-family:'ONE-Mobile-bold';
		color:#c1c1c1
	}
	
	#main .service .serviceCont .serviceList li .ctA .subs{
		font-size:14px;
		margin-top:10px;
		color:#c1c1c1
	}
	
	
	
	#main .cate{
		width:100%;
		margin:140px auto ;
		display:flex;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	
	
	
	#main .cate dd{
		place-self:start;
		width:25%;
		padding:40px 10px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-left:20px;
	}
	
	#main .cate dd:first-child{
		margin-left:0px;
	}
	
	
	
	
	#main .cate dd .subj{
		font-size:18px;
		font-family:'ONE-Mobile-bold';
		color:#c1c1c1;
		text-align:Center;
	}
	
	
	#main .cate dd .subs{
		font-size:15px;
		color:#777;
		text-align:Center;
		margin-top:20px;
		word-break:keep-all;
	}
	
	#main .cate dd .ico{
		width:100%;
		margin:0 auto;
		text-align:center;
		margin-top:40px;
	}
	
	#main .cate dd .ico img{
		display:inline-block;
		height:50px
	}
}


@media screen and (max-width: 767px){
	#main{
		width:100%;
	}
	
	#main .topA{
		width:100%;
	}
	
	#main .topA .logo{
		width:150px;
		margin:30px auto 0;
	}
	
	#main .topA .logo img{
		width:100%;
	}
	
	#main .topA .in{
		text-align:center;
		font-size:14px;
		margin-top:30px;
		position:relative;
		line-height:22px
	}
	
	
	#main .topA .in a{
		color:#fff;
		display:inline-block;
		overflow:visible;
		position:relative;
	}
	
	
	#main .topA .in a .moveLine{
		width:1px;
		opacity:0;
		display:block;
		border:1px solid #fff;
		padding:0;
		height:1px;
		box-sizing:border-box;
		margin:0;
		height:1px;
	}
	
	
	
	
	
	#main .mainVisual{
		width:100%;
		padding:0px 3%;
		box-sizing:Border-box;
		margin-top:50px;
	}
	
	#main .mainVisual video{
		width:100%;
	}
	
	
	
	
	#main .service{
		width:100%;
		margin-top:40px;
	}
	
	
	#main .service .titA{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	#main .service .titA .tit{
		font-size:26px;
		color:#c1c1c1;
		font-family:'lora';
	}
	
	#main .service .titA .substance{
		font-size:14px;
		margin-top:10px;
		color:#d9d9d9;
		word-break:keep-all;
		line-height:22px
	}
	
	#main .service .serviceCont{
		width:100%;
		margin-top:50px;
		display:block;
		border:1px solid #444;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceCont .thum{
		width:100%;
		place-self:center;
		box-sizing:border-box;
	}
	
	
	#main .service .serviceCont .thum img{
		width:100%;
	}
	
	
	#main .service .serviceCont .serviceList{
		width:100%;
		place-self:center;
		box-sizing:border-box;
		padding:0;
	}
	
	
	
	
	#main .service .serviceCont .serviceList li:last-child{
		border-bottom:0px solid #e5e5e5;
	}
	
	#main .service .serviceCont .serviceList li{
		width:100%;
		padding:25px;
		border-bottom:1px solid #444;
		display:flex;
		box-sizing:border-box;
	}
	
	#main .service .serviceCont .serviceList li .num{
		width:15%;
		place-self:start;
		font-size:18px;
		color:#d9d9d9;
		font-family:lato;
		font-weight:bold;
	}
	
	
	#main .service .serviceCont .serviceList li .ctA{
		width:94%;
		place-self:start;
	}
	
	#main .service .serviceCont .serviceList li .ctA .subj{
		font-size:15px;
		font-family:'ONE-Mobile-bold';
		color:#c1c1c1
	}
	
	#main .service .serviceCont .serviceList li .ctA .subs{
		font-size:13px;
		margin-top:10px;
		color:#c1c1c1;
		word-break:keep-all;
		line-height:22px;
	}
	
	
	
	#main .cate{
		width:100%;
		margin:140px auto ;
		display:block;
		padding:0px 3%;
		box-sizing:border-box;
	}
	
	
	
	
	#main .cate dd{
		place-self:start;
		width:100%;
		padding:40px 10px;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-left:0px;
		margin-top:20px;
	}
	
	#main .cate dd:first-child{
		margin-left:0px;
		margin-top:0px;
	}
	
	
	
	
	#main .cate dd .subj{
		font-size:18px;
		font-family:'ONE-Mobile-bold';
		color:#c1c1c1;
		text-align:Center;
	}
	
	
	#main .cate dd .subs{
		font-size:15px;
		color:#777;
		text-align:Center;
		margin-top:20px;
		word-break:keep-all;
	}
	
	#main .cate dd .ico{
		width:100%;
		margin:0 auto;
		text-align:center;
		margin-top:40px;
	}
	
	#main .cate dd .ico img{
		display:inline-block;
		height:50px
	}
}