@charset "UTF-8";

/* トップページ
---------------------------------------- */
main#page-top #sec-hero {
    padding-top: 158px;
}
main#page-top #sec-hero .hero-info {
    padding: 0 28px;
    margin-bottom: 32px;
}
main#page-top #sec-hero .hero-info .catch {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 64px;
}
main#page-top #sec-hero .animation-loop {
    width: 100%;
    overflow: hidden;
}
main#page-top #sec-hero .animation-loop .loop-list {
    width: fit-content;
    display: flex;
}
main#page-top #sec-hero .animation-loop .loop-list .members {
    width: 1440px;
}
main#page-top #sec-hero .animation-loop .loop-list .members:first-child {
    animation: loop 80s -40s linear infinite;
}
main#page-top #sec-hero .animation-loop .loop-list .members:last-child {
    animation: loop2 80s linear infinite;
}
@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
main#page-top #sec-hero .partner-list .partner .info .title {
    font-size: 14px;
}
main#page-top #sec-hero .partner-list .partner .info .sub-title {
    font-size: 10px;
    font-weight: normal;
}

main#page-top #sec-why .info .catch {
    margin-left: 0;
}

main#page-top #sec-why .lead {
    width: calc(100% - 150px);
    font-size: 20px;
}

main#page-top #sec-why .result-num {
    width: 150px;
    margin-top: 25px;
    text-align: center;
}

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

main#page-top #sec-service .cmn-unit-wrap .cat-group {
    width: 100%;
}

main#page-top #sec-service .cmt {
    text-align: left;
}

main#page-top #sec-result .side {
    margin-bottom: 80px;
}

main#page-top #sec-result h2 {
    font-size: 20px;
}


main#page-top #sec-result .info {
    padding-left: 16px;
    padding-right: 16px;
}

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

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

main#page-top #sec-consult h2 {
    font-size: 20px;
}


main#page-top #sec-blog h2 {
    font-size: 36px;
}

main#page-top #sec-blog h2 img {
    width: 32px;
    margin-right: 8px;
}


main#page-top #sec-document h2 {
    font-size: 20px;
}

main#page-top #sec-book h2 {
    font-size: 20px;
}

main#page-top #sec-seminar h2 {
    font-size: 20px;
}

main#page-top #sec-news h2 {
    font-size: 20px;
}


/* 役員紹介
---------------------------------------- */


#page-officer .officer-list-item .entry .image {
    width: 30%;
}

#page-officer .officer-list-item .entry .txt-area {
    width: calc(70% - 24px);
}

#page-officer .officer-list-item .entry .position {

    font-size: 12px;

}

#page-officer .officer-list-item .entry .ttl {

    font-size: 24px;

}

#page-officer .officer-list-item .entry .lead {
    font-size: 14px;
}



/* コンサルタント詳細
---------------------------------------- */
#single-consul {
    padding-top: 0;
}

#single-consul #sec-intro {
    padding: 24px 24px 32px 24px;
    background: #fff;
    border-radius: 4px;

}

#single-consul #sec-intro .img-area {
    width: 100%;
    position: static;

}

#single-consul #sec-intro .content {
    padding: 0;
}

#single-consul #sec-intro .txt-area {
    min-height: inherit;
}

#single-consul #sec-important {
    padding: 24px 24px 32px 24px;
}


#single-consul .goal-section {
    width: 100%;
    max-width: 480px;

}

/* セミナー一覧
---------------------------------------- */
#page-seminar #sec-past .past-webinar-item {
    gap: 24px;
}
#page-seminar #sec-past .past-webinar-item .entry {
    width: 100%;
}


/* ブログ詳細
---------------------------------------- */
#single-column #page-header .meta .block-meta .name .label {
    display: block;
    margin-right: 0;
}

#single-column #sec-writer .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
}

#single-column #sec-writer .photo img {
    width: 50%;
}

#single-column #sec-writer .txt-area {
    width: 100%;
}

#single-column #sec-entry .entry-content table.noborder td {
    display: block;
}

/* お知らせ詳細
---------------------------------------- */
#single-news #page-header h1 .label {
    font-size: 16px;
    line-height: 100%;
    padding: 8px;
    margin-right: 8px;
}


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

#single-casestudy #sec-intro .intro .image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
}

#single-casestudy #sec-intro .intro .txt-area {
    width: 100%;
}

/*============================================================
 資料ダウンロード
*============================================================*/
/* スライド
---------------------------------------- */
.block-whitepaper-slide .slick-prev,
.block-whitepaper-slide .slick-next {
    /* top: calc((100vw - 32px) / 32 * 9 - 16px); */
    top: 50%;
}

.block-whitepaper-slide .entry .img-wrap .image {
    float: none;
    width: 100%;
}

.block-whitepaper-slide .entry .txt-area .entry-ttl {
    font-size: 16px;
}

.block-whitepaper-slide .entry .txt-area {
    height: 128px;
}

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

/* 楠山健一郎
---------------------------------------- */
main#page-message #sec-message .imgarea {
    position: relative;
}

main#page-message #sec-message .authorname {
    padding: 10px;
    margin: -10px 0 0 0;
}

main#page-message #sec-message .authorname .name {
    font-size: 24px;
}

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

/* 取引先
---------------------------------------- */
main#page-information #sec-customer .company-lists {
    text-align: center;
}

main#page-information #sec-customer .customer_list .item {
    width: initial;
}

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

/* mission vision value
---------------------------------------- */
#page-philosophy #sec-philosophy .item .title-lead {
    font-size: 22px;
    line-height: 160%;
}


/* 7つの取り組み
---------------------------------------- */
main#page-philosophy #sec-initiatives .initiatives_list {
    flex-direction: column;
    align-items: center;
}

main#page-philosophy #sec-initiatives .initiatives_list .item {
    width: initial;
}

/*============================================================
アクセス(#page-access)
*============================================================*/
/* 共通
---------------------------------------- */
main#page-access .parts-btn {
    margin: 0 auto;
    width: 264px;
}

/*  東京本社
---------------------------------------- */
main#page-access #sec-tokyo .upper .txtblock {
    width: 100%;
    max-width: 100%;
}

main#page-access #sec-tokyo .upper .mapblock {
    width: 100%;
    max-width: 100%;
}

main#page-access #sec-tokyo .bottom {
    flex-direction: column;
    align-items: center;
}

main#page-access #sec-tokyo .bottom .item {
    width: initial;
}

/* 世界中の拠点
---------------------------------------- */
main#page-access #sec-world .txtblock {
    margin-bottom: 20px;
    max-width: 100%;
}


/*============================================================
GAIQとは(#page-gaiq)
*============================================================*/
/* プリンシプルのGAIQホルダー(#sec-gaiqholder)
---------------------------------------- */
main#page-gaiq #sec-gaiqholder .btnarea .parts-btn:first-of-type {
    margin-right: 0;
    margin-bottom: 16px;
}

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

/* プリンシプルの価値 (#sec-value)
---------------------------------------- */
main#page-feature #sec-value .title-lead {
    line-height: 200%;
}

/* 大切にしていること(#sec-important)
---------------------------------------- */
main#page-feature #sec-important .important_list {
    flex-direction: column;
    align-items: center;
}

main#page-feature #sec-important .important_list .item {
    min-width: initial;
    width: 100%;
    margin-bottom: 16px;
}

main#page-feature #sec-important .item .num {
    font-size: 100px;
    margin-bottom: 30px;
}

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

/* 強み(#sec-point)
---------------------------------------- */
main#page-feature #sec-point .servicearea_list {
    flex-direction: column;
    align-items: center;
}

main#page-feature #sec-point .servicearea .item {
    width: 100%;
}

main#page-feature .heading .num {
    font-size: 150px;
}

main#page-feature #sec-point .heading h3 {
    font-size: 34px;
}

main#page-feature #sec-point .heading .title-lead {
    font-size: 22px;
}

main#page-feature #sec-point .specialtyarea .parts-btn {
    margin: 0 auto;
}

/* 専門性の高さ
----------------------------------------- */
main#page-feature #sec-point .specialtyarea_list {
    flex-direction: column;
    align-items: center;
}

main#page-feature #sec-point .specialtyarea .item {
    width: 100%;
}

/* 大手企業含むweb解析の実績 (#sec-achievement)
---------------------------------------- */
main#page-feature #sec-achievement .achievement_list {
    flex-direction: column;
    align-items: center;
}

main#page-feature #sec-achievement .item:first-child {
    margin-bottom: 40px;
    width: initial;
    max-width: initial;
    margin-right: 0;
    padding-top: 0;
    text-align: center;
}

main#page-feature #sec-achievement .item:nth-child(2) {
    width: 100%;
}
main#page-feature #sec-achievement .item .company-list {
    text-align: center;
}

main#page-feature #sec-achievement .parts-btn {
    margin: 0 auto;
}

main#page-feature #bottomarea .ttl {
    font-size: 24px;
}


/* お客様の声 (#sec-voice)
---------------------------------------- */
main#page-feature #sec-voice .voice_list {
    flex-direction: column;
    align-items: center;
}

main#page-feature #sec-voice .item {
    width: 100%;
}

main#page-feature #sec-voice .ttl {
    font-size: 24px;
}