@charset "UTF-8";
#main{
	color : #535251;
}

.wrap02 p{
	font-weight: 500;
	color: #535251:
}
@media screen and (max-width: 750px){
	.wrap02 p{
		font-size : calc( 26 var( --remBase ) );
		line-height: 1.8;
	}
}
@media print,screen and (min-width: 751px){
	.wrap02 p{
		font-size : calc( 20 var( --remBase ) );
		line-height: 1.8;
	}
}
/* --------------------------------------------
PAGE LINKS
--------------------------------------------- */
.page-links{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	justify-content : center;
}
.page-links a{
	position : relative;
	font-weight : 700;
	color : #5c5754;
    font-family: var(--fontFamilyMal);
}
.page-links a::before{
	position : absolute;
	top : 0;
	left : 0;
	z-index : -1;
	display : block;
	width : 100%;
	height : 100%;
	content : "";
	background-image : url( "../images/ui/bg/rhombus.svg" );
	background-repeat : no-repeat;
	background-position : center;
	opacity : 0;
	transition : opacity .3s ease-in;
}
.page-links a.is-current::before , .page-links a:hover::before{
	opacity : 1;
}
.page-links.pink a::before{
	filter : invert( 77% ) sepia( 34% ) saturate( 232% ) hue-rotate( 309deg ) brightness( 102% ) contrast( 91% );
}
.page-links.cream a::before{
	filter : invert( 94% ) sepia( 10% ) saturate( 1464% ) hue-rotate( 350deg ) brightness( 102% ) contrast( 91% );
}
.page-links.green a::before{
	filter : invert( 93% ) sepia( 31% ) saturate( 435% ) hue-rotate( 11deg ) brightness( 97% ) contrast( 97% );
}
.page-links.mint a::before{
	filter : invert( 75% ) sepia( 25% ) saturate( 165% ) hue-rotate( 115deg ) brightness( 100% ) contrast( 91% );
}
.page-links.lemon a::before{
	filter : invert( 89% ) sepia( 32% ) saturate( 506% ) hue-rotate( 354deg ) brightness( 104% ) contrast( 103% );
}
@media screen and ( max-width : 750px ){
	.page-links{
		row-gap : calc( 24 var( --remBase ) );
		column-gap : calc( 24 var( --remBase ) );
	}
	.page-links.is-pc{
		display : none;
	}
	.page-links a{
		min-width : calc( 91 var( --remBase ) );
		min-height : calc( 45 var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		line-height : calc( 40 / 24 );
	}
	.page-links a::before{
		background-size : auto calc( 45 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.page-links{
		row-gap : calc( 48 var( --remBase ) );
		column-gap : calc( 48 var( --remBase ) );
	}
	.page-links.is-sp{
		display : none;
	}
	.page-links a{
		min-width : calc( 91 var( --remBase ) );
		min-height : calc( 45 var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		line-height : calc( 40 / 24 );
	}
	.page-links a::before{
		background-size : auto calc( 45 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#title + .page-links{
		margin-top : calc( 37 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#title + .page-links{
		margin-top : calc( 32 var( --remBase ) );
	}
}

/* --------------------------------------------
ABOUT
--------------------------------------------- */
#about01 .box{
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
#about01 :where( p , dt , dd ){
	font-weight : 500;
}
#about01 dl{
	display : grid;
	grid-auto-flow : column;
	align-items : center;
	justify-content : end;
}
@media screen and ( max-width : 750px ){
	#about01{
		padding-bottom : calc( 61 var( --remBase ) );
	}
	#about01 .box{
		height : calc( 1144 var( --remBase ) );
		padding-inline : calc( 30 var( --percentBase02 ) );
		padding-top : calc( ( 80 - 13 ) var( --remBase ) );
		margin-top : calc( 61 var( --remBase ) );
		background-image : url( "../images/ui/bg/note01_sp.webp" );
	}
	#about01 :where( p , dt , dd ){
		font-size : calc( 26 var( --remBase ) );
		line-height : 2;
	}
	#about01 p + p , #about01 p + dl{
		margin-top : calc( 52 var( --remBase ) );
	}
	#about01 dl{
		column-gap : calc( 52 * 100% / 630 );
	}
}
@media print , screen and ( min-width : 751px ){
	#about01{
		padding-bottom : calc( 48 var( --remBase ) );
	}
	#about01 .box{
		height : calc( 585 var( --remBase ) );
		padding-inline : calc( 44 var( --percentBase02 ) );
		padding-top : calc( ( 110 - 5 ) var( --remBase ) );
		margin-top : calc( 28 var( --remBase ) );
		margin-left : calc( 10 var( --percentBase02 ) );
		background-image : url( "../images/ui/bg/note01_pc.webp" );
	}
	#about01 :where( p , dt , dd ){
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.5;
	}
	#about01 p + p , #about01 p + dl{
		margin-top : calc( 30 var( --remBase ) );
	}
	#about01 dl{
		column-gap : calc( 40 * 100% / 1092 );
	}
}
#about02{
	display : flex;
	flex-wrap : wrap;
}
#about02 a{
	display : block;
	transition : opacity var( --transitionBase );
}
#about02 a:hover{
	opacity : .8;
}
#about02 picture{
	width : 100%;
}
#about02 picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#about02 p{
	font-weight : 700;
	color : #5c5754;
	text-align : center;
}
@media screen and ( max-width : 750px ){
	#about02{
		row-gap : calc( ( 47 - 5 ) var( --remBase ) );
		padding-bottom : calc( ( 132 - 5 ) var( --remBase ) );
	}
	#about02 > li{
		width : calc( 280 var( --percentBase02 ) );
	}
	#about02 > li:nth-child( odd ){
		margin-left : calc( 35 var( --percentBase02 ) );
		margin-right : calc( 30 var( --percentBase02 ) );
	}
	#about02 > li:nth-child( even ){
		margin-left : calc( 30 var( --percentBase02 ) );
		margin-right : calc( 35 var( --percentBase02 ) );
	}
	#about02 picture{
		height : calc( 280 var( --remBase ) );
	}
	#about02 p{
		margin-top : calc( ( 19 - 5 ) var( --remBase ) );
		font-size : calc( 30 var( --remBase ) );
		line-height : calc( 40 / 30 );
	}
}
@media print , screen and ( min-width : 751px ){
	#about02{
		column-gap : calc( 20 var( --percentBase02 ) );
		padding-bottom : calc( ( 71 - 8 ) var( --remBase ) );
	}
	#about02 > li{
		width : calc( 280 var( --percentBase02 ) );
	}
	#about02 picture{
		height : calc( 280 var( --remBase ) );
	}
	#about02 p{
		margin-top : calc( ( 24 - 8 ) var( --remBase ) );
		font-size : calc( 24 var( --remBase ) );
		line-height : calc( 40 / 24 );
	}
}

/* --------------------------------------------
HISTORY
--------------------------------------------- */
:where( #history01 , #history02 ) ol li + li{
	border-top-color : var( --border01 );
	border-top-style : solid;
}
:where( #history01 , #history02 ) ol time{
	position : relative;
	z-index : 1;
	display : grid;
	place-items : center;
	text-align : center;
}
:where( #history01 , #history02 ) ol time::after{
	position : absolute;
	top : 0;
	left : 0;
	z-index : -1;
	display : block;
	width : 100%;
	height : 100%;
	content : "";
	filter : invert( 90% ) sepia( 9% ) saturate( 1571% ) hue-rotate( 331deg ) brightness( 108% ) contrast( 95% );
	background-repeat : no-repeat;
	background-position : 0 0;
	background-size : contain;
}
:where( #history01 , #history02 ) ol p{
	font-weight : 500;
}
@media screen and ( max-width : 750px ){
	:where( #history01 , #history02 ) ol li + li{
		padding-top : calc( 20 var( --remBase ) );
		margin-top : calc( ( 37 - 4 ) var( --remBase ) );
		border-top-width : calc( 3 var( --remBase ) );
	}
	:where( #history01 , #history02 ) ol time{
		width : calc( 285 var( --percentBase02 ) );
		height : calc( 75 var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 34 / 26 );
	}
	:where( #history01 , #history02 ) ol time::after{
		background-image : url( "../images/ui/bg/label01_sp.svg" );
	}
	:where( #history01 , #history02 ) ol p{
		padding-left : calc( 30 var( --percentBase02 ) );
		margin-top : calc( ( 19 - 4 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 34 / 26 );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #history01 , #history02 ) ol li{
		display : grid;
		grid-auto-flow : column;
		align-self : start;
	}
	:where( #history01 , #history02 ) ol li + li{
		padding-top : calc( 17 var( --remBase ) );
		margin-top : calc( ( 21 - 7 ) var( --remBase ) );
		border-top-width : 1px;
	}
	:where( #history01 , #history02 ) ol time{
		width : 100%;
		height : calc( 52 var( --remBase ) );
		font-size : calc( 16 var( --remBase ) );
		line-height : calc( 30 / 16 );
	}
	:where( #history01 , #history02 ) ol time::after{
		background-image : url( "../images/ui/bg/label01_pc.svg" );
	}
	:where( #history01 , #history02 ) ol p{
		padding-top : calc( ( 16 - 7 ) var( --remBase ) );
		font-size : calc( 16 var( --remBase ) );
		line-height : calc( 30 / 16 );
	}
}
@media screen and ( max-width : 750px ){
	#history01{
		padding-top : calc( 46 var( --remBase ) );
		padding-bottom : calc( ( 99 - 4 ) var( --remBase ) );
	}
	#history01 ol{
		margin-top : calc( 46 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#history01{
		padding-top : calc( 88 var( --remBase ) );
		padding-bottom : calc( ( 108 - 7 ) var( --remBase ) );
	}
	#history01 ol{
		margin-top : calc( 28 var( --remBase ) );
	}
	#history01 li{
		grid-template-columns : calc( 197 var( --percentBase02 ) ) 1fr;
		column-gap : calc( 19 var( --percentBase02 ) );
	}
}
#history02{
	background-repeat : repeat;
	background-position : center 0;
}
#history02 ol li:last-child{
	border-bottom-color : var( --border01 );
	border-bottom-style : solid;
}
#history02 picture{
	width : 100%;
}
#history02 picture img{
	width : 100%;
	height : auto;
}
@media screen and ( max-width : 750px ){
	#history02{
		padding-top : calc( 75 var( --remBase ) );
		padding-bottom : calc( ( 94 - 5 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
	#history02 .box{
		margin-top : calc( 46 var( --remBase ) );
	}
	#history02 ol li:last-child{
		padding-bottom : calc( ( 37 - 4 ) var( --remBase ) );
		border-bottom-width : calc( 3 var( --remBase ) );
	}
	#history02 ul{
		display : grid;
		grid-template-columns : repeat( 2 , calc( 340 var( --percentBase02 ) ) );
		align-items : start;
		justify-content : space-between;
		margin-top : calc( 20 var( --remBase ) );
	}
	#history02 ul p{
		margin-top : calc( ( 8 - 5 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.5;
	}
}
@media print , screen and ( min-width : 751px ){
	#history02{
		padding-top : calc( 87 var( --remBase ) );
		padding-bottom : calc( ( 75 - 7 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
	#history02 .box{
		display : grid;
		grid-template-columns : calc( 680 var( --percentBase02 ) ) calc( 106 var( --percentBase02 ) ) calc( 350 var( --percentBase02 ) ) 1fr;
		grid-auto-flow : column;
		align-items : start;
		justify-content : space-between;
		margin-top : calc( 40 var( --remBase ) );
	}
	#history02 ol{
		grid-row : 1;
		grid-column : 1;
		padding-top : calc( 18 var( --remBase ) );
	}
	#history02 ol li{
		grid-template-columns : calc( 197 * 100% / 680 ) 1fr;
		column-gap : calc( 19 * 100% / 680 );
	}
	#history02 ol li:last-child{
		padding-bottom : calc( ( 21 - 7 ) var( --remBase ) );
		border-bottom-width : 1px;
	}
	#history02 ul{
		grid-row : 1;
		grid-column : 3;
	}
	#history02 ul li + li{
		margin-top : calc( ( 30 - 7 ) var( --remBase ) );
	}
	#history02 ul p{
		font-size : calc( 16 var( --remBase ) );
		line-height : calc( 30 / 16 );
	}
}
#history03 ul{
	display : grid;
}
#history03 a{
	display : block;
	font-weight : 700;
	text-align : center;
	text-decoration-line : underline;
	text-decoration-color : transparent;
	transition : text-decoration var( --transitionBase );
}
#history03 a:hover{
	text-decoration-color : currentColor;
}
@media screen and ( max-width : 750px ){
	#history03{
		padding-top : calc( 90 var( --remBase ) );
		padding-bottom : calc( ( 90 - 3 ) var( --remBase ) );
	}
	#history03 ul{
		grid-template-columns : repeat( 2 , 1fr );
		row-gap : calc( 60 var( --remBase ) );
		margin-top : calc( ( 76 - 3 ) var( --remBase ) );
	}
	#history03 a{
		font-size : calc( 30 var( --remBase ) );
		line-height : 1.2;
	}
}
@media print , screen and ( min-width : 751px ){
	#history03{
		padding-top : calc( 102 var( --remBase ) );
		padding-bottom : calc( ( 98 - 2.4 ) var( --remBase ) );
	}
	#history03 ul{
		grid-template-columns : repeat( 3 , 1fr );
		row-gap : calc( 40 var( --remBase ) );
		padding-inline : calc( 100% / 12 );
		margin-top : calc( ( 64 - 2.4 ) var( --remBase ) );
	}
	#history03 a{
		font-size : calc( 24 var( --remBase ) );
		line-height : 1.2;
	}
}
@media screen and ( max-width : 750px ){
	#history03 + .page-links{
		padding-bottom : calc( 36 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#history03 + .page-links{
		padding-bottom : calc( 66 var( --remBase ) );
	}
}

/* --------------------------------------------
FACILITIES
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#facilities01{
		padding-top : calc( ( 48 - 7 ) var( --remBase ) );
		padding-bottom : calc( ( 127 - 1 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#facilities01{
		padding-top : calc( ( 57 - 5 ) var( --remBase ) );
		padding-bottom : calc( ( 90 - 2 ) var( --remBase ) );
	}
}
#facilities02{
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( max-width : 750px ){
	#facilities02{
		padding-top : calc( 73 var( --remBase ) );
		padding-bottom : calc( ( 93 - 1 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
}
@media print , screen and ( min-width : 751px ){
	#facilities02{
		padding-top : calc( 76 var( --remBase ) );
		padding-bottom : calc( ( 102 - 2 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
}
@media screen and ( max-width : 750px ){
	#facilities03{
		padding-top : calc( 96 var( --remBase ) );
		padding-bottom : calc( ( 87 - 1 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#facilities03{
		padding-top : calc( 90 var( --remBase ) );
		padding-bottom : calc( ( 108 - 2 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#facilities03 + .page-links{
		padding-bottom : calc( 49 var( --remBase ) );
	}
}

/* --------------------------------------------
education
--------------------------------------------- */
#education01 :where( h3,p ){
	text-align : center;
}
#education01 h3{
	font-weight : 700;
	color : #5c5754;
}
#education01 p{
	font-weight : 500;
}
@media screen and ( max-width : 750px ){
	#education01{
		padding-top : calc( 70 var( --remBase ) );
		padding-bottom : calc( 43 var( --remBase ) );
	}
	#education01 h3{
		margin-top : calc( ( 33 - 5 ) var( --remBase ) );
		font-size : calc( 34 var( --remBase ) );
		line-height : calc( 44 / 34 );
	}
	#education01 p{
		margin-top : calc( ( 31 - 5 - 7 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	#education01 picture{
		margin-top : calc( ( 34 - 7 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#education01{
		padding-top : calc( 77 var( --remBase ) );
		padding-bottom : calc( 90 var( --remBase ) );
	}
	#education01 h3{
		margin-top : calc( ( 31 - 5 ) var( --remBase ) );
		font-size : calc( 34 var( --remBase ) );
		line-height : calc( 44 / 34 );
	}
	#education01 p{
		margin-top : calc( ( 27 - 5 - 5 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.5;
	}
	#education01 picture{
		width : calc( 1160 var( --percentBase ) );
		margin-inline : auto;
		margin-top : calc( ( 23 - 5 ) var( --remBase ) );
	}
}
#education02{
	background-repeat : repeat;
	background-position : center top;
}
#education02 ul:nth-of-type( 1 ){
	position : relative;
	z-index : 1;
}
#education02 ul:nth-of-type( 1 ) h3{
	font-weight : 700;
	color : #5c5754;
}
#education02 ul:nth-of-type( 1 ) p{
	font-weight : 500;
}
#education02 ul:nth-of-type( 2 ) li{
	font-weight : 700;
	background-color : #fff;
}
@media screen and ( max-width : 750px ){
	#education02{
		padding-top : calc( 69 var( --remBase ) );
		padding-bottom : calc( 81 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
	#education02 ul:nth-of-type( 1 ){
		margin-top : calc( 50 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 1 ) li{
		display : grid;
		grid-template-columns : calc( 275 var( --percentBase02 ) );
		grid-auto-flow : column;
		column-gap : calc( 8 var( --percentBase02 ) );
		align-items : center;
		justify-content : start;
	}
	#education02 ul:nth-of-type( 1 ) h3{
		position : relative;
		display : grid;
		place-items : center;
		height : calc( 136 var( --remBase ) );
		font-size : calc( 45 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 1 ) h3::before{
		position : absolute;
		top : 0;
		left : 0;
		z-index : -1;
		display : block;
		width : 100%;
		height : 100%;
		content : "";
		background : url( "../images/ui/bg/rhombus.svg" ) var( --bgContain );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 1 ) h3::before{
		filter : invert( 78% ) sepia( 12% ) saturate( 599% ) hue-rotate( 308deg ) brightness( 105% ) contrast( 91% );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 2 ) h3::before{
		filter : invert( 95% ) sepia( 7% ) saturate( 440% ) hue-rotate( 112deg ) brightness( 90% ) contrast( 94% );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 3 ) h3::before{
		filter : invert( 86% ) sepia( 18% ) saturate( 342% ) hue-rotate( 338deg ) brightness( 99% ) contrast( 93% );
	}
	#education02 ul:nth-of-type( 1 ) p{
		font-size : calc( 26 var( --remBase ) );
		line-height : 1.2;
	}
	#education02 ul:nth-of-type( 2 ){
		margin-top : calc( 27 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 2 ) li{
		padding-block : calc( ( 31 - 7 ) var( --remBase ) );
		padding-inline : calc( 20 var( --percentBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
		border-radius : calc( 20 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 2 ) li + li{
		margin-top : calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#education02{
		padding-top : calc( 107 var( --remBase ) );
		padding-bottom : calc( 121 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
	#education02 ul:nth-of-type( 1 ){
		display : grid;
		grid-template-columns : calc( 330 var( --percentBase ) ) calc( 13 var( --percentBase ) ) calc( 317 var( --percentBase ) ) calc( 13 var( --percentBase ) ) calc( 330 var( --percentBase ) );
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
		margin-top : calc( 47 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 1 ) li{
		position : relative;
		grid-row : 1;
		height : calc( 170 var( --remBase ) );
		padding-top : calc( 20 var( --remBase ) );
		text-align : center;
	}
	#education02 ul:nth-of-type( 1 ) li::before{
		position : absolute;
		top : 0;
		left : 0;
		z-index : -1;
		display : block;
		width : 100%;
		height : 100%;
		content : "";
		background : url( "../images/ui/bg/rhombus.svg" ) var( --bgContain );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 1 ){
		grid-column : 1/3;
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 1 )::before{
		filter : invert( 78% ) sepia( 12% ) saturate( 599% ) hue-rotate( 308deg ) brightness( 105% ) contrast( 91% );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 2 ){
		grid-column : 2/5;
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 2 )::before{
		filter : invert( 95% ) sepia( 7% ) saturate( 440% ) hue-rotate( 112deg ) brightness( 90% ) contrast( 94% );
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 3 ){
		grid-column : 4/6;
	}
	#education02 ul:nth-of-type( 1 ) li:nth-child( 3 )::before{
		filter : invert( 86% ) sepia( 18% ) saturate( 342% ) hue-rotate( 338deg ) brightness( 99% ) contrast( 93% );
	}
	#education02 ul:nth-of-type( 1 ) h3{
		font-size : calc( 45 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 1 ) p{
		margin-top : calc( ( 25 - 5 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.5;
	}
	#education02 ul:nth-of-type( 2 ){
		padding-inline : calc( 90 var( --percentBase02 ) );
		margin-top : calc( 33 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 2 ) li{
		padding-block : calc( ( 34 - 5 ) var( --remBase ) );
		padding-inline : calc( 22 * 100% / 1000 );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.5;
		border-radius : calc( 20 var( --remBase ) );
	}
	#education02 ul:nth-of-type( 2 ) li + li{
		margin-top : calc( 11 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#education03{
		padding-top : calc( 90 var( --remBase ) );
		padding-bottom : calc( 60 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#education03{
		padding-top : calc( 93 var( --remBase ) );
		padding-bottom : calc( 76 var( --remBase ) );
	}
}
#education04{
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( max-width : 750px ){
	#education04{
		padding-top : calc( 71 var( --remBase ) );
		padding-bottom : calc( 71 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
}
@media print , screen and ( min-width : 751px ){
	#education04{
		padding-top : calc( 65 var( --remBase ) );
		padding-bottom : calc( 72 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
}
@media screen and ( max-width : 750px ){
	#education05{
		padding-top : calc( 90 var( --remBase ) );
		padding-bottom : calc( 151 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#education05{
		padding-top : calc( 77 var( --remBase ) );
		padding-bottom : calc( 75 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#education05 + .page-links{
		padding-bottom : calc( 43 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#education05 + .page-links{
		padding-bottom : calc( 27 var( --remBase ) );
	}
}

/* --------------------------------------------
MONTESSORI
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#montessori01{
		padding-top : calc( 70 var( --remBase ) );
		padding-bottom : calc( 89 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#montessori01{
		padding-top : calc( 77 var( --remBase ) );
		padding-bottom : calc( 75 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	:where( #montessori02 , #montessori03 , #montessori04 , #montessori05 , #montessori06 ) .title01::after{
		width : calc( 311 * 100% / 750 );
	}
	:where( #montessori02 , #montessori03 , #montessori04 , #montessori05 , #montessori06 ) .lede01{
		padding-inline : calc( 30 * 100% / 750 );
	}
	:where( #montessori02 , #montessori03 , #montessori04 , #montessori05 , #montessori06 ) .swiper{
		margin-top : calc( ( 40 - 7 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #montessori02 , #montessori03 , #montessori04 , #montessori05 , #montessori06 ) .swiper{
		margin-top : calc( ( 29 - 8 ) var( --remBase ) );
	}
}
:where( #montessori02 , #montessori04 , #montessori06 ){
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( max-width : 750px ){
	:where( #montessori02 , #montessori04 , #montessori06 ){
		padding-top : calc( 69 var( --remBase ) );
		padding-bottom : calc( ( 92 - 3 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #montessori02 , #montessori04 , #montessori06 ){
		padding-top : calc( 107 var( --remBase ) );
		padding-bottom : calc( ( 134 - 5 ) var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
}
@media screen and ( max-width : 750px ){
	:where( #montessori03 , #montessori05 ){
		padding-top : calc( 85 var( --remBase ) );
		padding-bottom : calc( ( 92 - 3 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #montessori03 , #montessori05 ){
		padding-top : calc( 77 var( --remBase ) );
		padding-bottom : calc( ( 134 - 5 ) var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#montessori06 + .page-links{
		padding-bottom : calc( 37 var( --remBase ) );
		margin-top : calc( 131 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#montessori06 + .page-links{
		padding-bottom : calc( 38 var( --remBase ) );
		margin-top : calc( 73 var( --remBase ) );
	}
}

/* --------------------------------------------
LIFE
--------------------------------------------- */
#life01 li{
	display : grid;
	align-content : start;
	align-items : center;
	justify-content : start;
}
#life01 li:nth-child( odd ) .title01::after{
	filter : invert( 83% ) sepia( 29% ) saturate( 727% ) hue-rotate( 22deg ) brightness( 95% ) contrast( 94% );
}
#life01 li:nth-child( even ) .title01::after{
	filter : invert( 88% ) sepia( 21% ) saturate( 1642% ) hue-rotate( 332deg ) brightness( 102% ) contrast( 86% );
}
#life01 picture{
	grid-row : 1/6;
	grid-column : 1;
	width : 100%;
}
#life01 picture img{
	width : 100%;
	height : 100%;
	object-fit : cover;
}
#life01 .title01{
	grid-row : 2;
	grid-column : 2;
	text-align : left;
}
#life01 .title01::after{
	margin-inline : 0;
}
#life01 p{
	grid-row : 4;
	grid-column : 2px;
	font-weight : 500;
}
@media screen and ( max-width : 750px ){
	#life01{
		padding-top : calc( 47 var( --remBase ) );
		padding-bottom : calc( 73 var( --remBase ) );
	}
	#life01 li{
		grid-template-rows : 1fr auto calc( ( 22 - 5 ) var( --remBase ) ) auto 1fr;
		grid-template-columns : calc( 245 var( --percentBase02 ) ) 1fr;
		column-gap : calc( 15 var( --percentBase02 ) );
	}
	#life01 li + li{
		margin-top : calc( 27 var( --remBase ) );
	}
	#life01 picture{
		height : calc( 234 var( --remBase ) );
	}
	#life01 .title01 span{
		display : block;
		margin-top : calc( 5 var( --remBase ) );
		font-size : calc( 30 var( --remBase ) );
	}
	#life01 p{
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 36 / 26 );
	}
}
@media print , screen and ( min-width : 751px ){
	#life01{
		padding-top : calc( 87 var( --remBase ) );
		padding-bottom : calc( 64 var( --remBase ) );
	}
	#life01 li{
		grid-template-rows : 1fr auto calc( ( 22 - 8 ) var( --remBase ) ) auto 1fr;
		grid-template-columns : calc( 271 * 100% / 1086 ) 1fr;
		column-gap : calc( 28 * 100% / 1086 );
		padding-left : calc( 94 var( --percentBase02 ) );
	}
	#life01 li + li{
		margin-top : calc( 23 var( --remBase ) );
	}
	#life01 picture{
		height : calc( 259 var( --remBase ) );
	}
	#life01 .title01 span{
		font-size : calc( 36 var( --remBase ) );
	}
	#life01 .title01::after{
		width : calc( 311 * 100% / 787 );
	}
	#life01 p{
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
}
@media screen and ( max-width : 750px ){
	#life02{
		padding-top : calc( 40 var( --remBase ) );
		padding-bottom : calc( ( 46 - 7 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#life02{
		padding-top : calc( 65 var( --remBase ) );
		padding-bottom : calc( ( 82 - 6 ) var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#life03{
		padding-top : calc( 70 var( --remBase ) );
		padding-bottom : calc( ( 92 - 7 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#life03{
		padding-top : calc( 65 var( --remBase ) );
		padding-bottom : calc( ( 88 - 8 ) var( --remBase ) );
	}
}
#life04 h3{
	font-weight : 700;
	color : #3b2619;
}
#life04 .datalist01{
	border-top-color : var( --border01 );
	border-top-style : solid;
}
.datalist01 a{
    text-decoration: underline !important;
    color: steelblue;
}
    .datalist01 a:hover{
        color: #333;
        text-decoration: none;
    }
@media screen and ( max-width : 750px ){
	#life04{
		padding-top : calc( 70 var( --remBase ) );
		padding-bottom : calc( ( 92 - 7 ) var( --remBase ) );
	}
	#life04 h3{
		margin-top : calc( ( 57 - 7 - 4 ) var( --remBase ) );
		font-size : calc( 40 var( --remBase ) );
		line-height : 1.2;
	}
	#life04 .datalist01{
		padding-top : calc( ( 29 - 3 ) var( --remBase ) );
		margin-top : calc( ( 38 - 4 ) var( --remBase ) );
		border-top-width : calc( 2 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#life04{
		padding-top : calc( 68 var( --remBase ) );
		padding-bottom : calc( 80 var( --remBase ) );
	}
	#life04 h3{
		padding-left : calc( 10 var( --percentBase02 ) );
		margin-top : calc( ( 41 - 8 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
	}
	#life04 .datalist01{
		padding-top : calc( ( 23 - 8 ) var( --remBase ) );
		margin-top : calc( 21 var( --remBase ) );
		border-top-width : 1px;
	}
}
@media screen and ( max-width : 750px ){
	#life04 + .page-links{
		padding-bottom : calc( 29 var( --remBase ) );
		margin-top : calc( 52 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#life04 + .page-links{
		padding-bottom : calc( 57 var( --remBase ) );
		margin-top : calc( 50 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	:where( #ys01 , #ys02 , #ys03 ) .title01::after{
		width : calc( 311 * 100% / 750 );
	}
	:where( #ys01 , #ys02 , #ys03 ) .lede01{
		padding-inline : calc( 30 * 100% / 750 );
	}
	:where( #ys01 , #ys02 , #ys03 ) .swiper{
		margin-top : calc( ( 76 - 7 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( #ys01 , #ys02 , #ys03 ) .swiper{
		margin-top : calc( ( 38 - 5 ) var( --remBase ) );
	}
	:where( #ys01 , #ys02 , #ys03 ) .swiper01-sp .swiper-wrapper{
		row-gap : calc( 18 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#ys01{
		padding-top : calc( 83 var( --remBase ) );
		padding-bottom : calc( 67 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#ys01{
		padding-top : calc( 87 var( --remBase ) );
		padding-bottom : calc( 126 var( --remBase ) );
	}
}
#ys02{
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( max-width : 750px ){
	#ys02{
		padding-top : calc( 52 var( --remBase ) );
		padding-bottom : calc( 39 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
}
@media print , screen and ( min-width : 751px ){
	#ys02{
		padding-top : calc( 120 var( --remBase ) );
		padding-bottom : calc( 103 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
}
@media screen and ( max-width : 750px ){
	#ys03{
		padding-top : calc( 86 var( --remBase ) );
		padding-bottom : calc( 84 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#ys03{
		padding-top : calc( 104 var( --remBase ) );
		padding-bottom : calc( 99 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#ys03 + .page-links{
		padding-bottom : calc( 45 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#ys03 + .page-links{
		padding-bottom : calc( 74 var( --remBase ) );
	}
}

/* --------------------------------------------
GUIDANCE
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#guidance{
		padding-top : calc( 73 var( --remBase ) );
		padding-bottom : calc( 92 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#guidance{
		padding-top : calc( 131 var( --remBase ) );
		padding-bottom : calc( 170 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#guidance + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#guidance + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
	}
}

/* --------------------------------------------
BRIEFING
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#briefing01{
		padding-top : calc( ( 90 - 7 ) var( --remBase ) );
		padding-bottom : calc( 56 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#briefing01{
		padding-top : calc( 49 var( --remBase ) );
		padding-bottom : calc( 57 var( --remBase ) );
	}
}
#briefing02{
	background-repeat : repeat;
	background-position : center top;
}

@media screen and ( max-width : 750px ){
	#briefing02{
		padding-top : calc( ( 91 - 3 ) var( --remBase ) );
		padding-bottom : calc( 91 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
	#briefing03{
		padding-top : calc( ( 91 - 3 ) var( --remBase ) );
		padding-bottom : calc( 91 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#briefing02{
		padding-top : calc( ( 113 - 8 ) var( --remBase ) );
		padding-bottom : calc( 110 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
	#briefing03{
		padding-top : calc( ( 113 - 8 ) var( --remBase ) );
		padding-bottom : calc( 110 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#briefing02 + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
		margin-top : calc( 58 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#briefing02 + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
		margin-top : calc( 56 var( --remBase ) );
	}
}

ol.doc-download {
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	ol.doc-download li {
		background: #fff;
		display: flex;
		flex-direction: column;
	}
		ol.doc-download li h3 {
			border-bottom: 1px solid #eeeeee;
			padding-bottom: .5em;
			margin-bottom: .5em;
			font-family: var(--fontFamilyMal);
		}
		ol.doc-download li p {
			line-height: 1.8;
		}
		ol.doc-download li a {
			display: block;
			text-align: center;
			background: #edbc45;
			color: #fff;
			font-weight: 600;
		}
			ol.doc-download li a:hover {
				opacity: .8;
			}
@media screen and ( max-width : 750px ){
	ol.doc-download {
		padding: 0px;
		margin: calc( 58 var( --remBase ) ) 0 0 0;
		column-gap: calc( 24 var( --remBase ) );
	}
		ol.doc-download li {
			width: 100%;
			padding: calc( 40 * 100% / var(--breakpoint) );
			border-radius: calc( 16 var( --remBase ) );
			margin-bottom: calc( 32 var( --remBase ) );
		}
			ol.doc-download li h3 {
				font-size: calc( 32 var( --remBase ) );
			}
			ol.doc-download li p {
				margin-bottom: calc( 16 var( --remBase ) );
				font-size: calc( 26 var( --remBase ) );
			}
			ol.doc-download li a {
				padding: 1em;
				margin-top: calc( 16 var( --remBase ) );;
				border-radius: calc( 16 var( --remBase ) );;
				font-size: calc( 32 var( --remBase ) );
			}
}

@media print , screen and ( min-width : 751px ){
	ol.doc-download {
		padding: 0px;
		margin: 40px 0 0 0;
		column-gap: calc( 20 var( --percentBase02 ) );
		row-gap: calc( 20 var( --percentBase02 ) );
	}
		ol.doc-download li {
			width: calc( 380 var( --percentBase02 ) );
			padding: 24px;
			border-radius: 6px;
		}
			ol.doc-download li h3 {
				font-size: calc( 26 var( --remBase ) );
				line-height: 1.3;
			}
			ol.doc-download li p {
				line-height: 1.8;
				margin-bottom: 16px;
				min-height: 5.4em;
				font-size: calc( 20 var( --remBase ) );
			}
			ol.doc-download li a {
				padding: 16px 8px;
				margin-top: 8px;
				border-radius: 6px;
				font-size: calc( 20 var( --remBase ) )
			}
}

/* --------------------------------------------
TOUR
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#tour01{
		padding-top : calc( ( 90 - 7 ) var( --remBase ) );
		padding-bottom : calc( 56 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#tour01{
		padding-top : calc( 49 var( --remBase ) );
		padding-bottom : calc( 57 var( --remBase ) );
	}
}
#tour02{
	background-repeat : repeat;
	background-position : center top;
}
@media screen and ( max-width : 750px ){
	#tour02{
		padding-top : calc( ( 91 - 3 ) var( --remBase ) );
		padding-bottom : calc( 91 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_sp.webp" );
	}
}
@media print , screen and ( min-width : 751px ){
	#tour02{
		padding-top : calc( ( 113 - 8 ) var( --remBase ) );
		padding-bottom : calc( 110 var( --remBase ) );
		background-image : url( "../images/ui/bg/section01_pc.webp" );
	}
}
@media screen and ( max-width : 750px ){
	#tour02 + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
		margin-top : calc( 58 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#tour02 + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
		margin-top : calc( 56 var( --remBase ) );
	}
}

/* --------------------------------------------
FAQ
--------------------------------------------- */
#faq :where( dt,dd ){
	position : relative;
}
#faq :where( dt,dd )::before , #faq :where( dt,dd )::after{
	position : absolute;
	z-index : 1;
	display : block;
}
#faq :where( dt,dd )::before{
	font-size : 0;
	content : "";
	background : url( "../images/ui/bg/circle02.svg" ) var( --bgContain );
}
#faq :where( dt,dd )::after{
	display : grid;
	place-items : center;
	font-weight : 700;
	line-height : 1;
	color : #fff;
}
#faq dt{
	font-weight : 500;
	background-color : rgb( 244 214 194 / .4 );
}
#faq dt::before{
	filter : invert( 77% ) sepia( 18% ) saturate( 1513% ) hue-rotate( 358deg ) brightness( 102% ) contrast( 86% );
}
#faq dt::after{
	content : "Q";
}
#faq dd{
	font-weight : 500;
}
#faq dd::before{
	filter : invert( 80% ) sepia( 38% ) saturate( 634% ) hue-rotate( 21deg ) brightness( 96% ) contrast( 84% );
}
#faq dd::after{
	content : "A";
}
@media screen and ( max-width : 750px ){
	#faq{
		padding-top : calc( 46 var( --remBase ) );
		padding-bottom : calc( 123 var( --remBase ) );
	}
	#faq :where( dt,dd ){
		margin-left : auto;
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	#faq :where( dt,dd )::before , #faq :where( dt,dd )::after{
		height : calc( 43 var( --remBase ) );
	}
	#faq :where( dt,dd )::after{
		font-size : calc( 28 var( --remBase ) );
	}
	#faq dt{
		width : calc( 670 var( --percentBase02 ) );
		min-height : calc( 68 var( --remBase ) );
		padding-block : calc( ( 20 - 7 ) var( --remBase ) );
		padding-left : calc( 30 var( --percentBase02 ) );
		padding-right : calc( 15 var( --percentBase02 ) );
		cursor : pointer;
	}
	#faq dt::before , #faq dt::after{
		top : calc( 6 var( --remBase ) );
		left : calc( -20 * 100% / 670 );
		width : calc( 43 * 100% / 670 );
	}
	#faq dt:not( :first-of-type ){
		margin-top : calc( 19 var( --remBase ) );
	}
	#faq dd{
		display : none;
		width : calc( 600 var( --percentBase02 ) );
		padding-top : calc( ( 23 - 7 ) var( --remBase ) );
		padding-bottom : calc( ( 38 - 7 - 19 ) var( --remBase ) );
	}
	#faq dd::before , #faq dd::after{
		top : calc( 12 var( --remBase ) );
		left : calc( -53 * 100% / 600 );
		width : calc( 43 * 100% / 600 );
	}
}
@media print , screen and ( min-width : 751px ){
	#faq{
		padding-top : calc( 65 var( --remBase ) );
		padding-bottom : calc( 24 var( --remBase ) );
	}
	#faq :where( dt,dd ){
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	#faq :where( dt,dd )::before , #faq :where( dt,dd )::after{
		height : calc( 43 var( --remBase ) );
	}
	#faq :where( dt,dd )::after{
		font-size : calc( 28 var( --remBase ) );
	}
	#faq dt{
		width : calc( 980 var( --percentBase02 ) );
		padding-block : calc( ( 18 - 8 ) var( --remBase ) );
		padding-inline : calc( 30 var( --percentBase02 ) );
		margin-left : calc( 110 var( --percentBase02 ) );
	}
	#faq dt::before , #faq dt::after{
		top : calc( 5 var( --remBase ) );
		left : calc( -20 * 100% / 980 );
		width : calc( 43 * 100% / 980 );
	}
	#faq dd{
		width : calc( 870 var( --percentBase02 ) );
		min-height : calc( 86 var( --remBase ) );
		padding-block : calc( ( 27 - 8 ) var( --remBase ) );
		margin-left : calc( 190 var( --percentBase02 ) );
	}
	#faq dd::before , #faq dd::after{
		top : calc( 13 var( --remBase ) );
		left : calc( -53 * 100% / 870 );
		width : calc( 43 * 100% / 870 );
	}
}
@media screen and ( max-width : 750px ){
	#faq + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#faq + .page-links{
		padding-bottom : calc( 58 var( --remBase ) );
	}
}

/* --------------------------------------------
ACCESS
--------------------------------------------- */
#access iframe{
	width : 100%;
}
@media screen and ( max-width : 750px ){
	#access iframe{
		aspect-ratio : 1/1;
	}
	#access .datalist01{
		padding-top : calc( ( 54 - 3 ) var( --remBase ) );
		padding-bottom : calc( ( 62 - 7 ) var( --remBase ) );
	}
	#access dd:last-of-type{
		padding-bottom : 0;
		border-bottom : 0;
	}
}
@media print , screen and ( min-width : 751px ){
	#access iframe{
		height : calc( 470 var( --remBase ) );
	}
	#access .datalist01{
		padding-top : calc( ( 54 - 8 ) var( --remBase ) );
		padding-bottom : calc( ( 52 - 8 ) var( --remBase ) );
	}
	#access .datalist01 li + li{
		margin-top : calc( 10 var( --remBase ) );
	}
}

/* --------------------------------------------
GUARDIAN
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#guardian01{
		padding-top : calc( 49 var( --remBase ) );
		padding-bottom : calc( ( 78 - 3 ) var( --remBase ) );
	}
	#guardian01 .files01{
		margin-top : calc( ( 53 - 3 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#guardian01{
		padding-top : calc( 82 var( --remBase ) );
		padding-bottom : calc( ( 138 - 2 ) var( --remBase ) );
	}
	#guardian01 .files01{
		margin-top : calc( ( 62 - 2 ) var( --remBase ) );
	}
}
#guardian02{
	background-repeat : repeat;
	background-position : center top;
}
#guardian02 h3{
	font-weight : 700;
	line-height : 1.2;
	color : #3b2619;
}
#guardian02 p{
	font-weight : 500;
	color : #535251;
}
@media screen and ( max-width : 750px ){
    section.back-color {
		background-image : url( "../images/ui/bg/section01_sp.webp" );
        background-repeat: repeat;
    }
	#guardian02{
		padding-top : calc( 69 var( --remBase ) );
		padding-bottom : calc( ( 103 - 3 ) var( --remBase ) );
	}
	#guardian02 h3{
		font-size : calc( 34 var( --remBase ) );
	}
	#guardian02 p{
		margin-top : calc( ( 23 - 3.4 - 7 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	#guardian02 .files01{
		margin-top : calc( ( 30 - 7 - 3 ) var( --remBase ) );
	}
	#guardian02 .title01 + h3{
		margin-top : calc( ( 40 - 3.4 ) var( --remBase ) );
	}
	#guardian02 .files01 + h3{
		margin-top : calc( ( 93 - 3.4 - 3 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
    section.back-color {
		background-image : url( "../images/ui/bg/section01_pc.webp" );
        background-repeat: repeat;
    }
	#guardian02{
		padding-top : calc( 72 var( --remBase ) );
		padding-bottom : calc( ( 118 - 2 ) var( --remBase ) );
	}
	#guardian02 h3{
		font-size : calc( 30 var( --remBase ) );
	}
	#guardian02 p{
		margin-top : calc( ( 20 - 3 - 5.4 ) var( --remBase ) );
		font-size : calc( 18 var( --remBase ) );
		line-height : 1.6;
	}
	#guardian02 .files01{
		margin-top : calc( ( 31 - 5.4 - 2 ) var( --remBase ) );
	}
	#guardian02 .title01 {
		margin-bottom : calc( ( 44 - 3 ) var( --remBase ) );
	}
	#guardian02 .title01 + h3{
	}
	#guardian02 .files01 + h3{
		margin-top : calc( ( 108 - 2 - 3 ) var( --remBase ) );
	}
}
#guardian03 h2 , #guardian04 h2{
	font-weight : 700;
	color : #5c5754;
	text-align : center;
}
#guardian03 h2::after , #guardian04 h2::after{
	display : block;
	margin-inline : auto;
	font-size : 0;
	content : "";
	background : url( "../images/ui/parts/dotted01.svg" ) var( --bgContain );
	filter : invert( 89% ) sepia( 32% ) saturate( 506% ) hue-rotate( 354deg ) brightness( 104% ) contrast( 103% );
}
#guardian03 h3 ,#guardian04 h3{
	font-weight : 700;
	line-height : 1.2;
	color : #3b2619;
}
#guardian03 p , #guardian04 p{
	font-weight : 500;
	color : #535251;
}
#guardian04 .table-wrap {
    margin-bottom: .5em;
}
#guardian04 table {
    border: 1px solid #999;
    border-collapse: collapse;
}
    #guardian04 table th , #guardian04 table td {
        border: 1px solid #999;
    }
#guardian04 ul {
    margin-left: 2em;
}
    #guardian04 ul li {
        list-style: circle;
    }
@media screen and ( max-width : 750px ){
    #guardian04 .table-wrap {
        width: 100%;
        overflow-x: scroll;
        padding-bottom: calc( 20 var( --remBase ) );
	}
    #guardian04 .scroll-message{
        content: "";
        font-size: 14px;
        margin-bottom: 5px;
        display: block;
        text-align: center;
	}
    #guardian04 table {
        width: 700px;
        border: 1px solid #999;
        border-collapse: collapse;
    }
    #guardian04 table th , #guardian04 table td {
        padding: calc( 10 var( --remBase ) );
    }

	#guardian03 , #guardian04{
		padding-top : calc( 69 var( --remBase ) );
		padding-bottom : calc( ( 72 - 7 ) var( --remBase ) );
	}
	#guardian04{
        margin-bottom: calc( 50 var( --remBase ) );
	}
	#guardian03 h2 , #guardian04 h2{
		font-size : calc( 45 var( --remBase ) );
	}
	#guardian03 h2::after , #guardian04 h2::after{
		width : calc( 311 var( --percentBase02 ) );
		height : calc( 10 var( --remBase ) );
		margin-top : calc( 26 var( --remBase ) );
	}
	#guardian03 h3 , #guardian04 h3{
		font-size : calc( 34 var( --remBase ) );
	}
	#guardian03 p , #guardian04 p , #guardian04 table , #guardian03 li , #guardian04 li{
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	#guardian03 h2 + h3 , #guardian04 h2 + h3{
	}
	#guardian03 h2 , #guardian04 h2{
		margin-bottom : calc( ( 47 - 3.4 ) var( --remBase ) );
	}
	#guardian03 h3 + p , #guardian04 h3 + p{
		margin-top : calc( ( 23 - 3.4 - 7 ) var( --remBase ) );
	}
	#guardian03 p + h3 , #guardian04 p + h3{
		margin-top : calc( ( 56 - 7 - 3.4 ) var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
    #guardian04 table th , #guardian04 table td {
        padding: 10px;
    }
	#guardian03 , #guardian04{
		padding-top : calc( 88 var( --remBase ) );
		padding-bottom : calc( ( 102 - 5.4 ) var( --remBase ) );
	}
	#guardian04{
        margin-bottom: 50px;
	}
	#guardian03 h2 , #guardian04 h2{
		font-size : calc( 45 var( --remBase ) );
	}
	#guardian03 h2::after , #guardian04 h2::after{
		width : calc( 311 var( --percentBase02 ) );
		height : calc( 10 var( --remBase ) );
		margin-top : calc( 26 var( --remBase ) );
	}
	#guardian03 h3 , #guardian04 h3{
		font-size : calc( 30 var( --remBase ) );
	}
	#guardian03 p , #guardian04 p  , #guardian04 table , #guardian03 li , #guardian04 li{
		font-size : calc( 18 var( --remBase ) );
		line-height : 1.6;
	}
	#guardian03 h2 , #guardian04 h2{
		margin-bottom : calc( 40 var( --remBase ) );
	}
	#guardian03 h2 + h3 , #guardian04 h2 + h3{
	}
	#guardian03 h3 + p , #guardian04 h3 + p{
		margin-top : calc( ( 22 - 3 - 5.4 ) var( --remBase ) );
	}
	#guardian03 p + h3 , #guardian04 p + h3{
		margin-top : calc( ( 49 - 5.4 - 3 ) var( --remBase ) );
	}
}


@media screen and ( max-width : 750px ){
	body.guardian #main > ul:nth-of-type( 2 ){
		padding-bottom : calc( 47 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	body.guardian #main > ul:nth-of-type( 2 ){
		padding-bottom : calc( 66 var( --remBase ) );
	}
}

/* --------------------------------------------
childcare
--------------------------------------------- */
#childcare02{
	background-repeat : repeat;
	background-position : center top;
}

@media screen and ( max-width : 750px ){
	#childcare02{
		padding-top : calc( ( 90 ) var( --remBase ) );
		padding-bottom : calc( 90 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#childcare02{
		padding-top : calc( ( 110 ) var( --remBase ) );
		padding-bottom : calc( 110 var( --remBase ) );
	}
}
/* --------------------------------------------
MW WP FORM
--------------------------------------------- */
:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label{
	display : grid;
	align-items : start;
	justify-content : start;
	font-weight : 700;
	color : #3b2619;
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label::before{
	display : block;
	font-size : 0;
	content : "";
	background : url( "../images/ui/parts/star01.svg" ) var( --bgContain );
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( button , input[type="submit"] ){
	display : grid;
	place-items : center;
	border-radius : 100dvh;
	transition : opacity var( --transitionBase );
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( button , input[type="submit"] ):hover{
	opacity : .8;
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( button , input[type="submit"] ){
	font-weight : 700;
	color : #3b2619;
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) input[type="submit"]{
	background-color : var( --siteYellow );
	border : solid 1px var( --siteYellow );
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) button{
	background-color : #fff;
	border : solid 1px currentColor;
}
:where( .mw_wp_form_input , .mw_wp_form_confirm ) h3{
	font-weight : 700;
	color : #3b2619;
	text-align : center;
}
@media screen and ( max-width : 750px ){
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dl{
		margin-top : calc( ( 71 - 7 - 3 ) var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label{
		grid-template-columns : calc( 22 var( --percentBase ) ) auto;
		column-gap : calc( 12 var( --percentBase ) );
		font-size : calc( 30 var( --remBase ) );
		line-height : 1.2;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label::before{
		height : calc( 25 var( --remBase ) );
		margin-top : calc( 5.5 var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dd{
		padding-bottom : calc( 46 var( --remBase ) );
		margin-top : calc( ( 20 - 3 ) var( --remBase ) );
		border-bottom : solid calc( 2 var( --remBase ) ) #b5b5b5;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dd + dt{
		margin-top : calc( ( 44 - 3 ) var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) h3{
		margin-top : calc( ( 54 - 3 ) var( --remBase ) );
		font-size : calc( 30 var( --remBase ) );
		line-height : 1.2;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) .submits * + *{
		margin-top : calc( 40 var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( input[type="submit"] , button ){
		width : calc( 433 var( --percentBase ) );
		height : calc( 85 var( --remBase ) );
		margin-inline : auto;
		font-size : calc( 30 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dl{
		margin-top : calc( ( 57 - 8 ) var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( dt,dd ){
		padding-bottom : 43px;
		border-bottom-color : #b5b5b5;
		border-bottom-style : solid;
		border-bottom-width : 1px;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( dt,dd ):not( :first-of-type ){
		margin-top : calc( 40 var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dl{
		display : grid;
		grid-template-columns : calc( 300 var( --percentBase ) ) 1fr;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt{
		padding-inline : calc( 10 * 100% / 300 );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label{
		grid-template-columns : calc( 13 * 100% / 280 ) 1fr;
		column-gap : calc( 5 * 100% / 280 );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) dt label::before{
		height : calc( 15 var( --remBase ) );
		margin-top : calc( 10.5 var( --remBase ) );
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) h3{
		margin-top : calc( ( 31 - 8 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) .submits{
		display : grid;
		grid-auto-columns : calc( 350 var( --percentBase ) );
		grid-auto-flow : column;
		column-gap : calc( 30 var( --percentBase ) );
		align-items : center;
		justify-content : center;
	}
	:where( .mw_wp_form_input , .mw_wp_form_confirm ) :where( input[type="submit"] , button ){
		height : calc( 80 var( --remBase ) );
		font-size : calc( 22 var( --remBase ) );
	}
}
.mw_wp_form_input dt label.required::after{
	display : grid;
	place-items : center;
	font-weight : 500;
	line-height : 1;
	color : #fff;
	content : "必須";
	background-color : #f44848;
}
.mw_wp_form_input :where( input[type="text"] , input[type="email"] , textarea ){
	line-height : 1.2;
	background-color : #fff;
	border-color : #d1cccc;
	border-style : solid;
}
.mw_wp_form_input textarea{
	padding-block : .75em;
}
.mw_wp_form_input dd p{
	padding-left : 1em;
	font-weight : 700;
	color : #3b2619;
}
.mw_wp_form_input .radios label{
	position : relative;
}
.mw_wp_form_input .radios label input{
	display : none;
}
.mw_wp_form_input .radios label span{
	position : relative;
	display : grid;
	grid-auto-flow : column;
	align-items : start;
	justify-content : start;
	cursor : pointer;
}
.mw_wp_form_input .radios label span::before{
	display : grid;
	place-items : center;
	font-size : 0;
	letter-spacing : 0;
	content : "";
	border-radius : 50%;
}
.mw_wp_form_input .radios label input:checked + span::after{
	position : absolute;
	display : block;
	font-size : 0;
	letter-spacing : 0;
	content : "";
	border-radius : 50%;
}
.mw_wp_form_input .radios label span::before{
	background-color : #fff;
	border : solid 1px #d1cccc;
}
.mw_wp_form_input .radios label input:checked + span::after{
	background-color : var( --siteYellow );
}
.mw_wp_form_input .radios label span{
	font-weight : 500;
	color : #535251;
}
.mw_wp_form_input h3 + p{
	font-weight : 500;
	color : #535251;
	text-align : center;
}
.mw_wp_form_input .privacy{
	background-color : #efefef;
	border-color : #bebdbc;
	border-style : solid;
}
.mw_wp_form_input .privacy p{
	font-weight : 500;
	color : #535251;
}
.mw_wp_form_input .check label span{
	position : relative;
	display : grid;
	grid-auto-flow : column;
	align-items : start;
	cursor : pointer;
}
.mw_wp_form_input .check label span::before{
	display : flex;
	flex-shrink : 0;
	align-items : center;
	justify-content : center;
	font-size : 0;
	content : "";
}
.mw_wp_form_input .check label input[type="checkbox"]{
	position : absolute;
	visibility : hidden;
	opacity : 0;
}
.mw_wp_form_input .check label span::before{
	background-color : #fff;
	border : solid 1px #000;
}
.mw_wp_form_input .check label span{
	justify-content : center;
	width : fit-content;
	margin-inline : auto;
	font-weight : 500;
	color : #535251;
}
.mw_wp_form_input .check label input:checked + span::after{
	position : absolute;
	display : block;
	content : "";
	background : url( "../images/ui/parts/check01.svg" ) var( --bgContain );
}
@media screen and ( max-width : 750px ){
	.mw_wp_form_input dt label.required{
		grid-template-columns : calc( 22 var( --percentBase ) ) auto calc( 50 var( --percentBase ) );
	}
	.mw_wp_form_input dt label.required::after{
		height : calc( 30 var( --remBase ) );
		margin-top : calc( 3 var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
	}
	.mw_wp_form_input :where( input[type="text"] , input[type="email"] , textarea ){
		width : 100%;
		padding-inline : calc( 22 var( --percentBase ) );
		font-size : calc( 20 var( --remBase ) );
		border-width : 1px;
	}
	.mw_wp_form_input select{
		width : 100%;
		padding-inline : calc( 22 var( --percentBase ) );
		font-size : calc( 20 var( --remBase ) );
		border-width : 1px;
		height : calc( 87 var( --remBase ) );
        border-color: #ccc;
	}
	.mw_wp_form_input :where( input[type="text"] , input[type="email"] ){
		height : calc( 87 var( --remBase ) );
	}
	.mw_wp_form_input textarea{
		height : calc( 248 var( --remBase ) );
	}
	.mw_wp_form_input dd p{
		margin-block : calc( ( 17 - 7 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	.mw_wp_form_input .radios > span + span{
		margin-top : calc( ( 29 - 7 - 7 ) var( --remBase ) );
	}
	.mw_wp_form_input .radios label span::before{
		width : calc( 26 var( --remBase ) );
		height : calc( 26 var( --remBase ) );
		margin-top : calc( 7 var( --remBase ) );
	}
	.mw_wp_form_input .radios label span{
		column-gap : calc( 8 var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	.mw_wp_form_input .radios label input:checked + span::after{
		top : calc( 14 var( --remBase ) );
		left : calc( 7 var( --remBase ) );
		width : calc( 12 var( --remBase ) );
		height : calc( 12 var( --remBase ) );
	}
	.mw_wp_form_input h3 + p{
		margin-top : calc( ( 32 - 3 - 7 ) var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	.mw_wp_form_input .privacy{
		padding-inline : calc( 20 var( --percentBase ) );
		padding-top : calc( ( 34 - 7 ) var( --remBase ) );
		padding-bottom : calc( ( 27 - 7 ) var( --remBase ) );
		margin-top : calc( ( 35 - 7 ) var( --remBase ) );
		border-width : calc( 2 var( --remBase ) );
        height: 15em;
        overflow-y: scroll;
	}
	.mw_wp_form_input .privacy p{
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	.mw_wp_form_input .check{
		margin-top : calc( ( 47 - 7 ) var( --remBase ) );
	}
	.mw_wp_form_input .check label span::before{
		width : calc( 30 var( --remBase ) );
		height : calc( 30 var( --remBase ) );
		margin-top : calc( 4.5 var( --remBase ) );
	}
	.mw_wp_form_input .check label span{
		column-gap : calc( 14 var( --remBase ) );
		font-size : calc( 26 var( --remBase ) );
		line-height : calc( 40 / 26 );
	}
	.mw_wp_form_input .check label input:checked + span::after{
		top : calc( 10.5 var( --remBase ) );
		left : calc( 1 var( --remBase ) );
		width : calc( 29 var( --remBase ) );
		height : calc( 22 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	.mw_wp_form_input dt{
		padding-top : calc( 12 var( --remBase ) );
	}
	.mw_wp_form_input dt label.required{
		grid-template-columns : calc( 13 * 100% / 280 ) 1fr calc( 50 * 100% / 280 );
	}
	.mw_wp_form_input dt label.required::after{
		height : calc( 30 var( --remBase ) );
		margin-top : calc( 3 var( --remBase ) );
		font-size : calc( 16 var( --remBase ) );
	}
	.mw_wp_form_input :where( input[type="text"] , input[type="email"] , textarea ){
		width : calc( 750 * 100% / 900 );
		padding-inline : calc( 19 * 100% / 900 );
		font-size : calc( 20 var( --remBase ) );
		border-width : 1px;
	}
	.mw_wp_form_input select{
		padding-inline : calc( 19 * 100% / 900 );
		font-size : calc( 20 var( --remBase ) );
		height : calc( 60 var( --remBase ) );
		border-width : 1px ;
        border-color:  #ccc;
	}
	.mw_wp_form_input :where( input[type="text"] , input[type="email"] ){
		height : calc( 60 var( --remBase ) );
	}
	.mw_wp_form_input textarea{
		height : calc( 145 var( --remBase ) );
	}
	.mw_wp_form_input dd p{
		margin-block : calc( ( 19 - 8 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	.mw_wp_form_input .radios{
		padding-top : calc( 13 var( --remBase ) );
	}
	.mw_wp_form_input .radios > span + span{
		margin-top : calc( ( 18 - 8 - 8 ) var( --remBase ) );
	}
	.mw_wp_form_input .radios label span::before{
		width : calc( 18 var( --remBase ) );
		height : calc( 18 var( --remBase ) );
		margin-top : calc( 9 var( --remBase ) );
	}
	.mw_wp_form_input .radios label span{
		column-gap : calc( 11 var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	.mw_wp_form_input .radios label input:checked + span::after{
		top : calc( 14 var( --remBase ) );
		left : calc( 5 var( --remBase ) );
		width : calc( 8 var( --remBase ) );
		height : calc( 8 var( --remBase ) );
	}
	.mw_wp_form_input h3 + p{
		margin-top : calc( ( 35 - 8 - 8 ) var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	.mw_wp_form_input .privacy{
		width : calc( 1000 var( --percentBase ) );
		padding-inline : calc( 9 var( --percentBase ) );
		padding-top : calc( ( 17 - 8 ) var( --remBase ) );
		padding-bottom : calc( ( 33 - 8 ) var( --remBase ) );
		margin-inline : auto;
		margin-top : calc( ( 26 - 8 ) var( --remBase ) );
		border-width : 1px;
        height: 15em;
        overflow-y: scroll;
	}
	.mw_wp_form_input .privacy p , .mw_wp_form_input .privacy li{
		font-size : calc( 16 var( --remBase ) );
		line-height : 1.8;
	}
	.mw_wp_form_input .check{
		margin-top : calc( ( 47 - 7 ) var( --remBase ) );
	}
	.mw_wp_form_input .check label span::before{
		width : calc( 27 var( --remBase ) );
		height : calc( 27 var( --remBase ) );
		margin-top : calc( 5 var( --remBase ) );
	}
	.mw_wp_form_input .check label span{
		column-gap : calc( 6 var( --remBase ) );
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
	.mw_wp_form_input .check label input:checked + span::after{
		top : calc( 7 var( --remBase ) );
		left : calc( -1 var( --remBase ) );
		width : calc( 29 var( --remBase ) );
		height : calc( 22 var( --remBase ) );
	}
}
.mw_wp_form_confirm .confirm{
	display : none;
}
.mw_wp_form_confirm h3 + p{
	display : none;
}
.mw_wp_form_confirm .privacy{
	display : none;
}
.mw_wp_form_confirm .check{
	text-align : center;
}
@media screen and ( max-width : 750px ){
	.mw_wp_form_confirm dd , .mw_wp_form_confirm .check{
		font-size : calc( 30 var( --remBase ) );
		line-height : 1.2;
	}
}
@media print , screen and ( min-width : 751px ){
	.mw_wp_form_confirm dd , .mw_wp_form_confirm .check{
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
}

/* --------------------------------------------
K
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#k{
		padding-top : calc( ( 31 - 7 ) var( --remBase ) );
		padding-bottom : calc( 49 var( --remBase ) );
	}
	#k .submits{
		margin-top : calc( 111 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#k{
		padding-top : calc( ( 48 - 8 ) var( --remBase ) );
		padding-bottom : calc( 118 var( --remBase ) );
	}
	#k .submits{
		margin-top : calc( 84 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#k + .page-links{
		padding-bottom : calc( 47 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#k + .page-links{
		padding-bottom : calc( 66 var( --remBase ) );
	}
}

/* --------------------------------------------
CONTACT
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#contact{
		padding-top : calc( ( 39 - 7 ) var( --remBase ) );
		padding-bottom : calc( 83 var( --remBase ) );
	}
	#contact .submits{
		margin-top : calc( 111 var( --remBase ) );
	}
}
@media print , screen and ( min-width : 751px ){
	#contact{
		padding-top : calc( ( 40 - 8 ) var( --remBase ) );
		padding-bottom : calc( 83 var( --remBase ) );
	}
	#contact .submits{
		margin-top : calc( 56 var( --remBase ) );
	}
}
@media screen and ( max-width : 750px ){
	#msg p{
		font-size : calc( 30 var( --remBase ) );
		line-height : 1.2;
	}
}
@media print , screen and ( min-width : 751px ){
	#msg p{
		font-size : calc( 20 var( --remBase ) );
		line-height : 1.8;
	}
}



/* --------------------------------------------
PRE
--------------------------------------------- */
.pre .title02 {
    font-size: calc( 34 var( --remBase ) );
    margin-bottom: .3em;
}
.pre-message {
    position: relative
}
    .pre-message .div-inner {
        background-color: rgba(193,221,214,4);
    }
    .pre-message .title-ribon {
        text-align: center;
    }
.pre .p-01{
    text-align: center;
    line-height: 1.8;
    margin-bottom: 2em;
    margin-top: 1em;
}


@media screen and ( max-width : 750px ){
    .pre-message {
        padding-top: calc( 80 var( --remBase ) );
    }
        .pre-message .title-ribon {
            background: url("../images/ui/bg/title-ribon_sp.png");
            background-size: 100% auto;
            background-position: center center;
            background-repeat: no-repeat;
            height: calc( 100 var( --remBase ) );
            line-height: calc( 100 var( --remBase ) );
            font-size: calc( 45 var( --remBase ) );
            margin-top: -20px;
            position: absolute;
            width: 100%;
        }
            .pre-message .title-ribon span {

            }
        .pre-message .div-inner {
            padding: calc( 70 * 100% / var(--breakpoint) ) calc( 40 * 100% / var(--breakpoint) );
        }
            .pre-message .div-inner p {
                font-size: calc( 26 var( --remBase ) );
                line-height: 1.8;

            }
}
@media print , screen and ( min-width : 751px ){
    .pre-message {
        padding-top: 80px;
    }
        .pre-message .title-ribon {
            background: url("../images/ui/bg/title-ribon.png");
            background-position: center center;
            background-repeat: no-repeat;
            height: 80px;
            line-height: 80px;
            font-size: 40px;
            margin-top: -20px;
            position: absolute;
            width: 100%;
        }
            .pre-message .title-ribon span {

            }
        .pre-message .div-inner {
            padding: 70px 30px 30px 30px;
        }
            .pre-message .div-inner p {
                font-size: calc( 20 var( --remBase ) );
                line-height: 1.8;

            }
}


/* --------------------------------------------
POLICY
--------------------------------------------- */
section#policy p , section#policy li {
    line-height: 1.8;
}
@media screen and ( max-width : 750px ){
    section#policy {
        padding-top: calc( ( 55 - 3 ) var( --remBase ) );
        padding-bottom: calc( ( 60 - 2 ) var( --remBase ) );
    }
}


@media print , screen and ( min-width : 751px ){
    section#policy {
        padding-top: calc( ( 55 - 3 ) var( --remBase ) );
        padding-bottom: calc( ( 60 - 2 ) var( --remBase ) );
    }
}