/* ======================
代表者挨拶ページ
====================== */

.greeting{
background:#fff;
padding:60px 40px;
border-radius:var(--radius);
box-shadow:var(--shadow);
}

/* レイアウト */

.greeting-wrap{
display:flex;
gap:50px;
align-items:flex-start;
}

/* 画像 */

.greeting-img{
flex:0 0 38%;
}

.greeting-img img{
width:100%;
display:block;
border-radius:var(--radius);
box-shadow:0 5px 15px rgba(0,0,0,0.08);
object-fit:cover;
}

/* テキスト */

.greeting-text{
flex:1;
}

.greeting-text h2{
font-size:28px;
line-height:1.6;
color:var(--main-color);
margin-bottom:25px;
font-weight:700;
}

.greeting-text p{
font-size:16px;
line-height:2;
color:var(--text);
margin-bottom:18px;
}

/* 署名 */

.sign{
margin-top:35px;
padding-top:20px;
border-top:1px solid #eee;
font-weight:600;
text-align:right;
line-height:1.8;
color:var(--main-dark);
}

/* ======================
ページタイトル微調整
====================== */

.page-title{
padding:70px 20px 35px;
}

.page-title h1{
font-size:32px;
}

.page-title p{
font-size:14px;
letter-spacing:0.08em;
}

/* ======================
レスポンシブ
====================== */

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

.greeting{
padding:40px 30px;
}

.greeting-wrap{
gap:35px;
}

.greeting-text h2{
font-size:24px;
}

.greeting-text p{
font-size:15px;
line-height:1.9;
}

}

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

.greeting{
padding:30px 20px;
}

.greeting-wrap{
flex-direction:column;
gap:25px;
}

.greeting-img{
flex:none;
width:100%;
max-width:420px;
margin:0 auto;
}

.greeting-text h2{
font-size:22px;
margin-bottom:20px;
text-align:left;
}

.greeting-text p{
font-size:15px;
line-height:1.9;
margin-bottom:15px;
}

.sign{
margin-top:25px;
padding-top:18px;
font-size:15px;
}

.page-title{
padding:50px 20px 25px;
}

.page-title h1{
font-size:28px;
}

}

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

.greeting{
padding:25px 15px;
}

.greeting-text h2{
font-size:20px;
line-height:1.5;
}

.greeting-text p{
font-size:14px;
line-height:1.85;
}

.sign{
font-size:14px;
}

}