@charset "utf-8";

/*-------------------------------
	共通
-------------------------------*/

.About{
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.About__inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.About__left{
	width: calc(50% - 3rem);
}
.About__title{
	margin-bottom: 2rem;
	line-height: 1;
}
.About__title-en{
	font-family: var(--en);
	color: var(--maincolor);
	font-size: 2rem;
	margin-bottom: .5rem;
	line-height: 1;
	display: inline-block;
}
.About__title-jp{
	font-size: 4.4rem;
	line-height: calc(7.5 / 4.4);
	letter-spacing: .1em;
}
.About__text{
	margin-bottom: 6.8rem;
}
.About__image{
	width: calc(50% - 3rem);
}
.About__image img{
	width: 100%;
}

.About:nth-of-type(2n) .About__inner{
	flex-direction: row-reverse;
}

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

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.About__inner{
		flex-direction: column;
	}
	.About__left{
		width: 100%;
	}
	.About__title{
		margin-bottom: 2rem;
		line-height: 1;
	}
	.About__title-en{
		font-size: 2.6rem;
		margin-bottom: 1rem;
	}
	.About__title-jp{
		font-size: 5.9rem;
		line-height: calc(8.9 / 5.9);
	}
	.About__text{
		margin-bottom: 5.2rem;
	}
	.About__image{
		width: 50rem;
		margin-bottom: 7.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	.About:nth-of-type(2n) .About__inner{
		flex-direction: column;
	}

}