.btn {
	display: inline-block;
	width: 17.708vw;
	height: 3.125vw;
	border: 1px solid black;
	border-radius: 2.083vw;
	text-decoration: none;
	letter-spacing: 0.08em;
	font-family: 'Noto Serif JP', serif;
	font-size: 0.938vw;
	font-weight: 500;
	line-height: 1;
	color: black;
	padding-top: 0.99vw;
	padding-left: 1.354vw;
	position: relative;
}

.btn::after {
	position: absolute;
	content: '';
	width: 2.109vw;
	height: 0.469vw;
	top: 1.172vw;
	right: 1.198vw;
	background: url('../images/common/btn-arrow.png');
	background-size: cover;
}

.btn--white {
	border: 1px solid white;
	color: white;
}

.btn--white::after {
	background: url('../images/common/btn-arrow-white.png');
	background-size: cover;
}



.fv {
	width: 100vw;
	height: 56.25vw;
	position: relative;
}

.fv__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fv__video-mask {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255,0 ) 50%, rgba(166,166,166, 1) 100%);
}

.fv__text {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.563vw;
	font-weight: bold;
	letter-spacing: 0.105em;
	color: white;
	position: absolute;
	top: 36.771vw;
	left: 36.667vw;
}


.fv__logo-title {
	position: absolute;
	top: 40.443vw;
	left: 23.542vw;
	width: 52.958vw;
	height: 8.577vw;
}

.fv__company {
	position: absolute;
	top: 37.026vw;
	left: 3.958vw;
	width: 2.605vw;
	height: 11.927vw;
}

.fv__whitemask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 5.344vw;
	background: url('../images/top/whitemask.png');
	background-size: cover;
}

.fv__image {
	position: absolute;
	top: 43vw;
	left: 79.063vw;
	width: 13.021vw;
	height: 12.217vw;
	background: url('../images/top/fv-image.png');
	background-size: cover;
}

.fv__link {
	position: absolute;
	top: 22.448vw;
	right: 2.604vw;
	width: 7.813vw;
	height: 7.813vw;
	background: url('../images/top/fv-link.png');
	background-size: cover;
}


.news {
	width: 100vw;
	padding-top: 6.484vw;
	padding-bottom: 10vw;
}

.news__container {
	width: 64.583vw;
	margin: 0 auto 0;
	position: relative;
}

.news__title {
	font-family: 'Noto Serif JP',serif;
	font-size: 2.604vw;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

.news__slider {
	width: 64.583vw;
	height: 25.885vw;
	margin-top: 2.5vw;
	display: flex;
	justify-content: space-between;
}

.news__item:first-child {
	width: 27.083vw;
}

.news__item-image {
	position: relative;
}

.news__item:first-child .news__item-image {
	width: 27.083vw;
	height: 19.792vw;
}

.news__item:not(:first-child) {
	width: 16.146vw;
}

.news__item:not(:first-child) .news__item-image {
	width: 16.146vw;
	height: 11.458vw;
}

.news__category {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.677vw;
	font-weight: 500;
	padding-left: 0.833vw;
	padding-right: 0.729vw;
	background: white;
}

.news__item-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.99vw;
	font-weight: 500;
	margin-top: 1.042vw;
	letter-spacing: 0.02em;
	line-height: 1.684;
}

.news__item-date {
	font-size: 0.729vw;
	font-weight: 500;
	color: #a0a0a0;
	margin-top: 1.042vw;
}

.news__image {
	position: absolute;
	top: 1.771vw;
	left: 21.635vw;
	width: 4.688vw;
	height: 5.104vw;
	transform: rotate(-25deg);
}

.news__btn {
	position: absolute;
	top: 27.865vw;
	left: 46.875vw;
}

.yaoya {
	width: 100vw;
	height: 40.625vw;
	padding-top: 10.938vw;
	padding-left: 17.708vw;
	background: url('../images/top/yaoya-bg.png');
	background-size: cover;
}

.yaoya__container {
	width: 41.667vw;
	color: white;
}

.yaoya__title {
	font-family: 'Noto Serif JP',serif;
	font-size: 2.604vw;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.4;
}

.yaoya__text {
	font-size: 0.938vw;
	font-weight: 600;
	line-height: 1.94;
	margin-top: 2.24vw;
}

.yaoya__btn {
	margin-top: 4.844vw;
}

.about {
	width: 100vw;
	padding-top: 9.896vw;
	padding-bottom: 9.583vw;
	padding-left: 17.708vw;
}

.about__container {
	width: 74.219vw;
	height: 27.76vw;
	padding-top: 2.24vw;
	position: relative;
}

.about__title {
	font-family: 'Noto Serif JP',serif;
	font-size: 2.604vw;
	font-weight: 500;
	line-height: 1.4;
	position: relative;
}

.about__title::before {
	position: absolute;
	top: -2.24vw;
	content: 'お菓子屋がつくる甘いトマト';
	font-size: 1.042vw;
	font-weight: 500;
	line-height: 1.2;
}

.about__text {
	width: 27.604vw;
	margin-top: 1.979vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.938vw;
	font-weight: 400;
	line-height: 1.94;
	letter-spacing: 0.05em;
}

.about__btn {
	margin-top: 6.302vw;
}

.about__image1 {
	width: 42.188vw;
	height: 23.958vw;
	position: absolute;
	top: 0;
	left: 30.729vw;
	background: url('../images/top/about01.png');
	background-size: cover;
}

.about__image2 {
	width: 15.573vw;
	height: 11.979vw;
	position: absolute;
	top: 15.781vw;
	left: 58.646vw;
	background: url('../images/top/about02.png');
	background-size: cover;
}


.lineup {
	width: 100vw;
	padding-bottom: 8.542vw;
	overflow-x: hidden;
}

.lineup__container {
	width: 100vw;
}

.lineup__title {
	font-family: 'Noto Serif JP',serif;
	font-size: 2.604vw;
	font-weight: 500;
	line-height: 1.4;
	position: relative;
	margin-left: 17.708vw;
}

.lineup__row {
	width: 109.635vw;
	margin-top: 2.604vw;
	margin-left: -4vw;
	display: flex;
}

.lineup__link {
	color: unset;
	text-decoration: none;
}

.lineup__item {
	width: 19.792vw;
}

.lineup__image {
	width: 19.792vw;
	height: 19.792vw;
}

.lineup__name-row {
	width: 18.646vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1.042vw;
}

.lineup__name {
	font-size: 1.563vw;
	font-weight: 500;
	letter-spacing: 0.02em;
}

.lineup__arrow {
	width: 2.031vw;
	height: 0.406vw;
	background-image: url('../images/lineup/arrow.png');
	background-size: cover;
}

.lineup__text {
	width: 18.646vw;
	font-size: 0.938vw;
	font-weight: 400;
	line-height: 1.94;
	letter-spacing: 0.05em;
	margin-top: 1.448vw;
}

.lineup__btn {
	display: block;
	width: 17.708vw;
	height: 3.125vw;
	margin: 0 auto 0;
	margin-top: 5.219vw;
	border: 1px solid gray;
	text-decoration: none;

	color: #434343;
	font-size: 0.938vw;
	font-weight: 500;
	letter-spacing: 0.08em;
	border-radius: 5.208vw;
	padding-top: 0.833vw;
	padding-left : 1.354vw;
	position: relative;
}

.lineup__btn-arrow {
	position: absolute;
	top: 1.172vw;
	left :14.479vw;
	width: 2.031vw;
	height: 0.406vw;
	background-image: url('../images/lineup/arrow.png');
	background-size: cover;
}

.slick-arrow {
	position: absolute;
	z-index: 5;
	cursor: pointer;
	top: 7.76vw;
	width: 4.167vw;
	height: 4.167vw;
	border-radius: 50%;
	border: 1px solid #707070;
	background-color: white;
	padding-top: 1.042vw;
}

.slick-arrow.slick-prev {
	left: 16vw;
	padding-left: 1.354vw;
}

.slick-arrow.slick-next {
	left: 86.417vw;
	padding-left: 1.7vw;
}

.slick-arrow-icon {
	width: 1.042vw;
	height: 2.083vw;
	background-image: url('../images/top/slide-arrow.png');
	background-size: cover;
}

.slick-next .slick-arrow-icon {
	transform: scale(-1, 1);
}


.introduction-pre {
	width: 100vw;
	height: 7.37vw;
	background: url('../images/top/introduction-pre.png');
	background-size: cover;
}

.introduction {
	width: 100vw;
	background: rgba(236,242,228, 0.5);
	padding-top: 14.583vw;
	padding-top: 7.214vw;
	padding-bottom: 9.703vw;
	position: relative;
}

.introduction__image {
	position: absolute;
	top: -9.036vw;
	left: 79.69vw;
	width: 11.875vw;
	height: 9.218vw;
	background: url('../images/top/introduction-image.png');
	background-size: cover;
}

.introduction__container {
	width: 64.583vw;
	margin: 0 auto 0;
}

.introduction__text-wrap {
	width: 64.583vw;
	display: flex;
	justify-content: space-between;
}

.introduction__title {
	font-family: 'Noto Serif JP',serif;
	font-size: 2.604vw;
	font-weight: 500;
	line-height: 1.4;
	width: fit-content;
}

.introduction__text {
	width: 37.5vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.938vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.94;
	padding-top: 0.313vw;
}

.introduction__category1 {
	margin-top: 7.604vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.833vw;
	font-weight: 500;
	color: #838383;	
}

.introduction__category1-row {
	width: 64.583vw;
	margin-top: 0.781vw;
	display: flex;
	justify-content: space-between;
}

.introduction__category2 {
	margin-top: 2.083vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.833vw;
	font-weight: 500;
	color: #838383;	
}

.introduction__category2-row {
	width: 64.583vw;
	margin-top: 0.781vw;
	display: flex;
	justify-content: space-between;
}

.introduction__item {
	width: 19.792vw;
}

.introduction__item-image {
	width: 19.792vw;
	height: 14.583vw;
}

.introduction__item-name {
	font-size: 0.833vw;
	font-weight: 500;
	text-align: center;
	color: #838383;
	margin-top: 0.521vw;
}

.introduction__item-text {
	font-size: 0.99vw;
	font-weight: 500;
	text-align: center;
	margin-top: 0.313vw;

}

.introduction__btn {
	margin-top: 8.167vw;
	margin-left: 23.438vw;
}

.recipe {
	width: 100vw;
	padding-top: 8.891vw;
	padding-bottom: 10.469vw;
}

.recipe__container {
	width: 64.583vw;
	margin: 0 auto 0;
	position: relative;
}

.recipe__title {
	font-family: 'Noto Serif JP', serif;
	font-size: 2.604vw;
	font-weight: 500;
	line-height: 1.4;
	width: fit-content;	
}

.recipe__slider {
	width: 64.583vw;
	height: 25.885vw;
	margin-top: 2.5vw;
	display: flex;
	justify-content: space-between;
}

.recipe__item:first-child {
	width: 27.083vw;
}

.recipe__item:first-child .recipe__item-image {
	width: 27.083vw;
	height: 19.792vw;
}

.recipe__item:not(:first-child) {
	width: 16.146vw;
}

.recipe__item:not(:first-child) .recipe__item-image {
	width: 16.146vw;
	height: 11.458vw;
}

.recipe__item-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.99vw;
	font-weight: 500;
	margin-top: 1.042vw;
}

.recipe__item-date {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.729vw;
	font-weight: 500;
	color: #a0a0a0;
	margin-top: 1.042vw;
}

.recipe__image {
	position: absolute;
	top: 15.156vw;
	left: -17.708vw;
	width: 14.792vw;
	height: 10.052vw;
	background: url('../images/top/recipe-image.png');
	background-size: cover;
}

.recipe__btn {
	position: absolute;
	top: 27.865vw;
	left: 46.875vw;
}

.shop {
	width: 100vw;
	padding-bottom: 5.208vw;
}

.shop__container {
	width: 100%;
	height: 100%;
	padding-top: 1.667vw;
}

.shop__title {
	font-size: 1.563vw;
	font-weight: 500;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto 0;
}

.shop__title::before {
	position: absolute;
	top: -1.672vw;
	left: 0;
	content: 'SHOP';
	font-size: 1.042vw;
	font-weight: 500;
	text-align: center;
	width: 100%;
}

.shop__row {
	width: 100vw;
	display: flex;
	margin-top: 2.083vw;
}

.shop__item {
	width: 50vw;
	height: 31.094vw;
	position: relative;
}

.shop__item01 {
	background: url('../images/top/shop01.png');
	background-size: cover;
}

.shop__item02 {
	background: url('../images/top/shop02.png');
	background-size: cover;
}

.shop__item-text {
	position: absolute;
	top: 27.292vw;
	left: 1.667vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.99vw;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.842;
	color: white;
}

.shop__item-text--en {
	position: absolute;
	top: 28.75vw;
	left: 1.667vw;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.833vw;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.75;
	color: white;
}

.shop__item-link {
	position: absolute;
	right: 1.354vw;
	bottom: 1.094vw;
	width: 3.125vw;
	height: 3.125vw;
	background: url('../images/top/shop-link.png');
	background-size: cover;
}

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

	.header__logo {
		display: none;
	}

	.header__btn--hamburger {
		background: url('../images/common/hamburger-white.png');
		background-size: cover;
	}

	.btn {
		display: inline-block;
		width: 42.667vw;
		height: 12vw;
		border: 1px solid black;
		border-radius: 10.667vw;
		text-decoration: none;
		letter-spacing: 0.08em;
		font-size: 3.467vw;
		font-weight: 500;
		line-height: 1;
		color: black;
		padding-top: 4.267vw;
		padding-left: 5.333vw;
		position: relative;
	}
	
	.btn::after {
		position: absolute;
		content: '';
		width: 8.267vw;
		height: 1.867vw;
		top: 4.507vw;
		right: 4.587vw;
		background: url('../images/common/sp-btn-arrow.png');
		background-size: cover;
	}
	
	.btn--white {
		border: 1px solid white;
		color: white;
	}
	
	.btn--white::after {
		background: url('../images/common/sp-btn-arrow-white.png');
		background-size: cover;
	}
	
	.fv {
		width: 100vw;
		position: relative;
		overflow-x: hidden;
		height: 170vw;
	}

	.fv__video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 152vw;
	}

        .fv__video-mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 152vw;
		background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255,0 ) 50%, rgba(166,166,166, 1) 100%);
	}
	
	.fv__text {
		font-size: 4vw;
		font-weight: bold;
		letter-spacing: 0.15em;
		color: white;
		position: absolute;
		line-height: 1;
		top: 122.933vw;
		left: 14.933vw;
	}
	
        .fv__logo-title {
		position: absolute;
		width: 90.651vw;
		height: 14.683vw;
		top: 128.987vw;
		left: 4.8vw;
	}
	
	.fv__company {
		position: absolute;
		width: 7.307vw;
		height: 33.445vw;
		top: 5.067vw;
		left: 4.8vw;
	}
	
	.fv__whitemask {
		position: absolute;
		bottom: unset;
		top:144.5vw;
		left: 0;
		width: 100vw;
		height: 7.6vw;
		background: url('../images/top/sp-whitemask.png');
		background-size: cover;
		opacity: 1;
	}
	
	.fv__image {
		position: absolute;
		background: url('../images/top/fv-image.png');
		background-size: cover;
		width: 29.619vw;
		height: 27.789vw;
		top: 142.587vw;
		left: 68.773vw;
	}
		
	.fv__link {
		display: none;
	}
	
	.news {
		width: 100vw;
		padding-top: 10.933vw;
		padding-bottom: 13.333vw;
	}
	
	.news__container {
		width: 96vw;
		margin-left: 4vw;
		position: relative;
		overflow-x: hidden;
		height: 116.267vw;
	}
	
	.news__title {
		font-size: 7.467vw;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.05em;
	}
	
	.news__slider {
		width: 148.267vw;
		height: 72.533vw;
		margin-top: 12.267vw;
		display: block;
	}
	
	.news__item:first-child {
		width: 68.8vw;
	}
	
	.news__item-image {
		position: relative;
	}
	
	.news__item:first-child .news__item-image {
		width: 68.8vw;
		height: 50.277vw;
	}
	
	.news__item:not(:first-child) {
		width: 68.8vw;
	}
	
	.news__item:not(:first-child) .news__item-image {
		width: 68.8vw;
		height: 50.277vw;
	}
	
	.news__category {
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 3.2vw;
		font-weight: 500;
		padding-left: 4.267vw;
		padding-right: 3.733vw;
		background: white;
	}
	
	.news__item-title {
		font-size: 3.733vw;
		font-weight: 500;
		margin-top: 3.067vw;
		letter-spacing: 0.02em;
		line-height: 1.71;
	}
	
	.news__item-date {
		font-size: 3.2vw;
		font-weight: 500;
		color: #a0a0a0;
		margin-top: 2.933vw;
	}
	
	.news__image {
		display: none;
	}
	
	.news__btn {
		position: absolute;
		top: 101.867vw;
		top: 104vw;
		left: 24.8vw;
	}

	.yaoya {
		width: 100vw;
		height: 173.333vw;
		padding-top: 41.333vw;
		padding-left: 7.2vw;
		background: url('../images/top/sp-yaoya-bg.jpg');
		background-size: cover;
	}
	
	.yaoya__container {
		width: 85.867vw;
		color: white;
	}
	
	.yaoya__title {
		font-size: 7.467vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.21;
	}
	
	.yaoya__text {
		font-size: 3.467vw;
		font-weight: 500;
		letter-spacing: 0.02em;
		line-height: 2.3;
		margin-top: 7.2vw;
	}
	
	.yaoya__btn {
		margin-top: 11.2vw;
		width: 58.667vw;
	}
	
	.about {
		width: 100vw;
		padding-top: 14.133vw;
		padding-bottom: 15.467vw;
		padding-left: 4vw;
	}
	
	.about__container {
		width: 92vw;
		height: 166.4vw;
		padding-top: 11.467vw;
		position: relative;
	}
	
	.about__title {
		font-size: 7.467vw;
		font-weight: 500;
		line-height: 1;
		position: relative;
	}
	
	.about__title::before {
		position: absolute;
		top: -6.933vw;
		content: 'お菓子屋がつくる甘いトマト';
		font-size: 3.467vw;
		font-weight: 500;
		line-height: 1.2;
	}
	
	.about__text {
		width: 92vw;
		margin-top: 7.2vw;
		font-size: 3.467vw;
		font-weight: 400;
		line-height: 1.69;
		letter-spacing: 0.02em;
	}
	
	.about__btn {
		width: 64vw;
		margin-top: 9.6vw;
	}
	
	.about__image1 {
		position: absolute;
		background: url('../images/top/about01.png');
		background-size: cover;
		width: 128.533vw;
		height: 73.067vw;
		top: 85.6vw;
		left: -36.267vw;
	}
	
	.about__image2 {	
		position: absolute;
		background: url('../images/top/about02.png');
		background-size: cover;
		top: 132.267vw;;
		left: 45.867vw;
		width: 50.133vw;
		height: 38.4vw;
	}

        .lineup {
		width: 100vw;
		padding-bottom: 16.533vw;
		overflow-x: hidden;
	}

	.lineup__container {
		width: 100vw;
	}

	.lineup__title {
		font-family: 'Noto Serif JP',serif;
		font-size: 7.467vw;
		font-weight: 500;
		line-height: 1.4;
		position: relative;
		margin-left: 4vw;
	}

	.lineup__row {
		width: 85.867vw;
		margin: 0 auto 0;
		margin-top: 6.933vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		row-gap: 5.333vw;
	}

	.lineup__link {
		color: unset;
		text-decoration: none;
	}

	.lineup__item {
		width: 40vw;
	}

	.lineup__image {
		width: 40vw;
		height: 40vw;
	}

	.lineup__name-row {
		width: 40vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 3.2vw;
	}

	.lineup__name {
		font-size: 4.8vw;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

	.lineup__arrow {
		width: 4.952vw;
		height: 0.989vw;
		background-image: url('../images/lineup/arrow-sp.png');
		background-size: cover;
	}

	.lineup__text {
		width: 40vw;
		font-size: 2.933vw;
		font-weight: 400;
		line-height: 1.636;
		letter-spacing: 0;
		margin-top: 2.4vw;
	}

	.lineup__btn {
		display: block;
		width: fit-content;
		height: 12vw;
		margin: 0 auto 0;
		margin-top: 13.333vw;
		border: 1px solid gray;
		text-decoration: none;
		color: #434343;
		font-size: 3.467vw;
		font-weight: 500;
		letter-spacing: 0.08em;
		border-radius: 26.667vw;;
		padding: 3.2vw 20.8vw 3.2vw 5.333vw;
		position: relative;
	}

	.lineup__btn-arrow {
		position: absolute;
		top: 4.507vw;
		left: 37.467vw;
		width: 7.795vw;
		height: 1.56vw;
		background-image: url('../images/lineup/arrow.png');
		background-size: cover;
	}

	.slick-arrow {
		display: none;
	}


	.introduction-pre {
		width: 100vw;
		height: 8.533vw;
		background: url('../images/top/sp-introduction-pre.png');
		background-size: cover;
	}

	.introduction {
		width: 100vw;
		background: rgba(236,242,228, 0.5);
		padding-top: 13.867vw;
		padding-bottom: 13.413vw;
		position: relative;
	}

	.introduction__image {
		position: absolute;
		top: -16.8vw;
		left: 60.533vw;
		width: 34.667vw;
		height: 26.933vw;
		background: url('../images/top/introduction-image.png');
		background-size: cover;
	}
	
	.introduction__container {
		width: 92vw;
		margin: 0 auto 0;
	}
	
	.introduction__text-wrap {
		width: 92vw;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.introduction__title {
		font-size: 7.467vw;
		font-weight: 500;
		line-height: 1.21;
		width: fit-content;
	}
	
	.introduction__text {
		width: 100%;
		font-size: 3.467vw;
		font-weight: 400;
		letter-spacing: 0.02em;
		line-height: 1.692;
		padding-top: 0;
		margin-top: 7.2vw;
	}
	
	.introduction__category1 {
		margin-top: 18.933vw;
		font-size: 2.933vw;
		font-weight: 400;
		color: #838383;	
	}
	
	.introduction__category1-row {
		width: 100%;
		margin-top: 3.733vw;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.introduction__category2 {
		margin-top: 18.933vw;
		font-size: 2.933vw;
		font-weight: 400;
		color: #838383;	
	}
	
	.introduction__category2-row {
		width: 100%;
		margin-top: 3.733vw;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.introduction__item {
		width: 100%;
	}
	
	.introduction__item-image {
		width: 92vw;
		height: 67.733vw;
	}
	
	.introduction__item-name {
		font-size: 3.467vw;
		font-weight: 500;
		text-align: center;
		color: #838383;
		margin-top: 2.4vw;
	}
	
	.introduction__item-text {
		font-size: 3.467vw;
		font-weight: 500;
		text-align: center;
		margin-top: 0.533vw;
	}
	
	.introduction__btn {
		margin-top: 16.267vw;
		margin-left: 23.733vw;
	}
	
	.recipe {
		width: 100vw;
		padding-top: 15.92vw;
		padding-bottom: 19.2vw;
	}
	
	.recipe__container {
		width: 96vw;
		margin-left: 4vw;
		position: relative;
		overflow-x: hidden;
	}
	
	.recipe__title {
		font-size: 7.467vw;
		font-weight: 500;
		line-height: 1.4;
		width: fit-content;	
		margin-top: 8.8vw;
	}
	
	.recipe__slider {
		width: 148.267vw;
		height: 77.333vw;
		margin-top: 13.067vw;
		display: block;
	}
	
	.recipe__item:first-child {
		width: 68.8vw;
	}
	
	.recipe__item:first-child .recipe__item-image {
		width: 68.8vw;
		height: 50.277vw;
	}
	
	.recipe__item:not(:first-child) {
		width: 68.8vw;
	}
	
	.recipe__item:not(:first-child) .recipe__item-image {
		width: 68.8vw;
		height: 50.277vw;
	}
	
	.recipe__item-title {
		font-size: 3.733vw;
		font-weight: 500;
		margin-top: 3.067vw;
	}
	
	.recipe__item-date {
		font-size: 3.2vw;
		font-weight: 500;
		color: #a0a0a0;
		margin-top: 2.933vw;
	}
	
	.recipe__image {
		position: absolute;
		background: url('../images/top/recipe-image.png');
		background-size: cover;
		width: 45.333vw;
		height: 30.808vw;
		top: 0;
		left: 50.667vw;
	}
	
	.recipe__btn {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	
	.shop {
		width: 100vw;
		padding-bottom: 26.667vw;
	}
	
	.shop__container {
		width: 100%;
		height: 100%;
		padding-top: 8.533vw;
	}
	
	.shop__title {
		font-size: 4.8vw;
		font-weight: 500;
		text-align: center;
		position: relative;
		width: fit-content;
		margin: 0 auto 0;
	}
	
	.shop__title::before {
		position: absolute;
		top: -8.56vw;
		left: 0;
		content: 'SHOP';
		font-size: 3.467vw;
		font-weight: 500;
		text-align: center;
		width: 100%;
	}
	
	.shop__row {
		width: 100vw;
		display: flex;
		flex-direction: column;
		margin-top: 6.533vw;
	}
	
	.shop__item {
		width: 100vw;
		height: 56vw;
		position: relative;
	}
	
	.shop__item01 {
		background: url('../images/top/shop01.png');
		background-size: cover;
	}
	
	.shop__item02 {
		background: url('../images/top/shop02.png');
		background-size: cover;
	}
	
	.shop__item-text {
		position: absolute;
		font-size: 3.733vw;
		font-weight: 500;
		letter-spacing: 0.02em;
		line-height: 1.714;
		color: white;
		top: 45.067vw;
		left: 7.2vw;
	}
	
	.shop__item-text--en {
		position: absolute;
		top: 49.867vw;
		left: 7.2vw;
		font-size: 2.933vw;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 1.636;
		color: white;
	}
	
	.shop__item-link {
		position: absolute;
		right: 6.933vw;
		bottom: 1.867vw;
		width: 10.667vw;
		height: 10.667vw;
		background: url('../images/top/sp-shop-link.png');
		background-size: cover;
	}
	
}