@charset "UTF-8";

#app-menu-contents-main img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#app-menu-contents-main img.img-thumbnail {
    width: auto;
}

#app-menu-contents-main .embed-link {
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 1em 0 2em 0;
    border: solid 1px #ccc;
    border-radius: 1em;
}

#app-menu-contents-main .embed-link .embed-link-heading {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: .4em;
}

#app-menu-contents-main .embed-link .embed-link-lead {
    font-size: 14px;
    color: #aaa;
    margin-bottom: .5em;
}

@media (max-width: 991.98px) {
    #app-menu-contents-main .embed-link .embed-link-heading {
        font-size: 16px;
    }
    #app-menu-contents-main .embed-link .embed-link-lead {
        display: none;
    }
    #app-menu-contents-main .embed-link .col-5 {
        padding-left: 0;
    }
}


/* A8 */
a + img[border="0"][width="1"][height="1"] {
    /* display: none; */
    width: 1px !important;
    height: 1px !important;
    position: absolute;
}


/* ------------------------------------------------------------
    共通
   ------------------------------------------------------------*/

/* 共通がでてくるならそれはおそらく bootstrap5_style.css に書くべき */



/* ------------------------------------------------------------
    オリオン型   構成が整った王道LP（法人向け・保守支援・実績紹介など）
 ------------------------------------------------------------*/
.lp-01-orion {

    .lp-cta-btn {
        font-size: 1.2rem;
        padding: 12px 24px;
    }

    .lp-hero {
        background-color: #f8f9fa;
        padding: 60px 20px;
        text-align: center;

        .lp-hero-image {
            max-width: 100%;
            height: auto;
            margin-bottom: 30px;
            border-radius: 8px;
        }
    }

    .lp-section {
        padding: 60px 0;


        .lp-heading {
            margin: 0 0 30px 0;
            text-align: center;
        }
    }

    .lp-section:nth-of-type(even) {
        background-color: #f8f9fa;
    }

    /* スマホ */
    @media (max-width: 575.98px) {
        .row > div {
            margin-top: 30px;
        }
        .row > div:first-child {
            margin-top: 0;
        }
    }

    /* タブレット以上 */
    @media (min-width: 576px) {
        .lp-section {
            padding: 60px 20px;

            .lp-heading {
                margin-bottom: 50px;
            }
        }
    }

    /* タブレット以下 */
    @media (max-width: 767.98px) {
        .lp-section {
            .container {
                max-width: 100%;
            }
        }
    }

}

/* ------------------------------------------------------------
     ルーメン型   明るく洗練された印象。IT／コンサル／教育系向け
 ------------------------------------------------------------*/
.lp-02-lumen {
    
}

/* ------------------------------------------------------------
    ヴェスタ型   丁寧・寄り添い型。サポート・運用代行系向け
 ------------------------------------------------------------*/
.lp-03-vesta {
    
}

/* ------------------------------------------------------------
    ノヴァ型    新規事業・スタートアップ向け。訴求が強めの構成
 ------------------------------------------------------------*/
.lp-04-nova {
    
}

/* ------------------------------------------------------------
     イージス型   信頼性・セキュリティを重視する企業・官公庁系に好適
 ------------------------------------------------------------*/
.lp-05-aegis {
    
}