@charset "UTF-8";

/* CSS Document */

	
.headlinepaella{
	display:block;
	padding:4px 4px 4px 20px;
	width:100%;
	height:40px;
	text-align:left;
	background-color: #000;}

.wrapperpaella{
	width:100%;
	margin:0 auto -5px;
	width:100%;
	}	
	
.inner{
	position:relative;
	margin:0 auto;
	max-width:860px;
	width:100%;}
	
.inner img{
	width:100%;
	height:auto;}
	



/*全体トップページ*/

.pae18{
	position:relative;
	max-width:949px;
	width:100%;
	height:280px;
	border:#000 1px solid;
	margin:0px auto 15px;
	overflow:hidden;
}

.paepp{
	position:absolute;
	top:0;
	left:55%;
	width:46%;
	height:auto;}
	
.paepp2{
	display:none;}
	
.paepp img,.paepp2 img,.pae1 img{
	width:100%;
	height:auto;}
	
.pae1{
	position:absolute;
	top:10%;
	left:6%;
	width:40%;
	height:auto;}

.pae2{
	position:absolute;
	top:60%;
	left:6%;
	width:45%;}
	
.pae2 p{
	font-size:14px;
	text-align:justify;}
	
.kuwapae{
	position: absolute;
	display: inline;
	top:88%;
	left: 38%;
	font-size: 15px;
	letter-spacing: -1px;
}		


@media only print{
	
.wrapperpaella{
	width:860px;
	height:1200px;
	background-image:url(2021paeprint.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	background-color:#FFFFFF;}


.noprint {display: none;}	

}
	


@media only screen and (max-width:840px){
	
.pae18{
	height:240px;}
	
.pae1{
	top:8%;
	left:4%;
	width:46%;}

.pae2{
	top:60%;
	left:4%;
	width:50%;}
	
.pae2 p{
	font-size:13px;}
	
.kuwapae{
	top:88%;
	left: 34%;
	font-size: 14px;}		
	
}

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

	
}

@media only screen and (max-width:640px){
	
.pae18{
	height:220px;}

.pae2{
	top:54%;
	left:3%;
	width:50%;}
	
.pae2 p{
	font-size:12px;}
	
.kuwapae{
	left: 30%;
	font-size: 14px;}		

}


@media only screen and (max-width:600px){
	
	
}





@media only screen and (max-width: 480px){


.pae18{
	height:540px;}
	
.paepp{
	display:none;}
	
.paepp2{
	display:inherit;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;}

.pae1{
	top:60%;
	left:6%;
	width:80%;}
	
.pae2{
	top:83%;
	left:8%;
	width:88%;}
	
.pae2 p{
	font-size:13px;}
	
.kuwapae{
	top:95%;
	left: 60%;
	font-size: 14px;}		


}

@media only screen and (max-width: 414px){

.pae18{
	height:480px;}

.pae1{
	top:58%;}
	
.pae2{
	top:80%;}
	

}

@media only screen and (max-width: 375px){

.pae18{
	height:460px;}

.pae1{
	top:55%;}
	
.pae2{
	top:76%;}
	

}


@media only screen and (max-width: 360px){

.pae2 p{
	font-size:12px;}
}

@media only screen and (max-width: 320px){

.pae18{
	height:400px;}

.pae1{
	top:55%;}
	
.pae2{
	left:3%;
	width:95%;}
	
.kuwapae{
	font-size: 13px;}	
	
}