/* タイトル画像 */
.presidents .title_image {
    text-align: center;
    margin: 0 auto 30px;
}

.presidents .title_image a {
    display: inline-block;
}

.presidents .title_image a:hover {
    opacity: .5;
}

.presidents .title_image img {
    display: block;
    max-width: 100%;
}

/* サブタイトル */
.presidents .subtitle {
    text-align: center;
    font-size: 1.6rem;
}

@media screen and (min-width: 745px) {
    .presidents .subtitle {
        font-size: 2.2rem;
    }
}

/* トップ紹介 */
.presidents .top_introduction img {
    width: 100%;
}

.presidents .top_introduction .right {
    text-align: center;
}

.presidents .top_introduction .right .company {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.presidents .top_introduction .right .name {
    font-size: 2.4rem;
}

@media screen and (min-width: 745px) {
    .presidents .top_introduction {
        display: flex;
        align-items: center;
    }

    .presidents .top_introduction .left {
        width: 40%;
    }

    .presidents .top_introduction .right {
        width: 60%;
    }
}

/* 質問 */
.presidents .question {
    background-color: #0077b6;
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
}

/* 回答 */
.presidents .answer {
    text-indent: 1.6rem;
    text-align: justify;
}

/* 挿入写真 */
.presidents .insert_image {
    margin: 30px auto;
}

.presidents .insert_image img {
    max-width: 100%;
    display: block;
}

.presidents .insert_image p {
    margin: 0;
    padding: 0 5px;
    background-color: aliceblue;
}

@media screen and (min-width: 745px) {
    .presidents .insert_image {
        max-width: 60%;
    }
}

/* HPリンク */
.hp_link {
    text-align: center;
}

.hp_link a {
    font-size: 1.6rem;
    display: inline-block;
    padding: 10px 20px;
    margin: 30px auto;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #0077b6, #00b4d8);
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.hp_link a:hover {
    background: linear-gradient(135deg, #0096c7, #48cae4);
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

@media print,
screen and (min-width:745px) {
    .hp_link a {
        font-size: 1.8rem;
    }
}