@charset "UTF-8";

.p-main-structure{
	background-image:var(--bgi-structure-left-to-right);

	&.of-course, &.of-interview, &.of-youtube{
		--bgi-structure-left-to-right:url(../../common/img/bg_l-main-structure_sp.svg);
		--bgi-structure-right-to-left:url(../../common/img/bg_l-main-structure_right-left_sp.svg);
		--bg-structure-inner:#fff;
	}

	&.of-news-blog, &.of-feature, &.of-instagram{
		--bgi-structure-left-to-right:url(../../common/img/bg_structure-fabric-top_sp@2x.png);
		--bgi-structure-right-to-left:url(../../common/img/bg_structure-fabric-top_right-left_sp@2x.png);
		--bg-structure-inner:url(../../common/img/bg_fabric@2x.jpg) 0 0 / 50% #f1f1f1;

		.l-main-heading{
			--drop-shadow:#f1f1f1;
		}
	}

	&.of-news-blog, &.of-interview, &.of-youtube{
		background-image:var(--bgi-structure-right-to-left);
	}

	&.of-pickUp{
		padding-top:0;
		margin-top:calc(75/var(--content-width)*-100vw);
		background:none;
	}

	&.of-happyCafe{
		--bg-structure-inner:rgb(101 71 55 / 0.6);

		padding-top:0;
		background:url(../img/bg_p-main-structure_happyCafe_sp@2x.jpg) no-repeat 50% 50% / cover;
	}

	.l-main-heading{
		--drop-shadow:var(--bg-structure-inner);
	}
}

.p-main-structure__inner{
	background:var(--bg-structure-inner);

	.p-main-structure.of-pickUp &{
		background:none;
	}

	.p-main-structure.of-course &{
		padding-right:10px;
		padding-left:10px;
	}

	.l-main-structure.of-openCampus + .p-main-structure.of-happyCafe &{
		padding-top:calc(var(--bg-structure-of-opencampus-height)/var(--content-width)*100vw);
	}
}

.p-main-structure__offset{
	max-width:none;

	.p-main-structure.of-happyCafe &{
		padding:30px 0 45px;
	}

	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-pickUpList__list{
	margin-block:0;
}

.p-main-pickUpCard{
	&:any-link{
		pointer-events:none;
	}
}

.p-main-pickUpCard__areaImage{
	overflow:hidden;
	border:2px solid #c41b1f;
	border-radius:15px;
	pointer-events:auto;

	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-menuCourse__item, .p-main-menuCourse__inner, .p-main-menuCourse__areaText, .p-main-menuCourse__areaImage{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-menuCourse{
	display:grid;
	margin:30px 0;
	gap:10px;
}

.p-main-menuCourse__item{
	--main-color:#c41b1f;

	border:1px solid var(--main-color);
	border-radius:20px;
	background-color:var(--main-color);

	&.of-confectionary{
		--main-color:#ff84a0;
	}

	&.of-cookery-2{
		--main-color:#ff9a39;
	}

	&.of-cookery-1{
		--main-color:#50c7a9;
	}
}

.p-main-menuCourse__inner{
	display:flex;
	flex-direction:column-reverse;

	&:any-link{
		-webkit-text-decoration:none;
		text-decoration:none;
	}
}

.p-main-menuCourse__areaText{
	display:flex;
	min-height:40px;
	align-items:center;
	padding:6px 20px;
}

.p-main-menuCourse__title{
	position:relative;
	display:flex;
	align-items:center;
	padding-right:38px;
	color:#fff;
	font-weight:700;
	gap:5px;
	line-height:1;

	&::before, &::after{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		display:block;
		width:28px;
		height:28px;
		margin:auto;
		content:"";
	}

	&::before{
		z-index:1;
		background:url(../../common/img/bg_arrowRight.svg) no-repeat 50% 50% / 9px 9px;
	}

	&::after{
		border-radius:50%;
		background-color:#fff;
	}

	.p-main-menuCourse__item.of-confectionary &{
		&::before{
			filter:brightness(0) saturate(100%) invert(89%) sepia(36%) saturate(2512%) hue-rotate(292deg) brightness(98%) contrast(107%);
		}
	}

	.p-main-menuCourse__item.of-cookery-2 &{
		&::before{
			filter:brightness(0) saturate(100%) invert(76%) sepia(13%) saturate(4842%) hue-rotate(330deg) brightness(100%) contrast(103%);
		}
	}

	.p-main-menuCourse__item.of-cookery-1 &{
		&::before{
			filter:brightness(0) saturate(100%) invert(71%) sepia(7%) saturate(2517%) hue-rotate(115deg) brightness(96%) contrast(91%);
		}
	}
}

.p-main-menuCourse__titleMain{
	font-size:1.7rem;
}

.p-main-menuCourse__titleSub{
	display:inline-flex;
	align-items:center;
	font-size:1.2rem;

	&::before, &::after{
		display:inline-block;
		width:0.3em;
		height:1px;
		background-color:currentcolor;
		content:"";
		margin-block:auto;
	}

	&::before{
		margin-right:0.3em;
	}

	&::after{
		margin-left:0.3em;
	}
}

.p-main-menuCourse__areaImage{
	overflow:hidden;
	border-radius:20px 20px 0 0;

	.p-main-menuCourse__item[class*="of-"] &{
		position:relative;

		&::before{
			position:absolute;
			z-index:1;
			top:0;
			left:0;
			display:block;
			width:100%;
			background:no-repeat 0 0 / 100%;
			content:"";
		}
	}

	.p-main-menuCourse__item.of-confectionary &{
		&::before{
			max-width:69.55224vw;
			aspect-ratio:233 / 19;
			background-image:url(../img/bg_p-main-menuCourse__areaImage_confectionary.svg);
		}
	}

	.p-main-menuCourse__item.of-cookery-2 &{
		&::before{
			max-width:49.85075vw;
			aspect-ratio:167 / 51;
			background-image:url(../img/bg_p-main-menuCourse__areaImage_cookery-2.svg);
		}
	}

	.p-main-menuCourse__item.of-cookery-1 &{
		&::before{
			max-width:42.68657vw;
			aspect-ratio:143 / 21;
			background-image:url(../img/bg_p-main-menuCourse__areaImage_cookery-1.svg);
		}
	}
}

.p-main-happyCafeHeading{
	max-width:440px;
	margin:20px auto;
	color:#fff;
	text-align:center;
}

.p-main-happyCafeHeading__main{
	margin:0;
	font-size:1.2rem;
	font-weight:700;
}

.p-main-happyCafeHeading__sub{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-happyCafeLead{
	max-width:440px;
	margin:20px auto;
	color:#fff;
	text-align:center;
}

.p-main-featureList{
	margin:35px 0 25px;
}

.p-main-featureLead{
	margin:15px 0 35px;
	text-align:center;

	b{
		font-weight:400;
	}
}

.p-main-featureCard{
	position:relative;
	display:flex;
	max-width:310px;
	flex-direction:column-reverse;
	padding-top:40px;
	gap:10px;
	margin-inline:auto;
	text-align:center;

	&:any-link{
		color:#000;
		pointer-events:none;
		-webkit-text-decoration:none;
		text-decoration:none;
	}
}

.p-main-featureCard__areaText, .p-main-featureCard__areaImage, .p-main-featureCard__title{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-featureCard__areaImage{
	.c-media-image__viewport{
		pointer-events:auto;
	}
}

.p-main-featureCard__title{
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	left:0;
	margin:auto;
	pointer-events:auto;
}

.p-main-featureCard__text{
	font-size:1.4rem;
	pointer-events:auto;
}

.c-text-titleSteps{
	.p-main-featureList__item:nth-child(1) &{
		background-color:#fcf3c4;
	}

	.p-main-featureList__item:nth-child(2) &{
		background-color:#eecda7;
	}

	.p-main-featureList__item:nth-child(3) &{
		background-color:#e3b0b1;
	}

	.p-main-featureList__item:nth-child(4) &{
		background-color:#f6bfd7;
	}

	.p-main-featureList__item:nth-child(5) &{
		background-color:#ff9fc1;
	}
}

.c-text-titleSteps__label{
	.p-top .c-text-titleSteps:not(.of-sizeFixed-sp) &{
		font-size:1.5rem;
	}
}

.p-main-interviewList{
	margin:30px 0 40px;
}

.p-main-interviewCard{
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
	pointer-events:none;

	&:any-link{
		-webkit-text-decoration:none;
		text-decoration:none;
	}
}

.p-main-interviewCard__areaText, .p-main-interviewCard__areaImage{
	& > :first-child{
		margin-top:0 !important;
	}

	& > :last-child{
		margin-bottom:0 !important;
	}
}

.p-main-interviewCard__areaText{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-inline:auto;
	pointer-events:auto;
	text-align:center;
}

.p-main-interviewCard__areaImage{
	position:relative;
	text-align:center;

	&::before, &::after{
		position:absolute;
		right:calc(8/var(--content-width)*100vw);
		bottom:calc(11/var(--content-width)*100vw);
		display:block;
		width:calc(28/var(--content-width)*100vw);
		height:calc(28/var(--content-width)*100vw);
		margin:auto;
		content:"";
		pointer-events:auto;
	}

	&::before{
		z-index:1;
		background:url(../../common/img/bg_arrowRight.svg) no-repeat 50% 50% / calc(9/var(--content-width)*100vw) calc(9/var(--content-width)*100vw);
	}

	&::after{
		border-radius:50%;
		background-color:#aa0f13;
	}
}

.p-main-interviewCard__onSite{
	color:#c41b1f;
	font-size:1.2rem;
	font-weight:700;
}

.p-main-interviewCard__name{
	color:#000;
	font-size:1.4rem;
	font-weight:700;
}

.p-main-interviewCard__nameHonorific{
	font-size:1.2rem;
}

.p-main-interview__inner{
	display:block;
	padding:1.1% 1% 0;
	margin:50px auto;
	aspect-ratio:300 / 243;
	background-color:#aa0f13;
	clip-path:url(#svg-clip-path-balloonOuter);
	pointer-events:auto;
}

.p-main-interview__viewport{
	position:relative;
	display:block;
	aspect-ratio:294 / 234;
	clip-path:url(#svg-clip-path-balloonInner);
}

.p-main-interview__image{
	position:absolute;
	right:0;
	left:0;
	width:100%;
}

.p-main-structure__decoration{
	position:absolute;

	.c-media-image{
		container:none;
	}
}

.p-main-structure{
	&.of-news-blog{
		:nth-child(1 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(2 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(3 of .p-main-structure__decoration){
			top:calc(89/var(--content-width)*100vw);
			left:calc(10/var(--content-width)*100vw);
			transform:rotate(-3.28deg);
		}

		:nth-child(4 of .p-main-structure__decoration){
			top:calc(76/var(--content-width)*100vw);
			right:calc(0/var(--content-width)*100vw);
		}
	}

	&.of-course{
		:nth-child(1 of .p-main-structure__decoration){
			top:calc(79/var(--content-width)*100vw);
			left:calc(13/var(--content-width)*100vw);
		}

		:nth-child(2 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(3 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(4 of .p-main-structure__decoration){
			top:calc(106/var(--content-width)*100vw);
			right:calc(15/var(--content-width)*100vw);
		}
	}

	&.of-feature{
		:nth-child(1 of .p-main-structure__decoration){
			top:calc(52/var(--content-width)*100vw);
			left:calc(0/var(--content-width)*100vw);
		}

		:nth-child(2 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(3 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(4 of .p-main-structure__decoration){
			top:calc(105/var(--content-width)*100vw);
			right:calc(6/var(--content-width)*100vw);
		}
	}

	&.of-interview{
		:nth-child(1 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(2 of .p-main-structure__decoration){
			top:calc(76/var(--content-width)*100vw);
			left:calc(0/var(--content-width)*100vw);
		}

		:nth-child(3 of .p-main-structure__decoration){
			display:none;
		}

		:nth-child(4 of .p-main-structure__decoration){
			top:calc(63/var(--content-width)*100vw);
			right:calc(0/var(--content-width)*100vw);
		}
	}
}

@media (hover: hover){
	.p-main-pickUpCard{
		&:any-link{
			transition:opacity 0.5s;

			&:hover{
				opacity:0.7;
			}
		}
	}
	.p-main-pickUpList__pagination{
		&.swiper-pagination{
			.swiper-pagination-bullet{
				&:not(.swiper-pagination-bullet-active){
					transition:opacity 0.5s;

					&:hover{
						opacity:0.7;
					}
				}
			}
		}
	}
	.p-main-menuCourse__inner{
		&:any-link{
			transition:opacity 0.5s;

			&:hover{
				opacity:0.7;
			}
		}
	}
	.p-main-featureList__pagination{
		&.swiper-pagination{
			.swiper-pagination-bullet{
				&:not(.swiper-pagination-bullet-active){
					transition:opacity 0.5s;

					&:hover{
						opacity:0.7;
					}
				}
			}
		}
	}

	.p-main-featureList__button{
		&.swiper-button-next, &.swiper-button-prev{
			&:not(.swiper-button-disabled){
				transition:opacity 0.5s;

				&:hover{
					opacity:0.7;
				}
			}
		}
	}
	.p-main-featureCard{
		padding-top:45px;

		&:any-link{
			transition:opacity 0.5s;

			&:hover{
				opacity:0.7;
			}
		}
	}
	.p-main-interviewList__pagination{
		&.swiper-pagination{
			.swiper-pagination-bullet{
				&:not(.swiper-pagination-bullet-active){
					transition:opacity 0.5s;

					&:hover{
						opacity:0.7;
					}
				}
			}
		}
	}

	.p-main-interviewList__button{
		&.swiper-button-next, &.swiper-button-prev{
			&:not(.swiper-button-disabled){
				transition:opacity 0.5s;

				&:hover{
					opacity:0.7;
				}
			}
		}
	}
	.p-main-interviewCard{
		&:any-link{
			transition:opacity 0.5s;

			&:hover{
				opacity:0.7;
			}
		}
	}
}

@media (scripting: enabled){
	.p-main-pickUpList.swiper{
		padding-bottom:40px;
		margin-right:-20px;
		margin-left:-20px;
	}

	.p-main-pickUpList__pagination{
		&.swiper-pagination{
			bottom:0 !important;

			.swiper-pagination-bullet-active{
				background-color:#c41b1f;
			}
		}
	}
	.p-main-featureList.swiper{
		padding-bottom:40px;
		margin-right:-20px;
		margin-left:-20px;
	}

	.p-main-featureList__pagination{
		&.swiper-pagination{
			bottom:0 !important;

			.swiper-pagination-bullet-active{
				background-color:#c41b1f;
			}
		}
	}

	.p-main-featureList__button{
		&.swiper-button-next, &.swiper-button-prev{
			display:none;

			&.swiper-button-disabled{
				border-color:#bcbcbc;
				background-color:#d9d9d9;
				color:#fff;
				pointer-events:auto;
			}

			&.swiper-button-lock{
				display:none !important;
			}
		}
	}
	.p-main-interviewList.swiper{
		margin-right:-20px;
		margin-bottom:-20px;
		margin-left:-20px;
	}

	.p-main-interviewList__list{
		padding-bottom:40px;
	}

	.p-main-interviewList__itemInner{
		opacity:0;
		pointer-events:none;
		transition:transform 0.3s, opacity 0.3s;
	}

	.p-main-interviewList__pagination{
		&.swiper-pagination{
			.swiper-pagination-bullet-active{
				background-color:#c41b1f;
			}
		}
	}

	.p-main-interviewList__button{
		&.swiper-button-next, &.swiper-button-prev{
			display:none;

			&.swiper-button-disabled{
				border-color:#bcbcbc;
				background-color:#d9d9d9;
				color:#fff;
				pointer-events:auto;
			}

			&.swiper-button-lock{
				display:none !important;
			}
		}
	}
}

@media (scripting: enabled) and (width <= 767px){
	.p-main-featureList__itemInner{
		opacity:0;
		pointer-events:none;
		transition:opacity 0.3s;

		.swiper-slide-active &, .swiper-slide-prev &, .swiper-slide-next &{
			opacity:1;
			pointer-events:auto;
		}
	}
	.p-main-interviewList__itemInner{
		transform:translateY(30px);

		.swiper-slide-active &, .swiper-slide-prev &, .swiper-slide-next &{
			opacity:1;
			pointer-events:auto;
		}

		.swiper-slide-active &{
			transform:translateY(0);
		}
	}
}

@media (scripting: enabled) and (width > 767px){
	.p-main-featureList.swiper{
		padding-bottom:0;
		margin-right:auto;
		margin-left:auto;
	}

	.p-main-featureList__pagination{
		&.swiper-pagination{
			display:none;
		}
	}

	.p-main-featureList__button{
		&.swiper-button-next, &.swiper-button-prev{
			display:flex;
			width:65px;
			height:65px;
			border:3px solid currentcolor;
			border-radius:50%;
			background-color:#fff;
			color:#c41b1f;

			&::after{
				color:currentcolor;
			}
		}

		&.swiper-button-next{
			right:0;

			&::after{
				transform:translate(2px, 0) scale(0.5);
			}
		}

		&.swiper-button-prev{
			left:0;

			&::after{
				transform:translate(-2px, 0) scale(0.5);
			}
		}
	}
	.p-main-interviewList{
		padding:0 calc(193/var(--content-width)*100vw) !important;
		margin-bottom:-25px;
	}

	.p-main-interviewList__list{
		padding-bottom:35px;
	}

	.p-main-interviewList__itemInner{
		transform:translateY(100px);

		.swiper-slide-active &, .swiper-slide-active + * &, .swiper-slide-active + * + * &{
			opacity:1;
			pointer-events:auto;
		}

		.swiper-slide-active &, .swiper-slide-active + * + * &{
			transform:translateY(35px);
		}

		.swiper-slide-active + * &{
			transform:translateY(0);
		}
	}

	.p-main-interviewList__pagination{
		&.swiper-pagination{
			display:none;
		}
	}

	.p-main-interviewList__button{
		&.swiper-button-next, &.swiper-button-prev{
			display:flex;
			width:65px;
			height:65px;
			border:3px solid currentcolor;
			border-radius:50%;
			background-color:#fff;
			color:#c41b1f;

			&::after{
				color:currentcolor;
			}
		}

		&.swiper-button-next{
			right:calc(70/var(--content-width)*100vw);

			&::after{
				transform:translate(2px, 0) scale(0.5);
			}
		}

		&.swiper-button-prev{
			left:calc(70/var(--content-width)*100vw);

			&::after{
				transform:translate(-2px, 0) scale(0.5);
			}
		}
	}
}

@media (width > 767px){
	.p-main-structure{
		&.of-course, &.of-interview, &.of-youtube{
			--bgi-structure-left-to-right:url(../../common/img/bg_l-main-structure_pc.svg);
			--bgi-structure-right-to-left:url(../../common/img/bg_l-main-structure_right-left_pc.svg);
		}

		&.of-news-blog, &.of-feature, &.of-instagram{
			--bgi-structure-left-to-right:url(../../common/img/bg_structure-fabric-top_pc@2x.png);
			--bgi-structure-right-to-left:url(../../common/img/bg_structure-fabric-top_right-left_pc@2x.png);
		}

		&.of-pickUp{
			padding-top:0;
			margin-top:calc(165/var(--content-width)*-100vw);
			background:none;
		}

		&.of-happyCafe{
			padding-top:0;
			background-image:url(../img/bg_p-main-structure_happyCafe_pc@2x.jpg);
		}
	}

	.p-main-structure__inner{
		.p-main-structure.of-pickUp &{
			background:none;
		}
	}

	.p-main-structure__offset{
		.p-main-structure.of-happyCafe &{
			padding:65px 0 80px;
		}
	}
	.p-main-pickUpCard__areaImage{
		border-width:3px;
		border-radius:20px;
	}
	.p-main-menuCourse{
		max-width:1212px;
		margin:65px auto;
		gap:30px;
	}

	.p-main-menuCourse__item{
		border-radius:40px;
	}

	.p-main-menuCourse__areaText{
		min-height:94px;
		padding:23px 55px;
	}

	.p-main-menuCourse__title{
		padding-right:68px;
		gap:15px;

		&::before, &::after{
			width:48px;
			height:48px;
		}

		&::before{
			background-size:19px 17px;
		}
	}

	.p-main-menuCourse__titleMain{
		font-size:2.8rem;
	}

	.p-main-menuCourse__titleSub{
		font-size:2rem;
	}

	.p-main-menuCourse__areaImage{
		border-radius:40px 40px 0 0;

		.p-main-menuCourse__item.of-confectionary &{
			&::before{
				max-width:min(60.80858vw, 737px);
				aspect-ratio:737 / 61;
			}
		}

		.p-main-menuCourse__item.of-cookery-2 &{
			&::before{
				max-width:min(41.50165vw, 503px);
				aspect-ratio:503 / 153;
			}
		}

		.p-main-menuCourse__item.of-cookery-1 &{
			&::before{
				max-width:min(34.24092vw, 415px);
				aspect-ratio:415 / 61;
			}
		}
	}
	.p-main-happyCafeLead{
		max-width:830px;
		font-size:2.6rem;
		margin-block:25px;
	}
	.p-main-featureList{
		max-width:1214px;
		margin:45px 0 40px;
	}
	.p-main-featureCard__text{
		font-size:1.8rem;
	}

	.c-text-titleSteps__label{
		.p-top .c-text-titleSteps:not(.of-sizeFixed-sp) &{
			font-size:1.8rem;
		}
	}
	.p-main-interviewList{
		margin:35px 0 60px;
	}
	.p-main-interviewCard__areaImage{
		&::before, &::after{
			right:calc(15/var(--content-width)*100vw);
			bottom:calc(21/var(--content-width)*100vw);
			width:calc(54/var(--content-width)*100vw);
			height:calc(54/var(--content-width)*100vw);
		}

		&::before{
			background-size:calc(20/var(--content-width)*100vw) calc(20/var(--content-width)*100vw);
		}
	}

	.p-main-interviewCard__onSite{
		font-size:1.8rem;
	}

	.p-main-interviewCard__name{
		font-size:2.8rem;
	}

	.p-main-interviewCard__nameHonorific{
		font-size:2.2rem;
	}
	.p-main-structure{
		&.of-news-blog{
			:nth-child(1 of .p-main-structure__decoration){
				top:calc(118/var(--content-width)*100vw);
				left:calc(34/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(2 of .p-main-structure__decoration){
				top:calc(238/var(--content-width)*100vw);
				left:calc(294/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(3 of .p-main-structure__decoration){
				top:calc(227/var(--content-width)*100vw);
				right:calc(227/var(--content-width)*100vw);
				left:auto;
				display:block;
			}

			:nth-child(4 of .p-main-structure__decoration){
				top:calc(89/var(--content-width)*100vw);
				right:calc(0/var(--content-width)*100vw);
				display:block;
			}
		}

		&.of-course{
			:nth-child(1 of .p-main-structure__decoration){
				top:calc(117/var(--content-width)*100vw);
				left:calc(71/var(--content-width)*100vw);
			}

			:nth-child(2 of .p-main-structure__decoration){
				top:calc(253/var(--content-width)*100vw);
				left:calc(259/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(3 of .p-main-structure__decoration){
				top:calc(274/var(--content-width)*100vw);
				right:calc(261/var(--content-width)*100vw);
				display:block;
				transform:rotate(-17.72deg);
			}

			:nth-child(4 of .p-main-structure__decoration){
				top:calc(138/var(--content-width)*100vw);
				right:calc(73/var(--content-width)*100vw);
				transform:rotate(-9.5deg);
			}
		}

		&.of-feature{
			:nth-child(1 of .p-main-structure__decoration){
				top:calc(100/var(--content-width)*100vw);
				left:calc(70/var(--content-width)*100vw);
			}

			:nth-child(2 of .p-main-structure__decoration){
				top:calc(227/var(--content-width)*100vw);
				left:calc(287/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(3 of .p-main-structure__decoration){
				top:calc(140/var(--content-width)*100vw);
				right:calc(59/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(4 of .p-main-structure__decoration){
				top:calc(242/var(--content-width)*100vw);
				right:calc(246/var(--content-width)*100vw);
			}
		}

		&.of-interview{
			:nth-child(1 of .p-main-structure__decoration){
				top:calc(128/var(--content-width)*100vw);
				left:calc(63/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(2 of .p-main-structure__decoration){
				top:calc(240/var(--content-width)*100vw);
				left:calc(244/var(--content-width)*100vw);
			}

			:nth-child(3 of .p-main-structure__decoration){
				top:calc(240/var(--content-width)*100vw);
				right:calc(217/var(--content-width)*100vw);
				display:block;
			}

			:nth-child(4 of .p-main-structure__decoration){
				top:calc(60/var(--content-width)*100vw);
				right:calc(15/var(--content-width)*100vw);
			}
		}
	}
}