@charset "UTF-8";

/* ===============================================
    LINE公式アカウント登録方法
    ※ 新CMS共通CSSで定義済みのレイアウトは流用し、
        本ページ固有の見た目だけを指定しています。
=============================================== */

.p-line__feature picture {
    display: block;
    width: 100%;
}

.p-line__featureImage {
    display: block;
    width: 100%;
    height: auto;
}

.p-line__buttonArea {
    width: 100%;
    background-color: #f2efef;
}

.p-line__buttonAreaInner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 0;
}

.p-line__buttonLink {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 300px;
    min-height: 72px;
    padding: 16px 24px;
    color: #fff;
    background-color: #00b900;
    border: 2px solid #07ad07;
    border-radius: 5px;
    box-shadow: 0 5px 0 #217921;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    transition: all 0.5s;
}

.p-line__buttonLink:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(5px);
    box-shadow: none;
}

.p-line__buttonIcon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.p-line__buttonText {
    display: block;
    white-space: nowrap;
}


@media screen and (min-width: 769px) {
    .l-header__mainNavItem:last-child .c-gNav__dropdown {
        right: 0;
        left: auto;
    }
}