/****************
  阿部さとしについてページ
  Top写真

****************/
/* #region Top写真 */
#s_about_hero .top {
    display: flex;
    flex-direction: column-reverse; /* 縦方向に並べ替え (msgを上に) */
    justify-content: center;
    align-items: center;

    height: auto;
    width: 100%; 
    overflow: hidden; 
    transform: rotate(0deg); 

    position: relative;
    margin: 0; /* マージン調整 */
    padding: 0 0 50px 0px;
}

#s_about_hero .top .image {
    position: relative; /* 縦並び用に調整 */
    transform: none; /* 元の位置調整をリセット */
    margin: 20px 0; /* 上下の余白 */

    z-index: 31;

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #F59C00;
    width: auto; /* 自動調整 */
}
#s_about_hero .top .image img {
    display: block;
    margin: 0 auto;

    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 8px;

    height: 380px;
    max-width: 100%; /* 横幅を調整 */
}

#s_about_hero .top .msg {
    display: block;
    background-color: #E3D1BD;

    border-radius: 30px; /* すべての角を丸くする */

    padding: 20px;
    width: auto;
    max-width: 1200px;
    text-align: center; /* テキスト中央揃え */
    margin: 0 auto 20px auto; /* 上下の余白と中央揃え */
}
#s_about_hero .top .msg p.title {
    display: block;
    margin: 0 0 10px 0; /* タイトルの下に余白 */
    font-size: 40px;
    color: black;
    line-height: 1.6;
    letter-spacing: 7px;
    font-weight: bold;
    background-color: white;
    padding: 10px;
    border-radius: 15px;
}
#s_about_hero .top .msg p.honbun{
    display: block;
    margin: 0;
    font-size: 14px;
    color: black;
    line-height: 2;
    letter-spacing: 1.2px;
    font-weight: bold;
    padding: 0 20px;
}