@charset "utf-8";

.greeting_copy{
	font-size:2.6rem;
	letter-spacing:2.6px;
	line-height:3.6rem;
	margin:60px 0 45px;
}
.signature{
	margin-top:40px;
	text-align:right;
}
.signature span{
	display:inline-block;
	font-size:2.4rem;
	font-weight:500;
	line-height:3.5rem;
	margin:2px 0 0 5px;
}

.catchcopy{
	font-family:var(--font_biz);
	margin:50px 0 30px;
}
.catchcopy strong{font-weight:normal;}

#history{
	position:relative;
	padding:160px 0 90px;
	margin-top:120px;
}
#history::before{
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	left:calc(50% - var(--vw_50));
	width:var(--vw_100);
	height:100%;
	background:#F7F6F3;
	mix-blend-mode:multiply;
}
#history h2{margin-top:0;}
#history th br{display:none;}


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

.greeting_copy{
	font-size:2.1rem;
	letter-spacing:2.1px;
	line-height:3rem;
	margin:50px 0 40px;
}
.signature{margin-top:30px;}
.signature span{
	font-size:2.2rem;
	letter-spacing:1.1px;
	line-height:3.2rem;
}

.catchcopy{margin-top:45px;}

#history{
	padding-top:120px;
	margin-top:110px;
}

}


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

#greeting + p{margin:0 -20px;}
.greeting_copy{
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.4rem;
	margin:40px 0 30px;
}
.signature{margin-top:20px;}
.signature span{
	font-size:2rem;
	letter-spacing:1px;
	line-height:2.9rem;
	margin-top:4px;
}

.catchcopy{
	font-size:1.5rem;
	letter-spacing:1.5px;
	margin:40px 0 25px;
}
.catchcopy + p{
	font-size:1.1rem;
	letter-spacing:0.55px;
}

#history{
	padding:80px 0 85px;
	margin-top:100px;
}
#history th br{display:inline;}

}