/* ============================================================

代表メッセージページ用css
URL:/about/message/
============================================================ */


/* ============================================================
message_section
============================================================ */
.message_section{
    margin-top: 48px;
    .message_content{
        display: flex;
        flex-direction: column;
        gap: 40px;
        .message_content__img{
            width: 100%;
        }
        .message_content__desc{
            
            .message_heading{
                margin-bottom: 40px;
                font-size:clamp(16px, 5.2vw, 21px);
                line-height: 1.7;
            }
            .message_content__desc__text{
                margin-bottom: 40px;
                p{
                    font-size: 14px;
                    line-height: 1.6;
                    
                    &:not(:last-child){
                        margin-bottom: 16px;
                    }
                }
            }
            .ceo_post{
                font-size: 12px;
                line-height: 1.5;
                font-weight: bold;
            }
            .ceo_name{
                margin-top: 16px;
                font-size: 14px;
                line-height: 1.2;
                font-weight: bold;
            }
            
        }
        
    }
    .btn{
        margin: 80px auto 0;
        i{

            position: absolute;
            left: 30px;
            top: 50%;
            right: auto;
            transform: translateY(-50%) rotate(180deg);
        }
    }
}


/* PC */
@media screen and (min-width: 768px){
    .message_section{
        .message_content{
            flex-direction: row;
            .message_content__img{
                max-width: 480px;
                width: 34.3vw;
                flex-shrink: 0;
            }
            .message_content__desc{
                /* width: 615px; */
                .message_heading{
                    font-size:clamp(17px, 1.8vw, 21px);
                    line-height: 1.8;
                }
                .message_content__desc__text{
                    p{
                        font-size: 16px;
                        line-height: 1.7;
                    }
                }
                .ceo_post{
                    font-size: 14px;
                }
                .ceo_name{
                    font-size: 16px;
                }
            }
        }
        
    }
}