body {
    margin: 0;
    font-family: sans-serif;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

.container img,
.container a {
    display: block;
    width: 100%;
}

/* PC表示用の設定 */
.container {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    background-color: #ffffff;
}

/* 親要素（ヘッダー全体）の設定 */
.header {
    position: relative;
}

/* ロゴのスタイル */
.header-logo-link {
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    width: 45% !important;
}

.header-logo {
    margin-top: 2%;
}

/* 親要素（画像のラッパー）の設定 */
.main-visual-wrapper {
    position: relative;
}

/* 子要素（ボタンエリア）の設定 */
.button-area {
    position: absolute;
    bottom: 2%;
    left: 0;
    width: 100%;
}

/* ボタン自体のスタイル調整 */
.button-area a {
    width: 90%;
    margin: 0 auto 5px;
}

.button-area a:last-child {
    margin-bottom: 0;
}

.company-profile {
    padding: 30px 10px;
    box-sizing: border-box;
}