@charset "UTF-8";

.componentBlockAbout {
	padding: 40px 60px;
}

.componentBlockAbout>.item__inner {
    width: 100%;
    display: flex;
	gap: 40px;
	flex-direction: row-reverse;
}

.componentBlockAbout>.item__inner .item__textArea {
    width: 100%;
    max-width: 50%;
    min-width: 467px;
}

.componentBlockAbout>.item__inner .item__img {
    width: 400px;
}

@media screen and (max-width: 1024px) {
	.componentBlockAbout {
		padding: 15px;
	}
	.componentBlockAbout>.item__inner {
	    width: 100%;
	    display: block;
	}
	.componentBlockAbout>.item__inner .item__img {
	    width: 100%;
		margin: 0 0 16px;
	}
	.componentBlockAbout>.item__inner .item__textArea {
	    width: 100%;
	    max-width: 100%;
	    min-width: 100%;
	}
}

.componentHeading04.componentHeading04--line {
    color: var(--Main1);
}
.componentHeading04.master.componentHeading04--line {
    color: var(--Red);
}
.componentHeading04.japan.componentHeading04--line {
    color: #6e49b0;
}
.componentHeading04.master.componentHeading04--line::before {
    background: var(--Red);
}
.componentHeading04.japan.componentHeading04--line::before {
    background: #6e49b0;
}