@charset "utf-8";

.pagehead{
	width:100%;
	border-top:7px solid #7DCCF3;
	position:relative;
	z-index:-1;
font-family: 'Noto Serif JP', serif;
}


/**/


@media only screen and (min-width: 1201px) { /*pc*/

.pagehead{
padding:20px 0 0;
}

.pagehead::before{
	content:url(../img/bg_sakura2.png);
	position:absolute;
	top:220px;
	left:-30px;
	z-index:-1;
}
.pagehead::after{
	content:url(../img/bg_sakura1.png);
	position:absolute;
	top:-100px;
	right:0;
	z-index:-1;
}



}


@media only screen and (max-width: 1200px) { /*pc*/

.pagehead{
padding:20px 0 0;
}

.pagehead::before{
	display:block;
	content:"";
	width:90%;
	max-width:717px;
	height:635px;
	background:url(../img/bg_sakura2.png) no-repeat;
	background-size:contain;
	position:absolute;
	top:220px;
	left:-30px;
	z-index:-1;
}
.pagehead::after{
	display:block;
	content:"";
	width:90%;
	max-width:664px;
	height:1306px;
	background:url(../img/bg_sakura1_sp.png) no-repeat top right;
	background-size:contain;
 position:absolute;
	top:-100px;
	right:0;
	z-index:-1;
}


}


@media only screen and (max-width: 768px) { /*sp*/

.pagehead{
}
.pagehead::before{
	content:"";
	width:100%;
height:715px;
	background:url(../img/bg_sakura2.png) 0 80px no-repeat;
/*	background-size:contain;*/
	position:absolute;
	top:0;
	left:0px;
	z-index:-1;
	opacity:0.5;
	overflow:hidden;
}

.pagehead::after{
	display:none;
}


}