@import url('../root.css');

/* 共通スタイル */
.company-section-title-area {
    width: 75%;
    margin: 0 auto;
    margin-top: 150px;
    text-align: center;

    .company-section-title {
        font-size: var(--font-large);
        color: #454545;
        text-align: center;
    }

    .company-section-sub-title {
        font-size: 10px;
        text-align: center;
    }
}



main {
    width: 100%;

    /* ヴィジョンセクション */
    .company-vision {
        .company-vision-area {
            width: 100%;
            margin: 0 auto;

            .company-vision-top-image {
                width: 70%;
                margin: 0 auto;
                max-width: 1200px;
                margin-top: 100px;

                img {
                    width: 100%;
                    height: 60vh;
                    max-height: 700px;
                    display: block;
                    object-fit: cover;
                    margin: 0 auto;
                    filter: brightness(0.5);
                }
            }

            .company-vision-text {
                width: 60%;
                margin: 0 auto;
                margin-top: 65px;
                font-size: var(--font-xs);
                color: #666666;
                line-height: 3;

                h3 {
                    font-size: var(--font-medium);
                    color: #454545;
                    margin-bottom: 40px;
                    text-align: left;
                }

                p {
                    line-height: 2;

                }
            }
        }
    }

    /* カンパニープロフィール */
    .company-profile {
        .company-profile-list-area {

            .company-profile-list {
                width: 90%;
                margin: 0 auto;
                margin-top: 70px;

                li {
                    width: 70%;
                    border-bottom: 1px solid rgba(102, 102, 102, 0.2);
                    margin: 0 auto;
                    display: flex;
                    text-align: center;
                    padding: 20px 5px;
                    align-items: center;
                    font-size: var(--font-xs);

                    .list-title {
                        width: 20%;
                    }

                    .list-text {
                        width: 80%;
                        line-height: 2;
                    }
                }
            }
        }
    }

    /* マップ */
    .company-map {

        .company-map-area {
            width: 60%;
            margin: 0 auto;
            margin-top: 65px;

            .company-map-iframe {
                iframe {
                    width: 100%;
                    margin: 0 auto;

                }
            }
        }
    }
}