/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	共通css

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

    * {
    margin: 0;
    padding: 0;
    }
    html{
        margin-top: 0 !important;
    }
    body {
        position: relative;
        color: #06284b;
        background: #ffffff;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.7;
        word-wrap: break-word;
        overflow-x: hidden !important;
    }
    #content,#content p,
    #content,#content h1,
    #content,#content h2,
    #content,#content h3,
    #content,#content h4,
    #content,#content h5{
        font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
    }
    body p{
        color: #06284b !important;
    }
    p + * {
        margin-top: 1em;
    }

    /* リンク設定 */
    a{
        color: #e60012;
        text-decoration: none;
    }
    a:hover{
        opacity: 0.7;
    }

     /* フッターのいらない部分消し */
     .entry-footer.default-max-width,
     .widget-area{
         display: none;
     }       
     
     /* 各ページの固定ページに表示されるのサムネイル画像を消す */
     .post-thumbnail{
        display: none;
    }

    /* 文字の回り込み */
    .f_left{
        float: left;
    }
    .f_right{
        float: right;
    }

	/* フロート回り込み解除 clearfix */
    .clearfix:after {
        display: block;
        clear: both;
        height: 0px;
        line-height: 0px;
        visibility: hidden;
        content: "";
        overflow: hidden;
        float: none;
    }
    .clearfix {
        display: block; /* for IE8 */
    }

    .size_img img{
        height: auto !important;
    }
/* リンク拒否 */
    .link_none{
        pointer-events: none;
    }
/* ナビゲーションのサブナビのトグル消す */
button.sub-menu-toggle{
    display: none !important;
}

/* ----------------------------------- ========================1200px以上（PC）======================== ----------------------------------- */
.sp-none{
    display: inline !important;
}
/* PC改行消し（SPでは改行） */
.pc-none{
    display: none !important;
}

/* -- ========================ヘッダー======================== -- */
/* 既存のh1 と　タイトル的なのを消す*/
.entry-header,
.site-branding > p.site-title,
p.site-description{
    display: none !important;
}

.header_big-box{
    background: #ecf0f2;
    position: relative;
    padding-bottom: 21px;
}
.header_box{
    width: 1366px;
    margin: 0 auto;
}
.header_box-l{
    float: left;
    margin: -25px 0 0;
}
.header_box-r{
    float: right;
    padding-top: 22px;
}
.header_box-l p{
    font-size: 13px;
    color: #003366 !important;
    font-weight: 600;
}

/* TOP　右側設定 */
.header_box-r ul{
    position: 0;
    text-align: left;
}
.header_box-r ul li{
    list-style-type: none;
    display: inline-block;
    margin-left:15px;
}
.header_box-r p{
    padding: 20px 0 0 190px;
}


/* -- ========================コンテンツ内======================== -- */

/* -----------------コンテンツ幅設定----------------- */
.contents-1200px{
    width: 1200px;
    margin: 0 auto;
}

/* -----------------共通タイトル設定----------------- */

/* =========メインタイトル h1かh2で使う========= */
.page_title{
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}

.page_title h2{
    position: relative;
    font-size: 47px !important;
    border-bottom: solid 6px #003291;
    padding-bottom: 12px;
    font-weight: bold;
    margin-bottom: 100px;
    color: #003291;
}
.page_title h2::before{
    position: absolute;
    content:"";
    display: inline-block;
    background: url(../img/title_icon_logo.jpg)no-repeat center top / 100% auto;
    width: 40px;
    height: 31px;
    top: -44px;
    left: 596px;
}
.page_title h2 span.title_deko::before{
    position: absolute;
    content: "";
    display: inline-block;
    background: #512c8d;
    width: 100%;
    height: 4px;
    bottom: -14px;
    left: 0;
}
.page_title h2 span.title_deko::after{
    position: absolute;
    content: "Customer Focus Consulting Networks";
    display: inline-block;
    bottom: -44px;
    left: 528px;
    color: #d52174;
    font-size: 9px;
}


/* h2 */
.title_h2{
    position: relative;
    background: linear-gradient(to right, #06284b 0%, #b6cee6 100%);
    color: #fff !important;
    font-size: 35px !important;
    font-weight: bold;
    padding: 20px 20px 20px 20px;
    margin-bottom: 50px;
    text-align: left;
}
.title_h2::before{
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../img/cf.png) no-repeat center top / 100% auto;
    width: 165px;
    height: 85px;
    top: 0;
    right: 0;
    opacity: 0.6;
}





/* -- ========================フッター======================== -- */
footer#colophon{
    background: #003366;
    max-width: 1920px;
    margin: 60px 0 0 0;
    padding: 0;
}

.f-logo{
    text-align: center;
    padding: 30px 0;
}
.f-logo img{
    width: 330px;
}

.footer-navigation{
    width: auto;
    margin: 0 130px;
}
.footer-navigation a{
    color: #fff !important;
}

.site-info_link > ul{
    text-align: center;
    font-size: 0;
    padding: 0;
    list-style: none;
}
.site-info_link > ul > li{
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    margin: 0 1.5em 2em;
}

.site-info_link > ul > li > ul{
    padding-left: 17px;
    font-size: 16px;
    color: #fff;
}

.site-info_link ul li p{
    color: #fff !important;
    font-weight: 900;
}
.site-info_link ul li a{
    color: #fff !important;
}
.f-copy{
    text-align: center;
}
.f-copy span{
    color: #fff !important;
    font-size: 10px;
}


/* ----------------------------------- ========================1200px～768px 変換（タブレット）======================== ----------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1200px) {

}

/* ----------------------------------- ========================767px以下になったら変換（スマートフォン））======================== ----------------------------------- */
@media screen and (max-width: 767px) {
    body {
        font-size: 4vw;
    }


.pc-none{
        display: inline !important;
    }
/* sp改行消し（pcでは改行） */
.sp-none{
    display: none !important;
}


/* -- ========================ヘッダー======================== -- */

/* TOPナビ */
.menu-button-container {
    display: flex;
    top: -81px;
}

#site-navigation{
    top: auto;
    position: absolute;
    right: 0;
}

#site-navigation  primary-menu-container{
    padding-left: 0;
}
#site-navigation .primary-menu-container ul li a{
    color: #0068bb;
    font-size: 4.5vw;
}

.header_big-box{
    background: #ecf0f2;
    position: relative;
    padding: 1em;
}
.header_box{
    width: auto;
    margin: 0;
}
.header_box-l{
    float: none;
    margin: -8vw 15vw 0 0;
}
.header_box-r{
    float: none;
    padding: 0;
}
.header_box-r p {
    padding: 0.5em 3em 0.4em 3em;
}
.header_box-r ul{
    display: none;
}
.header_box-l p{
    display: none;
}
/* 内部のナビ設定 */
.primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
    width: 89.1vw;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    position: relative;
    width: 80vw;
}

/* SPの時だけ出ててほしいナビ部分を消し */
.menu-item-1915{
    display: block !important;
    background-color: #67cf44;
}
.menu-item-1916{
    display: block !important;
    background-color: #fff;
}


/* -- ========================コンテンツ内======================== -- */
/* コンテンツ幅設定 */
.contents-1200px{
    width: 100%;
    margin: 0 auto;
}
/* 共通タイトル設定 */
/* -----------------共通タイトル設定----------------- */

/* =========メインタイトル h1かh2で使う========= */
.page_title{
    text-align: center;
    width: 100%;
    padding: 0 0.5em;
}
.page_title h2{
    position: relative;
    font-size: 5vw !important;
    font-family: 'Noto Serif JP', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W2', 'Hiragino Mincho ProN', 'HG明朝B', serif !important;
    border-bottom: solid 3px #06284b;
    border-bottom: solid 3px #06284b;
    padding: 2em 0 0.5em 0;
    font-weight: bold;
    margin-bottom: 3em;
}
.page_title h2::before{
    position: absolute;
    content:"";
    display: inline-block;
    background: url(../img/title_icon_logo.jpg)no-repeat center top / 100% auto;
    width: 6vw;
    height: 5vw;
    top: 0vw;
    left: 43vw;
}
.page_title h2 span.title_deko::before{
    position: absolute;
    content: "";
    display: inline-block;
    background: #512c8d;
    width: 100%;
    height: 4px;
    bottom: -14px;
    left: 0;
}
.page_title h2 span.title_deko::after{
    position: absolute;
    content: "Customer Focus Consulting Networks";
    display: inline-block;
    bottom: -8vw;
    left: 30vw;
    color: #d52174;
    font-size: 1.7vw;
}

/* =========メインタイトル========= */

/* h2 */
.title_h2{
    font-size: 5vw !important;
    padding: 1em;
    margin-bottom: 2em;
}
.title_h2::before{
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../img/cf.png) no-repeat center top / 100% auto;
    width: 34vw;
    height: 17vw;
    top: 0;
    right: 0;
    opacity: 0.6;
}

/* -- ========================フッター======================== -- */
footer#colophon{
    background: #003366;
    max-width: 100%;
    margin: 0 0 0 0;
    padding: 0 2vw;
}

.f-logo{
    text-align: center;
    padding: 6vw 0 0;
}
.f-logo img{
    width: 77vw;
}

.footer-navigation{
    width: auto;
    margin: 0 auto;
}
.footer-navigation a{
    color: #fff !important;
}
.site-info_link{
    width: auto;
    margin: 0 auto;
}
.site-info_link > ul{
    text-align: left;
    font-size: 0;
    padding: 0;
    list-style: none;
}
.site-info_link > ul > li{
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size: 4vw;
    margin: 1.3em;
}

.site-info_link > ul > li > ul{
    padding-left: 4vw;
    font-size: 3.3vw;
    color: #fff;
}

.site-info_link ul li p{
    color: #fff !important;
    font-weight: 900;
}
.site-info_link ul li a{
    color: #fff !important;
}
.f-copy{
    text-align: center;
}
.f-copy span{
    color: #fff !important;
    font-size: 2.3vw;
}


}