@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	/* .serviceNavArea */
	.serviceNavArea {
		max-width:1205px;
		width:100%;
		margin:0 auto;
		padding:0 0 14px;
	}
	.serviceNavArea > a{
		padding:11px 7px;
		font-size:15px;
		font-weight:400;
		line-height:0;
		margin-left:15px;
		display:inline-block;
		background-color:rgba(255,255,255,1);
		color:#000;
	}
	.serviceNavArea > .active{
		color:#FFF;
		background-color:rgba(0,0,0,1);
	}
	.serviceNavArea_bottom{
		margin-top:50px;
	}
	
	/* .sPageHeader */
	.sPageHeader{
		height:378px;
		overflow:hidden;
		position:relative;
		font-size:0;
		text-align:center;
		background-color:#141414;
	}
	.sPageHeader .bg{
		position:absolute;
		top:50%;
		left:50%;
		margin:-189px 0 0 -650px;
	}
	.sPageHeader .cTitle{
		margin-top:109px;
	}
	.sPageHeader .cTitle > span{
		margin-right:auto;
		margin-left:auto;
		display:inline-block;
		position:relative;
		overflow:hidden;
	}
	.sPageHeader .cTitle > span > img{
		position:relative;
	}
	.sPageHeader .cTitle > .kara{
		display:block;
	}
	.sPageHeader .cTitle > .title{
		overflow:hidden;
		margin-bottom:4px;
	}
	.sPageHeader .cTitle > div:nth-child(2){
	}
	.sPageHeader .cTitle > .caption{
	}
	
	/* .serviceContentArea */
	.serviceContentArea{
		position:relative;
		max-width:1160px;
		width:100%;
		margin: 90px auto 0;
		padding: 0 0px 90px;
		border-bottom:2px solid #000;
		font-size:0;
	}
	.serviceContentArea_first{
		margin-top:90px;
	}
	.serviceContentArea > .img_4{
	}
	.serviceContentArea > .img_4 > img{
		display:inline-block;
		height:auto;
		box-sizing:border-box;
		vertical-align:top;
	}
	.serviceContentArea > .img_4 > .width100{
		width:100%!important;
	}
	.serviceContentArea > .img_4 > .youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.serviceContentArea > .img_4 > .youtube > iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.serviceContentArea > .img_4 > img:nth-child(1){
		width: 99.8%;
		border-bottom:2px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(2){
		width:33.33%;
		border-right:2px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(3){
		width:33.33%;
		border-right:2px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(4){
		width:33.33%;
		border-right:2px solid rgba(0,0,0,0.00);
	}
	.serviceContentArea > .img_left{
		display:inline-block;
		width:59%;
		max-width:700px!important;
		vertical-align:top;
	}
	.serviceContentArea > .img_left > img{
		display:inline-block;
		width:100%;
		height:auto;
		border-bottom:2px solid #FFF;
		box-sizing:border-box;
	}
	.serviceContentArea > .case1{
		margin-top:30px;
	}
	.serviceContentArea > .case1 > h1{
		width:26%;
		display:inline-block;
		vertical-align:top;
		box-sizing:border-box;
		padding-right:5%;
	}
	.serviceContentArea > .case1 > h1 > span{
		display:inline-block;
		margin-bottom:2px;
	}
	.serviceContentArea > .case1 > h1 > .title{
		background-color:#FFEA00;
		padding:7px 9px 5px;
	}
	.serviceContentArea > .case1 > h1 > .title > img{
	}
	.serviceContentArea > .case1 > h1 > .caption{
		padding:1px 8px 3px;
		background-color:#212121;
		font-size:18px;
		color:#FFF;
		font-weight: 400;
	}
	.serviceContentArea > .case1 > h1 > .kara{
		margin-bottom:0;
		display:block;
	}
	.serviceContentArea > .case1 > p{
		width:73%;
		display:inline-block;
		font-size:15px;
		vertical-align:top;
	}
	.serviceContentArea > .case_right{
		display:inline-block;
		padding:0 0 0 5%;
		width:40%;
		text-align:left;
		vertical-align:top;
		box-sizing:border-box;
		
		margin-top:0;
	}
	.serviceContentArea > .case_right > h1{
		padding-bottom:35px;
		
		width:auto;
		padding-right:0;
	}
	.serviceContentArea > .case_right > h1 > span{
	}
	.serviceContentArea > .case_right > h1 > .title{
	}
	.serviceContentArea > .case_right > h1 > .title > img{
	}
	.serviceContentArea > .case_right > h1 > .caption{
	}
	.serviceContentArea > .case_right > h1 > .kara{
	}
	.serviceContentArea > .case_right > p{
		width:auto;
	}
}

/* 印刷CSS pc */
@media print {
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px) {
}

/*smart*/
@media screen and (max-width:640px) {
	/* .serviceNavArea */
	.serviceNavArea {
		font-size:0;
		text-align:center;
	}
	.serviceNavArea > a{
		box-sizing:border-box;
		padding:11px 7px;
		font-size:1.9rem;
		font-weight:bolder;
		line-height:1.5;
		display:inline-block;
		background-color:rgba(255,255,255,1);
		color:#000;
		width:33%;
		vertical-align:middle;
	}
	.serviceNavArea > a:first-child{
		margin:0 33%;
	}
	.serviceNavArea > .active{
		color:#FFF;
		background-color:rgba(0,0,0,1);
	}
	.serviceNavArea_bottom{
		margin-top:20px;
	}
	
	/* .sPageHeader */
	.sPageHeader{
		background-color:#141414;
		text-align:center;
		padding:90px 0px;
	}
	.sPageHeader .bg{
	}
	.sPageHeader .cTitle{
		-moz-transform:scale(0.8);
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	.sPageHeader .cTitle > span{
		margin-right:auto;
		margin-left:auto;
		display:inline-block;
		position:relative;
	}
	.sPageHeader .cTitle > span > img{
		position:relative;
	}
	.sPageHeader .cTitle > .kara{
		display:block;
	}
	.sPageHeader .cTitle > .title{
		overflow:hidden;
		margin-bottom:4px;
	}
	.sPageHeader .cTitle > div:nth-child(2){
	}
	.sPageHeader .cTitle > .caption{
	}
	
	/* .serviceContentArea */
	.serviceContentArea{
		width:90%;
		margin:50px auto 0;
		padding:0 0 50px 0;
		border-bottom:2px solid #000;
		font-size:0;
		text-align:center;
	}
	.serviceContentArea:last-of-type{
		border-bottom:none;	
	}
	.serviceContentArea > .img_4{
	}
	.serviceContentArea > .img_4 > img{
		display:inline-block;
		height:auto;
		box-sizing:border-box;
		vertical-align:top;
	}
	.serviceContentArea > .img_4 > .width100{
		width:100%!important;
	}
	.serviceContentArea > .img_4 > img:nth-child(1){
		width: 99.8%;
		border-bottom:1px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(2){
		width:33.33%;
		border-right:1px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(3){
		width:33.33%;
		border-right:1px solid #FFF;
	}
	.serviceContentArea > .img_4 > img:nth-child(4){
		width:33.33%;
		border-right:1px solid rgba(0,0,0,0.00);
	}
	.serviceContentArea > .img_4 > .youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.serviceContentArea > .img_4 > .youtube > iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.serviceContentArea > .img_left{
	}
	.serviceContentArea > .img_left > img{
		display:inline-block;
		width:49.8%;
		height:auto;
		box-sizing:border-box;
		vertical-align:top;
		margin-bottom:1px;
	}
	.serviceContentArea > .img_left > img:nth-child(2n+1){
		margin-right:0.2%;
	}
	.serviceContentArea > .case1{
		margin-top:30px;
	}
	.serviceContentArea > .case1 > h1{
		margin-bottom: 30px;
	}
	.serviceContentArea > .case1 > h1 > span{
		display:inline-block;
		margin-bottom:1px;
	}
	.serviceContentArea > .case1 > h1 > .title{
		background-color:#FFEA00;
		padding:7px 9px 5px;
	}
	.serviceContentArea > .case1 > h1 > .title > img{
	}
	.serviceContentArea > .case1 > h1 > .caption{
		padding:1px 8px 3px;
		background-color:#212121;
		font-size:18px;
		color:#FFF;
		font-weight: 400;
	}
	.serviceContentArea > .case1 > h1 > .kara{
		margin-bottom:0;
		display:block;
	}
	.serviceContentArea > .case1 > p{
		font-size:15px;
	}
	.serviceContentArea > .case_right{
	}
	.serviceContentArea > .case_right > h1{
	}
	.serviceContentArea > .case_right > h1 > span{
	}
	.serviceContentArea > .case_right > h1 > .title{
	}
	.serviceContentArea > .case_right > h1 > .title > img{
	}
	.serviceContentArea > .case_right > h1 > .caption{
	}
	.serviceContentArea > .case_right > h1 > .kara{
	}
	.serviceContentArea > .case_right > p{
	}
}