.fv{
    background-image: url(../images/plants-images/yuta1102008.jpg);
    background-size: cover;
    background-position: center;
    min-height: 400px;
    max-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3em;
    .contents{
        color: white;
        background-color: rgba(0,0,0,0.35);
        display: flex;
        flex-direction: row-reverse;
        align-items: end;
        padding: 1em 2em;
        /* .title{
            height: 100%;
            max-height: 430px;
            img{
                height: 100%;
                max-height: 400px;
            }
        } */
         .title{
            writing-mode: vertical-rl; /* 右から左に縦書き */
            text-orientation: mixed;   /* 日本語と英語の文字方向を調整 */
            line-height: 1.8;          /* 縦行間の調整 */
            font-size: 24px;           /* お好みで調整 */
            font-weight: 400;
         }
    }
}
.about{
    padding: 3em clamp(24px,3vw,36px);
    /*background-image: url(../images/sinryojo-illust.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: clamp(200px,24vw,320px);*/

    .container{
        max-width: var(--container-size);
        margin-left: auto;
        margin-right: auto;
    }
    .contents{
        .content{
            .flex-items-01{
                display: flex;
                gap: clamp(16px,2vw,32px);
                align-items: center;

                p{
                    margin: 0;
                    padding: 0;
                }
                .flex-item-01{
                    width: 15%;
                }
                .flex-item-02{
                    width: 85%;
                }
                .flex-item-01{
                    .profile-image{
                        width: 100%;
                    }
                }
                .flex-item-02{
                    .title{
                        font-size: clamp(14px,2.4vw,24px);
                    }
                }
            }
            @media screen and (max-width: 600px) {
                .flex-items-01{
                    .flex-item-01{
                        width: 25%;
                    }
                    .flex-item-02{
                        width: 75%;
                    }
                }     
            }
            .flex-items-02{
                display: flex;
                gap: clamp(16px,2vw,32px);
                align-items: center;
                margin-bottom: clamp(20px,2vw,30px);
                p{
                    margin: 0;
                    padding: 0;
                }
                .flex-item-01{
                    width: 15%;
                }
                .flex-item-02{
                    width: 85%;
                }
                .flex-item-01{
                    .profile-image{
                        width: 100%;
                    }
                }
            }
            @media screen and (max-width: 768px) {
                .flex-items-02{
                    flex-direction: column;
                    .flex-item-01{
                        width: 100%;
                    }
                    .flex-item-02{
                        width: 100%;
                    }
                }     
            }
            
        }
    }
    .sign{
        text-align: right;
        img{
            margin-left: auto;
            width: clamp(120px,20vw,200px);
        }
    }
}
.main-contents-01{
    background-image: url(../images/sinryojo-illust.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: clamp(200px,24vw,320px);
    .contents-area{
        padding: 3em clamp(24px,3vw,36px);
        padding-bottom: clamp(16px, 7vw,100px);
    }
}