@charset "UTF-8";

:root{
	--font-gothic:"Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
	--font-mincho:"Noto Serif JP", "ＭＳ 明朝", "Hiragino Mincho ProN", serif, sans-serif;
	--font-yu-gothic:"游ゴシック体", yugothic, "游ゴシック", "Yu Gothic", var(--font-gothic);
	--font-en-roboto:"Roboto", arial, sans-serif;
	--font-en-din-condensed:"din-condensed", sans-serif;
	--font-monospace:consolas, monaco, monospace;
	--font-color:#000;
	--link-text-color:#c41b1f;
	--content-width:375;
	--site-min-width:320px;
	--site-min-height:320px;
	--main-body-width:1250px;
	--noscript:2000;
	--dialog:1001;
	--modalbackdrop:1000;
	--tooltip:750,;
	--dropdownmenu:250;
	--siteheader:201;
	--siteheadermodalbackdrop:200;
	--localnav:50;
	--floating-nav:50;
	--sitepagetop:50;
}

:lang(en){
	font-family:var(--font-en-roboto);
}

.is-focus, :focus:not(:focus-visible){
	outline:0;
}

*, ::before, ::after{
	box-sizing:border-box;
}

html{
	height:100%;
	font-family:var(--font-gothic);
	font-size:0.625em;
	scroll-behavior:smooth;
	-webkit-text-size-adjust:100%;
	        text-size-adjust:100%;
}

body{
	min-width:var(--site-min-width);
	margin:auto;
	background-color:#fff;
	color:var(--font-color);
	font-size:1.4rem;
	line-height:1.8;
}

main{
	display:block;
}

h1, h2, h3, h4, h5, h6{
	font-size:2rem;
	font-weight:400;
	line-height:inherit;
}

figure, p{
	margin:0;
}

ul, ol{
	padding:0;
	list-style:none;
}

dl{
	dt, dd{
		padding:0;
		margin:0;
	}
}

ul ul, ul ol, ol ol, ol dl, dl ol, dl ul, dl dl{
	margin:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;

	th, td{
		word-break:break-all;
	}
}

em{
	font-style:normal;
	font-weight:700;
}

strong{
	font-style:normal;
	font-weight:700;
}

small{
	font-size:inherit;
}

sup{
	font-size:0.75em;
	margin-inline:0.5em;
	vertical-align:baseline;
}

kbd, samp{
	font-family:inherit;
}

samp{
	> kbd{
		-webkit-user-select:all;
		        user-select:all;

		&::before{
			content:"「";
		}

		&::after{
			content:"」";
		}
	}
}

code{
	color:var(--font-color);
	-webkit-user-select:all;
	        user-select:all;
}

abbr[title]{
	-webkit-text-decoration:none;
	text-decoration:none;
}

address{
	font-style:normal;
}

img{
	max-width:100%;
	height:auto;
	border-style:none;
}

:link, :visited{
	color:var(--link-text-color);
	-webkit-text-decoration:underline;
	text-decoration:underline;
}

a{
	word-break:break-all;
}

a:not([href], [role="button"]){
	cursor:default;
	-webkit-text-decoration:none;
	text-decoration:none;
}

[href^="tel:"]{
	-webkit-text-decoration:none;
	text-decoration:none;
	word-break:break-word;
}

button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"]:not([aria-disabled="true"]), [role="tab"]:not([aria-selected="true"]){
	cursor:pointer;
}

button{
	overflow:visible;
	padding:0;
	border:0;
	margin:auto;
	background:transparent;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	word-break:break-all;

	&:disabled, &[aria-disabled="true"]{
		cursor:default;
	}
}

::placeholder{
	opacity:1;
}

iframe{
	border:0;
}

.l-header__inner{
	display:flex;
	/* height:100%; */
	max-height:100vh;
	flex-direction:column;
}

.l-header-barLogo{
	overflow:hidden;
	min-height:70px;
	background:url(../img/bg_fabric@2x.jpg) 0 0 / 50% 50% #f1f1f1;
	container:l-header-bar-logo / inline-size;
	transition:background 0.3s;

	.p-top:not(.is-not-pagetop) &{
		background:transparent;
	}

	&:has(.l-header-buttonMenu[aria-expanded="true"]){
		background:#e7ddcc;
	}
}

.l-header-barLogo__inner{
	position:relative;
	display:flex;
	min-height:70px;
	align-items:center;
	justify-content:space-between;
	padding:15px;
	gap:20px;

	&::after{
		position:absolute;
		top:0;
		right:-7px;
		bottom:0;
		display:block;
		width:85px;
		height:70px;
		background:url(../img/bg_l-header-barLogo.svg) no-repeat 100% 0 / 100%;
		content:"";
		transition:filter 0.3s;
	}

	.p-top:not(.is-not-pagetop):has(.l-header-buttonMenu:not([aria-expanded="true"])) &{
		&::after{
			filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7484%) hue-rotate(147deg) brightness(104%) contrast(99%);
		}
	}
}

.l-header-logo{
	max-width:237px;
	margin:0;
	line-height:1;
}

.l-header-logo__link{
	display:block;
}

.l-header-logo__viewport{
	display:block;
}

.l-header-logo__image{
	width:100%;
	height:auto;
	margin:auto 0;
	vertical-align:bottom;
}

.l-header-buttonMenu{
	position:relative;
	z-index:1;
	display:block;
	overflow:hidden;
	width:40px;
	height:40px;
	flex-shrink:0;
	border:2px solid #c41b1f;
	border-radius:50%;

	&:not([aria-expanded="true"]){
		.p-top:not(.is-not-pagetop) &{
			border-color:#fff;
		}
	}
}

.l-header-menuGroup{
	flex-grow:1;
	container:l-header-menu-group / inline-size;
}

.l-header-menuGroupInner{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-color:#c41b1f;
}

.l-header-menu__list{
	margin:0;
	background-color:#c41b1f;
	color:#fff;
	font-size:1.4rem;
	font-weight:700;
}

.l-header-menu__item{
	&:not(:last-child){
		border-bottom:1px solid #e56669;
	}
}

.l-header-menu__link{
	position:relative;
	display:flex;
	min-height:60px;
	align-items:center;
	padding:15px 20px;

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

	&::after{
		position:absolute;
		top:0;
		right:29px;
		bottom:0;
		display:block;
		width:11px;
		height:10px;
		margin:auto;
		background:url(../img/bg_arrowRight.svg) no-repeat 0 0 / 100%;
		content:"";
	}
}

.l-header-menu__label{
	display:block;
	flex-grow:1;
	padding-right:48px;

	&::after{
		position:absolute;
		top:0;
		right:20px;
		bottom:0;
		display:block;
		width:28px;
		height:28px;
		border-radius:50%;
		margin:auto;
		background-color:#aa0f13;
		content:"";
	}
}

.l-header-subMenu__list{
	margin:0;
	background-color:#b81317;
	font-size:1.3rem;
}

.l-header-subMenu__item{
	&:not(:last-child){
		border-bottom:1px solid #9d0c0f;
	}
}

.l-header-subMenu__link{
	display:flex;
	min-height:51px;
	align-items:center;
	padding:10px 20px;

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

.l-header-subMenu__label{
	position:relative;
	display:block;
	flex-grow:1;
	padding-left:20px;

	&::before{
		position:absolute;
		top:11px;
		left:0;
		display:block;
		width:8px;
		height:2px;
		border-radius:9em;
		background-color:#fff;
		content:"";
		pointer-events:none;
	}
}

.l-header-areaUtility{
	padding:30px 30px 50px;
	background-color:#aa0f13;
}

.l-header-menuGroupInner, .l-header-areaUtility{
	& > :first-child{
		margin-top:0 !important;
	}

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

.l-header-utility__listGroup{
	margin:0;
	color:#fff;
	font-size:1.2rem;
}

.l-header-utility__listGroupItem{
	&:not(:first-child){
		padding-top:30px;
	}

	&:not(:last-child){
		padding-bottom:31px;
		border-bottom:1px solid #c2474a;
	}
}

.l-header-utility__listGroupTitle{
	display:block;
	margin-bottom:15px;
	font-weight:700;
}

.l-header-utility__list{
	display:flex;
	flex-wrap:wrap;
	gap:8px 18px;
}

.l-header-utility__item{
	position:relative;
	padding-left:15px;

	&::before{
		position:absolute;
		top:11px;
		left:0;
		display:block;
		width:8px;
		height:2px;
		border-radius:9em;
		background-color:#fff;
		content:"";
	}
}

.l-header-utility__link{
	color:currentcolor;
	-webkit-text-decoration:none;
	text-decoration:none;
}

.l-header-sns{
	margin:40px 0;
}

.l-header-sns__list{
	display:flex;
	align-items:center;
	margin:0;
	gap:2px;
}

.l-header-sns__item{
	flex:1;
}

.l-header-sns__link{
	display:flex;
	min-height:60px;
	align-items:center;
	justify-content:center;
	background-color:#c41b1f;

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

	.l-header-sns__item:first-child &{
		border-radius:10px 0 0 10px;
	}

	.l-header-sns__item:last-child &{
		border-radius:0 10px 10px 0;
	}
}

.l-header-sns__image{
	margin:auto;

	.l-header-sns__item.of-youtube &{
		width:34px;
		height:23px;
	}

	.l-header-sns__item.of-instagram &{
		width:33px;
		height:33px;
	}

	.l-header-sns__item.of-twitter &{
		width:30px;
		height:31px;
	}
}

.l-nav-floating{
	position:fixed;
	z-index:var(--floating-nav);
	right:0;
	pointer-events:none;
}

.l-nav-floating__inner{
	container:l-nav-floating / inline-size;
}

.l-nav-floating__list{
	display:flex;
	margin:0;
	background-color:#d1c7b4;
	font-weight:700;
	gap:1px;
	pointer-events:auto;
}

.l-nav-floating__item{
	flex:1;
}

.l-nav-floating__link{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background-color:#f1e5ce;
	place-content:center center;
	text-align:center;

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

		&:focus-visible{
			-webkit-text-decoration:underline;
			text-decoration:underline;
		}
	}
}

.l-main{
	--bg-structure-height:50;
	--bg-structure-of-opencampus-height:70;
	--decoration-space:100;

	position:relative;
	container:l-main / inline-size;

	html:not(.p-top) &{
		padding-top:70px;
	}
}

.l-main-first{
	position:relative;
}

.l-main-first__head{
	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		position:relative;
		z-index:1;
	}

	.p-course &, .p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		&::before, &::after{
			position:absolute;
			z-index:1;
			display:block;
			width:100%;
			background:no-repeat 50% 0 / 100% 100%;
			content:"";
		}

		&::before{
			left:0;
		}

		&::after{
			right:0;
		}
	}

	.p-course &{
		&::before, &::after{
			top:25px;
		}

		&::before{
			max-width:calc(28/var(--content-width)*100vw);
			aspect-ratio:28 / 240;
			background-image:url(../img/bg_l-pageTitle__viewport_course-l.svg);
		}

		&::after{
			max-width:calc(60/var(--content-width)*100vw);
			aspect-ratio:60 / 166;
			background-image:url(../img/bg_l-pageTitle__viewport_course-r.svg);
		}
	}

	.p-course-confectionary &{
		&::after{
			top:calc(54/var(--content-width)*100vw);
			max-width:calc(36/var(--content-width)*100vw);
			aspect-ratio:36 / 292;
			background-image:url(../img/bg_l-pageTitle__viewport_confectionary.svg);
		}
	}

	.p-course-cookery-2 &{
		&::after{
			top:calc(53/var(--content-width)*100vw);
			max-width:calc(36/var(--content-width)*100vw);
			aspect-ratio:36 / 414;
			background-image:url(../img/bg_l-pageTitle__viewport_cookery-2.svg);
		}
	}

	.p-course-cookery-1 &{
		&::after{
			top:calc(170/var(--content-width)*100vw);
			max-width:calc(36/var(--content-width)*100vw);
			aspect-ratio:36 / 174;
			background-image:url(../img/bg_l-pageTitle__viewport_cookery-1.svg);
		}
	}

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

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

.l-main-first__body{
	--bgi-first-body:url(../img/bg_l-main-first__body_sp.svg);
	--bg-first-body-inner:#fff;

	position:relative;
	padding-top:calc(var(--bg-structure-height)/var(--content-width)*100vw);
	margin-top:calc(var(--bg-structure-height)/var(--content-width)*-100vw);
	background:var(--bgi-first-body) no-repeat 0 0 / 100%;

	&.of-fabric{
		--bgi-first-body:url(../img/bg_l-main-first__body_fabric_sp@2x.png);
		--bg-first-body-inner:url(../img/bg_fabric@2x.jpg) 0 0 / 50% #f1f1f1;
	}

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		padding-top:0;
		margin-top:0;
		background:none;
	}
}

.l-main-first__bodyInner{
	--structure-offset-max-width:calc(var(--content-width)*1px);

	padding:0 20px calc(var(--bg-structure-height)/var(--content-width)*100vw);
	margin-top:-4px;
	background:var(--bg-first-body-inner);
}

.l-main-first__bodyOffset{
	--structure-offset-max-width:1214px;

	position:relative;
	z-index:1;
	max-width:var(--structure-offset-max-width);
	padding:25px 0 38px;
	margin-inline:auto;

	&.of-full{
		--structure-offset-max-width:calc(var(--content-width)*1px);

		max-width:none;
	}

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		padding-top:55px;
	}

	.l-main-first__head:not(:has(.l-pageTitle__group)) + .l-main-first__body &{
		padding-top:0;
	}

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

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

.l-main-first__bodyStructure{
	--structure-offset-max-width:960px;

	max-width:var(--structure-offset-max-width);
	margin:40px auto 0;

	&.of-narrow{
		--structure-offset-max-width:600px;
	}

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

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

.l-pageTitle{
	position:relative;
	display:flex;
	justify-content:center;

	.p-course &, .p-feature-certification &, .p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		&::before, &::after{
			position:absolute;
			z-index:1;
			right:0;
			left:0;
			display:block;
			margin:auto;
			content:"";
		}
	}

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		&::before{
			top:0;
			height:26px;
			background-position:50% 0;
		}

		&::after{
			top:13px;
			height:13px;
			background-position:50% 50%;
			background-repeat:repeat-x;
		}
	}

	.p-course &, .p-feature-certification &{
		&::before, &::after{
			top:0;
			height:26px;
		}

		&::before{
			right:50%;
			left:0;
			background:url(../img/bg_l-pageTitle_confectionary.svg) repeat-x 100% 100% / auto 13px;
		}

		&::after{
			right:0;
			left:50%;
			background:url(../img/bg_l-pageTitle_cookery.svg) repeat-x 0 100% / auto 13px;
		}
	}

	.p-course &{
		&::before{
			background-color:#ff84a0;
		}

		&::after{
			background-color:#ff9a39;
		}
	}

	.p-feature-certification &{
		&::before{
			background-color:#ff84a0;
		}

		&::after{
			background-color:#50c7a9;
		}
	}

	.p-course-confectionary &{
		&::before{
			background-color:#ff84a0;
		}

		&::after{
			background-image:url(../img/bg_l-pageTitle_confectionary.svg);
		}
	}

	.p-course-cookery-2 &{
		&::before{
			background-color:#ff9a39;
		}

		&::after{
			background-image:url(../img/bg_l-pageTitle_cookery.svg);
		}
	}

	.p-course-cookery-1 &{
		&::before{
			background-color:#50c7a9;
		}

		&::after{
			background-image:url(../img/bg_l-pageTitle_cookery.svg);
		}
	}
}

.l-pageTitle__group{
	position:absolute;
	z-index:1;
	bottom:0;
	display:inline-flex;
	min-height:70px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:4px 23px 6px;
	border:1px solid currentcolor;
	margin:0 30px;
	background-color:#fff;
	color:#c41b1f;
	gap:5px;
	text-align:center;

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		min-height:58px;
		flex-direction:row;
		padding:4px 20px 6px;
		border:1px solid currentcolor;
		gap:30px;
		transform:translateY(50%);
	}

	.p-course-confectionary &{
		color:#ff84a0;
	}

	.p-course-cookery-2 &{
		color:#ff9a39;
	}

	.p-course-cookery-1 &{
		color:#50c7a9;
	}
}

.l-pageTitle__heading{
	position:relative;
	min-width:200px;
	margin:0;
	font-size:2.4rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.45833;

	&::after{
		position:absolute;
		right:-3px;
		bottom:-3px;
		left:-3px;
		display:block;
		height:1px;
		background-color:currentcolor;
		content:"";
	}

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		&::after{
			width:2px;
			height:auto;
			inset:0 -15px 0 auto;
		}
	}
}

.l-pageTitle__text{
	position:relative;
	font-size:1.2rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.41667;
	text-transform:uppercase;

	&::after{
		position:absolute;
		top:-3px;
		right:-3px;
		left:-3px;
		display:block;
		height:1px;
		background-color:currentcolor;
		content:"";
	}

	.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
		&::after{
			display:none;
		}
	}
}

.l-pageTitle__viewport{
	display:block;
	flex-grow:1;
}

.l-pageTitle__image{
	width:100%;
	vertical-align:bottom;
}

.l-mainFirst-lead{
	margin-top:10px;
	text-align:center;

	& + &{
		margin-top:1em;
	}

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

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

.l-mainFirst-lead__text{
	margin:0;
	color:#c41b1f;
	font-size:2.2rem;
	letter-spacing:0.1em;
	line-height:1.45455;
}

.l-mainFirst-toc{
	--bg-point:linear-gradient(90deg, #fffce0 0%, #ffede4 100%);

	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:38px 0;
	gap:10px;

	&:has(.l-mainFirst-toc__item:nth-child(4)):not(:has(.l-mainFirst-toc__item:nth-child(5))){
		max-width:686px;
		margin-right:auto;
		margin-left:auto;
	}
	.p-course-confectionary &{
		--bg-point:#ffefef;
	}

	.p-course-cookery-2 &{
		--bg-point:#fff0e8;
	}

	.p-course-cookery-1 &{
		--bg-point:#e2f7f2;
	}
}

.l-mainFirst-toc__item{
	min-width:280px;
	max-width:335px;
	flex-basis:100%;
	color:#c41b1f;
}

.l-mainFirst-toc__link{
	position:relative;
	display:flex;
	height:100%;
	min-height:60px;
	border:2px solid currentcolor;
	border-radius:10px;
	background-color:currentcolor;
	gap:2px;

	&:any-link{
		color:currentcolor;
		-webkit-text-decoration:none;
		text-decoration:none;

		&::after{
			position:absolute;
			top:0;
			right:14px;
			bottom:0;
			display:block;
			width:28px;
			height:28px;
			border-radius:50%;
			margin:auto;
			background:url(../img/bg_arrowBottom.svg) no-repeat 50% 50% / 10px 11px currentcolor;
			content:"";
			pointer-events:none;
		}
	}
}

.l-mainFirst-toc__point{
	display:flex;
	min-width:60px;
	flex-direction:column;
	flex-shrink:0;
	align-items:center;
	justify-content:center;
	padding-top:6px;
	border-radius:8px 0 0 8px;
	background-color:#fff;
	font-family:var(--font-en-din-condensed);
	line-height:1;
	text-align:center;
}

.l-mainFirst-toc__pointLabel{
	font-size:1.6rem;
	font-weight:400;
	letter-spacing:0.02em;
}

.l-mainFirst-toc__pointNumber{
	font-size:3.4rem;
	font-weight:400;
}

.l-mainFirst-toc__label{
	flex-grow:1;
	align-content:center;
	padding:6px 50px 5px 8px;
	border-radius:0 8px 8px 0;
	background:var(--bg-point);
	color:#222;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:0.1em;
	line-height:1.46667;

	&:only-child{
		padding-left:14px;
		border-radius:8px;
		text-align:center;
	}
}

.l-svg-clip-path{
	position:absolute;
	z-index:-1;
	width:0;
	height:0;
}

.l-main-structure{
	--bgi-structure-left-to-right:url(../img/bg_l-main-structure_sp.svg);
	--bgi-structure-right-to-left:url(../img/bg_l-main-structure_right-left_sp.svg);
	--bg-structure-inner:#fff;

	position:relative;
	z-index:1;
	overflow:hidden;
	padding-top:calc((var(--decoration-space) + var(--bg-structure-height))/var(--content-width)*100vw);
	margin-top:calc((var(--decoration-space) + var(--bg-structure-height))/var(--content-width)*-100vw);
	background:no-repeat 0 calc(var(--decoration-space)/var(--content-width)*100vw) / 100%;
	background-image:var(--bgi-structure-left-to-right);
	pointer-events:none;

	&:nth-child(odd):not(.p-main-structure, .of-openCampus){
		background-image:var(--bgi-structure-right-to-left);
	}

	&.of-left-to-right{
		background-image:var(--bgi-structure-left-to-right) !important;
	}

	&.of-right-to-left{
		background-image:var(--bgi-structure-right-to-left) !important;
	}

	.p-course-confectionary &, &.of-confectionary{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_confectionary_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_confectionary_right-left_sp.svg);
	}

	.p-course-cookery-2 &, &.of-cookery-2{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-2_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-2_right-left_sp.svg);
	}

	.p-course-cookery-1 &, &.of-cookery-1{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-1_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-1_right-left_sp.svg);
	}

	&.of-cookery{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery_right-left_sp.svg);
	}

	&.of-type-2{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_type-2_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_type-2_right-left_sp.svg);
		--bg-structure-inner:#fdf9f4;

		.p-course-confectionary &, &.of-confectionary{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_confectionary_type-2_sp.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_confectionary_type-2_right-left_sp.svg);
			--bg-structure-inner:#fff9fa;
		}

		.p-course-cookery-2 &, &.of-cookery-2{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-2_type-2_sp.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-2_type-2_right-left_sp.svg);
			--bg-structure-inner:#fffaf5;
		}

		.p-course-cookery-1 &, &.of-cookery-1{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-1_type-2_sp.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-1_type-2_right-left_sp.svg);
			--bg-structure-inner:#e2f7f2;
		}

		&.of-cookery{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery_type-2_sp.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery_type-2_right-left_sp.svg);
			--bg-structure-inner:#fef6f3;
		}
	}

	&.of-type-3{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_type-3_sp.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_type-3_right-left_sp.svg);
		--bg-structure-inner:#c41b1f;

		color:#fff;
	}

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

	&.of-openCampus{
		--bg-structure-inner:#c41b1f;

		padding-top:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height))/var(--content-width)*100vw);
		padding-bottom:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height))/var(--content-width)*100vw);
		margin-top:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height))/var(--content-width)*-100vw);
		margin-bottom:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height))/var(--content-width)*-100vw);
		background-image:url(../img/bg_l-main-structure_openCampus_top_sp.svg), url(../img/bg_l-main-structure_openCampus_bottom_sp.svg);
		background-position:50% calc(var(--decoration-space)/var(--content-width)*100vw), 50% calc(100% - var(--decoration-space)/var(--content-width)*100vw);
		background-repeat:no-repeat, no-repeat;
		background-size:100%, 100%;

		&::before, &::after{
			position:absolute;
			display:block;
			background:no-repeat 0 0 / 100%;
			content:"";
			pointer-events:none;
		}

		&::before{
			top:calc(92/var(--content-width)*100vw);
			right:calc(17/var(--content-width)*100vw);
			width:87px;
			height:77px;
			background-image:url(../img/bg_l-main-structure-openCampus-before_confectionary_sp@2x.png);
		}

		& + .l-main-structure{
			--bgi-structure-left-to-right:none;
			--bgi-structure-right-to-left:none;

			z-index:0;
			padding-top:0;
		}

		&:has(+ .l-main-info){
			padding-bottom:0;
			margin-bottom:0;
			background-image:url(../img/bg_l-main-structure_openCampus_top_sp.svg), none;
		}

		.p-course-cookery-2-special &{
			--bg-structure-inner:#fff;

			background-image:url(../img/bg_l-main-structure_openCampus_top_sp_02.svg), url(../img/bg_l-main-structure_openCampus_bottom_sp_02.svg);

			&::before{
				top:calc(80/var(--content-width)*100vw);
				right:calc(20/var(--content-width)*100vw);
				width:95px;
				height:97px;
				background-image:url(../img/bg_l-main-structure-openCampus-before_cookery_sp@2x.png);
			}

			&::after{
				bottom:calc(80/var(--content-width)*100vw);
				left:calc(25/var(--content-width)*100vw);
				width:92px;
				height:86px;
				background-image:url(../img/bg_l-main-structure-openCampus-after_cookery_sp@2x.png);
			}

			&:has(+ .l-main-info){
				--bg-structure-inner:#1c1a1a;

				background-image:url(../img/bg_l-main-structure_openCampus_top_sp_03.svg), none;

				&::after{
					display:none;
				}
			}
		}
	}
}

.l-main-structure__inner{
	--structure-offset-max-width:calc(var(--content-width)*1px);

	padding:0 20px;
	padding-bottom:calc(var(--bg-structure-height)/var(--content-width)*100vw);
	margin-top:-4px;
	background:var(--bg-structure-inner);
	pointer-events:auto;

	&:has(+ .l-main-structure__inner){
		padding-bottom:0;
	}

	& + &{
		position:relative;

		&::before{
			position:absolute;
			top:0;
			right:0;
			left:0;
			display:block;
			height:1px;
			background-color:rgba(34, 34, 34, 0.1);
			content:"";
		}
	}

	&.of-type-3{
		--bg-structure-inner:#c41b1f;
	}

	.l-main-structure.of-openCampus:not(:has(+ .l-main-info)) &{
		padding-bottom:0;
		margin-bottom:-4px;
	}

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

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

.l-main-structure__offset{
	--structure-offset-max-width:960px;

	position:relative;
	z-index:1;
	max-width:var(--structure-offset-max-width);
	padding:40px 0;
	margin-inline:auto;
	pointer-events:auto;

	& + &{
		padding-top:0;
	}

	&.of-full{
		--structure-offset-max-width:calc(var(--content-width)*1px);

		max-width:none;
	}

	&.of-wide{
		--structure-offset-max-width:1214px;
	}

	.l-main-structure__inner + .l-main-structure__inner &{
		padding-top:40px;
	}

	.l-main-structure.of-openCampus &, .l-main-structure.of-instagram &, .l-main-structure.of-youtube &{
		max-width:none;
	}

	.l-main-structure.of-openCampus &{
		padding:0 0 10px;
	}

	.l-main-structure.of-openCampus:has(+ .l-main-info) &{
		padding-bottom:40px;
	}

	.l-main-structure__inner:has(+ .l-main-structure__inner) &, .l-main-structure__inner + .l-main-structure__inner:not(:last-child) &{
		padding-bottom:40px;
	}

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

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

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

	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:30px 0;
	filter:drop-shadow(0 0 3px var(--drop-shadow));
	gap:5px;
	text-align:center;

	.l-main-structure.of-fabric &{
		--drop-shadow:#f1f1f1;
	}
}

.l-main-heading__sub, .l-main-heading__main{
	.l-main-structure.of-type-3 &{
		color:#fff;
	}
}

.l-main-heading__sub{
	margin:0;
	color:#c41b1f;
	font-family:var(--font-en-roboto);
	font-size:2.4rem;
	font-weight:700;
	line-height:1.16667;
	text-transform:uppercase;
}

.l-main-heading__main{
	margin:0;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:1.41667;
}

@media (hover: hover){
	:link, :visited{
		&:hover{
			-webkit-text-decoration:none;
			text-decoration:none;
		}
	}
	.l-header-logo__link{
		&:any-link{
			.l-header-logo__image{
				transition:opacity 0.3s;
			}

			&:hover{
				.l-header-logo__image{
					opacity:0.7;
				}
			}
		}
	}

	.l-header-buttonMenu{
		transition:opacity 0.3s;

		&:hover{
			opacity:0.7;
		}
	}

	.l-header-menu__link{
		&:any-link, &[role="button"]{
			transition:opacity 0.3s;

			&:hover{
				opacity:0.7;
			}
		}
	}

	.l-header-subMenu__link{
		&:any-link{
			transition:opacity 0.3s;

			&:hover{
				opacity:0.7;
			}
		}
	}

	.l-header-utility__link{
		&:any-link{
			&:hover{
				-webkit-text-decoration:underline;
				text-decoration:underline;
			}
		}
	}

	.l-header-sns__link{
		&:any-link{
			transition:opacity 0.3s;

			&:hover{
				opacity:0.7;
			}
		}
	}
	.l-nav-floating__link{
		&:any-link{
			transition:opacity 0.3s;

			&:hover{
				opacity:0.7;
			}
		}
	}
	.l-mainFirst-toc__link{
		&:any-link{
			&::after{
				transition:opacity 0.3s;
			}

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

	.l-mainFirst-toc__label{
		.l-mainFirst-toc__link:any-link:hover &{
			-webkit-text-decoration:underline;
			text-decoration:underline;
		}
	}
}

@media (scripting: enabled){
	html, body{
		&:has([role="dialog"][aria-modal="true"].is-show){
			overflow:hidden;
			-webkit-user-select:none;
			        user-select:none;
		}
	}

	html{
		&::after{
			position:fixed;
			z-index:-1;
			display:block;
			margin:auto;
			background-color:rgba(0, 0, 0, 0.8);
			content:"";
			inset:0;
			opacity:0;
			transition:visibility 0.3s, opacity 0.3s;
			visibility:hidden;
		}

		&:has([role="dialog"][aria-modal="true"].is-show){
			&::after{
				z-index:var(--modalbackdrop);
				opacity:1;
				visibility:visible;
			}
		}

		&:has(.l-header-menuGroup.is-open){
			overflow:hidden;
		}
	}
	.l-header{
		&:has(.l-header-menuGroup.is-open){
			overflow:hidden;

			.l-nav-floating, & ~ .l-main, & ~ .l-footer{
				visibility:hidden;
			}
		}
	}

	.js-hamburgerMenu__state{
		position:absolute;
		z-index:-1;
		top:100%;
	}

	.l-header-buttonMenu__icon{
		--animation-duration:0.4s;

		margin:auto;
		fill:#c41b1f;

		.p-top:not(.is-not-pagetop):has(.l-header-buttonMenu:not([aria-expanded="true"])) &{
			fill:#fff;
		}
	}

	.l-header-buttonMenu__iconOpen, .l-header-buttonMenu__iconClose{
		transform-origin:center center;
		transition:opacity 0s calc(var(--animation-duration)/2), transform var(--animation-duration);
	}

	.l-header-buttonMenu__iconOpen{
		.l-header-buttonMenu[aria-expanded="true"] &{
			opacity:0;
			transform:rotate(90deg) scale(0.6);
		}
	}

	.l-header-buttonMenu__iconClose{
		display:block;
		opacity:0;
		transform:rotate(90deg) scale(0.6);

		.l-header-buttonMenu[aria-expanded="true"] &{
			opacity:1;
			transform:rotate(0) translateY(2px);
		}
	}

	.l-header-menuGroup{
		overflow:hidden;
		height:0;
		transition:height 0.3s;

		&.is-hidden{
			display:none;
		}

		&.is-open{
			overflow:auto;
			height:auto;
		}
	}
	.l-nav-floating{
		.l-header-menuGroup:not(.is-hidden) ~ &{
			z-index:-1;
		}
	}
}

@media (scripting: enabled) and (width <= 767px){
	.l-header{
		position:fixed;
		z-index:var(--siteheader);
		top:0;
		right:0;
		left:0;

		&:has(.l-header-menuGroup.is-open){
			overflow:hidden;
		}
	}

	.l-header-menu__head{
		&.js-headerMenu__head{
			padding:0;
		}
	}

	.l-header-menu__link{
		&.js-headerMenu__button{
			position:relative;
			display:flex;
			overflow:hidden;

			&::before, &::after{
				position:absolute;
				z-index:1;
				top:0;
				bottom:0;
				display:block;
				border-radius:9em;
				margin:auto;
				background-color:#fff;
				content:"";
				pointer-events:none;
				transition:height 0.3s;
			}

			&::before{
				right:30px;
				width:8px;
				height:2px;
			}

			&::after{
				right:33px;
				width:2px;
				height:8px;
				background-image:none;
			}

			&[aria-expanded="true"]{
				&::after{
					height:2px;
				}
			}
		}
	}

	.js-headerMenu__state{
		position:absolute;
		z-index:-1;
		top:100%;
	}

	.l-header-subMenu{
		&.js-headerMenu__submenu{
			overflow:hidden;
			height:0;
			transition:height 0.3s;

			&.is-hidden{
				display:none;
			}

			&.is-open{
				overflow:visible;
				height:auto;
			}
		}
	}
}

@media (scripting: enabled) and (width > 767px){
	.l-header{
		.p-top &{
			position:absolute;
			z-index:var(--siteheader);
			top:0;
			right:0;
			left:0;
		}

		&:has(.l-header-menuGroup.is-open){
			.p-top &{
				bottom:0;
			}
		}
	}

	.l-header-menuGroup{
		position:absolute;
		z-index:var(--siteheader);
		inset:90px 0 0;
	}

	.js-headerMenu__state{
		display:none;
	}
	.l-nav-floating{
		left:0;

		.p-top &{
			transition:all 0.3s;
		}

		.p-top:not(.is-not-firstview) &{
			position:absolute;
			top:0;
			right:0;
			left:0;
			transform:translateY(calc(-100% + 764/var(--content-width)*100vw));
		}
	}
}

@media (width <= 767px){
	html{
		scroll-padding-top:70px;

		&.is-modal, &.is-modal body{
			overflow:hidden;
			-webkit-user-select:none;
			        user-select:none;
		}
	}
	.l-nav-floating{
		bottom:calc(-100vh + 100%);
		left:0;
	}

	.l-nav-floating__list{
		height:100%;
		aspect-ratio:var(--content-width) / 55;
		clip-path:url(#svg-clip-path-l-nav-floating);
		font-size:1.2rem;
		line-height:1.3;
	}

	.l-nav-floating__item{
		height:100%;
	}

	.l-nav-floating__link{
		height:100%;
		padding:calc(8/var(--content-width)*100vw) 5px 0;
	}
	.l-pageTitle{
		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			justify-content:flex-start;
		}
	}

	.l-pageTitle__group{
		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			border-left:none;
			margin:0 50px 0 0;
		}
	}
}

@media (width > 767px){
	:root{
		--content-width:1360;
	}
	body{
		font-size:1.6rem;
	}
	.l-header-barLogo{
		min-height:90px;
	}

	.l-header-barLogo__inner{
		min-height:90px;
		padding:9px 12px 13px 40px;

		@container l-header-bar-logo (max-width: 1020px){
			.p-top &{
				gap:52.94118vw;
			}
		}

		&::after{
			right:-11px;
			width:120px;
			height:90px;
		}
	}

	.l-header-logo{
		max-width:342px;
		padding-top:11px;
	}

	.l-header-logo__link{
		&::after{
			margin:0 14px;
		}
	}

	.l-header-buttonMenu{
		width:68px;
		height:68px;
		border-width:3px;
	}

	.l-header-menuGroupInner{
		padding:60px 20px 80px;
		gap:40px;
	}

	.l-header-menu, .l-header-areaUtility{
		width:100%;
		max-width:1214px;
		margin-inline:auto;
	}

	.l-header-menu__list{
		display:grid;
		font-size:1.3rem;
		gap:24px 40px;
		grid-template-columns:repeat(5, minmax(200px, 211px));
		grid-template-rows:auto;

		@container l-header-menu-group (max-width: 1214px){
			grid-template-columns:repeat(4, minmax(211px, 264px));
		}

		@container l-header-menu-group (max-width: 984px){
			grid-template-columns:repeat(3, minmax(211px, 295px));
		}
	}

	.l-header-menu__item{
		&:not(:last-child){
			border-bottom:none;
		}

		&:nth-child(1){
			grid-column:1 / 2;
			grid-row:1 / 2;
		}

		&:nth-child(2){
			grid-column:1 / 2;
			grid-row:2 / 6;
		}

		&:nth-child(3){
			grid-column:2 / 3;
			grid-row:1 / 6;
		}

		&:nth-child(4){
			grid-column:3 / 4;
			grid-row:1 / 2;
		}

		&:nth-child(5){
			grid-column:3 / 4;
			grid-row:2 / 3;
		}

		&:nth-child(6){
			grid-column:3 / 4;
			grid-row:3 / 6;
		}

		&:nth-child(7){
			grid-column:4 / 5;
			grid-row:1 / 4;
		}

		&:nth-child(8){
			grid-column:4 / 5;
			grid-row:4 / 7;
		}

		&:nth-child(9){
			grid-column:5 / 6;
			grid-row:1 / 2;
		}

		&:nth-child(10){
			grid-column:5 / 6;
			grid-row:2 / 3;
		}

		&:nth-child(11){
			grid-column:5 / 6;
			grid-row:3 / 4;
		}

		&:nth-child(12){
			grid-column:5 / 6;
			grid-row:4 / 5;
		}

		&:nth-child(13){
			grid-column:5 / 6;
			grid-row:5 / 6;
		}

		@container l-header-menu-group (max-width: 1214px){
			&:nth-child(1){
				grid-column:1 / 2;
				grid-row:1 / 2;
			}

			&:nth-child(2){
				grid-column:1 / 2;
				grid-row:2 / 4;
			}

			&:nth-child(3){
				grid-column:1 / 2;
				grid-row:4 / 8;
			}

			&:nth-child(4){
				grid-column:2 / 3;
				grid-row:1 / 2;
			}

			&:nth-child(5){
				grid-column:2 / 3;
				grid-row:2 / 3;
			}

			&:nth-child(6){
				grid-column:2 / 3;
				grid-row:3 / 8;
			}

			&:nth-child(7){
				grid-column:3 / 4;
				grid-row:1 / 4;
			}

			&:nth-child(8){
				grid-column:3 / 4;
				grid-row:4 / 8;
			}

			&:nth-child(9){
				grid-column:4 / 5;
				grid-row:1 / 2;
			}

			&:nth-child(10){
				grid-column:4 / 5;
				grid-row:2 / 3;
			}

			&:nth-child(11){
				grid-column:4 / 5;
				grid-row:3 / 4;
			}

			&:nth-child(12){
				grid-column:4 / 5;
				grid-row:4 / 5;
			}

			&:nth-child(13){
				grid-column:4 / 5;
				grid-row:5 / 6;
			}
		}

		@container l-header-menu-group (max-width: 984px){
			&:nth-child(1){
				grid-column:1 / 2;
				grid-row:1 / 2;
			}

			&:nth-child(2){
				grid-column:1 / 2;
				grid-row:2 / 4;
			}

			&:nth-child(3){
				grid-column:1 / 2;
				grid-row:4 / 10;
			}

			&:nth-child(4){
				grid-column:2 / 3;
				grid-row:1 / 2;
			}

			&:nth-child(5){
				grid-column:2 / 3;
				grid-row:2 / 3;
			}

			&:nth-child(6){
				grid-column:2 / 3;
				grid-row:3 / 7;
			}

			&:nth-child(7){
				grid-column:2 / 3;
				grid-row:7 / 10;
			}

			&:nth-child(8){
				grid-column:3 / 4;
				grid-row:1 / 5;
			}

			&:nth-child(9){
				grid-column:3 / 4;
				grid-row:5 / 6;
			}

			&:nth-child(10){
				grid-column:3 / 4;
				grid-row:6 / 7;
			}

			&:nth-child(11){
				grid-column:3 / 4;
				grid-row:7 / 8;
			}

			&:nth-child(12){
				grid-column:3 / 4;
				grid-row:8 / 9;
			}

			&:nth-child(13){
				grid-column:3 / 4;
				grid-row:9 / 10;
			}
		}
	}

	.l-header-menu__head{
		border-bottom:1px solid #e56669;
	}

	.l-header-menu__link{
		min-height:29px;
		padding:0 10px 5px 0;

		&::after{
			right:12px;
			bottom:4px;
			width:10px;
			height:9px;
		}
	}

	.l-header-menu__label{
		padding-right:20px;

		&::after{
			display:none;
		}
	}

	.l-header-subMenu__list{
		padding-top:12px;
		background-color:transparent;
		font-size:1.3rem;
	}

	.l-header-subMenu__item{
		&:not(:last-child){
			border-bottom:none;
			margin-bottom:7px;
		}
	}

	.l-header-subMenu__link{
		display:inline-flex;
		min-height:auto;
		padding:0 0 0 10px;
	}

	.l-header-areaUtility{
		padding:35px 50px 43px;
	}

	.l-header-utility__listGroupItem{
		&:not(:first-child){
			padding-top:12px;
		}

		&:not(:last-child){
			padding-bottom:13px;
		}
	}

	.l-header-utility__listGroupTitle{
		margin-bottom:5px;
	}

	.l-header-utility__list{
		gap:5px 15px;
	}

	.l-header-sns{
		margin:17px 0;
	}

	.l-header-sns__list{
		display:inline-flex;
	}

	.l-header-sns__item{
		min-width:64px;
	}

	.l-header-sns__link{
		min-height:37px;

		.l-header-sns__item:first-child &{
			border-radius:6px 0 0 6px;
		}

		.l-header-sns__item:last-child &{
			border-radius:0 6px 6px 0;
		}
	}

	.l-header-sns__image{
		.l-header-sns__item.of-youtube &{
			width:21px;
			height:14px;
		}

		.l-header-sns__item.of-instagram &{
			width:20px;
			height:20px;
		}

		.l-header-sns__item.of-twitter &{
			width:18px;
			height:19px;
		}
	}
	.l-nav-floating{
		transform:translateY(calc(100vh - 100%));
	}

	.l-nav-floating__inner{
		text-align:right;
	}

	.l-nav-floating__list{
		display:inline-flex;
		overflow:hidden;
		width:100%;
		max-width:624px;
		border-radius:9em 0 0 9em;
		margin-left:auto;
		font-size:1.6rem;
		line-height:1.3;
		text-align:center;

		@container l-nav-floating (max-width: 1360px){
			max-width:calc(624/var(--content-width)*100vw);
		}

		@container l-nav-floating (max-width: 1200px){
			width:auto;
			max-width:none;
		}
	}

	.l-nav-floating__item{
		@container l-nav-floating (max-width: 1200px){
			flex:none;
		}
	}

	.l-nav-floating__link{
		min-height:66px;
		padding:10px 15px;
	}
	.l-main{
		--bg-structure-height:60;
		--bg-structure-of-opencampus-height:120;
		--decoration-space:150;

		html:not(.p-top) &{
			padding-top:0;
		}
	}
	.l-main-first__head{
		.p-course &{
			&::before, &::after{
				top:39px;
			}

			&::before{
				max-width:calc(43/var(--content-width)*100vw);
				aspect-ratio:43 / 364;
			}

			&::after{
				max-width:calc(95/var(--content-width)*100vw);
				aspect-ratio:95 / 263;
			}
		}

		.p-course-confectionary &{
			&::after{
				top:calc(72/var(--content-width)*100vw);
				max-width:calc(50/var(--content-width)*100vw);
				aspect-ratio:50 / 409;
			}
		}

		.p-course-cookery-2 &{
			&::after{
				top:calc(84/var(--content-width)*100vw);
				max-width:calc(52/var(--content-width)*100vw);
				aspect-ratio:52 / 544;
			}
		}

		.p-course-cookery-1 &{
			&::after{
				top:calc(238/var(--content-width)*100vw);
				max-width:calc(50/var(--content-width)*100vw);
				aspect-ratio:50 / 244;
			}
		}
	}

	.l-main-first__body{
		--bgi-first-body:url(../img/bg_l-main-first__body_pc.svg);

		padding-top:calc(112/var(--content-width)*100vw);
		margin-top:calc(112/var(--content-width)*-100vw);

		&.of-fabric{
			--bgi-first-body:url(../img/bg_l-main-first__body_fabric_pc@2x.png);
		}
	}

	.l-main-first__bodyOffset{
		padding:40px 0 75px;

		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			padding-top:90px;
		}

		.l-main-first__head:not(:has(.l-pageTitle__group)) + .l-main-first__body &{
			padding-top:0;
		}
	}

	.l-main-first__bodyStructure{
		margin-top:80px;
	}
	.l-pageTitle{
		.p-course &, .p-feature-certification &{
			&::before, &::after{
				height:40px;
				background-size:auto 20px;
			}
		}

		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			&::before{
				height:40px;
			}

			&::after{
				top:20px;
				height:20px;
			}
		}
	}

	.l-pageTitle__group{
		min-width:440px;
		min-height:136px;
		padding:20px 40px;
		border-width:2px;
		margin:0 40px;
		gap:20px;
		transform:translateY(calc(17/var(--content-width)*-100vw));

		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			min-width:auto;
			min-height:86px;
			padding:4px 25px 6px;
			border-width:2px;
			gap:40px;
		}
	}

	.l-pageTitle__heading{
		font-size:3.2rem;
		line-height:1.4375;

		&::after{
			bottom:-12px;
			height:2px;
		}

		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			font-size:2.8rem;

			&::after{
				right:-20px;
			}
		}
	}

	.l-pageTitle__text{
		font-size:1.8rem;
		line-height:1.44444;

		&::after{
			top:-10px;
			height:2px;
		}

		.p-course-confectionary &, .p-course-cookery-2 &, .p-course-cookery-1 &{
			font-size:1.6rem;
		}
	}
	.l-mainFirst-lead{
		margin-top:25px;
	}

	.l-mainFirst-lead__text{
		font-size:3.6rem;
		line-height:1.44444;
	}
	.l-mainFirst-toc{
		margin:40px 0;
		gap:14px 16px;
	}
	.l-main-structure{
		--bgi-structure-left-to-right:url(../img/bg_l-main-structure_pc.svg);
		--bgi-structure-right-to-left:url(../img/bg_l-main-structure_right-left_pc.svg);

		background-image:var(--bgi-structure-left-to-right);
		background-position-y:calc(var(--decoration-space)/var(--content-width)*100vw);

		.p-course-confectionary &, &.of-confectionary{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_confectionary_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_confectionary_right-left_pc.svg);
		}

		.p-course-cookery-2 &, &.of-cookery-2{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-2_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-2_right-left_pc.svg);
		}

		.p-course-cookery-1 &, &.of-cookery-1{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-1_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-1_right-left_pc.svg);
		}

		&.of-cookery{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery_right-left_pc.svg);
		}

		&.of-type-2{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_type-2_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_type-2_right-left_pc.svg);

			.p-course-confectionary &, &.of-confectionary{
				--bgi-structure-left-to-right:url(../img/bg_l-main-structure_confectionary_type-2_pc.svg);
				--bgi-structure-right-to-left:url(../img/bg_l-main-structure_confectionary_type-2_right-left_pc.svg);
			}

			.p-course-cookery-2 &, &.of-cookery-2{
				--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-2_type-2_pc.svg);
				--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-2_type-2_right-left_pc.svg);
			}

			.p-course-cookery-1 &, &.of-cookery-1{
				--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery-1_type-2_pc.svg);
				--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery-1_type-2_right-left_pc.svg);
			}

			&.of-cookery{
				--bgi-structure-left-to-right:url(../img/bg_l-main-structure_cookery_type-2_pc.svg);
				--bgi-structure-right-to-left:url(../img/bg_l-main-structure_cookery_type-2_right-left_pc.svg);
			}
		}

		&.of-type-3{
			--bgi-structure-left-to-right:url(../img/bg_l-main-structure_type-3_pc.svg);
			--bgi-structure-right-to-left:url(../img/bg_l-main-structure_type-3_right-left_pc.svg);
		}

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

		&.of-openCampus{
			padding-bottom:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height) - 20)/var(--content-width)*100vw);
			margin-bottom:calc((var(--decoration-space) + var(--bg-structure-of-opencampus-height) - 20)/var(--content-width)*-100vw);
			background-image:url(../img/bg_l-main-structure_openCampus_top_pc.svg), url(../img/bg_l-main-structure_openCampus_bottom_pc.svg);

			&::before{
				top:calc(134/var(--content-width)*100vw);
				right:calc(34/var(--content-width)*100vw);
				width:168px;
				height:150px;
				background-image:url(../img/bg_l-main-structure-openCampus-before_confectionary_pc@2x.png);
			}

			&:has(+ .l-main-info){
				padding-bottom:0;
				margin-bottom:0;
				background-image:url(../img/bg_l-main-structure_openCampus_top_pc.svg), none;
			}

			.p-course-cookery-2-special &{
				background-image:url(../img/bg_l-main-structure_openCampus_top_pc_02.svg), url(../img/bg_l-main-structure_openCampus_bottom_pc_02.svg);

				&::before{
					top:calc(130/var(--content-width)*100vw);
					right:calc(50/var(--content-width)*100vw);
					width:135px;
					height:137px;
					background-image:url(../img/bg_l-main-structure-openCampus-before_cookery_pc@2x.png);
				}

				&::after{
					bottom:calc(115/var(--content-width)*100vw);
					left:calc(143/var(--content-width)*100vw);
					width:149px;
					height:140px;
					background-image:url(../img/bg_l-main-structure-openCampus-after_cookery_pc@2x.png);
				}

				&:has(+ .l-main-info){
					background-image:url(../img/bg_l-main-structure_openCampus_top_pc_03.svg), none;
				}
			}
		}
	}

	.l-main-structure__offset{
		padding:80px 0 88px;

		.l-main-structure__inner + .l-main-structure__inner &{
			padding-top:60px;
		}

		.l-main-structure.of-openCampus &{
			padding:0;
		}

		.l-main-structure.of-openCampus:has(+ .l-main-info) &{
			padding-bottom:88px;
		}

		.l-main-structure__inner + .l-main-structure__inner:not(:last-child) &{
			padding-bottom:60px;
		}
	}
	.l-main-heading{
		margin:50px 0 40px;
	}

	.l-main-heading__sub{
		font-size:6.6rem;
	}

	.l-main-heading__main{
		font-size:1.8rem;
	}
}