section header.sectionHeader{
	margin: 0 auto 20px;
	padding: 0;
	width: 100%;
	max-width: 800px;
	height: 352px;
	text-align: center;
	background: url('/images/pl/header01.png') center top no-repeat;
	background-position: center top;
	
}

section header.sectionHeader h1{
	margin: 0 0 24px;
	padding:32px 0 0;
	font-size: 44px;
	color: #fff;
	font-weight: bold;
}

section header.sectionHeader p{
	font-size: 28px;
	line-height: 44px;
	color: #1c0f12;
	font-weight: bold;
}

section#sellection1 header.sectionHeader{
	background-image: url('/images/pl/header02.png');
}


section#magazine header.sectionHeader{
	background-image: url('/images/pl/header03.png');
	height: 382px;
}

section#salesPoint header.sectionHeader{
	background-image: url('/images/pl/header04.png');
	
}

section#feature header.sectionHeader{
	background-image: url('/images/pl/header05.png');
}


@media only screen and (max-width: 767px) and (min-width: 641px){

	#mainVisual{
		margin: 0 auto 6.8%;
	}
		
	section header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 45%;
		width: 100%;
		max-width: 800px;/*  */
		height: 0;
		background-size: 100% auto ;
		-webkit-background-size: 100% auto ;
		-moz-background-size:  100% auto ;
		background-position: center top;
	}

	section header.sectionHeader h1{
		position: absolute;
		top: 8.3%;
		left: 50%;
		margin-bottom: 2.6%;
		margin-left: -50%;
		padding: 0;
		width: 100%;
		text-align: center;
		font-size: 5.7vw;
	}

	section header.sectionHeader p{
		position: absolute;
		top: 28%;
		left: 50%;
		margin-left: -50%;
		width: 100%;
		font-size: 3.6vw;
		line-height: 2.6rem;
	}

	section#magazine header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 50%;
		width: 100%;
		max-width: 800px;/*  */
		height: 0;
		background-size: 100% auto ;
		-webkit-background-size: 100% auto ;
		-moz-background-size:  100% auto ;
		background-position: center top;
		background-position: center top;
	}

	section#magazine  header.sectionHeader h1{
		top: 6%;
		margin-bottom: 3.8%;
		font-size: 5.7vw;
		line-height: 4.8rem;
	}

	section#magazine  header.sectionHeader p{
		top: 38%;
		font-size: 3.6vw;
		line-height: 3.2rem;
	}
	
/* +++++++++++++++++++++++ */		
}

@media only screen and (max-width: 640px) and (min-width: 415px){

	#mainVisual{
		margin: 0 auto ;
	}
		
	section header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 45%;
		width: 100%;
		max-width: 800px;/*  */
		height: 0;
		background-size: 100% auto ;
		-webkit-background-size: 100% auto ;
		-moz-background-size:  100% auto ;
		background-position: center top;
	}

	section header.sectionHeader h1{
		position: absolute;
		top: 8.3%;
		left: 50%;
		margin-bottom: 2.6%;
		margin-left: -50%;
		padding: 0;
		width: 100%;
		text-align: center;
		font-size: 5.7vw;
	}

	section header.sectionHeader p{
		position: absolute;
		top: 28%;
		left: 50%;
		margin-left: -50%;
		width: 100%;
		font-size: 3.6vw;
		line-height: 2.6rem;
	}

	section#magazine header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 50%;
		width: 100%;
		max-width: 800px;/*  */
		height: 0;
		background-size: 100% auto ;
		-webkit-background-size: 100% auto ;
		-moz-background-size:  100% auto ;
		background-position: center top;
		background-position: center top;
	}

	section#magazine  header.sectionHeader h1{
		top: 6%;
		margin-bottom: 3.8%;
		font-size: 5.7vw;
		line-height: 3.8rem;
	}

	section#magazine  header.sectionHeader p{
		top: 38%;
		font-size: 3.6vw;
		line-height: 2.8rem;
	}
			
		@media only screen and (max-width: 568px){

			section#magazine  header.sectionHeader h1{
				top: 6%;
				margin-bottom: 3.4%;
				line-height: 3.2rem;
			}

			section#magazine  header.sectionHeader p{
				line-height: 2.2rem;
			}
		
		}


}/**/

/* 414 */
/* 375 */
@media only screen and (max-width: 414px){
		
	section header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 60%;
		width: 100%;
		max-width: 414px;/*  */
		height: 0;
		-webkit-background-size: 133% auto;/*  */
		-moz-background-size:  133% auto; 	/* */
		background-size:  133% auto;
		background-position: center top;
	}

	section header.sectionHeader h1{
		position: absolute;
		top: 10%;
		left: 50%;
		margin-bottom: 3.7%;
		margin-left: -50%;
		padding: 0;
		width: 100%;
		text-align: center;
		font-size: 7.5vw;
	}

	section header.sectionHeader p{
		position: absolute;
		top: 28%;
		left: 50%;
		margin-left: -50%;
		width: 100%;
		font-size: 5vw;
		line-height: 2.6rem;
	}

	section#magazine header.sectionHeader{
		position: relative;
		z-index: 1;
		margin-bottom: 0;
		padding-top: 62%;
		width: 100%;
		max-width: 414px;/*  */
		height: 0;
		-webkit-background-size: 133% auto;
		-moz-background-size:  133% auto;
		background-size:  133% auto;
		background-position: center top;
	}

	section#magazine  header.sectionHeader h1{
		top: 6%;
		margin-bottom: 3.8%;
		line-height: 3rem;
	}

	section#magazine  header.sectionHeader p{
		top: 38%;
		font-size: 5vw;
		line-height: 2.4rem;
	}
	
	@media only screen and (max-width: 360px){

		section#magazine  header.sectionHeader h1{
			top: 6%;
			margin-bottom: 3.8%;
			line-height: 2.8rem;
		}

		section#magazine  header.sectionHeader p{
			top: 38%;
			font-size: 5vw;
			line-height: 2.0rem;
		}


	}
	
}