#pageslide-nav {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 0;
    width: 240px;
    display: none;
    background-color: #f5f5f5;
}

#wrapper{
    background-color: #f5f5f5;
    
}
#wrap {
    left: 0;
    transition: ease 0.7s;
}
#wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    background-color: #FFF;
    overflow: hidden;
}


#pageslide-nav .list1 a {
    display: inline-block;
    width: 100%;
    padding: 4.5vw 5.5vw;
    color: #FFF;
    background-color: #333;
}

#pageslide-nav .list1 .list2 a{
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    
}

@media screen and (max-width:1200px) {

}
@media screen and (max-width: 768px) {
    
    .works-slider{
        padding: 0 0 0 0;
    }

input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

    .page-work_officedesign_index .slick-slider{
        padding: 4.5vw 0;
    }
    
    .slideOn  main, .slideOn #footer{
        opacity: 0.2;
        
    }
    #header{
        position: fixed;
        width: 100%;
    }
    
    #header.fixed{
        position: fixed;
        width: 100%;
    }
    #pageslide-nav .inner {
        margin: auto 0;
        position: relative;
    }
    #wrap.slideOn #header{
        left: -240px;
        background: none;
    }
    

    #wrap.slideOn .header-block:after {
        border-bottom: none;
    }
    
    .list1 li{
        padding: 0 0;
        
    }
    
    .common-post .item__ttl{
        padding: 0;
        margin: 0 0 4.5vw 0;
    }
    .common-post--slide {
        margin-bottom: 4.5vw;
    }
    #wrap.slideOn {
        position: relative;
        left: -240px;
    }
    .sec-recommend .ttlcomp-01 {
        margin: 0 0 0 0;
    }
    
    .sec-recommend .txt {
        margin-bottom: 4.5vw;
    }
    .gnav-wrap{
        display:none!important;
    }
    .common-scrollbar{
     margin-bottom: 8vw;   
    }
    
    
    .sec-recommend {
        background-color: #f5f5f5;
        padding: 8vw 4.5vw 8vw 4.5vw;
        margin:8vw 0 0 0;
    }
    
    .works-block .all-view{
    padding: 0 4vw 0 0;
    margin: 2vw 4.5vw 0 0;
    }
    
    .sec-works-officedesign .works-block .all-view{
    padding: 0 4vw 0 0;
    margin: 0 0 0 0;
    }
    
    .works-slider .slick-list{
        margin: 0 0 4.5vw 0;
    }
    
    .works-slider .item .txt .ttl,.works-list-item .item .txt .ttl {
        font-size: 4.6875vw;
    }
    .sec-breadcrumb{
        padding: 8vw 4.5vw ;
    }
    .btn-search {
        margin: 0 0 8vw 0;
        padding: 4.5vw 0;
        height: auto;
    }
    .txWps p {
        padding: 0 0 0 0;
    }
    
    
.box-linktab {
    margin-bottom: 8vw;
}
    
.list-linltabs .item {
    min-width: 32%;
    margin: 0;
}
    
    
.office_move_out {
    text-align:left;
    margin:  8vw 0 4.5vw 0;
    padding: 0 0 0 0;
    font-size: 4.6875vw;
} 
.mo03_style {
    padding-top: 4.5vw;
}
.officeB img {
    padding-bottom: 0;
}
.officeB {
    width: 100%;
    margin: 0 auto 0;
    text-align:left;
}
    
    .moveoutTx{
        margin-top: 8vw;
    }
    
    .mo03_style img{
        width: 100%;
    }  
    .drpl29om img{
        width: 100%;
        margin: 0 0 8vw 0;
    }  
    .dotline_moveout_2 {
        border-top: 1px solid #dedede;
        margin: 0 0 8vw 0;
    }
#solution {
    display:block;
}
    
.mo_text_box {
    width: 100%;
    padding: 0 0 0 0;
   margin: 0 0 0 0;
}  
.new_o_box_back {
    display: none;
}
.dr_image_large {
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    color: #FFF;
    padding: 25vw 4.5vw;
    font-size: 3.75vw;
}
    
.dr_sub_text {
    font-size: 3.125vw;
    text-align: left;
    padding: 4.5vw 0px 0px 0px;
}
    
.boxWrap2 {
    width: 100%;
    margin: 0 auto 0;
}
    
.drpl_1,.drpl_2 {
   width: 100%;
    padding: 8vw 0 0 0;
}    
    
.drone_c {
    width: 100%;
    margin: 0 auto 0;
} 
.dr_ct_1 {
    margin: 8vw 0 0 0;
    padding: 8vw 4.5vw;
} 
.dr_copy_ct1 {
    font-size: 4.6875vw;
    margin: 0 0 4.5vw 0;
}
    
 .tlsecWp {
    padding-bottom: 0;
}
.dotline_moveout {
    border-top: 1px solid #dedede;
    margin-top: 0;
}  
    .officeB .btn,.drone_c .btn{
        margin: 4.5vw auto 0;
        font-size: 3.125vw;         
    }
.list-service .item .btn {
    position: relative;
}
.new_o_box {
    width: 100%;
    height: auto;
    background-color: #60C0F0;
    margin: 0 0 0 0;
    padding: 0;
    border-radius: 7px;
    color: white;
}
    
.out_txt_btn {
    font-size: 3.125vw;
    padding: 4.5vw 8vw;
    margin: 4.5vw 0 8vw;
}
    
.mo_box_1 {
    width: 100%;
    text-align:left;
}
    
    .motitle_1 {
        font-size: 3.75vw;
        text-align: left;
    }
    .works-list-item img {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    width: auto;
    height: auto;
    }
    .works-list-item .mask {
        height: auto;
    }
    .sec-news {
        padding: 0 4.5vw 8vw 4.5vw;
    }
    .works-list-item {
        margin: 0 0;
    }
    .inner2 {
        margin: 0 0;
    }
    .works-list-item .item {
        width: 100%;
        padding: 0 0;
        margin-bottom: 8vw;
    }
    
    .sec-works-list{
        padding: 0 4.5vw;
    }
    
    
    .heading-block.right {
        top: 18px;
    }
    .all-view.top {
        padding: 0 4vw 0 0;
        margin: 2vw 0 0 0;
    }
    .leadTxt,.sec-recommend .txt,.entry-label,.sec-breadcrumb .breadcrumb span,.search-block-content .item p,.mv-wrapper .city .en,.sec-company .ttlcomp-03 span.en{
        font-size: 2.8125vw;
    }

    .works-slider .item .txt,.works-slider .item .img .note-detail,.box-partner,.work-onjun-block .company-box .list-company .col ul li a,.tableDtDt{
        font-size: 3.125vw;
    }
    .chart-block .item .info span,.note,.error{
        font-size: 3.125vw;
        
    }
    .chart-block .item .info strong{
        font-size: 5vw;
        
    }
    
    
    .list-linkinpage a{
        font-size: 3.75vw;
        
    }
    .summary-block {
        margin-bottom: 0;
    }
    .sec-vis-data{
        margin: 0 4.5vw;
        padding-top: 8vw;
        border-top:1px solid #dedede;
        
    }
.back {
    font-size: 3.125vw;
    margin-top: 4.5vw;
}
    
.download-block .download-box .ttl-download {
    font-size: 4.0625vw;
    padding: 8vw 0 4.5vw;
    margin:0 0 0 0;
}
    
.download-block .download-box .list-item .item .txt-basic, .download-block .download-box .list-item .item .common-other-post a, .common-other-post .download-block .download-box .list-item .item a, .download-block .download-box .list-item .item .sec-sv p, .sec-sv .download-block .download-box .list-item .item p, .download-block .download-box .list-item .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .download-block .download-box .list-item .item .item__cnt {
    margin:0 0 4.5vw 0;
} 
    
.download-block .download-box .list-item .item .btn {
    padding: 4.5vw 0;
    margin:0 0 8vw 0;
}
.btn span {
    font-size: 3.125vw;
}  
.ttlcomp-06 span {
    margin-top: 4.5vw;
    text-align: left;
    font-size: 3.125vw;
} 
.contact-page-flex {
    display: block;
    padding: 8vw 4.5vw;
    margin: 0 0 0 0;
}
.contact-page-img {
    width: 100%;
}
.contact-page-content {
    width: 100%;
    padding: 8vw 0 0 0;
    margin: 0 0 0 0;
}
.contact-page-content .ttlcomp-01 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.contact-page-desc {
    font-size: 3.125vw;
    padding: 4.5vw 0 0 0;
    margin: 0 0 0 0;
}
.contact-page-list {
    padding: 4.5vw 0 0 0;
    margin: 0 0 0 0;
} 
    
    
    
    
    
    
    
    
    
.download-block .download-box .list-item .item__img {
    padding: 0 0 0 0;
    margin:0 0 4vw 0;
}
.download-block .download-box {
    padding: 0 0 0 0;
    margin:0 0 0 0;
}
.download-block .download-box .list-item {
    display: block;
    padding: 0 0 0 0;
    margin:0 0 0 0;
}
.download-block .download-box .list-item .item {
    width: 100%;
    padding: 0 0 0 0;
    margin:0 0 0 0;
}
.download-block .download-box .list-item .item .btn {
    max-width: 100%;
    height: auto;
}
    
    .page-download_index{
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.btn-contact:after {
    width: 6px;
    height: 6px;
    right: 4.5vw;
} 
    
.sec-thankyou .txt-thanks {
    margin: 0 4.5vw 8vw;
    padding: 8vw 0 0 0;
    text-align: left;
    border-top: 1px solid #dedede;
    font-size: 3.125vw;
}
    
    .sec-thankyou .btn {
    font-size: 3.125vw;
}
    
    .sec-thankyou {
    padding-bottom: 0;
}
    
.intro-data-block {
    padding-bottom: 8vw;
        border-top:none;
        border-bottom:1px solid #dedede;
}
    .chart-block .item-full .info{
        margin: 0;
        padding: 0 0 8vw 0;
    }
    .intro-data-block {
        padding-bottom: 4.5vw;
    }    

    .intro-data-block .ttl-data {
        padding-bottom: 4.5vw;
        margin: 0;
    }

    
.chart-block .item-wp {
    padding: 0 0;
    margin-bottom: 8vw;
}

    
.chart-block {
    display:block;
    margin: 0 0 0 0;
}    
    
.chart-block .item-full {
    width: 100%;
    border-right: none;
    border-bottom: none;
    border-top: none;
    padding:0 0 0 0;
}  
    
.chart-block .item{
    padding: 8vw 0;
    border-top: none;
    border-right:  none;
    border-left:  none;
    border-bottom: 1px solid #dedede;
    width: 100%;
    margin: 0 0 8vw 0 ;
}
    
    
    .chart-block .item:nth-child(n + 2){
        padding: 0 0 8vw 0;
    }
    
.time-line .items .year .ttl {
    font-size: 7.5vw;
    padding: 8vw 0;
    margin-bottom: 8vw;
}
.chart-block .item-wp {
    padding: 0 0;
    margin-bottom: 0;
}
.time-line {
    margin-bottom: 8vw;
}
    .history-block {
    padding: 8vw 4.5vw;
}
    
.sec-history {
    padding-bottom: 0;
}
.chart-block .item-full .info {
    padding-left: 0;
}
    .works-slider .item .txt,.yty,.seTxt,.item__ttl {
        font-size: 3.125vw;
    }
    .memberPage #header .inner-lg .mobile-icon {
        position: absolute;
        top: 50%;
    }
    .news-list .item a,.tab-servicesub a{
        font-size: 3.125vw;

    }
    .btn-name,.sec-sv p{
        font-size: 3.125vw;
        text-align: left;
        
    }
    .sec-sv .menus p{
        text-align: center;
        font-size: 3.125vw;
        
    }
    .pagination a, .pagination span,.btn-comp01 .jp,.commonWp p{
        font-size: 3.125vw;
        
    }
    .txt-basic, .common-other-post a{
        font-size: 3.125vw;
        
    }
    
    .list-questions .item .txt-basic{
        padding: 0 0 8vw 0;
        margin: 0 0 0 0;
    }
.question-block {
    margin-bottom: 0;
}
 .btn.btn-bg:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.corporate-block .item .txt-basic p, .corporate-block .item .common-other-post a p, .common-other-post .corporate-block .item a p, .corporate-block .item .sec-sv p p, .sec-sv .corporate-block .item p p, .corporate-block .item .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .corporate-block .item .item__cnt p {
    margin-bottom: 4.5vw;
}
    
    
    
.sec-company {
    padding: 8vw 4.5vw 0;
}    
.company-list {
    justify-content: space-between;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
    
    
.company-list .item {
    width: 48%;
    padding: 0 0 0 0;
    margin:0 0 0 0;
} 
.company-list .item a {
    padding: 4.8vw 8vw 4.8vw 0;
} 
    

    
    .box-des{
        margin: 0 4.5vw;
    }
    .block-description.box-relative .box-des{
        margin: 0 0;
        
    }
    
    
    .list-subinfor .list {
        padding: 8vw 4.5vw 0 4.5vw;
        display: block;
    }
    .list-subinfor .list .item {
        width: 100%;
    }
    
    
    
    
    .block-description .heading-block {
        margin:8vw 0 0 0;
    }
    .block-description .block-descriptionsub{
        margin:8vw 0 0 0;
        
    }
    
    
    
    
    
    
    .sec-sv__video iframe {
        height: 350px;
    }
    
    .ttlcomp-01 span.jp{
        font-size: 4.6875vw;
        
    }
    .corporate-block .item-img .info {
        width: 100%;
    }
    .mv-wrapper .mv-content .member-name span.en,.corporate-block .item-ttl{
        font-size: 4.375vw;
        
    }
    .list-linltabs .item a{
        font-size: 3.125vw;
    }
    .chart-block .item .info small{
            font-size: 3.125vw;
        
    }
    .company-list .item a * {
            font-size: 3.125vw;
    }
    .sec-company .ttlcomp-03 span.jp,.intro-data-block .ttl-data,.block-map .box-map__ttl{
        font-size: 4.375vw;
    }
.chart-block .item .info small {
    top: 0;
}
.txt-member {
    padding: 0 0 0 0;
    margin: -8vw auto 0;
}
    
    .intro-heading-block .all-view.top {
        position: relative;
        top: 0;
        right: 0;
        padding: 0 4vw 0 0;
        margin: 0 0 4.5vw 0;
    }
    
    .block-map .box-map .img {
        width: 100%;
        padding-top: 0;
    }
        
    .intro-heading-block,.intro-heading-block .ttlcomp-01,.member-block .ttlcomp-01 {
        margin-bottom: 4.5vw;
    }
    .member-block .img {
        margin-bottom: 8vw;
        padding: 0 0;
    } 

    .member-block .info-content {
        padding: 8vw 4.5vw ;
    }  
    .member-block-full img{
        margin-bottom:4.5vw;
    }
    
    .member-block-full {
        margin-bottom:8vw;
    }
.question-block .ttlcomp-01 {
    margin-bottom: 4.5vw;
}
.question-block .list-questions {
    margin: 0 0;
    display: block;
}
   .question-block .list-questions .item {
    padding: 0 0;
}
.question-block .list-questions .item {
    width:100%;
    padding: 0 0 0 0;
}
    .page-member_page1_index .works-slider + .common-scrollbar:last-child {
        margin-bottom: 0;
    }
    
.corporate-block .item-ttl {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.memberPage #header {
    position: fixed;
}
    .corporate-block .item-img .img {
        width: 100%;
        margin: 8vw 0 0 0;
    }
    .corporate-block .wp-inner {
        margin: 0 4.5vw;
    }
    
    .sec-summary-top{
        margin: 0 4.5vw;
    }
    
   .corporate-block .item {
    display: block;
    padding: 8vw 0 0 0;
       margin: 8vw 0 0 0;
} 
.corporate-block {
    margin-bottom: 0;
    padding-bottom: 8vw;
} 
    .corporate-block--style02 .item:first-of-type .info {
    order: 1;
    padding: 0 0 0 0;
}
    .mv-wrapper .mv-content .member-name span.jp{
        font-size: 2.8125vw;
    }
    
    .ttlcomp-06{
        font-size: 4.375vw;
        
    }
    
    .sec-office{
        margin: 0 4.5vw; 
        
    }
    .ttlcomp-06 {
        text-align: center;
        margin:8vw 0 4.5vw 0;
    }
    
    .sec-office .inner .txt-basic.txt-center{
        text-align: left;
        
    }
    .works-award__ttl,.ttl-yellow-line,.work-onjun-block .company-box__ttl,.ttlcomp-02{
        font-size: 4.375vw;
    }
    .sec-office .block-service {
        margin: 8vw 0 0 0;
    }
    
    .sec-office .heading-block.txt-bd{
         margin: -3vw 0 0 0;
    }
    
    .list-service {
        display:block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .list-service .item {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    
    .list-service .item .img {
        text-align: center;
        max-width: 120px;
        margin: 8vw auto 4.5vw;
    }
    .btn.btn-bg:after {
        right: 18vw;
    }
    
.tab-servicesub a:after {
    right: 6vw;
    }
    
    .sec-office .proposal-page-block .ttlcomp-01 {
        max-width: 100%;
        padding: 0 0 04.5vw 0;
        margin: 0 0 0 0;
    }
    .sec-office .block-reasons {
        padding: 8vw 0 0 0;
        margin: 8vw 0 0 0;
    }

    .tab-service {
        margin: 0 0 0 0;
        display: block;
    }
    .tab-servicesub {
        width:100%;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    
    .tab-servicesub a {
        width: 100%;
        padding: 4.5vw 8vw;
        margin: 0 0 2vw 0;
        height: auto!important;
    }

    .block-faq {
        margin-bottom: 0;
    }
    
    .list-faq .item:last-child {
        margin-bottom: 8vw;
    }
    
    .sec-news-release{
        margin: 0 4.5vw;
        
    }
    .layout-l {
        width: 100%;
        padding:0 0 0 0;
    }
    .layout-r {
        display: none;
    }
    .ttlcomp-05 {
        padding: 0 0 4.5vw 0;
        margin: 8vw 0 4.5vw;
    }
    
    .sec-news-release .common-post{
        margin: 8vw 0 0 0;
    }
    
    .common-post .row {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    .sec-member{
        margin:0 4.5vw;
    }
    .common-post .col {
        width: 100%;
        margin: 0 0 0 0;
        padding: 0 0 8vw 0;
    }
    
    .sec-member .navs-page {
        margin-bottom: 0;
    }
    
    
.list-member .row {
    display: block;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}
    
.list-member .col {
    padding: 8vw 0 0 0;
    width: 100%;
    margin:0 0 0 0;
}
    
.list-member .item__content {
    position: relative;
    padding-top: 4.5vw;
}
    
.sec-member-detail{
    margin: 0 4.5vw;

}   
.mv-wrapper {
    margin:0 0 0 0;
}
.mv-inr {
    display: block;
    position: relative;
}
.mv-wrapper .city {
    position: absolute;
    top: -39px;
    right: 0;
}
    
.mv-wrapper .mv-content {
    padding: 4.5vw 8vw;
}
.mv-wrapper .city .en {
    padding: 2vw 4.5vw;
} 
    
    .sec-corporate{
       margin: 0 4.5vw;
    }
    
    
    
    
    
    .common-detail {
        padding-bottom: 0;
    }

    .sec-news-release-page {
        padding: 22vw 4.5vw 0 4.5vw;
    }
    .sec-news-release-page .common-detail {
        padding-bottom: 0;
    }  
    .common-detail__content .centerText {
        margin: 0 auto 4.5vw;
    }
    .common-post .item__img {
        margin-bottom: 4.5vw;
        height: auto!important;
    }
    
    .proposal-page-block .txt-basic p, .proposal-page-block .common-other-post a p, .common-other-post .proposal-page-block a p, .proposal-page-block .sec-sv p p, .sec-sv .proposal-page-block p p, .proposal-page-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .proposal-page-block .item__cnt p {
        padding: 0 0 4.5vw 0;
        margin: 0 0 0 0;
        
    }    
    .sec-office .proposal-page-block .txt-basic, .sec-office .proposal-page-block .common-other-post a, .common-other-post .sec-office .proposal-page-block a, .sec-office .proposal-page-block .sec-sv p, .sec-sv .sec-office .proposal-page-block p, .sec-office .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .sec-office .proposal-page-block .item__cnt {
        padding:0 0 0 0;
        width: 100%;
    }
    
    .sec-office .proposal-page-block .img {
        width: 100%;
    }
    .proposal-page-block {
        display: block;
        margin-bottom: 8vw;
    }
    .sec-sv__txt{
        font-size: 4.0625vw;
        text-align: left;
    }
    .list-link li a,.works-office-intro .ttlcomp-04 small{
        font-size: 3.125vw;
    }
    .sec-office .box-service {
        padding-top: 0;
    }
    .ttlcomp-07 small ,.ttlcomp-01 small,.ttlcomp-04 span{
        font-size: 5vw;
    }
    .txWps p{
        font-size: 3.125vw;
        text-align: left;
        
    }
.proposal-block .item__info .number,.list-case .item__info .number {
    font-size: 33vw;
}
.people-block .item-main .txt-basic, .people-block .item-main .common-other-post a, .common-other-post .people-block .item-main a, .people-block .item-main .sec-sv p, .sec-sv .people-block .item-main p, .people-block .item-main .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .people-block .item-main .item__cnt{
        font-size: 3.125vw;
    
    }
    
.people-block .item-main .txt-basic, .people-block .item-main .common-other-post a, .common-other-post .people-block .item-main a, .people-block .item-main .sec-sv p, .sec-sv .people-block .item-main p, .people-block .item-main .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .people-block .item-main .item__cnt{
    padding: 0 0 4.5vw 0;
    margin: 0;
    }
    .ttlcomp-07.ttl-bdb small:after {
        bottom: -7.5vw;
    }
    
    .people-block .item-sub {
        width: 100%;
        border-top: 1px solid #dedede;
        padding: 4.5vw;
        text-align: center;
        margin: 0 0 0 0;
    }
    
    .sec-works-officedesign .inner{
        padding: 8vw 4.5vw 0 4.5vw;
    }
    
    .sec-works-officedesign .inner .btn-search {
        margin: 0 0 0 0;
    }    
    .note-detail{
        display:none;
        
    }
    

    .work-onjun-block .company-box .list-company .col:nth-child(3n + 1),.work-onjun-block .company-box .list-company .col:nth-child(3n + 2),.work-onjun-block .company-box .list-company .col:nth-child(3n + 3) {
       width: 100%;
    }
    .txWps{
    margin: 0 0 0 0;
    }
    
    .sec-works-officedesign {
    padding: 5vw 0 0 0;
    margin: 8vw 0 0 0;
    }
    .ttlcomp-07 {
        margin-bottom: 10.5vw;
    }
    .ttlcomp-07.ttl-bdb small:after {
        height: 1px;
    }
    .common-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #fff004;
        height: 10px;
    }
    
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
            margin: 2px auto;
    }

    .works-award__list {
        width: 100%;
        display: block;
        margin:0 0 0 0;
    }
    .search-block .search-block-content .item{
        margin:0 0 4.5vw 0;
         
    }
    .people-block {
        display:  block;
        margin: 0 0 0 0;
    }
    .people-block .item {
        width: 100%;
        padding: 0 0 8vw 0;
        margin: 0 0 0 0;
    }
    
    .faqTx{
        flex: 1;
        padding: 0 4.5vw;
    }
    .list-linltabs .item a{
        height: auto;
        padding: 4.5vw 2vw;
    }
    
    

    
.list-linkinpage {
    display: block;
}
    
.list-linkinpage {
    margin-bottom:8vw;
}
    
.list-linkinpage .item {
    margin-right: 0;
    margin-bottom: 1vw;
}
    .company-list .ttlcomp-01 span.en{
        font-size: 3.125vw;
    }
    .block-description .box-description .txt .jp{
        font-size: 3.125vw;
    }
    .page-company_coworking_index .box-des p{
        text-align: left;
        padding-top: 4.5vw;
        
    }
    
.list-subinfor .list .item .item-img {
    margin-bottom: 4.5vw;
}
.btn-contact {
    height: auto;
    padding: 4.5vw;
    font-size: 3.125vw;
    margin: 0 4.5vw!important;
    width: auto;
}    
    
    
.box-infocompany {
    margin: 0 4.5vw;
    display:block;
    padding-bottom: 0;
}
    
.box-infocompany .list-inforcompany {
    width: 100%;
    padding: 0 0;
}
.list-subinfor {
    margin-bottom: 0;
}
.list-inforcompany .item {
    margin-top:8vw;
}
    
.list-inforcompany .item-ttl {
    margin-bottom: 4.5vw;
}
    
    .list-inforcompany .item-ttl span{
        font-size: 4.375vw;
    }
.block-map .box-map .txt {
    margin:0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}
.block-description {
    padding: 0;
    margin: 0;
}
    
.block-description.box-relative .block-descriptionsub {
    margin:0 0 0 0;
}
.block-description .box-description {
    margin:8vw 0 0 0;
    padding: 0 0 0 0;
}  
    .contact-page-list li span:nth-child(2){
        font-size: 3.125vw;
    }
    
    .contactus-txt,.contact-form__content dl dt span,.contact-form__content dl dt, .contact-form__content dl dd,.input, .textarea{
        font-size: 3.125vw;
        text-align: left;
    }
    
    .sec-download{
        margin:0 4.5vw;
    }
    .contactus-txt {
        border: 1px solid #dddddd;
        border-radius: 4px;
        padding: 8vw 4vw;
        margin: 0 auto;
    }
    
    .contact-form {
        padding: 8vw 0 0 0;
    }
.contact-form__content dl {
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 4.5vw 0 ;
    width: 100%;
}
.contact-form__content dl dt {
    display: block;
    padding: 0 0 2vw 0;
    margin: 0 0 0 0 ;
    width: 100%;
}
    
.checkbox {
    display: block;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0 ;
    width: 100%;
}
    

.g-recaptchaBox {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
    margin: 4.5vw auto 0;
}
    
.contact-form__content .btn-contact {
    height: auto;
    padding: 4.5vw 0;
    margin: 4.5vw 0 0 0!important;
    width: 100%;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
.contact-form__content dl dt, .contact-form__content dl dd {
    display: block;
    padding: 0 0 4.5vw 0;
    margin: 0 0 0 0 ;
    width: 100%;
}
    
.contact-form__content dl dt span {
    width: auto;
    height: auto;
    display: inline-grid;
    padding: 5px;
    margin: 0 0 0 2vw;
    border-radius: 4px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .list-linkinpage a{
        display:  block;
    }
.list-linkinpage a .icon {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    display: inline-block;
    position: relative;
    min-width: 10px;
    margin-left: 4.5vw;
    background: #fff;
}
    
    
    
    .sec-map{
        margin: 8vw 4.5vw 0;
        
    }  
    
    .block-map .box-map {
        margin:0 0 0 0;
        display: block;
        padding: 8vw 4.5vw;
    }
    
.block-map .box-map__ttl {
    margin-bottom: 4.5vw;
}
    
    .sec-office .box-faq .ttlcomp-07 {
        padding: 0 0 0 0;
        margin: 0 0 4.5vw 0;
    }
    .ttlcomp-07.ttl-bdb small:after {
        display:  none;
    }
    
    .list-faq .item {
        margin-bottom: 1vw;
    }
    
.list-faq .item-q {
}
    
    .works-award__list .item {
        padding: 0 0 0 0 ;
        margin: 0 0 1vw 0;
        width: 100%;
    }
    .list-faq .ico-q {
        width: 60px;
        height: 60px;
        background: #969696;
        position: relative;
        display: inline-block;
        margin: 0 0 0 0;
    }
    
    .list-faq .item-a {
        margin: 0 0 0 0;
        padding: 4.5vw 0;
    }
    .sec-mv-page{
        margin: 0 4.5vw;
    }
    .work-onjun-block .company-box {
        padding: 8vw 0 0 0;
    }
    .work-onjun-block .company-box__ttl {
        margin-bottom: 4.5vw;
    }
    .work-onjun-block{
        margin: 0 4.5vw;
    }
    .people-block .item-main .wp .img {
        width: 100%;
    }
    
    .list-case .item__info {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .list-case .item__info .wp {
            padding: 8vw 0 0 16vw;
            margin: 0 0 0 0;
    }
    
    
    
.tableDt{
    width: 100%;
    border: none;
}

.tableDtDt{
    width: 100%;
    display: block;
    
}

.tabledt{
    width: 100%;
    background: #f8f8f8;
    border: none;
    padding: 2vw 4.5vw;
}

.tabledd{
    width: 100%;
    border: none;
    padding: 2vw 4.5vw;
    margin-bottom: 4.5vw;
    
}

    
    
    
    
    .sec-sv__ttl img {
        max-width: 100%;
        margin: -20vw 0px 0 0;
    }
    
    
    
    .people-block .item-main .wp .img {
        margin: 0 0 4.5vw 0;
    }
    .work-onjun-block .company-box .list-company .col {
        padding-right: 0;
    }
    .work-onjun-block .company-box .list-company .col:nth-child(3n + 3){
        padding-bottom: 8vw;
        
    }
    .sec-work-onjun {
        padding-bottom: 0;
    }
    .page-work_officedesign_index .inner2 .txWps{
        padding-bottom: 8vw;
    }
    .people-block .item-main .wp {
        margin: 4.5vw 0 4.5vw 0;
    }
    
    .ttl-yellow-line {
        padding-bottom: 4.5vw;
        margin-bottom: 0;
    }
    .people-block .item-main {
        
        padding: 0 0 0 0;
    }
    .videoBg{
        display:  block;
        width: 100%;
        height: 500px;
        background: url("../img/common/img-0.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .videoBg2{
        display:  block;
        width: 100%;
        height: 250px;
        background: url("../img/service/svrMv.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .client-block-page .client-block-content .box-partner {
        margin-bottom: 4.5vw;
    }
    .works-award__box {
        padding: 8vw 4.5vw 8vw 4.5vw;
        margin: 0 0 8vw 0;
    }
    
    .works-award__item{
        display:block;
    }
    
    .inner-lg {
        padding: 0 0;
    }
    .works-award__ttl {
        width: 100%;
        padding: 4.5vw 0 4.5vw 0;
        text-align: center;
    }
    
    #header .inner-lg .header-block {
        padding: 10px 4.5vw;
    }
    .works-award__list .item .ttl {
        padding: 2vw 0;
        margin:  0 0 1vw 0;
    }
    .inner-lg2 .slick-arrow.slick-next {
        right: 4.5vw;
    }

        .inner-lg2 .slick-arrow.slick-prev {
        left: 4.5vw;
    }
    .works-office-intro .ttlcomp-04 small {
        margin: 0 0 0 0;
    }
    .ttlcomp-04 {
        margin-bottom: 4.5vw;
    }
    .works-office-intro{
    margin: 0 4.5vw 8vw 4.5vw;
    }
    .search-block-content {
        display: block;
        margin: 0 0 0 0;
    }
    .search-block-content .item {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: 100%;
    }
    .services-block-content .btn,.search-block-content .item span{
        padding: 4.5vw;
        
    }
    .concept-page-block .img-top {
        width: 100%;
        padding: 0 0 0 0;
    }
    .concept-page-block .img-bottom {
        display: none;
    }
    .sec-concept-page-heading {
        padding-top: 21vw;
    }
    
    .concept-page-block .txt-basic .ttlcomp-01, .concept-page-block .common-other-post a .ttlcomp-01, .common-other-post .concept-page-block a .ttlcomp-01, .concept-page-block .sec-sv p .ttlcomp-01, .sec-sv .concept-page-block p .ttlcomp-01, .concept-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .concept-page-block .item__cnt .ttlcomp-01 {
        margin-bottom: 8vw;
    }
    .sec-concept-page {
        padding: 0 0 8vw 0;
        z-index: 2;
    }

    .proposal-block {
        display: block;
    }
    .concept-page-block {
        padding: 0 0;
    }
    .sec-proposal {
        padding: 5vw 0 0 0;
        margin-top: 0;
    }
    
    .proposal-block .item__info {
        padding: 8vw 0 0 16vw;
    }
    .proposal-block .item {
        width: 100%;
    }
    .client-block-page,.services-block,.search-block,.people-block{
    margin: 0 4.5vw 8vw 4.5vw;
        
    }
    .proposal-block .item:nth-child(2) {
        margin-top: 0;
    }
    .proposal-block .item:nth-child(3) {
        margin-top: 0;
    }
    .sec-sv__txt{
        margin: 0 0 4.5vw 0;
    }
    
    .sec-sv{
        margin: 0 4.5vw;
    }
    .sec-sv__video {
        margin: 0px 0px 8vw 0 ;
    }
    
    .sec-sv .ttlcomp-01 span.jp {
        padding-bottom:0;
    }
    
    .sec-sv .list-sv {
        display: block;
        margin: 0px 0 0 0;
    }

    .sec-sv .list-sv .item {
        width: 100%;
        padding: 0 0 8vw 0;
        margin: 0 0 0 0;
    }  
    .sec-sv .list-sv .item__cnt .btn {
        margin: 0 auto 0px;
    }
    .sec-sv .list-sv .item__cnt .ttl {
        height: auto!important;
        margin-bottom: 4.5vw;
    } 
    .sec-sv p {
        height: auto!important;
    }  

        .sec-sv {
        padding: 0 0 0 0;
    }

    .proposal-page-block .txt-basic, .proposal-page-block .common-other-post a, .common-other-post .proposal-page-block a, .proposal-page-block .sec-sv p, .sec-sv .proposal-page-block p, .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-page-block .item__cnt{
        padding: 0 4.5vw;
        margin: 0 0 0 0 ;
    }
.proposal-page-block .txt-basic, .proposal-page-block .common-other-post a, .common-other-post .proposal-page-block a, .proposal-page-block .sec-sv p, .sec-sv .proposal-page-block p, .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-page-block .item__cnt{
    margin: 0 0 0 0 ;
    
    }
    .proposal-page-block .txt-basic .ttlcomp-01 span.en, .proposal-page-block .common-other-post a .ttlcomp-01 span.en, .common-other-post .proposal-page-block a .ttlcomp-01 span.en, .proposal-page-block .sec-sv p .ttlcomp-01 span.en, .sec-sv .proposal-page-block p .ttlcomp-01 span.en, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.en, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 span.en{
        margin: 0 0 4.5vw 0;
    }
    .proposal-page-block .img {
        margin-bottom: 8vw;
    }
    .proposal-page-block .img img {
        width: 100%!important;
        height:100%!important;
    }
    .proposal-block .item{
        padding-bottom: 8vw;
    }
    .box-proposal-page {
        margin-bottom: 0;
    } 
    .ttlcomp-02 {
        margin-bottom: 4.5vw;
    }
    .proposal-block .item__info .txt-basic, .proposal-block .item__info .common-other-post a, .common-other-post .proposal-block .item__info a, .proposal-block .item__info .sec-sv p, .sec-sv .proposal-block .item__info p, .proposal-block .item__info .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-block .item__info .item__cnt{
        margin-bottom: 4.5vw;
    }
    .slider-office .slider-nav {
        bottom: -8vw;
    }
    .slider-office {
        margin-bottom: 16vw;
    }
    #header .inner-lg .mobile-icon {
        width: 45px;
        height: 45px;
        right: 10px;
        top: 50%;
    }
    #header .inner-lg .logo {
        display: block;
        width: 55px;
        height: auto;
    }
    
    #video {
        width: auto;
        min-height: 550px;
    }
    
    .sec-video .inner-lg {
        padding: 0 0;
    }
    .pagination a, .pagination span {
        min-width: 32px;
        min-height: 32px;
        padding: 8px 0 0 0;
        margin: 0 1vw 1vw 0;
    }
    
    .sec-download-detail{
        margin: 0 4.5vw;
        padding: 0 0 0 0;
    }
    
    .sec-download-detail .heading-block.txt-bd{
        margin: -3vw 0 0 0;
    }
    
    .list-download-detail {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0;
    }
    .list-download-detail .item-lg {
        padding: 0 0;
        margin: 0 0 1vw 0;
        width: 100%;
    }
    .list-download-detail .item-sm {
        width: 100%;
        margin: 0 0 1vw 0;
        padding: 0 0;
    }
    .btn-comp01--center {
        padding: 4.5vw 8vw;
    }

    .btn-comp01:after {
        right: 4.5vw;
    }
    .pagination {
        padding: 8vw 0;
    }
    .sec-colum-page{
        margin: 0 4.5vw;
    }
    
    .common-detail__head {
        margin-bottom: 4.5vw;
    }
    .common-detail__head .ttlcomp-02 {
        margin-bottom: 4.5vw;
    }
    
    .common-detail__contentwp {
        width: 100%;
        display: flex;
        margin-top: 4.5vw;
        padding: 0 0 0 0;
        border: none;
    }
    .commonWp p {
        padding-bottom: 4.5vw;
    }
    
    .common-detail__content .centerText {
        margin: 0 auto 4.5vw;
    }
    
    
    
    
    main {
        padding-top: 0;
    }
    
    .sec-video {
        padding: 0 0 4.5vw 0;
    }
    
    .works-slider {
        margin: 0 4.5vw;
    }
    
    .works-slider .item {
        margin-right: 4.5vw;
    }
    .works-slider .item:hover .img:after, .works-slider .item:hover .img .note-detail {
        opacity: 0;
    }
    
    .works-slider + .common-scrollbar {
        margin: auto 4.5vw;
    }
    
    #movieWrap {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        background: none;
    }
    
    
    .leadTxt {
        width: auto;
        padding: 0 4.5vw;
    }
    .case-stady-block {
        padding: 8vw 4.5vw;
    }

    .playbtnWp .playBtn svg {
        width: 100px;
        height: 100px;
    }
    .proposal-page-block {
        margin-bottom: 8vw;
    }
    .playBtnsvg-Wp {
        height: 100px;
    }
    .case-stady-block:after {
        left: 0;
        right: 0;
    }
    
    .sec-sv__ttl {
        display: block;
        text-align: center;
        margin: 0 0 0 0;
        position: relative;
    }
    .sec-sv__ttl .img {
        position: relative;
        padding:0 0 0 0 ;
    }
    .playbtnWp {
        width: 100px;
        height: 100px;
    }
    .sec-sv__ttl .heading-block {
        position: relative;
        margin: 0 0 0 0;
    }        
    .play {
            width: 100px;
            height: 100px;
    }
    .brn{
        display: none;
    }
    
    .sec-sv p{
        margin-bottom: 8vw;
        
    }
    .case-stady-block .ttlcomp-01 {
        margin: 0 0 4.5vw 0;
        padding: 0 0 0 0;
    }
    .sec-works {
        padding: 0 0 0 0;
        margin-top: 4.5vw;
    }
    
    .ttlcomp-01 {
        margin-bottom: 4.5vw;
    }
    
    .sec-works .ttlcomp-01 {
    }
    
    
    #header .inner-lg .mobile-icon {
        border: none;
    }
    
    #header .inner-lg .header-block {
        border: none;
    }
    
    .works-slider .slick-prev, .works-slider .slick-next {
        display: none!important;
    }
    .sec-works-officedesign-heading{
        padding: 0 4.5vw;
    }
    .inner {
        margin: auto 0;
        padding: 0;
    }
    
    .works-slider + .common-scrollbar:last-child {
        margin-bottom: 8vw;
    }
    
    .sec-service .inner-lg, .sec-concept-page .inner-lg, .sec-proposal .inner-lg, .sec-vision-page .inner-lg, .sec-download .inner-lg, .sec-coworking .inner-lg {
        padding: 0 4.5vw;
    }
    
    .sec-service {
        padding: 8vw 0;
    }
    
    .seTxt {
        padding-top: 4.5vw;
    }
    .sec-concept:before {
        display: none;
    }
    
    .sec-concept .inner-lg {
        padding: 0 0 8vw 0;
    }
    
    .sec-client {
        padding: 3vw 4.5vw 0 4.5vw;
    }
    
    .page-index .sec-client {/*s*/
        padding: 8vw 4.5vw 4.5vw 4.5vw;
    }
    .page-index .all-view.top {
        padding: 0 4vw 0 0;
        margin: 0 0 0 0;
    }
    .sec-concept {
        padding: 8vw 0 0 0;
        margin-bottom: 0px;
    }
    .page-index .concept-block .img {
        margin-bottom: 8vw;
    }
    
    
    
.works-list-item .item:hover .img:after, .works-list-item .item:hover .img .note-detail {
    opacity: 0;
}
    
    
    
    
    
    
    
.concept-block .img {
    margin-bottom: 4.5vw;
}
    
.concept-block .txt-basic, .concept-block .common-other-post a, .common-other-post .concept-block a, .concept-block .sec-sv p, .sec-sv .concept-block p, .concept-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .concept-block .item__cnt {
    width: 100%;
    padding: 0 4.5vw;
    max-width: 100%;
}
    
.btn {
    max-width: 80%;
    height: auto;
    padding: 4.5vw 0;
}
    
.contact-block .inner-lg .link-dowload {
    padding: 8vw 4.5vw;
}
    
    
.contact-list .item .txt-basic, .contact-list .item .common-other-post a, .common-other-post .contact-list .item a, .contact-list .item .sec-sv p, .sec-sv .contact-list .item p, .contact-list .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .contact-list .item .item__cnt {

    padding: 8vw 4.5vw 8vw;
} 
    
    
    .contact-list .item {
        padding-bottom: 0;
    }
    
    
    .contact-list .item {
        margin-bottom: 8vw;
    }
    .contact-list {
        padding: 0 0 8vw 0;
    }
    
    #footer .footer-menu li{
        margin: 0 10px 10px 10px;
    }
    .share li {
        margin: 0 3px;
    }
    
    .gnav-content-col.left{
        display: none!important;
    }
    
    .gnav-wrap .inner-wrap .gnav-content .gnav-content-col.right {
        width: 100%;
    }
    .cnt {
        padding: 4.5vw;
    }

    ul.list li {
        width: 50%;
        margin-bottom: 8vw;
    }
    
    #header .inner-lg .mobile-icon{
        position: absolute;
    }
    
    .playBtnsvg-Wp{
        width: 100px;
    }
    
    .play_sp{
    height: 100px;
    width: 100px;
    }
    
    .tlWp {
        padding-top: 58px;
        margin: 16vw 0;
    }
    .ttlcomp-01 span.jp{
        padding-bottom: 0px;
        
    }
    
    .navs-page {
        flex-wrap: wrap;
        padding: 8vw 0 7.5vw;
        margin-bottom: 0;
        position: relative;
    }
    .navs-page:after {
        content: "";
        display: block;
        width: 50%;
    }
    .navs-page li a {
        
        padding: 1vw 2vw 1vw 4.5vw;
        text-align: left;
        position: relative;
    }
    
    .navs-page li.active a {
        background: #FFF;
        color: #333;
    }
    
    .navs-page li a:after {
        content: "";
        width: 5px;
        height: 12px;
        background: url(../img/common/arrow-link.png) no-repeat;
        position: absolute;
        left: 1vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .navs-page li {
        margin: 0 0;
        width: 50%;
    }
    .btn-name{
        display: block;
        width: auto;
        padding: 2vw 4.5vw;
        max-width: fit-content;
        margin: 0 0 4.5vw 0;
    }
    .search-block-content .item p {
        margin-bottom: 4.5vw;
    }
    
    .search-block .ttl-yellow-line, .client-block-page .ttl-yellow-line {
            margin: 0 0 8vw 0;
            padding: 0 0 4.5vw 0;
    }
    .client-block-page .client-block-content .txt-basic p, .client-block-page .client-block-content .common-other-post a p, .common-other-post .client-block-page .client-block-content a p, .client-block-page .client-block-content .sec-sv p p, .sec-sv .client-block-page .client-block-content p p, .client-block-page .client-block-content .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .client-block-page .client-block-content .item__cnt p {
        margin-bottom: 4.5vw;
    }
    
    .notice p {
        padding-bottom: 4.5vw;
    }

    .notice {
        padding-bottom: 0;
    } 
    .notice h1 {
        margin-bottom: 4.5vw;
        padding-bottom: 4.5vw;
    } 
    .bxWrap2 {
        padding-bottom: 0;
    }
.worksPage main {
    padding-top: 0px;
}
.memberPage main {
    padding-top: 0px;
}
    
}
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 320px) {

}