@charset "utf-8";

/*===========================================================
atelierぴりか
===========================================================*/


.atelierPirika01ImgBox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.atelierPirika02Block {
	gap: 10px;
}

.atelierPirika02Block:first-child .atelierPirika02ImgBox:nth-of-type(even) {
	margin: -40px 0 0;
}

.atelierPirika02Block:nth-of-type(even) .atelierPirika02ImgBox:nth-of-type(odd) {
	margin: 0;
}

.atelierPirika02ImgBox {
	mask: url(/system_panel/uploads/images/alelier_pirika_cutout_mask.svg) no-repeat center / cover;
	-webkit-mask: url(/system_panel/uploads/images/alelier_pirika_cutout_mask.svg) no-repeat center / cover;
	overflow: hidden;
}

.atelierPirika01ImgBox::before {
	content: "";
	display: block;
	background: rgba(255, 255, 255, .85);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.atelierPirika01ImgBox img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.atelierPirika01Tit {
	font-size: clamp(26px, 6.000px + 2.604vw, 56px);
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-weight: 700;
	font-family: var(--fontC);
}

.atelierPirika03Block:first-child {
	margin: 0;
}

.atelierPirika03Block {
	margin: 60px 0 0;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


	/*===========================================================

===========================================================*/



}

/* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


	/*===========================================================

===========================================================*/



}

/* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


	/*===========================================================

===========================================================*/

	.atelierPirika02Block {
		gap: 0;
	}

	.atelierPirika02Block:first-child .atelierPirika02ImgBox:nth-of-type(even) {
		margin: -80px 0 0;
	}

	.atelierPirika02Block:nth-of-type(even) .atelierPirika02ImgBox:nth-of-type(odd) {
		margin: -80px 0 0;
	}

	.atelierPirika03Block {
		margin: 80px 0 0;
	}

}

/* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


	/*===========================================================

===========================================================*/

	.atelierPirika01ImgBox {
		width: 95%;
		max-width: 1750px;
		margin: 0 auto 0 0;
		border-radius: 0 100vmax 100vmax 0;
		overflow: hidden;
	}

	.atelierPirika02Block:first-child .atelierPirika02ImgBox:nth-of-type(even) {
		margin: -120px 0 0;
	}

	.atelierPirika02Block:nth-of-type(even) .atelierPirika02ImgBox:nth-of-type(odd) {
		margin: -120px 0 0;
	}

	.atelierPirika03Block {
		margin: 100px 0 0;
	}


}

/* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


	/*===========================================================

===========================================================*/



}

/* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


	/*===========================================================

===========================================================*/



}

/* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {}

/* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */