@charset "UTF-8";
.b-heading__Outer{
	height: 100%;
	position: relative;
	width: 100%;
}
.b-heading{
	background: url("../images/message_heading_img01.png") no-repeat top center/ cover;
}
/*
	.profile
-----------------------------------------------------------------------------------------------*/
.profile{
	height: 100%;
	left: 50%;
	max-width: 1200px;
	padding: 0 60px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.profile__inner{
	border-left: solid 2px var(--red);
	margin: 0 40px 0 0;
	padding: 0 0 0 30px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}
.profile__company{
	font-size: 1.6rem;
	font-weight: var(--medium);
	margin: 0 0 2px 0;
}
.profile__position{
	font-size: 1.6rem;
	font-weight: var(--medium);
	margin: 0 0 9px 0;
}
.profile__name{
	font-size: 3.5rem;
	font-weight: var(--light);
	letter-spacing: 0.5rem;
	margin: 0 0 18px 0;
}
.profile__ruby{
	color: rgb(0,0,0,0.4);
	font-size: 1.2rem;
	font-weight: var(--medium);
	letter-spacing: 0.8rem;
}
/*
	.message-wrapper
-----------------------------------------------------------------------------------------------*/
.message__titArea{
	margin: 130px 0 100px 0;
}
.ctsArea{
	max-width: inherit;
	margin: 0 auto;
	padding: 0 0 150px 0;
	position: relative;
}
.ctsArea:last-of-type{
	padding: 0 0 50px 0;
}
.editor__txtarea,
.gold__txtarea,
.effort__txtarea,
.difference__txtarea,
.company__txtarea{
	border-top: solid 1px var(--red);
	width: 100%;
}
.effort__txtarea--inner,
.effort__titarea,
.company__txtarea--inner,
.company__titarea{
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 1200px;
}
.gold__txtarea--inner,
.gold__titarea,
.difference__txtarea--inner,
.difference__titarea{
	display: flex;
	justify-content: flex-start;
	margin: 0 auto;
	max-width: 1200px;
}
.editor__titarea{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 1200px;
}
.editor__txtarea--inner{
	max-width: 1200px;
	margin: 0 auto;
}
.editor__titarea,
.gold__titarea,
.effort__titarea,
.difference__titarea,
.company__titarea{
	padding: 0 40px 18px 40px;
}
.gold__txtarea--inner,
.effort__txtarea--inner,
.difference__txtarea--inner,
.company__txtarea--inner{
	padding: 0 40px;
	position: relative;
}
.editor__tit,
.gold__tit,
.effort__tit,
.difference__tit,
.company__tit{
	font-size: 3rem;
}
.gold__tit{
	width: 635px;
}
.effort__tit {
	width: 520px;
}
.difference__tit{
	width: 583px;
}
.company__tit{
	width: 495px;
}
.editor__txt--item,
.gold__txt--item,
.effort__txt--item,
.difference__txt--item,
.company__txt--item{
	font-size: 1.6rem;
	font-weight: var(--medium);
	line-height: 2.1;
	letter-spacing: 0.2rem;
	margin: 32px 0 0 0;
}
.editor__txt{
	margin: 20px 0 60px 0;
	padding: 0 200px;
}
.editor__txt--item + .editor__txt--item,
.gold__txt--item + .gold__txt--item,
.effort__txt--item + .effort__txt--item,
.difference__txt--item + .difference__txt--item,
.company__txt--item + .company__txt--item{
	margin: 20px 0 0 0;
}
.gold__txt{
	width: 625px;
}
.effort__txt{
	width: 520px;
}
.difference__txt{
	width: 583px;
}
.company__txt {
	width: 495px;
}
.editor__photo{
	display: flex;
	margin: 0 auto;
	width: 950px;
}
.gold__photo{
	display: flex;
	position: absolute;
	right: 60px;
	top:-60px;
	width: 430px;
}
.effort__photo{
	display: flex;
	left: 150px;
	position: absolute;
	top:-60px;
	width: 380px;
}
.difference__photo{
	display: flex;
	position: absolute;
	right: 60px;
	top:-60px;
	width: 480px;
}
.company__photo{
	display: flex;
	left: -100px;
	position: absolute;
	top:-60px;
	width: 670px;
}
.company__img,
.effort__img{
	border-radius: var(--bdrs-br);
	overflow: hidden;
	width: 100%;
}
.difference__img{
	border-radius: var(--bdrs-tr);
	overflow: hidden;
	width: 100%;
}
.gold__img{
	border-radius: var(--bdrs-tl);
	overflow: hidden;
	width: 100%;
}
.editor__img{
	border-radius: var(--bdrs-bl);
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width:812px){
	.profile{
		max-width: 512px;
		padding: 0 30px;
	}
	.profile__inner{
		bottom: 40px;
		margin: 0 15px 0 0;
		padding: 0 0 0 15px;
		top: auto;
	}
	.profile__company{
		font-size: 1.1rem;
		margin: 0 0 2px 0;
	}
	.profile__position{
		font-size: 1.1rem;
		margin: 0 0 8px 0;
	}
	.profile__name{
		font-size: 2.3rem;
		letter-spacing: 0.5rem;
		margin: 0 0 10px 0;
	}
	.profile__ruby{
		font-size: 1.0rem;
		letter-spacing: 0.1rem;
	}
	.ctsArea:last-of-type{
		padding: 0 ;
	}
	.message__titArea{
		margin: 40px 0 30px 0;
	}
	.title__light{
		padding: 0 15px;
	}
	.ctsArea{
		padding: 0 0 60px 0;
	}
	.gold__photo,
	.effort__photo,
	.difference__photo,
	.company__photo{
		display: flex;
		margin: 0 30px 0 0;
		position: static;
		width: 100%;
	}
	.effort__photo,
	.company__photo{
		padding: 0 15px 0 0;
	}
	.gold__photo,
	.difference__photo{
		padding: 0 0 0 15px;
	}
	.editor__photo{
		padding: 0 15px;
		width: 100%;
	}
	.effort__txtarea--inner,
	.effort__titarea,
	.company__txtarea--inner,
	.company__titarea{
		display: block;
	}
	.gold__txtarea--inner,
	.effort__txtarea--inner,
	.difference__txtarea--inner,
	.company__txtarea--inner{
		padding: 0;
	}
	.gold__txtarea--inner,
	.gold__titarea,
	.difference__txtarea--inner,
	.difference__titarea{
		display: block;
	}
	.editor__titarea,
	.gold__titarea,
	.effort__titarea,
	.difference__titarea,
	.company__titarea{
		padding: 0 15px 15px 15px;
	}
	.editor__titarea {
		justify-content: flex-start;
	}
	.editor__tit,
	.gold__tit,
	.effort__tit,
	.difference__tit,
	.company__tit{
		font-size: 2rem;
	}
	.gold__tit{
		width: 100%;
	}
	.effort__tit {
		width: 100%;
	}
	.difference__tit{
		width: 100%;
	}
	.company__tit{
		width: 100%;
	}
	.editor__txt--item,
	.gold__txt--item,
	.effort__txt--item,
	.difference__txt--item,
	.company__txt--item{
		font-size: 1.4rem;
		line-height: 1.7;
		letter-spacing: 0.2rem;
		margin: 25px 0 0 0;
		text-align: justify;
	}
	.editor__txt--item + .editor__txt--item,
	.gold__txt--item + .gold__txt--item,
	.effort__txt--item + .effort__txt--item,
	.difference__txt--item + .difference__txt--item,
	.company__txt--item + .company__txt--item{
		margin: 12px 0 0 0;
	}
	.gold__txt{
		margin: 0 0 30px 0;
		padding: 0 15px;
		width: 100%;
	}
	.effort__txt{
		margin: 0 0 30px 0;
		padding: 0 15px;
		width: 100%;
	}
	.difference__txt{
		margin: 0 0 30px 0;
		padding: 0 15px;
		width: 100%;
	}
	.company__txt {
		margin: 0 0 30px 0;
		padding: 0 15px;
		width: 100%;
	}
	.editor__txt{
		margin: 20px 0 30px 0;
		padding: 0 15px;
	}
	.company__img,
	.effort__img{
		border-radius: 0 10px 60px 0;
	}
	.gold__img,
	.difference__img{
		border-radius: 10px 0 0 60px;
	}
}