@charset "UTF-8";
/*-------- 
Foundation
-----------*/
@media screen and (min-width: 1025px){
    #toppage {
        padding-bottom: 0;
    }
}
/*-------- 
Layout
---------- */
/* h1 */
.main-title {
    color: #012e7b;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
}
.pc-svg-dl-01 {
    max-width: 332.59px;
    width: calc(332.59 / 1100 * 100vw);
}

/* 下部パンくず */
.footer_breadcrumbs {
    background: #fff;
    padding: 20px 0;
    color: #7b7b7b;
    font-size: 12px;
}
.footer_breadcrumbs a {
    text-decoration: underline;
    color: #7b7b7b;
}
.footer_breadcrumbs_inner {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.footer_breadcrumbs ul li {
    display: inline-block;
    position: relative;
}
.footer_breadcrumbs ul li::after {
    content: '>';
    padding: 0 17px;
}
.footer_breadcrumbs ul li:last-child::after {
    content: none;
}

/*-------- 
Component
---------- */
/* title & text */
.dl-cont-wrap {
    text-align: center;
}
.dl-cont-title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 18px;
    padding-bottom: 32px;
    color: #012e7b;
}
.dl-cont-title span{
    position: relative;
}
.dl-cont-title span::after{
    content: "";
    width: 100%;
    position: absolute;
    bottom: -30%;
    left: 0;
    border-bottom: 1px solid #012e7b;
}
.dl-cont-lead {
    letter-spacing: 0.06em;
    line-height: 2;
}
/* /title & text */

/* card */
.dl-cont-wrap2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dl-cont-wrap2 > .i01 {
    width: calc(272 / 1100 * 100%);
    margin-right: calc(22 / 1100 * 100%);
    margin-bottom: calc(40 / 1100 * 100%);
    background: #fff;
    border-radius: 10px;
    padding:  calc(40 / 1100* 100%);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.dl-cont-wrap2 > .i01.new::after {
    content: '';
    background: url("/sites/default/files/shared_contents/download/img/new.png") no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 89;
}

.dl-cont-wrap2 > .i01:nth-child(3n),.dl-cont-wrap2 > .i01:last-child {
    margin-right: 0;
}


@media screen and (max-width: 1024px) {
    .dl-cont-wrap2> .i01:nth-child(3n),.dl-cont-wrap2> .i01:last-child {
        margin-right: calc(22 / 1100 * 100%);
    }
}
.title-no {
    color: #012e7b;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-top: calc(20 / 352 * 100%);
    padding-bottom: calc(24 / 352 * 100%);
}



/* 詳細を見るbtn */
a.btn-04 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 308px;
    height: 50px;
    position: relative;
    background: #012e7b;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 17px 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    transition: .2s;
}
a.btn-04.yoko:before {
    content: '';
    width: 13px;
    height: 11px;
    background: url(/img/download/dl_special.svg) no-repeat;
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -4px;
}
/* btn Sサイズ */
a.btn-04.btn-04-s {
    height: 38px;
    font-size: 15px;
    background: #ff535b;
}
/* a.btn-04.btn-04-s.yoko:before {
    content: '';
    width: 10px;
    height: 12px;
    right: 15px;
} */
a.btn-04.btn-04-s.yoko:before {
    content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    background: none;
}

a.btn-05 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    position: relative;
    background: #fff;
    border: #012e7b 2px solid;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 17px 0;
    color: #012e7b;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    transition: .2s;
    margin-top: 11px;
}
a.btn-05.yoko:before {
    content: '';
    width: 11px;
    height: 9px;
    background: url(/img/download/dl_special_b.svg) no-repeat;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
}
.btn-04:hover {
    background: #2351a0;
}
.btn-04.btn-04-s:hover {
    background: #ff8187;
}
.btn-05:hover {
    background: #bcceee;
}
.mt-a {
    margin-top: auto;
    padding-top: 37px;
}


.dl-svg {
    display: block;
    margin: 0 auto 20px;
    width: 100%;
}
.pc-svg-dl-01-02 {
    max-width: 325px;
    width: calc(325 / 1100 * 100vw);
}
.dl-svg > img {
    width: 100%;
    max-width: 100%;
}
.title-area-02.ma_t80 {
    margin-top: calc(80 / 1100 * 100%);
}
.title-area-02.ma_t40 {
    margin-top: calc(40 / 1100 * 100%);
}
@media screen and (max-width: 1024px) {
    .dl-cont-wrap2 > .i01:nth-child(3n) {
        margin-right: calc(22 / 1100* 100%);
    }
}
@media screen and (max-width: 1024px) {
    
    a.btn-04 {
        margin: 0 auto;
        width: calc(492.17 / 710 * 100%);
    }
    a.btn-04.btn-04-s {
        max-width: none;
        width: 100%;
    }

    .dl-cont-area {
        margin: 0 calc(20 / 750 * 100vw);
    }
    .dl-cont-lead {
        text-align: left;
    }
    .dl-cont-wrap2 > .i01 {
        /* width: calc(345 / 710 * 100%); */
        max-width: 300px;
        width: calc(300 / 710 * 100%);
        margin-right: calc(20 / 710 * 100%);
        margin-bottom: calc(40 / 710 * 100%);
        display: flex;
    }
    .dl-cont-wrap2 > .i01 {
        /* padding: 80px 22px 40px; */
        padding: calc(80 / 710 * 100%) calc(22 / 710 * 100%) calc(40 / 710 * 100%);
    }
    .dl-cont-wrap2 > .i01.new::after {
        width: calc(70 / 345 *100%);
        height: calc(70 / 345 *100%);
    }

    .dl-cont-wrap2 > .i01:nth-child(3n) {
        margin-right: calc(20 / 710 * 100%);
    }
    .dl-cont-wrap2 > .i01:nth-child(2n) {
        margin-right: 0;
    }

    .footer_breadcrumbs {
        padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw);
    }
    .dl-cont-wrap2 .i01-inner.t01,
    .dl-cont-wrap2 .i01-inner.t02,
    .dl-cont-wrap2 .i01-inner.t03,
    .dl-cont-wrap2 .i01-inner.t04,
    .dl-cont-wrap2 .i01-inner.t05{
        background-size: contain;
    }
    .dl-svg{
        margin: 0 auto 15px;
    }
    .pc-svg-dl-01 {
        width: calc(235 / 750 * 100vw);
    }
    .title-no {
        padding-top: 20px;
        padding-bottom: 14px;
    }
    .mt-a {
        padding-top: 20px;
    }
    a.btn-04.btn-04-s,a.btn-05 {
        font-size: 12px;
    }
}


/* ----------
Project
------------ */
/* topで使用なし　formで使用中*/
.mktoHasWidth{
    max-width: 100% !important;
}
.catalog-text {
    line-height: 2;
    margin-bottom: 46px;
}
.catalog-title {
    font-size: 22px;
    color: #012e7b;
    font-weight: bold;
    padding-bottom: 31px;
    letter-spacing: 0.04em;
}
.catalog-area {
    background: #fff;
    border-radius: 10px;
    padding: calc(60 / 1100 * 100%);
    margin-bottom: calc(80 / 1100 * 100%);

}
@media screen and (max-width: 1024px) {
    .catalog-area {
        margin: 0 calc(20 / 750 * 100vw);
        padding: calc(45 / 710 * 100%);
    }
    .catalog-title {
        text-align: center;
        padding-top: 27px;
        padding-bottom: 20px;
    }
    .catalog-img {
        height: 100%;
    }
}

/*トップページcatalog hidenow */
/* .catalog-wrap {
    display: flex;
}
.catalog-wrap > div {
    text-align: left;
    width: 100%;
}
.catalog-wrap > div:first-child {
    margin-right: calc(60 / 1100 * 100%);
}

@media screen and (max-width: 1024px) {
.catalog-wrap {
    flex-direction: column;
    align-items: center;
}
.catalog-wrap img {
    width: calc(437 / 750 * 100%);
    margin: 0 auto;
    display: flex;
}
.catalog-wrap > div:first-child {
    margin-right: 0;
}
} */



/* -------
Utility
---------- */

/* ankerlink　titleheight */
.anker-link{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}


@media screen and (max-width: 1024px){
    .anker-link{
        display: block;
        padding-top: 160px;
        margin-top: -160px;
    }

    .anker-link.headerheight{
        display: block;
        padding-top: 40px;
        margin-top: -40px;
    }
} 

/*u-padding */
.pa_t18 {
    padding-top: 18px;
}
.pa_t46 {
    padding-top: 46px;
}
.pa_t60 {
    padding-top: 60px;
}
/*u-lineheight */
.p-lh2{
    line-height: 2;
}

/* ------------------------
以下　更新のたびに追加
thumbnailimg -----------------*/
/* WX */
.dl-cont-wrap2 .i01-inner.t01 {
    background: url("/sites/default/files/shared_contents/download/img/wx_01.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t02 {
    background: url("/sites/default/files/shared_contents/download/img/wx_02.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t03 {
    background: url("/sites/default/files/shared_contents/download/img/wx_03.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t04 {
    background: url("/sites/default/files/shared_contents/download/img/dl_shinagawa.png") no-repeat;
    background-size: contain;
    background-position: center;
}

/* wv*/
.dl-cont-wrap2 .i01-inner.wv2021 {
    background: url("/sites/default/files/shared_contents/download/img/WORKVIEW2021.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.wv2022 {
    background: url("/sites/default/files/shared_contents/download/img/workview_2292.png") no-repeat;
    background-size: 85%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.wv2023 {
    background: url("/sites/default/files/shared_contents/download/img/workview_hyoushi_syoei2023.png") no-repeat;
    background-size: cover;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.wv2024 {
    background: url("/sites/default/files/shared_contents/download/img/workview2024.png") no-repeat;
    background-size: cover;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.wv2025 {
    background: url("/sites/default/files/shared_contents/download/img/workview2025.png") no-repeat;
    background-size: cover;
    background-position: center;
    
}
/* オフィスの力 */
.dl-cont-wrap2 .i01-inner.t14 {
    background: url("/sites/default/files/shared_contents/download/img/op_01.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t15 {
    background: url("/sites/default/files/shared_contents/download/img/op_02.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t16 {
    background: url("/sites/default/files/shared_contents/download/img/op_03.png") no-repeat;
    background-size: unset;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t17 {
    background: url("/sites/default/files/shared_contents/download/img/op_04.png") no-repeat;
    background-size: unset;
    background-position: center;
}

.dl-cont-wrap2 .i01-inner.t18 {
    background: url("/sites/default/files/shared_contents/download/img/opvol18.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t19 {
    background: url("/sites/default/files/shared_contents/download/img/opvol19.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.t20 {
    background: url("/sites/default/files/shared_contents/download/img/office_chikara_vol20.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}
/* 時系列順に順番に追加*/
.dl-cont-wrap2 .i01-inner.hatarakikatayougo {
    background: url("/sites/default/files/shared_contents/download/img/yougo-01.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.bousaistock {
    background: url("/sites/default/files/shared_contents/download/img/bousai_stock322_192px.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.bousaiguide {
    background: url("/sites/default/files/shared_contents/download/img/bousai-guide233_139px.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.freeaddressqa {
    background: url("/sites/default/files/shared_contents/download/img/freead_qa_202509.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.officeiten {
    background: url("/sites/default/files/shared_contents/download/img/officeiten.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.sti {
    background: url("/sites/default/files/shared_contents/download/img/imagestldownload_322×192.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.abw {
    background: url("/sites/default/files/shared_contents/download/img/abw_download_pic.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.rnmanual {
    background: url("/sites/default/files/shared_contents/download/img/rnmanualimg.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.kokuyodesignworkslife {
    background: url("/sites/default/files/shared_contents/download/img/dlkokuyodesignworkslife_thumbnail.png") no-repeat;
    background-size: 86%;
    background-position: center;
    border: 1px solid #565656;
}
.dl-cont-wrap2 .i01-inner.kokuyodesignworkswork {
    background: url("/sites/default/files/shared_contents/download/img/dlkokuyodesignworkswork_thumbnail.png") no-repeat;
    background-size: 86%;
    background-position: center;
    border: 1px solid #565656;   
}

.dl-cont-wrap2 .i01-inner.hybridworkoffice {
    background: url("/sites/default/files/shared_contents/download/img/dlhybridcomoffice_thumbnail.png") no-repeat;
    background-size: 86%;
    background-position: center;
}

.dl-cont-wrap2 .i01-inner.recommendofficeimprovement {
    background: url("/sites/default/files/shared_contents/download/img/Recommend_office_improvement.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.webconference {
    background: url("/sites/default/files/shared_contents/download/img/webconference.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.hatarakikatayougo2 {
    background: url("/sites/default/files/shared_contents/download/img/yougo-02.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.wiconsulting {
    background: url("/sites/default/files/shared_contents/download/img/WIserviceimg.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.paperless {
    background: url("/sites/default/files/shared_contents/download/img/paperlessimg.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.informalcommunication {
    background: url("/sites/default/files/shared_contents/download/img/informalcommunicationimg.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.howtochooseachair {
    background: url("/sites/default/files/shared_contents/download/img/howtochooseachair.png") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.hatarakikatayougo3 {
    background: url("/sites/default/files/shared_contents/download/img/yougo-03.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.hatarakikatayougo4 {
    background: url("/sites/default/files/shared_contents/download/img/yougo-04.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.hatarakikatayougo5 {
    background: url("/sites/default/files/shared_contents/download/img/yougo-05.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.freesddressintro {
    background: url("/sites/default/files/shared_contents/download/img/freeaddress-1.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.sx01 {
    background: url("/sites/default/files/shared_contents/download/img/sxwp_vol.1_hyoshi.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}
.dl-cont-wrap2 .i01-inner.sx02 {
    background: url("/sites/default/files/shared_contents/download/img/kokuyoSX2.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
}

.dl-cont-wrap2 .i01-inner.activity7_officedesign {
    background: url("/sites/default/files/shared_contents/download/img/7activity_officedesign.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.t21 {
    background: url("/sites/default/files/shared_contents/download/img/office_chikara_vol21.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.officedata2024 {
    background: url("/sites/default/files/shared_contents/download/img/2024officedatabookimg.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.mfg_recruitment_office {
    background: url("/sites/default/files/shared_contents/download/img/mfg_recruitment_office.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.t22 {
    background: url("/sites/default/files/shared_contents/download/img/office_chikara_vol22.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.officedesign {
    background: url("/sites/default/files/shared_contents/download/img/officedesign.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.office_sound_measures {
    background: url("/sites/default/files/shared_contents/download/img/office_sound_measures.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.officecolordesign {
    background: url("/sites/default/files/shared_contents/download/img/officecolordesign.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.kaizenguidebook {
    background: url("/sites/default/files/shared_contents/download/img/kaizen_guide_book.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.pilot_office_guide {
    background: url("/sites/default/files/shared_contents/download/img/pilot_office_guide.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.project_management {
    background: url("/sites/default/files/shared_contents/download/img/projectmanagement.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.t23 {
    background: url("/sites/default/files/shared_contents/download/img/office_chikara_vol23.png") no-repeat;
    background-size: 86%;
    background-position: center;
    
}
.dl-cont-wrap2 .i01-inner.officedata2025 {
    background: url("/sites/default/files/shared_contents/download/img/2025officedatabook.jpg") no-repeat;
    background-size: 86%;
    background-position: center;
    
}

.button_more {
    cursor: pointer;
}

.mInfotaggedlist > .mInfotaggedlistSection:nth-child(2) .mInfotaggedlistBody {
    display:none !important;
}

.mContactpanel {
	display: none;
}

#headBreadcrumb {
	display: none !important;
}