@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	/* pageMv */
	.pageMv {
		margin:0 auto;
		width:100%;
		max-width:1300px;
		position:relative;
		overflow:hidden;
	}
	.pageMv img {
		width:100%;
		height:auto;
	}

	.contentArea {
		margin:85px auto 45px;
		padding-left:26%;
		width:100%;
		max-width:1300px;
		box-sizing:border-box;
	}
	.contentArea > .title {
		font-size:15px;
		font-size:1.5rem;
		line-height:2.2rem;
	}
	.contentArea table {
		margin-top:25px;
		border-bottom:1px solid #dfdfdf;
	}
	.contentArea table tr {
		border-top:1px solid #dfdfdf;
		font-size:13px;
		font-size:1.3rem;
	}
	.contentArea table th {
		padding-top:13px;
		width:150px;
		font-weight:normal;
		text-align: left;
		vertical-align: top;
	}
	.contentArea table td {
		padding:13px 0;
	}
	.contentArea table dt {
		padding-top:12px;
	}
	.contentArea table dl dt:first-child {
		padding-top:0;
	}
	.contentArea table dt span {
		color:#c1c1c1;
		display:inline-block;
		margin-right:6px;
	}
	
	/* .content1Area */
	.content1Area{
		position:relative;
		height:683px;
		overflow:hidden;
		text-align:center;
		background-color:#000;
	}
	.content1Area .bgLeft > p,
	.content1Area .bgRight > p{
		font-size:13px;
		top:640px;
		position:absolute;
	}
	.content1Area .bgLeft > img,
	.content1Area .bgRight > img{
		position:absolute;
		top:0;
	}
	.content1Area .bgLeft{
	}
	.content1Area .bgLeft > img{
		left:0;
	}
	.content1Area .bgLeft > p{
		left: 0;
		margin-left: 290px;
	}
	.content1Area .bgRight{
	}
	.content1Area .bgRight > img{
		right:0;
	}
	.content1Area .bgRight > p{
		right: 0;
		margin-right: 250px;
	}
	.content1Area .title{
		margin:140px 0 40px 0;
		position:relative;
	}
	.content1Area .title > img{
	}
	.content1Area .syakun{
		position:relative;
		text-align:left;
		width:840px;
		margin:0 auto;
		font-size:22px;
		color:#FFF;
		left: 190px;
	}
	.content1Area .syakun > li{
		margin-bottom:10px;
	}
}

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

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px) {
	.content1Area .bgLeft > img{
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
		-webkit-transform-origin:left bottom;
		-moz-transform-origin:left bottom;
		-ms-transform-origin:left bottom;
		transform-origin:left bottom;
	}
	.content1Area .bgLeft > p{
		margin-left: 200px;
	}
	.content1Area .bgRight > img{
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
		-webkit-transform-origin:right bottom;
		-moz-transform-origin:right bottom;
		-ms-transform-origin:right bottom;
		transform-origin:right bottom;
	}
	.content1Area .bgRight > p{
		margin-right: 200px;
	}
}


/*tablet*/
@media screen and (max-width:910px) and (min-width:641px) {
	.content1Area .bgLeft > img{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
	}
	.content1Area .bgLeft > p{
		margin-left: 170px;
	}
	.content1Area .bgRight > img{
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
	}
	.content1Area .bgRight > p{
		margin-right: 170px;
	}
}

/*smart*/
@media screen and (max-width:640px) {
	/* pageMv */
	.pageMv {
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}
	.pageMv img {
		width:230%;
		height:auto;
	}

	.contentArea {
		margin:45px auto 45px;
		width:100%;
	}
	.contentArea > .title {
		margin-left:5%;
		font-size:22px;
	}
	.contentArea table {
		display:block;
		margin-top:25px;
		border-bottom:1px solid #dfdfdf;
	}
	.contentArea table tbody {
		display:block;
	}
	.contentArea table tr {
		display:block;
		margin:0 5%;
		border-top:1px solid #dfdfdf;
		font-size:16px;
	}
	.contentArea table th {
		display:block;
		padding-top:13px;
		width:150px;
		font-weight:bolder;
		text-align: left;
		vertical-align: top;
		font-size:20px;
	}
	.contentArea table td {
		display:block;
		padding:13px 0;
	}
	.contentArea table dt {
		padding-top:12px;
		font-weight:bolder;
	}
	.contentArea table dl dt:first-child {
		padding-top:0;
	}
	.contentArea table dt span {
		color:#c1c1c1;
		display:inline-block;
		margin-right:6px;
	}
	
	/* .content1Area */
	.content1Area{
		background-color:#000;
		text-align:center;
	}
	.content1Area .bgLeft,
	.content1Area .bgRight{
		position:relative;
	}
	.content1Area .bgLeft > p,
	.content1Area .bgRight > p{
		color:#FFF;
		position:absolute;
		font-size:12px;
	}
	.content1Area .bgLeft > img,
	.content1Area .bgRight > img{
		width:100%;
		height:auto;
		display:block;
	}
	.content1Area .bgLeft{
	}
	.content1Area .bgLeft > img{
	}
	.content1Area .bgLeft > p{
		margin-top:-100px;
		left:65%;
		top:40%;
		text-align:left;
	}
	.content1Area .bgRight{
	}
	.content1Area .bgRight > img{
	}
	.content1Area .bgRight > p{
		margin-top:-50px;
		right:60%;
		top:45%;
		text-align:right;
	}
	.content1Area .title{
		padding:50px 0 10px 0;
		text-align:center;
	}
	.content1Area .title > img{
		display:inline-block;
	}
	.content1Area .syakun{
		color:#FFF;
		font-size:12px;
		padding:0 0 50px 0;
	}
	.content1Area .syakun > li{
	}
}