@charset "UTF-8";

/* トップページ
---------------------------------------- */
main#page-top .section {
    margin-bottom: 56px;
}

main#page-top #sec-hero .hero-info .catch br {
    display: none;
}




main#page-top #sec-why .catch {
    position: inherit;
    width: 100%;
}

main#page-top #sec-why .lead {
    padding-top: 0;
    margin-bottom: 32px;
}



main#page-top #sec-why .result-num .num {
    font-size: 140px;
}



main#page-top #sec-why .btn {
    position: inherit;
}

main#page-top #sec-service .cat-group .cat-title h3 span {

    font-size: 22px;


}

main#page-top #sec-service .cat-group .item-title {

    font-size: 18px;


}

main#page-top #sec-result {
    padding-top: 72px;
    display: block;
}

main#page-top #sec-result {
    padding-top: 0;
    padding-bottom: 64px;
    position: relative;
}

main#page-top #sec-result .side {
    width: 100%;
}



main#page-top #sec-result .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 264px;

}

main#page-top #sec-result .info {
    width: 100%;
}

main#page-top #sec-result .info .company-num {
    text-align: right;
}

main#page-top #sec-result .info .company-num .num {
    font-size: 100px;
}



main#page-top #sec-consult .contents {
    padding-bottom: 50%
}



main#page-top #sec-consult .image {
    width: 100%;
}



main#page-top #sec-blog .blog-tag-lists {}

main#page-top #sec-blog .blog-tag-lists li {
    margin-right: 20px;
}

main#page-top #sec-blog .blog-tag-lists li a {
    width: 150px;
    line-height: 30px;
}


main#page-top #sec-seminar .seminar-list {
    justify-content: flex-start;
}
main#page-top #sec-seminar .seminar-list .item:nth-child(3) {
    /* display: none; */
}




main#page-top #sec-news ul {
    width: 100%;
}



/* コンサルタント詳細
---------------------------------------- */

#single-consul #sec-intro .img-area {
    width: 40%;
    margin-bottom: 36px;
}

#single-consul #sec-intro .img-area .image {
    margin-bottom: 24px;
}


#single-consul #sec-intro .content {
    padding-left: calc(32px + 37%);
}


#single-consul #sec-important .important-txt {
    font-size: 28px;


}

#single-consul #sec-quality .entry {
    width: calc((100% - 32px) / 2);
}

#single-consul #sec-quality .entry:nth-child(3n) {
    margin-right: 32px;
}

#single-consul #sec-quality .entry:nth-child(2n) {
    margin-right: 0;
}

#single-consul #sec-seminar .entry {
    width: calc((100% - 32px) / 2);
}

#single-consul #sec-seminar .entry:nth-child(3n) {
    margin-right: 32px;
}

#single-consul #sec-seminar .entry:nth-child(2n) {
    margin-right: 0;
}

/* 実績・事例詳細
---------------------------------------- */


#single-casestudy #sec-intro .intro .image {
    width: 45%;


}

#single-casestudy #sec-intro .intro .txt-area {
    width: calc(100% - 45% - 24px);
}

/*============================================================
 資料ダウンロード
*============================================================*/
/* スライド
---------------------------------------- */
.block-whitepaper-slide .slick-prev,
.block-whitepaper-slide .slick-next {
    top: 40%;
}

.block-whitepaper-slide .entry .txt-area {
    width: 100%;
}

/*============================================================
メッセージページ
*============================================================*/

/*============================================================
会社概要ページ(#page-information)
*============================================================*/

/* 取引先
---------------------------------------- */
main#page-information #sec-customer .customer_list .item {
    width: 45%;
}

/* 沿革
---------------------------------------- */
main#page-information #sec-history .history_list {
    display: block;
}

main#page-information #sec-history .history_list ul {
    width: initial;
}

main#page-information #sec-history .history_list .history_list-01 {
    margin-bottom: 0;
}

main#page-information #sec-history .history_list .history_list-02 li:first-child {
    padding-top: 15px;
}

/*============================================================
企業理念(#page-philosophy)
*============================================================*/

/* 7つの取り組み
---------------------------------------- */
main#page-philosophy #sec-initiatives .initiatives_list {
    width: initial;
}

/* 行動規範
---------------------------------------- */
main#page-philosophy #sec-rule .rule_list .item {
    width: initial;
}

/* ロゴマーク
---------------------------------------- */
main#page-philosophy #sec-logo .title-lead {
    text-align-last: left;
}

/*============================================================
アクセス(#page-access)
*============================================================*/

/*  東京本社
---------------------------------------- */
main#page-access #sec-tokyo .upper .txtblock {
    margin-bottom: 20px;
}


/*============================================================
なぜPRINCIPLE(#page-feature)
*============================================================*/

/* 大切にしていること(#sec-important)
---------------------------------------- */
main#page-feature #sec-important .item .num {
    font-size: 80px;
    display: block;
    margin-bottom: 50px;
}

main#page-feature #sec-important .item .title-lead {
    font-size: 46px;
}

/* 強み(#sec-point)
---------------------------------------- */
main#page-feature #sec-point .servicearea .item {
    width: 49%;
    margin-bottom: 16px;
}

/* 専門性の高さ (#sec-specialty)
----------------------------------------- */
main#page-feature #sec-point .specialtyarea .item {
    width: 46.3%;
}

/* 大手企業含むweb解析の実績 (#sec-achievement)
---------------------------------------- */
main#page-feature #sec-achievement .item:nth-child(2) {
    width: 60%;
}

main#page-feature #sec-achievement .bg_txt {
    font-size: 160px;
}

main#page-feature #sec-achievement .unit {
    margin: 0 0 0 auto;

}


/*============================================================
GAIQとは(#page-gaiq)
*============================================================*/

/* GAIQの特徴(#sec-special)
---------------------------------------- */
main#page-gaiq #sec-special .parts-img {
    width: 100%;
}

/* GAIQの受験(#sec-teststep)
---------------------------------------- */
main#page-gaiq #sec-teststep .parts-img {
    width: 100%;
}

/* プリンシプルのGAIQホルダー(#sec-gaiqholder)
---------------------------------------- */
main#page-gaiq #sec-gaiqholder .parts-img {
    width: 100%;
}