@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	/* .mvArea */
	.mvArea{
		position:relative;
		background-color: #0b0b0b;
		overflow:hidden;
	}
	.mvArea .bg{
		position:absolute;
		top:-21px;
		left:0;
		width:100%;
		height:100%;
	}
	.mvArea .bg div{
		height:59px;
		width:100%;
	}
	.mvArea .bg div:nth-child(4n+1){
		background-image:url(../img/mv_thumb01.jpg);
	}
	.mvArea .bg div:nth-child(4n+2){
		background-image:url(../img/mv_thumb02.jpg);
	}
	.mvArea .bg div:nth-child(4n+3){
		background-image:url(../img/mv_thumb03.jpg);
	}
	.mvArea .bg div:nth-child(4n+4){
		background-image:url(../img/mv_thumb04.jpg);
	}
	.mvArea .bggrade{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.mvArea .title{
		position:absolute;
		top:50%;
		left:50%;
		margin:-118px 0 0 -152px;
		width:360px;
		font-size:0;
	}
	.mvArea .title span{
		display:inline-block;
		padding:23px 25px 23px 27px;
		border:6px solid #FFF;
		font-size:0;
		overflow:hidden;
	}
	.mvArea .title span > img{
		position:relative;
		right:0;
	}
	.mvArea .title span:nth-child(2){
		margin-top:-6px;
		padding:23px 32px 23px 27px;
	}
	.mvArea .smile{
		position:absolute;
		top:50%;
		left:50%;
		margin:113px 0 0 -116px;
	}
	
	/* .content0Area */
	.content0Area{
		width:100%;
		overflow:hidden;
		position:relative;
		background-color:#FFF;
	}
	.content0Area > h1{
		padding:110px 0 0 0;
		margin:0 0 53px;
		font-size:0;
		text-align:center;
	}
	.content0Area > h1 > img{
	}
	.content0Area > p{
		margin:0px 0 60px;
		width:100%;
		text-align:center;
		font-size:17px;
		font-size:1.7rem;
		line-height:1.9;
		font-weight:300;
	}
	.content0Area .servicearea{
		list-style:none;
		font-size:0;
		width:100%;
		text-align:center;
		padding-bottom:85px;
	}
	.content0Area .servicearea > li{
		display:inline-block;
		width:264px;
		position:relative;
		padding-top:146px;
		padding-bottom:70px;
		margin:0 20px;
		text-align:left;
	}
	.content0Area .servicearea > li:after {
		content:"";
		display:block;
		position:absolute;
		width:130px;
		height:4px;
		background-color:#e6e6e6;
	}
	.content0Area .servicearea > li:last-child:after {
		display:none;
	}
	.content0Area .servicearea > li:first-child:after {
		left: 220px;
		top: 70px;
	}
	.content0Area .servicearea > li:nth-child(2):after {
		left: 230px;
		top: 70px;
	}
	.content0Area .servicearea li > h2{
		height:26px;
		padding:10px 10px 0 10px;
		font-size:0;
		line-height:0;
		display:inline-block;
		background-color:#ffffff;
	}
	.content0Area .servicearea li > p{
		padding:16px 0px 0px 8px;
		line-height:1.9;
		width:250px;
		font-size:13px;
		font-size:1.3rem;
		color:#212121;
	}
	.content0Area .markoff, .content0Area .markon{
		position:absolute;
		top:0;
		left:0;
	}
	.content0Area .markon{
		opacity:0.0;
	}
	.content0Area .servicearea li:nth-child(1) > .markoff, .content0Area .servicearea li:nth-child(1) > .markon{
		margin:23px 0 0 100px;
	}
	.content0Area .servicearea li:nth-child(2) > .markoff, .content0Area .servicearea li:nth-child(2) > .markon{
		margin:26px 0px 0px 84px;
	}
	.content0Area .servicearea li:nth-child(3) > .markoff, .content0Area .servicearea li:nth-child(3) > .markon{
		margin:17px 0 0 96px;
	}
	
	/* .content1Area */
	.content1Area{
		width:100%;
		height:730px;
		overflow:hidden;
		position:relative;
		background-color:#000;
	}
	.content1Area > h1{
		position:relative;
		z-index:1;
		margin:126px 0px 40px;
		text-align:center;
		font-size:0;
	}
	.content1Area > p{
		position:relative;
		line-height:1.9;
		font-size:18px;
		color:#FFF;
		margin:0 0 40px 0;
		z-index:1;
		text-align:center;
	}
	.content1Area > .commonLink0{
		margin-right:auto;
		margin-left:auto;
		z-index:1;
		position:relative;
		bottom:0;
	}
	.content1Area > .bg{
		position:absolute;
		top:50%;
		left:50%;
		margin:-540px 0 0 -960px;
	}
}

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

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

/*tablet2*/
@media screen and (max-width:910px) and (min-width:641px) {
	.content0Area .servicearea > li{
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		transform:scale(0.9);
	}
	.content0Area .servicearea > li{
		width:230px;
		margin: 0px 20px 0 0;
	}
	.content0Area .servicearea > li:last-child{
		margin:0;
	}
	.content0Area .servicearea > li:after{
		width: 80px;
	}
}

/*smart*/
@media screen and (max-width:640px) {
	/* .mvArea */
	.mvArea{
		width:100%;
		display:block;
	}
	
	/* .content0Area */
	.content0Area{
		width:100%;
		overflow:hidden;
		position:relative;
		background-color:#FFF;
	}
	.content0Area > h1{
		padding:85px 10% 0;
		margin:0 0 35px;
		font-size:0;
		text-align:center;
	}
	.content0Area > h1 > img{
		width:100%;
	}
	.content0Area > p{
		margin:0 0 0 0;
		width:100%;
		text-align:center;
		font-size:2.6rem;
		line-height:1.9;
		font-weight:300;
	}
	.content0Area .servicearea{
		list-style:none;
		font-size:0;
		width:100%;
		text-align:center;
	}
	.content0Area .servicearea > li:first-child{
		border-top:solid 0px;
	}
	.content0Area .servicearea > li{
		display:inline-block;
		border-top:solid 4px;
		border-color:#dedede;
		width:80%;
		position:relative;
		padding-top:175px;
		padding-bottom:115px;
		margin:0 20px;
		text-align:left;
	}
	.content0Area .servicearea li > h2{
		display:block;
		margin:0 auto;
		padding:10px 10px 0 10px;
		width:240px;
		font-size:0;
		line-height:0;
		background-color:#ffffff;
	}
	.content0Area .servicearea li > h2 > img{
		display:block;
		margin:0 auto;
		height:auto;
	}
	.content0Area .servicearea li:nth-child(1) > h2 img {
		width:85%;
	}
	.content0Area .servicearea li:nth-child(2) > h2 img {
		width:100%;
	}
	.content0Area .servicearea li:nth-child(3) > h2 img {
		width:70%;
	}
	.content0Area .servicearea li > p{
		padding:16px 0px 0px 8px;
		line-height:1.9;
		font-size:14px;
		color:#212121;
	}
	.content0Area .markoff, .content0Area .markon{
		position:absolute;
		top:30px;
	}
	.content0Area .markon{
		opacity:0.0;
	}
	.content0Area .servicearea li:nth-child(1) > .markoff, .content0Area .servicearea li:nth-child(1) > .markon{
		width:64px;
		margin:23px 0 0 -32px;
		left:50%;
	}
	.content0Area .servicearea li:nth-child(2) > .markoff, .content0Area .servicearea li:nth-child(2) > .markon{
		width:94px;
		margin:26px 0px 0px -47px;
		left:50%;
	}
	.content0Area .servicearea li:nth-child(3) > .markoff, .content0Area .servicearea li:nth-child(3) > .markon{
		width:98px;
		margin:17px 0 0 -49px;
		left:50%;
	}
	
	/* .content1Area */
	.content1Area{
		padding-bottom:30px;
		width:100%;
		background-color:#000;
		overflow:hidden;
		position:relative;
	}
	.content1Area > h1{
		margin:45px auto 30px;
		padding:0 20%;
		z-index:1;
		text-align:center;
		font-size:0;
		position:relative;
	}
	.content1Area > h1 img {
		width:100%;
	}
	.content1Area > p{
		position:relative;
		line-height:1.9;
		font-size:15px;
		color:#FFF;
		margin:0 0 25px 0;
		z-index:1;
		text-align:center;
	}
	.content1Area > .commonLink0{
		margin-right:auto;
		margin-left:auto;
		z-index:1;
		position:relative;
		left:0;
		bottom:0;
	}
	.content1Area > .bg{
		position:absolute;
		top:50%;
		left:50%;
		margin:-540px 0 0 -960px;
	}
}