@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	/* .content0Area */
	.content0Area {
		position:relative;
		text-align:center;
		overflow:hidden;
		height:740px;
		background-color:#171813;
	}
	.content0Area > h1{
		font-size:0;
		margin-top:113px;
		margin-bottom:50px;
		z-index:2;
		position:relative;
	}
	.content0Area > h1 > img{
	}
	.content0Area > p{
		font-size:18px;
		line-height:1.9;
		z-index:2;
		position:relative;
		color:#FFF;
	}
	.content0Area > .bg{
		position:absolute;
		left:50%;
		top:50%;
		margin:-370px 0 0 -650px;
		z-index:1;
	}
	.content0Area > .ami{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-image:url(../../common/img/pattern1.svg);
		z-index:1;
	}
	
	/* .content2Area */
	.content2Area{
		height:740px;
		position:relative;
		overflow:hidden;
		background-color:#000;
	}
	.content2Area .bg{
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-370px;
		margin-left:-650px;
	}
	.content2Area .title{
		width:340px;
		font-size:0;
		margin:250px auto 27px;
		position:relative;
	}
	.content2Area .title span{
		display:inline-block;
		padding:23px 25px 23px 27px;
		border:6px solid #FFF;
		font-size:0;
		overflow:hidden;
		position:relative;
	}
	.content2Area .title span > img{
		position:relative;
	}
	.content2Area .title span:nth-child(2){
		margin-top:-6px;
	}
	.content2Area .smile{
		position:relative;
		left: 50%;
		margin-left:-130px;
		top: 0;
	}
}

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

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

/*smart*/
@media screen and (max-width:640px) {
	/* .content0Area */
	.content0Area {
		text-align:center;
		background-color:#000;
		padding:20px 0;
	}
	.content0Area > h1{
		font-size:0;
		margin-top:20px;
		margin-bottom:20px;
		position:relative;
	}
	.content0Area > h1 > img{
		display:inline-block;
		width:70%;
		height:auto;
	}
	.content0Area > p{
		margin-bottom:20px;
		font-size:15px;
		color:#FFF;
		padding:0 5%;
	}
	.content0Area > p > br{
		display:none;
	}
	
	/* .content2Area */
	.content2Area{
		padding:40px 0 80px;
		background-color:#000;
		text-align:center;
	}
	.content2Area .img{
		width:70%;
		height:auto;
		display:inline-block;
	}
}