@charset "utf-8";

.txt18 {
	text-align: left;
	margin: 0 auto 10rem;
}

.item {
	align-items: center;
}

.item:not(:last-child) {
	margin-bottom: 8%;
}

.item .itemImg {
	width: 50%;
}

.item .itemImg img {
	width: 100%;
}

.item .img01 {
	width: 90%;
	margin: 0 auto 10% 0;
}

.item .img02 {
	margin: 0 0 0 auto;
	width: 49%;
}

.item .img03{
	width: 63%;
	margin: 8% 0 0 10%;
}


.item .itemTxt {
	width: 50%;
}

.item .itemTxt div {
	max-width: 520px;
	width: 100%;
}

.item .itemTxt .time {
	font-size: 3rem;
	line-height: 1;
	letter-spacing: 0.05em;
}

.item .itemTxt .time span {
	font-size: 5rem;
}

.item .itemTxt .mTit04 {
	margin: 3rem 0 2rem;
}


.item:nth-child(2n) .itemImg {
	order: 2;
}

.item:nth-child(2n) .itemTxt {
	order: 1;
}

.item:nth-child(2n) .img01 {
	margin: 0 0 10% auto;
}

.item:nth-child(2n) .img02 {
	margin: 0 auto 0 0;
}

.item:nth-child(2n) .img03 {
	margin: 8% 10% 0 0;
}

.item:nth-child(2n) .itemTxt {
	justify-content: flex-end;
}

.titLunch {
	text-align: center;
	font-size: 4rem;
	width: calc(100% - 30px);
	margin: 0 auto 10rem;
	position: relative;
	line-height: 1;
}

.titLunch::before,
.titLunch::after {
	content: '';
	width: calc(50% - 90px);
	height: 1px;
	background: #fff;
	position: absolute;	
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.titLunch::after {
	left: auto;
	right: 0;
}


.item03 .img01 {
	margin-bottom: 0;
}

.item04 .titWrap {
	width: 100%;
}


@media screen and (max-width: 1080px) {
    .item .itemTxt .time {
    	font-size: 3vw;
    }
    .item .itemTxt .time span {
    	font-size: 5vw;
    }

    .item .itemTxt div {
    	width: calc(100% - 15px);
    }

    .titLunch {
    	font-size: 4vw;
    }
}

@media screen and (max-width: 768px) {
	.txt18 {
		margin-bottom: 8rem;
	}

	.item:not(:last-child) {
		margin-bottom: 12rem;
	}

	.item .itemImg {
		order: 1 !important;
		width: 100%;
		margin-bottom: 4rem;
	}

	.item .itemTxt {
		order: 2 !important;
		width: 100%;		
	}

	.item .itemTxt div {
		padding: 0 30px;
		width: 100%;
	}

	.item .img01 {
		margin: 0 auto 0 0 !important;
	}

	.item .img02 {
		width: calc(50% - 1px);
		margin: 10% auto 0 0 !important;
	}

	.item .img03 {
		width: 90%;
		margin: 10% 0 0 auto !important;
	}

	.item .itemTxt .mTit04 {
		margin: 2rem 0 1rem;
	}

	.item .itemTxt .time {
		font-size: min(5.5vw, 3rem);
	}

	.item .itemTxt .time span {
		font-size: min(10vw, 5rem);
	}

	.titLunch {
		font-size: min(6vw, 4rem);
		margin: 0 auto 6rem;
	}

	.titLunch::before, .titLunch::after {
		content: '';
		width: calc(50% - 14vw);
	}

	.item03 {
		margin-bottom: 6rem !important;
	}

	.item03 .img01 {
		margin-bottom: 0 !important;
	}

	.item04 .img01 {
		margin-bottom: 0 !important;
	}
}