/*===============================================================================
menu
================================================================================*/
.gyouzi__menu.--top{
	margin-bottom: var(--g-sec--md);
}



/*===============================================================================
head
================================================================================*/
.gyouzi__head{
	max-width: var(--width-slim);
	margin-inline: auto;
	margin-bottom: var(--g-sec--md);
}
.gyouzi__title{
	margin-bottom: var(--g-sec--xs);
}
.gyouzi__lead{
	text-align: center;
}



/*===============================================================================
body
================================================================================*/
/*===============================
* season
* =================================*/
.gyoSeason:not(:last-of-type){
	margin-bottom: var(--g-sec--md);
}
.gyoSeason__title{
	max-width: 15rem;
	width: 80%;
	margin-inline: auto;
	margin-bottom: var(--g-sec--xs);
}
.gyoSeason__bgc{
	position: relative;
	padding: var(--g-sec--md) 0;
}
.gyoSeason__bgc::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	content: "";
	width: 100vw;
	height: 100%;
	z-index: -2;
}
.gyoSeason.--spring .gyoSeason__bgc::before{
	background: linear-gradient(180deg, #FBDDE5 0%, #FFF8FB 100%);
}
.gyoSeason.--summer .gyoSeason__bgc::before{
	background: linear-gradient(180deg, #C9F1FD 0%, #F8FFFD 100%);
}
.gyoSeason.--autumn .gyoSeason__bgc::before{
	background: linear-gradient(180deg, #FADD93 0%, #FAFFF8 100%);
}
.gyoSeason.--winter .gyoSeason__bgc::before{
	background: linear-gradient(180deg, #A1CCFF 0%, #F4FDFF 100%);
}
/*===============================
* month
* =================================*/
.gyoMonths{
	--count: 3;
	--gap: 0rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
	max-width: var(--width-slim);
	margin-inline: auto;
	margin-bottom: var(--g-sec--md);
}
.gyoSeason.--summer .gyoMonths{
	--count: 3;
}

.gyoMonth{
	flex-grow: 1;
	max-width: 15rem;
	margin-inline: auto;
	width: calc( ( 100% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
.gyoMonth__number{
	max-width: 9rem;
	margin-inline: auto;
	margin-bottom: var(--g-sec--xs);
}
.gyoMonth__illust{
	max-width: 12.5rem;
	margin-inline: auto;
	margin-bottom: var(--g-20);
}
.gyoMonth__text{
	text-align: center;
	font-size: var(--fz-18);
	font-family: var(--ff-maru);
	font-weight: var(--fw-lg);
}
@media (min-width: 600px){
	.gyoMonth__text{
		font-size: var(--fz-20);
	}
}
.gyoSeason.--summer .gyoMonth__text br:nth-of-type(2){
	display: block;
}
@media (min-width: 600px){
	.gyoSeason.--summer .gyoMonth__text br:nth-of-type(2){
		display: none;
	}
}
.gyoSeason.--autumn .gyoMonth__text br:nth-of-type(2){
	display: block;
}
@media (min-width: 960px){
	.gyoSeason.--autumn .gyoMonth__text br:nth-of-type(2){
		display: none;
	}
}

/*===============================
* メイン画像
* =================================*/
.gyoSeason__mvArea{
	max-width: var(--width-slim);
	margin-inline: auto;
}
.gyoSeason__mvArea img{
	width: 100%;
}
.gyoSeason__text{
	font-family: var(--ff-maru);
	font-weight: var(--fw-lg);
}
/*===============================
* 写真カラム
* =================================*/
.gyoSeason__pictures:not(:last-of-type){
	margin-bottom: var(--g-sec--md);
}
.gyoSeason__pictures{
	--count: 1;
	--gap: var(--g-16);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--gap);
}
@media (min-width: 600px){
	.gyoSeason__pictures{
		--count: 2;
		gap: 0 var(--gap);
	}
}

.gyoSeason__pictures > div{
	position: relative;
}

.gyoSeason__picture1{
	display: inline-block;
}

.gyoSeason__picture2,
.gyoSeason__picture3,
.gyoSeason__picture4,
.gyoSeason__picture5,
.gyoSeason__picture6,
.gyoSeason__picture7{
	width: calc( ( 65% - var(--gap) * (var(--count) - 1) ) / var(--count) );
}
@media (min-width: 600px){
	.gyoSeason__picture2,
	.gyoSeason__picture3,
	.gyoSeason__picture4,
	.gyoSeason__picture5,
	.gyoSeason__picture6,
	.gyoSeason__picture7{
		width: calc( ( 87% - var(--gap) * (var(--count) - 1) ) / var(--count) );
	}
}
.gyoSeason__picture2{
	padding-top: 19.5%;
}
@media (min-width: 600px){
	.gyoSeason__picture2{
		padding-top: 7.5%;
	}
}
.gyoSeason__pictures > div:nth-of-type(even){
	margin-left: auto;
}
@media (min-width: 600px){
	.gyoSeason__pictures > div:nth-of-type(even){
		margin-left: 0;
		padding-top: 28%;
	}
}

/*===============================================================================
デコレーション画像
================================================================================*/
/*===============================
* 春
* =================================*/
/* イラスト：月横 */
.gyoSeason.--spring .gyoSeason__deco1{
	position: absolute;
	top: 5%;
	right: 0;
	z-index: -1;
	width: 14%;
}
/* イラスト：鞄と帽子 */
.gyoSeason.--spring .gyoSeason__deco2{
	position: absolute;
	top: 3%;
	left: 0;
	z-index: -1;
	width: 30%;
	min-width: 7rem;
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco2{
		top: 0;
	}
}
/* イラスト：つくし */
.gyoSeason.--spring .gyoSeason__deco4 {
	position: absolute;
	top: -45%;
	right: 12%;
	width: 20%;
	min-width: 4rem;
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco4{
		top: 17%;
		right: 36%;
	}
}
/* イラスト：桜の花びら */
.gyoSeason.--spring .gyoSeason__deco6 {
	position: absolute;
	top: -30%;
	left: 7%;
	width: 28%;
	transform: rotateY(0deg) rotate(-140deg);
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco6{
		top: -50%;
		left: 27%;
	}
}

/* 吹き出し */
.gyoSeason.--spring .gyoSeason__deco3, 
.gyoSeason.--spring .gyoSeason__deco5, 
.gyoSeason.--spring .gyoSeason__deco7{
	position: absolute;
	width: 50%;
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco3, 
	.gyoSeason.--spring .gyoSeason__deco5, 
	.gyoSeason.--spring .gyoSeason__deco7{
		width: 39%;
	}
}
/* 吹き出し：親子参観 */
.gyoSeason.--spring .gyoSeason__deco3{
	top: 32%;
	left: 100%;
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco3{
		top: 10%;
	}
}
/* 吹き出し：動物園遠足 */
.gyoSeason.--spring .gyoSeason__deco5{
	bottom: 50%;
	right: 100%;
}
@media (min-width: 600px){
	.gyoSeason.--spring .gyoSeason__deco5{
		bottom: 17%;
	}
}
/* 吹き出し：運動会 */
.gyoSeason.--spring .gyoSeason__deco7{
	top: 7%;
	left: 100%;
}

/*===============================
* 夏
* =================================*/
/* イラスト：月横 */
.gyoSeason.--summer .gyoSeason__deco1{
	position: absolute;
	top: 3%;
	right: 4%;
	z-index: -1;
	width: 10%;
	min-width: 3rem;
}
@media (min-width: 600px){
	.gyoSeason.--summer .gyoSeason__deco1{
		top: 4%;
		right: 0;
	}
}
/* イラスト：スイカ */
.gyoSeason.--summer .gyoSeason__deco2{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 26%;
}
@media (min-width: 600px){
	.gyoSeason.--summer .gyoSeason__deco2{
	}
}
/* イラスト：雲 */
.gyoSeason.--summer .gyoSeason__deco5 {
	position: absolute;
	top: 30%;
	left: calc(50% - 50vw);
	z-index: -2;
	width: 98%;
}
@media (min-width: 600px){
	.gyoSeason.--summer .gyoSeason__deco5 {
		top: 21%;
		width: 93%;
	}
}

/* 吹き出し */
.gyoSeason.--summer .gyoSeason__deco3, 
.gyoSeason.--summer .gyoSeason__deco4{
	position: absolute;
	width: 50%;
}
@media (min-width: 600px){
	.gyoSeason.--summer .gyoSeason__deco3, 
	.gyoSeason.--summer .gyoSeason__deco4{
		width: 38%;
	}
}
/* 吹き出し：海あそび */
.gyoSeason.--summer .gyoSeason__deco3{
	top: 10%;
	left: 100%;
}
/* 吹き出し：七夕 */
.gyoSeason.--summer .gyoSeason__deco4 {
	bottom: -5%;
	right: 100%;
}

/*===============================
* 秋
* =================================*/
/* イラスト：月横 */
.gyoSeason.--autumn .gyoSeason__deco1{
	position: absolute;
	top: 3%;
	right: 0%;
	z-index: -1;
	width: 9%;
	min-width: 3rem;
}
@media (min-width: 600px){
	.gyoSeason.--autumn .gyoSeason__deco1{
		top: 7%;
	}
}
/* イラスト：サツマイモとクリ */
.gyoSeason.--autumn .gyoSeason__deco2{
	position: absolute;
	top: 66%;
	left: 14%;
	z-index: -1;
	width: 32%;
}
/* イラスト：紅葉 */
.gyoSeason.--autumn .gyoSeason__deco4{
	position: absolute;
	top: -32%;
	right: 7%;
	width: 21%;
}
@media (min-width: 600px){
	.gyoSeason.--autumn .gyoSeason__deco4{
		top: 26%;
		right: 38%;
	}
}
/* イラスト：紅葉の木 */
.gyoSeason.--autumn .gyoSeason__deco12 {
	position: absolute;
	bottom: 0%;
	right: 0%;
	width: 25%;
}
@media (min-width: 600px){
	.gyoSeason.--autumn .gyoSeason__deco12{
		right: 7%;
		width: 17%;
	}
}

/* 吹き出し */
.gyoSeason.--autumn .gyoSeason__deco3, 
.gyoSeason.--autumn .gyoSeason__deco5, 
.gyoSeason.--autumn .gyoSeason__deco7, 
.gyoSeason.--autumn .gyoSeason__deco9, 
.gyoSeason.--autumn .gyoSeason__deco11{
	position: absolute;
	width: 45%;
}
@media (min-width: 600px){
	.gyoSeason.--autumn .gyoSeason__deco3, 
	.gyoSeason.--autumn .gyoSeason__deco5, 
	.gyoSeason.--autumn .gyoSeason__deco7, 
	.gyoSeason.--autumn .gyoSeason__deco9, 
	.gyoSeason.--autumn .gyoSeason__deco11{
		width: 34%;
	}
}
/* 吹き出し：稲刈り */
.gyoSeason.--autumn .gyoSeason__deco3{
	top: 15%;
	left: 97%;
}
/* 吹き出し：おいもほり */
.gyoSeason.--autumn .gyoSeason__deco5{
	bottom: 13%;
	right: 97%;
}
/* 吹き出し：リレー大会 */
.gyoSeason.--autumn .gyoSeason__deco7{
	top: 18%;
	left: 97%;
}
/* 吹き出し：みかん狩り */
.gyoSeason.--autumn .gyoSeason__deco9{
	top: 58%;
	right: 100%;
}
/* 吹き出し：収穫感謝祭 */
.gyoSeason.--autumn .gyoSeason__deco11{
	top: 26%;
	left: 95%;
}


/*===============================
* 冬
* =================================*/
/* イラスト：月横 */
.gyoSeason.--winter .gyoSeason__deco1{
	position: absolute;
	top: 4%;
	right: 0%;
	z-index: -1;
	width: 14%;
	min-width: 3rem;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco1{
		top: 7%;
	}
}
/* イラスト：雪の結晶 */
.gyoSeason.--winter .gyoSeason__deco2{
	position: absolute;
	top: 5%;
	left: 0;
	z-index: -1;
	width: 22%;
	min-width: 5rem;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco2{
		top: -12%;
		width: 33%;
	}
}
/* イラスト：サンタとトナカイ */
.gyoSeason.--winter .gyoSeason__deco4 {
	position: absolute;
	top: -35%;
	left: 53%;
	width: 45%;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco4{
		top: 15%;
		left: 9%;
	}
}
/* イラスト：そり遊び */
.gyoSeason.--winter .gyoSeason__deco9 {
	position: absolute;
	top: -17%;
	left: 39%;
	width: 51%;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco9{
		top: 15%;
		left: 16%;
		width: 96%;
	}
}
/* イラスト：クリスマスツリー */
.gyoSeason.--winter .gyoSeason__deco5 {
	position: absolute;
	bottom: 0%;
	right: 0%;
	width: 14%;
	min-width: 5rem;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco5{
		right: 15%;
	}
}

/* 吹き出し */
.gyoSeason.--winter .gyoSeason__deco6, 
.gyoSeason.--winter .gyoSeason__deco7, 
.gyoSeason.--winter .gyoSeason__deco8, 
.gyoSeason.--winter .gyoSeason__deco10, 
.gyoSeason.--winter .gyoSeason__deco11{
	position: absolute;
	width: 40%;	
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco6, 
	.gyoSeason.--winter .gyoSeason__deco7, 
.gyoSeason.--winter .gyoSeason__deco10, 
.gyoSeason.--winter .gyoSeason__deco11{
		width: 34%;	
	}
}
/* 吹き出し：クリスマス会 */
.gyoSeason.--winter .gyoSeason__deco3{
	position: absolute;
	top: 10%;
	left: 63%;
	width: 55%;	
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco3{
		top: 3%;
		left: 75%;
		width: 45%;	
	}
}
/* 吹き出し：もちつき */
.gyoSeason.--winter .gyoSeason__deco6 {
	top: 55%;
	right: 100%;
}

/* 吹き出し：そりすべり */
.gyoSeason.--winter .gyoSeason__deco7 {
	top: 20%;
	left: 100%;
}
/* 吹き出し：豆まき */
.gyoSeason.--winter .gyoSeason__deco8 {
	top: 3%;
	left: 100%;
}
/* 吹き出し：体操発表会 */
.gyoSeason.--winter .gyoSeason__deco10 {
	top: 20%;
	right: 100%;
}
@media (min-width: 600px){
	.gyoSeason.--winter .gyoSeason__deco10{
		top: 57%;
	}
}