@charset "UTF-8";

/* layout
++--------------------------------------------++*/
@media (min-width: 768px){
	.page-inner{
		min-width: var(--width-min);
		max-width: var(--width-max);
		margin: 0px auto;
		padding: 0 2em 1em;
		background-color: rgba(255,255,255,0.98);}
}

@media (max-width: 767px){
	.page-inner{
		max-width: 90%;
		margin: 0px auto;
		background-color: rgba(255,255,255,0.9);}
}

.page-bk{
	/*background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../../../../uploads/img/object/11.jpg);
	background-position: left center;*/
	/*background: url(../../../../uploads/img/bg/back_20_01.png) repeat left top;*/
	background: url(../../../uploads/img/bg/layer/white4x4_03.png) repeat left top,
							url(../../../uploads/img/object/12.jpg) no-repeat center top / cover;
	/*background-size: cover;*/
	/*background-size: contain;*/
	background-attachment: fixed;}

.page-inner h2{
	text-align: center;
	background-color: var(--color-bk2);
	color: #404040;
	font-family: var(--font-gothic);
	font-size: 24px; font-size: 2.4rem;
	margin: 0px 0px 1em;
	padding: 0.5em 0;}

.page-inner p{
	color: var(--color-p1);
	font-size: 16px; font-size: 1.6rem;
	padding: 0 0 16px 0;}

/* lp-art */
.lp-div img{
	padding: 1em 0em}

@media (min-width: 768px){
	.lp-div{
		padding: 1em 4em 2em}
}

@media (max-width: 767px){
	.lp-div{
		padding: 1em 1em 2em}
}