@charset "utf-8";

.txt18 {
	margin: 0 0 10rem;
}

.item {
	align-items: center;
}

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

.item .itemImg {
	width: 50%;
}

.item .itemImg figure {

}

.item .itemImg figure img {
}

.item .itemTxt {
	width: 50%;
}

.item .itemTxt div {
	width: 100%;
}

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

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

.item .itemTxt .tit {
	font-size: 3.6rem;
	line-height: 1.2;
	margin-bottom: 4rem;
	letter-spacing: 0.05em;
}

.item .itemTxt .tit span {
	font-size: 14rem;
}

.item .itemTxt .tit .block {
	display: block;
	line-height: 1.1;
}

.item01 {
}

.item01 .itemImg figure {
}

.item01 .itemTxt div {
	margin-left: 10rem;
}

.item02 .itemImg figure {
}

.item02 .itemTxt {
	justify-content: center;
}

.item02 .itemTxt div {
	max-width: 405px;
}

.item03 .itemImg figure {
	text-align: right;
}

.item03 .itemTxt {
	justify-content: center;
}

.item03 .itemTxt div {
	max-width: 360px;
}

.item04 .itemTxt div {
	max-width: 360px;
}

.item05 .itemTxt div {
	margin-left: 8rem;
	max-width: 445px;
}

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

	.item .itemTxt .tit {
		font-size: 4vw;
	}
}

@media screen and (max-width: 768px) {
	.txt18 {
		margin-bottom: 8rem;
		text-align: left;
	}
	
	.item:not(:last-child) {
		margin: 0 0 10rem !important;
	}

	.item .itemTxt .tit {
		font-size: min(7vw, 3.6rem);
		margin-bottom: 1rem;
	}

	.item .itemTxt .tit span  {
		font-size: min(18vw, 8rem);
	}

	.item .itemTxt p {
		font-size: min(1.4rem, 1.6rem);
	}

	.item .itemImg {
		width: 100%;
		order: 1 !important;
		margin: 0 !important;
	}

	.item .itemImg figure {
		margin: 0 auto !important;
		width: 98% !important;
	}

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

	.item .itemTxt div {
		margin: 0 !important;
		max-width: 100% !important;
	}

	.item .itemTxt div br {
		display: none;
	}

	.item .itemTxt .tit .block {
		display: inline-block;
	}
}