@charset "utf-8";

/*------------------------------------------
pagehead
------------------------------------------*/
.pagehead.about{
	background-image:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)),url("../images/about/bg_pagehead.jpg");
}
/*------------------------------------------
sec_rinen
------------------------------------------*/
#sec_rinen{
	padding:80px 15px;
	text-align:center;
}
.rinen_box{
	width:100%;
	max-width:870px;
	border: 1px solid var(--gray);
	margin:auto;
	position: relative;
}
.rinen_box h3{
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -0.6em;
	font-size:2.4rem;
}
.rinen_box span{
	padding: 0 .5em;
	background: #FFF;
}
.rinen_box .inner{
	padding: 3em;
}
.rinen_box .inner p{
	font-size:2rem;
	line-height:1.8;
	font-weight:bold;
}
@media (max-width: 768px) {
	.rinen_box h3{
		font-size:2rem;
	}
	.rinen_box .inner{
		padding: 2em;
	}
	.rinen_box .inner p{
		font-size:1.6rem;
	}
	.rinen_box .inner p span{
		display:block;
		font-size:1.3rem;
	}
}

/*------------------------------------------
sec_greeting
------------------------------------------*/
#sec_greeting{
	padding-bottom:80px;
}
.greeting_wrap{
	display:flex;
	gap:50px;
}

.greeting_wrap .catch .message{
	font-size:3.2rem;
	font-weight:600;
	white-space:nowrap;
}
.greeting_wrap .catch .name{
	font-size:1.8rem;
	margin-top:30px;
}
.greeting_wrap .catch .name span{
	font-size:1.4rem;
	margin-left:15px;
}
.greeting_wrap .txt{
	padding-top:100px;
}
@media (max-width: 999px) {
	.greeting_wrap{
		flex-wrap:wrap;
		gap:30px;
		justify-content:space-between;
		padding-left:30px;
	}
	.greeting_wrap .txt{
		padding-top:0px;
	}
}
@media (max-width: 500px) {
	.greeting_wrap{
		padding-left:0px;
	}
	.greeting_wrap .catch .message{
		font-size:2.2rem;
	}
	.greeting_wrap .catch .name{
		font-size:1.6rem;
		margin-top:20px;
	}
	.greeting_wrap .catch .name span{
		font-size:1.3rem;
		margin-left:10px;
	}
	.greeting_wrap .txt{
		padding:20px 0px 0 30px;
	}
}
/*------------------------------------------
sec_business
------------------------------------------*/
#sec_business{
	background:var(--lightgray);
	padding:60px 0;
}
#sec_business .ttl{
	text-align:center;
}
#sec_business .ttl h3{
	font-size:3.2rem;
	margin-bottom:40px;
}
#sec_business .ttl p{
	margin-bottom:40px;
}
#sec_business .what_pms{
	margin-top:60px;
	background:#fff;
	padding:40px;
}
#sec_business .what_pms .ttl h3{
	font-size:2.4rem;
	margin-bottom:20px;
}
#sec_business .what_pms .ttl p{
	font-size:2rem;
	color:var(--blue);
	margin-bottom:40px;
	font-weight:600;
}
#sec_business .what_pms_inner{
	display:flex;
	gap:40px;
}
#sec_business .what_pms_inner p{
	font-size:1.4rem;
}
@media (max-width: 500px) {
	#sec_business .ttl h3{
		font-size:2.2rem;
	}
	#sec_business>.wrapper>.ttl>p{
		text-align:left;
	}
	#sec_business .what_pms .ttl h3{
		font-size:2.2rem;
		margin-bottom:20px;
	}
	#sec_business .what_pms .ttl p{
		font-size:1.8rem;
		margin-bottom:30px;
	}
	#sec_business .what_pms .ttl p span{
		display:none;
	}
	#sec_business .what_pms_inner{
		flex-direction:column-reverse;
		gap:40px;
	}
}