@charset "utf-8";

/* bgGray */
.bgGray {
	position: relative;
	padding-bottom: 10rem;
}
.bgGray::after {
	content: '';
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	transform: skewY(-11deg);
	position: absolute;
	left:0;
	top: 0;
	z-index: -1;
}
.bgGray.bgGray02 {
	padding-bottom: 7rem;
}
@media (max-width: 768px) {
	.bgGray.bgGray02 {
		padding-bottom: 12rem;
	}
}

/* main */
main {
	margin-top: 10rem;
}
@media (max-width: 768px) {
	main {
		margin-top: 12rem;
	}
}

/* mv */
.mv {
	margin-top: 5rem;
}
.mv img {
	width: 100%;
}
@media (max-width: 768px) {
	.mv {
		margin-top: 7rem;
		margin-left: -4rem;
		margin-right: -4rem;
	}
}

/* profile */
.profile {
	margin: 0 auto;
	max-width: 70rem;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.profile .pic {
	width: 29.5rem;
}
.profile .txt {
	width: calc(100% - 33rem);
}
.profile .name {
	margin-top: 0.6rem;
	font-size: 3rem;
	font-weight: 700;
}
/* .profile .career {
	margin-top: 3rem;
}
.profile .career dt {
	font-weight: 700;
}
.profile .career dd {
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 2;
} */
@media (max-width: 768px) {
	.profile {
		margin-top: 4rem;
	}
	.profile .pic {
		width: 25rem;
	}
	.profile .txt {
		width: calc(100% - 28rem);
	}
	.profile .work {
		padding-top: 6rem;
		font-size: 3rem;
	}
	.profile .name {
		font-size: 5.6rem;
	}
	/* .profile .career {
		margin-top: 16rem;
	}
	.profile .career dd {
		margin-top: 3rem;
		font-size: 2.8rem;
	} */
}

/* subTtl02 */
.subTtl02 {
	margin-top: 9rem;
	line-height: 1.64;
}
.subTtl02 + .txt {
	margin-top: 4rem;
	line-height: 2.2;
}
.subTtl02 + .txt p + p {
	margin-top: 3rem;
}
@media (max-width: 768px) {
	.subTtl02 + .txt {
		margin-top: 7rem;
		line-height: 1.87;
	}
}

/* wrap */
.messageBlock {
	padding-top: 10rem;
}
.messageBlock02 {
	padding-bottom: 10rem;
	border-top: 1px solid #000;
}
.wrap {
	margin-top: 4rem;
}
.wrap .pic {
	margin: 0 3rem 3rem 0;
	width: 54.7rem;
}
.wrap .txt {
	font-size: 1.8rem;
	line-height: 2.2;
}
.wrap .txt p + p {
	margin-top: 3rem;
}
.wrap + .txt {
	margin-top: 4rem;
	font-size: 1.8rem;
	line-height: 2.2;
}
@media (max-width: 768px) {
	.wrap {
		margin-top: 9rem;
	}
	.wrap .pic {
		margin: 0 0 9rem 0;
		width: 100%;
	}
	.wrap .txt {
		font-size: 3.2rem;
		line-height: 1.87;
	}
	.wrap + .txt {
		margin-top: 6rem;
		font-size: 3.2rem;
		line-height: 1.87;
	}
}

/* others */
.others {
	margin-top: 8rem;
	padding-top: 7rem;
	border-top: 1px solid #000;
	display: flex;
	justify-content: space-between;
}
.others > div {
	width: 48rem;
}
.others > div a {
	display: flex;
	justify-content: space-between;
}
.others .pic {
	width: 17.5rem;
}
.others .txt {
	width: 28rem;
	transition: all 0.3s ease-out;
}
.others .work {
	font-size: 1.2rem;
}
.others .career {
	margin-top: 1rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
.others > div a:hover .txt {
	color: #13a4bc;
}
@media (max-width: 768px) {
	.others {
		margin-top: 14rem;
		padding-top: 14rem;
	}
	.others > div {
		width: 31.5rem;
	}
	.others > div a {
		flex-direction: column;
	}
	.others .pic {
		width: 100%;
	}
	.others .txt {
		width: 100%;
	}
	.others .work {
		margin-top: 3rem;
		font-size: 2.8rem;
	}
	.others .name {
		margin-top: 1rem;
		font-size: 3.6rem;
	}
	.others .career {
		margin-top: 4.5rem;
		font-size: 2.8rem;
	}
}