/* promotion
----------------------------------------------- */

.promotion__item-note,
.promotion__item-special,
.promotion__item-onlineshop {
	display: block;
}
.promotion__item-note {
	order: 1;
}
.promotion__item-special {
	order: 2;
}
.promotion__item-onlineshop {
	order: 3;
}


/* pc
----------------------------------------------- */

@media print, screen and (min-width:1000px) {


	/* body
	----------------------------------------------- */
	

	body {
	}



	/* scene
	----------------------------------------------- */
	
	.scene {
		position: relative;
	}
	.scene__inner {
		position: relative;
		margin: auto;
		padding: 0 0 20px;
		width: 870px;
		z-index: 2;
	}
	
	.scene__items {
		padding: 30px 0 0;
	}
	.scene__item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 42px 0 0;
		padding: 90px 0 0;
	}
	.scene__image {
		width: 355px;
	}
	.scene__summary {
		position: relative;
		width: 435px;
	}
	.scene__label {
		position: absolute;
		top: -38px;
		left: -50px;
		color: #e7fdc1;
		font-family: "Oswald";
		font-size: 70px;
		white-space: nowrap;
		line-height: 80px;
	}
	.scene__title {
		display: flex;
		align-items: center;
		position: relative;
		height: 92px;
		font-size: 30px;
		letter-spacing: 0.04em;
		line-height: 46px;
		z-index: 1;
	}
	.scene__text {
		position: relative;
		padding: 20px 0 0;
		font-size: 15px;
		line-height: 30px;
		z-index: 1;
	}

	.scene__item:nth-child(odd) .scene__image {
		order: 2;
	}
	.scene__item:nth-child(odd) .scene__summary {
		margin: 0 0 0 20px;
		width: 445px;
	}


	/* hexagon
	----------------------------------------------- */

	.hexagon-01 {
		top: 270px;
		right: 50%;
		margin: 0 -20px 0 0;
	}
	.hexagon-02 {
		left: 50%;
		bottom: -10px;
		margin: 0 0 0 -20px;
		transform: scale(-1, 1);
	}


}


/* mobile
----------------------------------------------- */

@media only screen and (max-width:999px) {


	/* body
	----------------------------------------------- */
	
	body {
	}


	/* scene
	----------------------------------------------- */

	.scene {
		position: relative;
	}
	.scene__inner {
		position: relative;
		margin: auto;
		max-width: 500px;
		z-index: 2;
	}

	.scene__items {
		margin: -25px 15px 0;
	}
	.scene__item {
		margin: 30px 0 0;
		padding: 30px 0 0;
	}
	.scene__image {
		margin: 0 50px;
	}
	.scene__image img {
		width: 100%;
		height: auto;
	}
	.scene__summary {
		position: relative;
		margin: -15px 0 0;
	}
	.scene__label {
		position: absolute;
		top: -29px;
		left: 0;
		color: #e7fdc1;
		font-family: "Oswald";
		font-size: 45px;
		white-space: nowrap;
		line-height: 60px;
	}
	.scene__title {
		display: flex;
		align-items: center;
		position: relative;
		margin: 29px 0 0;
		padding: 0;
		min-height: 66px;
		font-size: 24px;
		letter-spacing: 0.04em;
		line-height: 33px;
		z-index: 1;
	}
	.scene__text {
		position: relative;
		padding: 15px 0 0;
		font-size: 14px;
		line-height: 27px;
		z-index: 1;
	}


	/* hexagon
	----------------------------------------------- */

	.hexagon-01 {
		top: 17%;
		left: -25%;
	}
	.hexagon-02 {
		display: none;
	}



}