@charset "utf-8";

#contents{
    max-width: 100%;
    margin: 0 auto;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
#id_ContentsAddthis .share_sct .ttl{
    font-family: Arial, sans-serif;
}
.id_ContentsAddthis_top .share_sct{
    padding: 0;
    border-top: 0;
    height: 32px;
}

@media (max-width: 640px){
    .id_ContentsAddthis_top .share_sct{
        padding: 0 16px 40px;
    }
}

.frtgr_b{
    font-family:'Frutiger LT W01_65 Bold1475746', Arial, sans-serif;
}
.frtgr_r{
    font-family:'Frutiger LT W01_55 Roma1475738', Arial, sans-serif;
}
.frtgr_l{
    font-family:'Frutiger LT W01_45 Ligh1475730', Arial, sans-serif;
}


/*--------------------------------------------------*/

#edw *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#edw{
    line-height: 1;
}
#edw a{
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
}
#edw a:focus{
    outline: none;
}
/*
#edw a{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw a:hover{
    opacity: 0.50;
}
*/
#edw img{
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}
@media screen and (max-width:640px){
    #edw img{
        width: 100%;
        height: auto;
    }
}
#edw .dp_sp{
    display: none;
}
@media screen and (max-width:640px){
    #edw .dp_sp{
        display: block;
    }
    #edw .dp_pc{
        display: none;
    }
}

/*Clearfix*/
#edw .cf:before,
#edw .cf:after{
    content: "";
    display: block;
    overflow: hidden;
}
#edw .cf:after{
    clear: both;
}
#edw .cf{
    zoom: 1;
}
#edw .clear{
    clear: both;
}

/*Margin*/
#edw .mt0{
    margin-top: 0;
}

#edw .edw_column .box_inner {
  position: relative;
}

.hd_brd_crmb,
.hd_shr_sct,
.hd01{
    line-height: 1.4;
}

.clr:before,
.clr:after { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }

.hd_brd_crmb { max-width: 1024px; margin: 0 auto; padding: 16px 8px; border-bottom: 0px solid #c9c9c9; }
#gl_header .hd_brd_crmb { max-width: 1008px; margin: 0 auto; padding: 16px 8px; border-bottom: 0; }
.hd_brd_crmb ul { float: left; overflow: hidden; margin-top: 4px; }
.hd_brd_crmb ul li { float: left; margin-right: 4px; font-size: 14px; }
.hd_brd_crmb ul li:after { content: ">"; }
.hd_brd_crmb ul li.act:after { content: ""; }
.hd_brd_crmb ul li a,
.hd_brd_crmb ul li span { padding: 0 4px 0 0; }

.hd_shr_sct { float: right; display: block; text-align: right; }
.hd_shr_sct .ttl { display: inline-block; margin-right: 16px; color: #717171; font-weight: bold; vertical-align: top; }
.hd_shr_sct .dtl { display: inline-block; }
.hd_shr_sct .dtl img { vertical-align: bottom; }

.hd_shr_sct { overflow: hidden; height: 32px; }
.hd_shr_sct .ttl { margin-top: 6px; }

/*
.share_sct{
    overflow: hidden;
    margin: 8px 0;
    padding: 16px 0 0;
    border-top: 2px solid #dedede;
height: 32px;
}
*/
@media screen and (max-width:640px){
    .hd_brd_crmb,
    .hd_shr_sct {
        display: none;
    }
}


/*---------------------------------Contents*/

#edw .edwblock{
    font-family:'Frutiger LT W01_55 Roma1475738', Arial, sans-serif;
    width: 100%;
}

/*Reset*/
.drop_down,
.drop_down ul li,
.drop_down p{
    font-family: Arial, sans-serif;
}

#edw .edwblock .inner{
    margin: 0 auto;
    width: 100%;
    max-width: 1008px;
}


@media screen and (max-width:1048px){
    #edw .edwblock .inner{
        padding: 0 20px;
    }
    #edw .edwblock .inner.inner_sp{
        padding: 0;
    }
}
@media screen and (max-width:640px){
    #edw .edwblock .inner{
        padding: 0 20px;
    }
}

#edw h1,
#edw h2,
#edw h3,
#edw h4{
    font-weight: 700;
    /*font-family:'Frutiger LT W01_65 Bold1475746';*/
    letter-spacing: 0.01em;
    font-feature-settings: "palt";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow: visible;
}
#edw h2.hdl02{
    color: #3280be;
    font-size: 24px;
    line-height: 1.3;
}
#edw .lead{
    font-size: 17px;
    line-height: 1.65;
}
#edw .cap{
    font-size: 14px;
    line-height: 1.7;
}
@media screen and (max-width:640px){
    #edw h2.hdl02{
        font-size: 19px;
    }
    #edw .lead{
        font-size: 14px;
        line-height: 1.7;
    }
    #edw .cap{
        font-size: 12px;
    }
}

a.btn_boxg{
    display: inline-block;
    padding: 7px 10px 0 10px;
    height: 31px;
    background: #666;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
a.btn_boxg span{
    font-size: 14px;
    letter-spacing: 0.01em;
    font-feature-settings: "pkna";
}
a.btn_boxg02{
    display: inline-block;
    padding: 8px 10px 7px 10px;
    background: #666;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
a.btn_boxg02 span{
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.01em;
    font-feature-settings: "pkna";
}

a.btn_boxg.icon_down{
    background: #a5a4a5;
}
a.btn_boxg.icon_down span{
    padding-right: 15px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/ico_down.png) right 3px no-repeat;
    font-size: 15px;
    letter-spacing: 0.1em;
    line-height: 1.4;
}
a.btn_boxg.icon_arrow span,
a.btn_boxg02.icon_arrow span{
    padding: 2px 12px 2px 0;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_arrow.png) right center no-repeat;
}
a.btn_boxg.icon_movie span,
a.btn_boxg02.icon_movie span{
    padding: 2px 19px 2px 0;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces//img/icon_movie.png) right center no-repeat;
}
a.btn_boxg.icon_newwindow span,
a.btn_boxg02.icon_newwindow span{
    padding: 2px 19px 2px 0;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_newwindow.png) right center no-repeat;
}
a.link_ico{
    display: inline-block;
    padding-left: 25px;
    background-repeat: no-repeat;
}
a.link_ico.pdf{
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_s_pdf_01.png);
    background-position: 0 center;
}

#edw a.btn_boxg{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw a.btn_boxg:hover{
    opacity: 0.50;
}
@media screen and (max-width:640px){
    a.btn_boxg{
        padding: 8px 5px 0 5px;
        height: 34px;
    }
    a.btn_boxg span{
        font-size: 12px;
    }
    a.btn_boxg.icon_arrow span{
        padding-right: 11px;
    }
    a.btn_boxg.icon_movie span{
        padding-right: 17px;
    }
}


/*---------------------------------Top Page*/

/*Edw Main*/
#edw .edw_top_main{
    position: relative;
    /*
    min-height: 570px;
    max-height: 740px;
    */
    /* height: 440px; */
    overflow: hidden;
    /* background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_edw_main.jpg) center center no-repeat; */
    /* background-size: cover; */
    /* font-family: Arial, sans-serif; */
}
#particles-js-no{
  width: 100%;
  height: 440px;
}

#edw .edw_top_main .main_header{
    position: absolute;
    width: 100%;
    background: rgba( 255, 255, 255, 0.8 );
    z-index: 1;
}
#edw .edw_top_main .main_header .id_HeaderBreadcrumbsList li a{
    font-family: Arial, sans-serif;
}
#edw .edw_top_main .main_video{
    position: relative;
    min-width: 1080px;
}
#edw .edw_top_main .main_area{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#edw .edw_top_main .main_area .main_area_in{
    position: relative;
    margin: 0 auto;
    padding: 104px 8px 0 8px;
    max-width: 1024px;
    height: 100%;
}
#edw .edw_top_main .btn_boxg{
    margin: 15px 0 0 75px;
}

#edw .edw_top_main .main_title_pc{
    position: absolute;
    top: 114px;
    left: 8px;
}
#edw .edw_top_main .main_title_pc.title_scr{
    opacity: 0;
}

@media screen and (max-width:640px){
    #edw .edw_top_sp{
        width: 100%;
    }
    #edw .edw_top_main .main_video{
        display: none;
    }
    #edw .edw_top_sp{
        width: 100%;
    }
    #edw .edw_top_sp a.btn_boxg.icon_down{
        display: block;
        margin: 15px auto 0 auto;
        padding: 10px 15px 8px 15px;
        height: auto;
        width: 90.0%;
    }
    #edw .edw_top_sp a.btn_boxg.icon_down span{
        display: block;
        font-size: 16px;
        line-height: 1.2;
        padding-right: 15px;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/ico_down.png) right center no-repeat;
    }
}

/*Intoro*/
#edw .edw_top_intro{
    padding-top: 30px;
}
@media screen and (max-width:640px){
    #edw .edw_top_intro{
        padding-top: 20px;
    }
    #edw .edw_top_intro p{
        text-align: left;
    }
}

/*Edw Top List*/
#edw .edw_top_list{
    padding-top: 90px;
}
#edw .edw_top_list.edw_efforts{
    padding: 90px 0;
}
#edw .edw_top_list .inner{
    overflow: hidden;
}
#edw .edw_top_list h2,
#edw .edw_top_list .lead{
    text-align: center;
}
#edw .edw_top_list h2{
    font-weight: 700;
    font-size: 32px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
#edw .edw_top_list .lead{
    margin-top: 15px;
}
@media screen and (max-width:640px){
    #edw .edw_top_list{
        padding-top: 30px;
    }
    #edw .edw_top_list.edw_efforts{
        padding: 35px 0;
    }
    #edw .edw_top_list h2{
        font-size: 26px;
    }
    #edw .edw_top_list .lead{
        margin-top: 10px;
        padding: 0 10px;
        text-align: left;
    }
}

/*List Set*/
#edw .edw_top_list .list_set{
    margin: 30px -15px 0 -15px;
}
#edw .edw_top_list .list_set li{
    position: relative;
    float: left;
    margin: 0 15px;
    width: 33.33%;
    max-width: 316px;
}

@media screen and (max-width:1048px){
    #edw .edw_top_list .inner{
        padding: 0 10px;
    }
    #edw .edw_top_list .list_set{
        margin: 30px 0 0 0;
    }
    #edw .edw_top_list .list_set li{
        float: left;
        margin: 0;
        padding: 0 10px;
        width: 33.33%;
        max-width: 100%;
    }
}
@media screen and (max-width:640px){
    #edw .edw_top_list .list_set{
        margin: 0;
    }
    #edw .edw_top_list .list_set li{
        float: none;
        margin: 20px 0 0 0;
        width: 100%;
        max-width: 100%;
    }
}

/*Edw List Box*/
#edw a.list_box{
    position: relative;
    display: block;
    border: solid 1px #c8c8c8;
    background: #fff;
    color: #000;
    text-decoration: none;
}
/*for sitecore*/
#edw .nwesslider a.list_box{
    width: 100%;
    max-width: 316px;
}
#edw .edw_news_pc .scrMask a.list_box,
#edw .edw_news_pc .scrMask a.list_box .new_icon{
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
#edw .edw_news_pc .scrMask a.list_box.active,
#edw .edw_news_pc .scrMask a.list_box .new_icon.active{
    opacity: 1;
}
#edw .edw_efforts .scrMask a.list_box{
    opacity: 0;
}
#edw a.list_box:hover{
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    opacity: 0.50 !important;
}
#edw a.list_box .thumb img{
    width: 100%;
    border-bottom: solid 1px #c8c8c8;
}
#edw a.list_box .thumb_text{
    padding: 0 7.0%;
}
#edw a.list_box .thumb_text h3{
    padding: 20px 12px 20px 0;
    min-height: 90px;
    border-bottom: solid 1px #c8c8c8;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) right center no-repeat;
    font-size: 18px;
    line-height: 1.4;
}
#edw a.list_box .thumb_text h3.ttl_ver{
    padding: 33px 10px 20px 0;
}
#edw a.list_box .thumb_text01,
#edw a.list_box .thumb_text02,
#edw a.list_box .thumb_text03{
    display: table;
    width: 100%;
    padding: 0 7.0%;
}
#edw a.list_box .thumb_text01 h3{
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    height: 91px;
    border-bottom: solid 1px #c8c8c8;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) right center no-repeat;
    font-size: 18px;
    line-height: 1.4;
}
#edw a.list_box .thumb_text .cap,
#edw a.list_box .thumb_text02 .cap,
#edw a.list_box .thumb_text03 .cap{
    display: table-cell;
    vertical-align: middle;
    height: 68px;
    font-size: 14px;
    line-height: 1.6;
}
#edw a.list_box .thumb_text03 .cap{
    padding-top: 5px;
    line-height: 1.4;
}
#edw a.list_box .tag_list{
    margin: 0;
    padding: 0 7.0% 23px 7.0%;
    font-size: 0;
}
#edw a.list_box .tag_list p{
    display: inline-block;
    margin: 8px 8px 0 0;
    padding: 5px 9px;
    background: #3282be;
    color: #fff;
    font-size: 12px;
}
#edw a.list_box .new_icon{
    position: absolute;
    left: 4.5%;
    top: -6.5%;
}

@media screen and (max-width:850px){
    #edw a.list_box .thumb_text h3{
        padding: 15px 12px 15px 0;
        font-size: 17px;
    }
    #edw a.list_box .thumb_text01 h3{
        font-size: 17px;
    }
    #edw a.list_box .thumb_text .cap{
        padding: 15px 0 4px 0;
        font-size: 13px;
        line-height: 1.5;
    }
    #edw a.list_box .thumb_text02 .cap{
        vertical-align: middle;
        padding-top: 8px;
        font-size: 13px;
        line-height: 1.5;
        height: 70px;
    }
    #edw a.list_box .tag_list{
        padding-bottom: 17px;
    }
    #edw a.list_box .tag_list p{
        padding: 5px 5px;
        font-size: 10px;
    }
}
@media screen and (max-width:670px){
    #edw a.list_box .thumb_text01 h3{
        font-size: 16px;
    }
}
@media screen and (max-width:640px){
    #edw a.list_box .thumb_text{
        padding: 0 20px;
    }
    #edw a.list_box .tag_list{
        padding: 0 20px 23px 20px;
    }
    #edw a.list_box .thumb_text h3,
    #edw a.list_box .thumb_text h3.ttl_ver{
        padding: 13px 13px 10px 0;
        min-height: auto;
        font-size: 18px;
    }
    #edw a.list_box .tag_list p{
        font-size: 12px;
    }
    #edw a.list_box .new_icon{
        position: absolute;
        left: 8px;
        top: -12px;
        width: 14.5%
    }
}

/*Edw News*/
#edw .edw_news .inner{
    overflow: visible !important;
}

/*Edw News for PC*/
#edw .edw_news_pc{
    position: relative;
    margin-top: 20px;
}
/*Edw News for PC/Bxslider Reset*/
#edw .edw_news_pc .bxsld_viewport{
    padding: 25px 0 25px 0;
}
#edw .edw_news_pc ul.nwesslider li{
    padding-bottom: 26px;
}

#edw .edw_news_pc .next-btn,
#edw .edw_news_pc .prev-btn{
    position: absolute;
    right: -36px;
    top: 45%;
    z-index: 100;
}
#edw .edw_news_pc .prev-btn{
    right: auto;
    left: -36px;
}
#edw .edw_news_pc .next-btn a,
#edw .edw_news_pc .prev-btn a{
    display: block;
    width: 25px;
    height: 40px;
}
#edw .edw_news_pc .next-btn a{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_next_g.png) right 0 no-repeat;
}
#edw .edw_news_pc .prev-btn a{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_prev_g.png) 0 0 no-repeat;
}
#edw .edw_news_pc .bxsld_wrapper .bxsld_pager{
    padding: 20px 0 13px; text-align: center;
}
#edw .edw_news_pc .bxsld_wrapper .bxsld_pager .bxsld_pager-item,
#edw .edw_news_pc .bxsld_wrapper .bxsld_controls-auto .bxsld_controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
#edw .edw_news_pc .bxsld_pager-item .bxsld_pager-link{
    margin: 13px 10px 0 10px;
    padding: 10px 0 0 10px;
    background: #a4a4a4;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#edw .edw_news_pc .bxsld_pager-item .bxsld_pager-link:hover{
    text-decoration: none;
    background: #1b6aa5;
}
#edw .edw_news_pc .bxsld_pager-item .smartphone:hover{
    background: #1b6aa5;
}
#edw .edw_news_pc .bxsld_wrapper .bxsld_pager-item .active{
    background: #1b6aa5;
}
@media screen and (max-width:1048px){
    #edw .edw_news_pc{
        padding: 0 10px !important;
    }
    #edw .edw_news_pc .next-btn,
    #edw .edw_news_pc .prev-btn{
        top: 45%;
    }
    #edw .edw_news_pc .next-btn{
        right: -3px;
    }
    #edw .edw_news_pc .prev-btn{
        left: -3px;
    }
}
@media screen and (max-width:850px){
    #edw .edw_news_pc .bxsld_viewport{
        padding: 25px 0 0 0;
    }
    #edw .edw_news_pc .bxsld_wrapper .bxsld_pager{
        padding: 10px 0 13px; text-align: center;
    }
}

/*Edw News for SP*/
#edw .edw_news_sp{
    display: none;
}
@media screen and (max-width:640px){
    #edw .edw_news_pc{
        display: none;
    }
    #edw .edw_news_sp{
        display: block;
        padding: 0 10px;
    }
    #edw .edw_news_sp a{
        display: block;
        position: relative;
        margin-top: 20px;
        text-decoration: none;
    }
    #edw .edw_news_sp a ul{
        display: table;
        width: 100%;
    }
    #edw .edw_news_sp a ul li{
        display: table-cell;
        vertical-align: top;
    }
    #edw .edw_news_sp a ul li.thumb{
        width: 36.0%;
    }
    #edw .edw_news_sp a ul li.thumb img{
        border: solid 1px #c8c8c8;
    }
    #edw .edw_news_sp a ul li.thumb_text{
        padding: 0 3.5%;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) right center no-repeat;
    }
    #edw .edw_news_sp a ul li.thumb_text .tag{
        display: inline-block;
        padding: 4px 0;
        width: 70px;
        background: #3282be;
        color: #fff;
        text-align: center;
        font-size: 11px;
    }
    #edw .edw_news_sp a ul li.thumb_text h3{
        margin-top: 5px;
        color: #000;
        font-size: 14px;
        line-height: 1.3;
    }
    #edw .edw_news_sp a .new_icon{
        position: absolute;
        top: -8.5%;
        left: -3.0%;
        width: 35px;
    }

    /*VIEW ALL*/
    #edw .edw_news_sp .news_more{
        display: none;
        padding-bottom: 10px;
    }
    #edw .edw_news_sp .news_more_in{
        opacity: 0.5;
    }
    #edw .edw_news_sp .news_more_btn{
        margin-top: 20px;
    }
    #edw .edw_news_sp .news_more_btn p{
        margin: 0 auto;
        width: 135px;
        padding: 12px 8px 12px 8px;
        background: #3282be;
        color: #fff;
        text-align: center;
        font-size: 16px;
        border-radius: 3px;
        cursor: pointer;
    }
    #edw .edw_news_sp .news_more_btn p .view_close{
        display: none;
    }
    #edw .edw_news_sp .news_more_btn p .view_close.on{
        display: block;
    }
    #edw .edw_news_sp .news_more_btn p .view_all.off{
        display: none;
    }
}

/*---------------------------------Sort Set*/
/*Sort Menu*/
#edw .zix5{
    position: relative;
    z-index: 5;
}
#edw .sort_set{
    position: relative;
    margin-top: 30px;
    text-align: center;
    z-index: 5;
}
#edw .sort_menu{
    font-size: 0;
}
#edw .sort_menu p:hover,
#edw .sort_menu p.act{
    background: #3282be;
    color: #fff;
}
#edw .sort_menu p{
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    padding: 6px 6px;
    border: solid 1px #3282be;
    background: #fff;
    color: #3282be;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
#edw .sort_menu p:first-child{
    margin-left: 0;
}
#edw .sort_menu p:hover,
#edw .sort_menu p.act{
    background: #3282be;
    color: #fff;
}
#edw .sort_menu p.dp_sp{
    display: none;
}

@media screen and (max-width:640px){
    #edw .sort_set{
        margin-top: 20px;
        padding: 0 10px
    }
    #edw .sort_set .sort_menu{
        width: 100%;
    }
    #edw .sort_menu .sort_btn{
        width: 100%;
        padding: 15px 0 13px 0;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_open.png) 96.0% center no-repeat #3282be;
        background-size: 10px 10px;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }
    #edw .sort_menu .sort_btn.open{
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_close.png) 96.0% center no-repeat #3282be;
        background-size: 10px 10px;
    }
    #edw .sort_set .sort_btn span{
        display: none;
    }
    #edw .sort_set .sort_btn span.act{
        display: block;
    }
    #edw .sort_menu .sort_box{
        display: none;
        position: relative;
        width: 100%;
    }
    #edw .sort_menu .sort_box.open{
        display: block;
    }

    #edw .sort_menu #sort{
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10;
    }
    #edw .sort_menu #sort p{
        display: block;
        margin: 0;
        width: 100%;
        padding: 15px 0 13px 0;
        border-top: solid 1px rgba(255,255,255, 0.9);
        background: rgba(50,130,190, 0.9);
        color: #fff;
        font-size: 15px;
    }
    #edw .sort_menu #sort p:first-child{
        border-top: 0;
    }
    #edw .sort_menu #sort p.dp_pc{
        display: none;
    }
}

/*Sort List*/
#edw .efforts_set{
    position: relative;
    margin: 14px -14px 0 -14px;
}
#edw .efforts_set li{
    position: relative;
    float: left;
    margin-top: 26px;
    padding: 0 14px;
    width: 25.0%;
}
#edw .efforts_set li.scr_trgr{
    margin-top: 0;
    width: 100%;
    height: 2px;
}
#edw .efforts_set li a.list_box{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) 94.0% 94.0% no-repeat;
    height: 300px;
}
#edw .efforts_set li .thumb img{
    width: 100%;
    border-bottom: solid 1px #c8c8c8;
}
#edw .efforts_set li .thumb h3{
    padding: 15px 6.0% 5px 6.0%;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
}
#edw .efforts_set li .thumb h3.ttl_s{
    font-size: 15px;
    line-height: 1.7;
}
_::-webkit-full-page-media, _:future, :root #edw .efforts_set li .thumb h3{
    font-size: 15px;
}
_::-webkit-full-page-media, _:future, :root #edw .efforts_set li .thumb h3.ttl_s{
    font-size: 14px;
}
#edw .efforts_set li .thumb_text{
    padding: 0 7.0% 15px 6.0%;
    font-size: 13.5px;
    line-height: 1.6;
}

@media screen and (max-width:1048px){
    #edw .efforts_set{
        margin: 14px 0px 0 0px;
    }
    #edw .efforts_set li{
        padding: 0 10px;
    }
}
@media screen and (max-width:820px){
    #edw .efforts_set li .thumb h3{
        padding: 12px 7.0% 5px 7.0%;
    }
    #edw .efforts_set li .thumb_text{
        padding: 0 7.0% 12px 7.0%;
    }
    #edw .efforts_set li a.list_box{
        height: 340px;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) 94.0% 97.0% no-repeat;
    }
}
@media screen and (max-width:640px){
    #edw .edw_top_list .inner {
        overflow: visible;
    }
    #edw .efforts_set{
        margin: 0;
        padding: 0 10px;
    }
    .scrMask::before,
    .scrMask::after {
        display: none !important;
    }
    #edw .efforts_set li{
        float: none;
        margin: 20px 0 0 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    #edw .efforts_set li.scr_trgr{
        display: none
    }
    #edw .efforts_set li .thumb{
        display: table;
        border-bottom: solid 1px #c8c8c8;
    }
    #edw .efforts_set li .thumb p.thumb_img{
        display: table-cell;
        vertical-align: top;
        width: 45.0%;
    }
    #edw .efforts_set li .thumb img{
        border-bottom: 0;
        border-right: solid 1px #c8c8c8;
    }
    #edw .efforts_set li .thumb h3{
        display: table-cell;
        vertical-align: middle;
        padding: 2px 4.0% 0 4.0%;
        width: 55.0%;
        font-size: 15px;
        line-height: 1.4;
    }
    #edw .efforts_set li .thumb h3.ttl_s{
        font-size: 13px;
        line-height: 1.3;
    }
    #edw .efforts_set li .thumb_text{
        padding: 13px 8.5% 10px 5.0%;
    }
    #edw .efforts_set li a.list_box{
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) 95.0% 88.5% no-repeat;
        background-size: 6px auto;
        min-height: auto !important;
        height: auto !important;
        -webkit-appearance:none;
    }
    #edw .efforts_set a.list_box .new_icon{
        position: absolute;
        left: -8px;
        top: -8px;
        width: 10.5%
    }
}

/*---------------------------------/Sort Set*/


/*---------------------------------About*/

/*Edw About*/
#edw .edw_top_about{
    padding: 80px 0 90px 0;
    background: #f0f0f0;
}
#edw .edw_top_about h2{
    margin-bottom: 40px;
    color: #3282be;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    line-height: 1.4;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
#edw .edw_top_about h2 span{
    color: #000;
    font-size: 38x;
    letter-spacing: 0.02em;
}

.clmbox_set{
    width: 100%
}
.clmbox_set .clmbox{
    width: 50%;
    height: 530px;
}
.clmbox_set .clmbox_text{
    background-color: #f0f0f0;
}
.clmbox_set02 .clmbox_img,
.clmbox_set01 .clmbox_text{
    float: right;
}
.clmbox_set01 .clmbox_img,
.clmbox_set02 .clmbox_text{
    float: left;
}
.clmbox_set02 .clmbox_img,
.clmbox_set01 .clmbox_text{
    float: right;
}

.clmbox_set .clmbox{
    display: table;
}
.clmbox_set .clmbox .clmbox_in{
    display: table-cell;
    vertical-align: middle;
}
.clmbox_set.clmbox_set01 .clmbox .clmbox_in,
.clmbox_set.clmbox_set01 .clmbox{
    height: 650px;
}
.clmbox_set.clmbox_set02 .clmbox .clmbox_in{
    height: 530px;
}

.clmbox_set01 .clmbox .text{
    float: left;
    padding-left: 60px;
    max-width: 506px;
}
.clmbox_set02 .clmbox .text{
    float: right;
    padding-right: 60px;
    max-width: 506px;
}
.clmbox_set01 .clmbox_img{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_edw01.jpg) right 0 no-repeat #1b6aa5;
    background-size: auto 100%;
}
.clmbox_set02 .clmbox_img{
    background: #1b6aa5;
}
.clmbox_set02 .clmbox_img .dp_spver{
    display: none;
}

.clmbox_set02 .clmbox_img .illust,
.clmbox_set02 .clmbox_img .illust_box{
    position: relative;
    width: 100%;
    max-width: 580px;
}
.clmbox_set02 .clmbox_img .illust_box p{
    width: 100%;
    max-width: 580px;
}

.clmbox_set02 .clmbox_img .illust ul{
    position: relative;
    width: 100%;
    max-width: 580px;
}
.clmbox_set02 .clmbox_img .illust ul li{
    position: absolute;
    top:0;
    width: 100%;
    max-width: 580px;
}
.clmbox_set02 .clmbox_img .illust img{
    width: 100%;
}
.clmbox_set02 .clmbox_img p.illust_text{
    position: absolute;
    padding: 10px 15px;
    border-radius: 8px;
    background: rgba( 0, 0, 0, 0.30 );
    color: #fff;
    letter-spacing: 0.01em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.clmbox_set02 .clmbox_img .illust p.illust_text span{
    font-weight: 700;
    font-size: 20px;
}
.clmbox_set02 .clmbox_img .illust p.illust_text.text01{
    left: 20px;
    top: 145px;
    width: 175px;
}
.clmbox_set02 .clmbox_img .illust p.illust_text.text02{
    right: 20px;
    bottom: 20px;
    width: 240px;
}
.clmbox_set02 .clmbox_img .illust p.illust_text.text03{
    right: 20px;
    top: 20px;
    width: 195px;
}
.clmbox_set02 .clmbox_img .illust p.illust_text.text01_sp{
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    width: 88%;
}
.clmbox_set .clmbox h3{
    font-size: 24px;
    line-height: 1.3;
}
.clmbox_set .clmbox h3 span{
    font-size: 27px;
}
.clmbox_set .clmbox .lead{
    margin-top: 13px;
    letter-spacing: -0.02em;
}

@media screen and (max-width:1048px){
    .clmbox_set01 .clmbox .text,
    .clmbox_set02 .clmbox .text{
        padding: 0 20px;
    }
    .clmbox_set02 .clmbox_img .dp_pcver{
        display:none;
    }
    .clmbox_set02 .clmbox_img .dp_spver{
        display: block;
    }
}
@media screen and (max-width:640px){
    #edw .edw_top_about{
        padding: 30px 0 35px 0;
    }
    #edw .edw_top_about h2{
        margin-bottom: 15px;
        font-size: 26px;
        line-height: 1.2;
    }
    #edw .edw_top_about h2 span{
        font-size: 28px;
    }
    .clmbox_set{
        width: 100%;
        height: auto;
    }
    .clmbox_set01 .clmbox_img,
    .clmbox_set02 .clmbox_text,
    .clmbox_set02 .clmbox_img,
    .clmbox_set01 .clmbox_text{
        float: none;
        padding-left: 0;
        width: 100%;
        height: auto;
    }
    .clmbox_set .clmbox,
    .clmbox_set .clmbox .clmbox_in{
        display: block;
        width: 100%;
        height: auto;
    }
    .clmbox_set.clmbox_set01 .clmbox,
    .clmbox_set.clmbox_set01 .clmbox .clmbox_in,
    .clmbox_set.clmbox_set02 .clmbox .clmbox_in{
        height: auto;
    }
    .clmbox_set .clmbox .clmbox_in .text{
        padding: 20px;
        background-color: #f0f0f0;
    }
    .clmbox_set01 .clmbox .text,
    .clmbox_set02 .clmbox .text{
        float: none;
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }
    .clmbox_set01 .clmbox_img{
        background: transparent;
    }
    .clmbox_set02 .clmbox_img .illust p.illust_text{
        padding: 8px 10px;
    }
    .clmbox_set02 .clmbox_img .illust p.illust_text span{
        font-size: 14px;
    }
    .clmbox_set .clmbox h3{
        font-size: 19px;
    }
    .clmbox_set .clmbox h3 span{
        line-height: 1.0;
    }
    .clmbox_set .clmbox .lead{
        margin-top: 5px;
    }
}
@media screen and (max-width:900px){
    .clmbox_set02 .clmbox_img .illust_box{
        padding: 20px 0 55px 0;
    }
}
@media screen and (max-width:915px){
    #edw .clmbox_set .clmbox h3{
        font-size: 22px;
    }
    #edw .clmbox_set .clmbox .lead{
        margin-top: 16px;
        font-size: 14px;
    }
}
@media screen and (max-width:640px){
    .clmbox_set02 .clmbox_img .illust_box{
        padding: 20px 0 35px 0;
    }
}

/*About More*/

.edw_top_about .about_more{
    display: none;
    padding-top: 15px;
}
.edw_top_about .about_more_in{
    opacity: 0;
    transition: all 0.4s;
}
.edw_top_about .about_more_in.on{
    opacity: 1;
}
.edw_top_about .btn_about_more{
    display: block;
    margin: 30px auto 0 auto;
    max-width: 480px;
    border-radius: 8px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_btn_more.jpg) center center no-repeat;
    cursor: pointer;
    transition: all 0.3s;
}
.edw_top_about .btn_about_more span{
    display: block;
    width: 100%;
    height: 48px;
    padding: 16px 10px 0 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 19px;
}
.edw_top_about .btn_about_more span.about_more_close{
    display: none;
}
.edw_top_about .btn_about_more span.about_more_close.on{
    display: block;
}
.edw_top_about .btn_about_more span.about_more_all.off{
    display: none;
}
.edw_top_about .btn_about_more:hover{
    opacity: 0.6;
}

@media screen and (max-width:640px){
    .edw_top_about .btn_about_more{
        margin: 20px auto 0 auto;
    }
}

/*---------------------------------/About*/


/*---------------------------------Thought*/

#edw .edw_top_thought{
    padding: 30px 0 90px 0;
    border-bottom: solid 1px #c8c8c8;
}
#edw .edw_top_thought .thought_acr{
    text-align: center;
}
#edw .edw_top_thought .thought_acr span{
    display: inline-block;
    width: 10px;
    height: 50px;
}

@media (max-width:640px){
    #edw .edw_top_thought{
        padding: 0 0 35px 0;
    }
    #edw .edw_top_thought .thought_acr span{
        height: 30px;
    }
}

/*Thought Set*/

.thought_set h2{
    text-align: center;
    font-size: 32px;
}
ul.thought_menu{
    position: relative;
    margin-top: 30px;
    min-height: 170px;
}
ul.thought_menu li.tbtn_rsp{
    display: none;
}
ul.thought_menu li.tbtn{
    position: absolute;
    top: 0;
    width: 31.34%;
    z-index: 1;
    height: 170px;
    border: solid 1px #c8c8c8;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box01.jpg) center bottom no-repeat #fff;
    background-size: 100% auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s;
}
ul.thought_menu li.tbtn02{
    right: 0;
    left: 0;
    margin: auto;
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box02.jpg);
}
ul.thought_menu li.tbtn03{
    right: 0;
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box03.jpg);
}
ul.thought_menu li.tbtn h4{
    position: relative;
    padding: 18px 20px 0 20px;
    height: 170px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_btn_more_g.png) center 92.0% no-repeat;
    text-align: center;
}
ul.thought_menu li.tbtn h4 span{
    font-size: 13px;
}
ul.thought_menu li.tbtn p.tbox_rsp{
        display: none;
}
ul.thought_menu li.tbtn:hover,
ul.thought_menu li.tbtn.select,
ul.thought_menu li.tbtn.select_rsp{
    border: solid 1px #3282be;
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box01_on.jpg);
    background-color: #3282be;
    color: #fff;
}
ul.thought_menu li.tbtn02:hover,
ul.thought_menu li.tbtn02.select,
ul.thought_menu li.tbtn02.select_rsp{
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box02_on.jpg);
}
ul.thought_menu li.tbtn03:hover,
ul.thought_menu li.tbtn03.select,
ul.thought_menu li.tbtn03.select_rsp{
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box03_on.jpg);
}
ul.thought_menu li.tbtn:hover h4,
ul.thought_menu li.tbtn.select h4,
ul.thought_menu li.tbtn.select_rsp h4{
    background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_btn_more.png);
    color: #fff;
}

@media (max-width:640px){
    .thought_set h2{
        font-size: 26px;
    }
    ul.thought_menu{
        margin: 0;
    }
    ul.thought_menu li.tbtn_rsp{
        display: block;
    }
    ul.thought_menu li.tbtn_base{
        display: none;
    }
    ul.thought_menu li.tbtn,
    ul.thought_menu li.tbtn02,
    ul.thought_menu li.tbtn03{
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        margin-top: 15px;
        width: 100%;
        transition: none;
    }
    ul.thought_menu li.tbtn:hover{
        border: solid 1px #c8c8c8;
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box01.jpg);
        background-color: #fff;
    }
    ul.thought_menu li.tbtn02:hover{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box02.jpg);
    }
    ul.thought_menu li.tbtn03:hover{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box03.jpg);
    }
    ul.thought_menu li.tbtn.select_rsp:hover{
        border: solid 1px #3282be;
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box01_on.jpg);
        background-color: #3282be;
        color: #fff;
    }
    ul.thought_menu li.tbtn02.select_rsp:hover{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box02_on.jpg);
    }
    ul.thought_menu li.tbtn03.select_rsp:hover{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/img_thought_menu_box03_on.jpg);
    }
    ul.thought_menu li.tbtn h4{
        padding: 15px 20px 0 20px;
    }
    ul.thought_menu li.tbtn h4 span{
        font-size: 12px;
    }
    ul.thought_menu li.tbtn:hover h4{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_btn_more_g.png);
        color: #333;
    }
    ul.thought_menu li.tbtn.select_rsp h4,
    ul.thought_menu li.tbtn.select_rsp:hover h4{
        background-image: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_btn_more_up.png);
        color: #fff;
    }
}

/*Thought Cnt*/

.thought_cnt{
    padding-top: 60px;
    
}
.thought_cnt.select,
.thought_cnt.select_rsp{
    display: block;
    opacity: 1;
    animation-duration: 0.45s;
    animation-name: fadein;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadein;
}
@keyframes fadein{
    0%{
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }
    100%{
        display: block;
        opacity: 1;
    }
}
@-webkit-keyframes fadein{
    0%{
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }
    100%{
        display: block;
        opacity: 1;
    }
}

.thought_cnt .text,
.thought_cnt .img{
    display: table-cell;
    width: 50%;
}
.thought_cnt .text{
    padding-right: 24px;
}
.thought_cnt .img{
    vertical-align: middle;
}
.thought_cnt .img img{
    width: 100%;
}
.thought_cnt .text h3{
    color: #3282be;
    font-size: 24px;
    line-height: 1.4;
}
.thought_cnt .text h3 span{
    font-size: 17px;
}
.thought_cnt .text p.lead{
    margin-top: 16px;
}
@media screen and (max-width:640px){

    .thought_cnt{
        padding-top: 0;
        
    }

    .thought_cnt.select_rsp{
        display: block;
        opacity: 1;
        max-height: 1800px;
        animation-duration: 0.6s;
        animation-name: fadein_rsp;
        -webkit-animation-duration: 0.5s;
        -webkit-animation-name: fadein_rsp;
    }
    @keyframes fadein_rsp{
        0%{
            display: none;
            opacity: 0;
            max-height: 0;
        }

        1% {
            display: block;
            opacity: 0;
            max-height: 0;
        }
        100%{
            display: block;
            opacity: 1;
            max-height: 1800px;
        }
    }
    @-webkit-keyframes fadein_rsp{
        0%{
            display: none;
            opacity: 0;
            max-height: 0;
        }

        1% {
            display: block;
            opacity: 0;
            max-height: 0;
        }
        100%{
            display: block;
            opacity: 1;
            max-height: 1800px;
        }
    }
    .thought_cnt .thought_cnt_inr{
        padding-top: 40px;
        transition: all 0.2s;
    }
    .thought_cnt.select_rsp .thought_cnt_inr{
        opacity: 1;
        transition: all 0.4s;
    }
    .thought_cnt .text,
    .thought_cnt .img{
        display: block;
        width: 100%;
    }
    .thought_cnt .text{
        padding-right: 0;
    }
    .thought_cnt .img{
        margin-top: 20px;
    }
    .thought_cnt .text h3{
        color: #3282be;
        font-size: 20px;
    }
    .thought_cnt .text h3 span{
        font-size: 16px;
    }
    .thought_cnt .text p.lead{
        margin-top: 12px;
    }
}

/*---------------------------------/Thought*/


/*Edw_ Catalog*/

.edw_catalog{
    padding: 60px 0 20px 0;
}
a.btn_catalog{
    display: block;
    margin: 0 auto;
    padding: 0 40px;
    width: 100%;
    height: 180px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_catalog.png) center 0 no-repeat;
    border-radius: 12px;
    text-decoration: none;
}
#edw a.btn_catalog{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw a.btn_catalog:hover{
    opacity: 0.50;
}
a.btn_catalog .btn_inner{
    padding-right: 70px;
    width: 100%;
    height: 180px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/ico_pdf_dl.png) right center no-repeat;
}
a.btn_catalog .btn_inner .catalog{
    display: table;
    margin: 0 auto;
    height: 180px;
}
a.btn_catalog .btn_inner .catalog p{
    display: table-cell;
    vertical-align: middle;
}
a.btn_catalog .btn_inner .catalog p.text{
    padding: 2px 20px 0 30px;
    color: #fff;
    font-size: 22px;
    line-height: 1.6;
}
a.btn_catalog .btn_inner .catalog p.text span{
    font-size: 24px;
}
@media screen and (max-width:640px){
    .edw_catalog{
        padding: 25px 0 0 0;
    }
    a.btn_catalog{
        margin: 0 auto;
        padding: 0 12px;
        width: 100%;
        max-width: 300px;
        height: 110px;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_catalog_sp.png) center center no-repeat;
        background-size: cover;
        border-radius: 12px;
    }
    a.btn_catalog .btn_inner{
        padding-right: 10px;
        width: 100%;
        height: 110px;
        background: transparent;
    }
    a.btn_catalog .btn_inner .catalog{
        margin: 0 auto;
        padding-right: 15px;
        width: 100%;
         height: 110px;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/ico_pdf_dl_sp.png) right center no-repeat;
        background-size: 18px auto;
    }
    a.btn_catalog .btn_inner .catalog p.img{
        width:35px
    }
    a.btn_catalog .btn_inner .catalog p.text{
        padding: 5px 0 0 12px;
        font-size: 13px;
        line-height: 1.3;
    }
    a.btn_catalog .btn_inner .catalog p.text span{
        font-size: 15px;
    }
}

/*Edw Rrelation*/
#edw .edw_top_list.edw_relation{
    padding: 40px 0 10px 0;
}
#edw .edw_top_list.edw_relation a.list_box .thumb_text{
    padding: 0 7.0%;
}
#edw .edw_top_list.edw_relation a.list_box .thumb_text h3{
    padding: 15px 15px 13px 0;
    border-bottom: 0;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
}
@media screen and (max-width:640px){
    #edw .edw_top_list.edw_relation{
        padding: 30px 0 0 0;
    }
    #edw .edw_top_list.edw_relation a.list_box .thumb_text{
        padding: 0 20px;
    }
}



/*------------------------------------------Page Movie*/

#edw .movie_area{
    text-align: center;
}
#edw .movie_area.dp_pc img{
    width: 100%;
}
.newWinModalYoutube_iframe {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.newWinModalYoutube_iframe iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}



/*------------------------------------------Page*/

/*Edw Main*/
#edw .edw_main{
    padding-top: 50px;
    height: 500px;
}
#edw .edw_main.page01{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/intelligent-workstyles/img/img_01_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page02{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/less-down-time-more-time-for-the-patients/img/img_02_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page03{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/remote-service-support/img/img_03_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page04{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/efficient-road-surface-monitoring/img/img_04_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page05{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/structural-inspections-by-drone/img/img_05_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page06{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/better-nursing-and-healthcare-services/img/img_06_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page07{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/scanning-the-individuality-of-the-brain/img/img_07_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page08{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/retail-intelligence/img/img_08_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page09{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/new-techniques-accelerate-manufacturing/img/img_09_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page10{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/a-digital-printer-brings-new-perspective-to-the-textile-industry/img/img_10_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page11{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/creating-360-degree-images-a-new-way-to-communicate-information/img/img_11_main.jpg) center 0 no-repeat;
}
#edw .edw_main.page12{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/initiatives/our-cutting-edge-mfps-will-take-your-business-to-the-next-level/img/img_12_main.jpg) center 0 no-repeat;
}
#edw .edw_main h2 span{
    font-size: 27px;
    line-height: 1.4;
}
@media screen and (max-width:640px){
    #edw .edw_main,
    #edw .edw_main .inner{
        margin: 0;
        padding: 0;
        height: auto;
        background: transparent;
    }
    #edw .edw_main h2{
        position: relative;
        display: block;
        width: 100%;
    }
    #edw .edw_main h2 span{
        position: absolute;
        display: block;
        left: 20px;
        top: 20px;
        padding-right: 20px;
        font-size: 17px;
        line-height: 1.2;
    }
}

/*Edw Title*/
#edw .edw_title{
    height: 170px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_title02.jpg) center 0 no-repeat;
    background-attachment: fixed;
}
#edw .edw_title .title_bg{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_title01.png) center 0 no-repeat;
}
#edw .edw_title h1{
    display: table;
    width: 100%;
    height: 170px;
    color: #fff;
    text-align: center;
    font-size: 32px;
    line-height: 1.6;
}
#edw .edw_title h1 span{
   display: table-cell;
   vertical-align: middle;
}
@media screen and (max-width:640px){
    #edw .edw_title{
        height: auto;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_title_sp.jpg) center center no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    #edw .edw_title .title_bg{
        height: auto;
        background: transparent;
    }
    #edw .edw_title h1{
        padding: 20px 0 18px 0;
        height: auto;
        text-align: center;
        font-size: 22px;
        line-height: 1.4;
        height: auto;
    }
}

/*Edw Article*/
#edw .edw_article01{
    padding: 40px 0;
    background: #fff;
}
#edw .edw_article02{
    padding: 40px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_article.jpg) center 0 repeat-y;
}
#edw .edw_article01 h2,
#edw .edw_article02 h2,
#edw .edw_article01 .lead,
#edw .edw_article02 .lead,
#edw .edw_article01 .img,
#edw .edw_article02 .img{
    margin: 0 auto;
    max-width: 750px;
}
#edw .edw_article01 .lead,
#edw .edw_article02 .lead{
    margin: 15px auto 0 auto;
}
#edw .edw_article01 .img,
#edw .edw_article02 .img{
    margin: 20px auto 0 auto;
    width: 100%;
    text-align: center;
}
#edw .edw_article01 .img img,
#edw .edw_article02 .img img{
    width: 100%;
}

#edw .edw_article01 .movie_area{
    margin: 30px auto 10px auto;
    max-width: 750px;
}

@media screen and (max-width:640px){
    #edw .edw_article01,
    #edw .edw_article02{
        padding: 20px 0;
    }
    #edw .edw_article02{
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_article_sp.jpg) center 0 repeat-y;
        background-size: 100% auto;
    }
    #edw .edw_article01 h2,
    #edw .edw_article02 h2,
    #edw .edw_article01 .lead,
    #edw .edw_article02 .lead{
        margin: 0;
        max-width: 100%;
    }
    #edw .edw_article01 .lead,
    #edw .edw_article02 .lead{
        margin-top: 10px;
    }
    #edw .edw_article01 .img,
    #edw .edw_article02 .img{
        padding: 0 20px;
    }
    #edw .edw_article01 .img img,
    #edw .edw_article02 .img img{
        width: 100%;
    }
}

/*Edw Column*/
#edw .edw_column{
    padding: 80px 0 10px 0;
    background: #fff;
}
#edw .edw_column .box{
    margin: 0 auto;
    padding: 29px;
    max-width: 750px;
    border: 1px solid #dcdcdc;
    background: #fafafa;
}
#edw .edw_column .box_clm{
    margin: 0 auto;
    width: 100%;
    display: flex;
}
#edw .edw_column .box_clm .box{
    vertical-align: top;
}
#edw .edw_column .box_clm .box.box01{
    width: 50.0%;
}
#edw .edw_column .box_clm .box.box02{
    padding: 0;
    width: 2.4%;
    border: none;
    background: transparent;
}
#edw .edw_column .box_clm .box.box_none{
    width: 50.0%;
    border: none;
    background: transparent;
}

#edw .edw_column .box .img{
    float:left;
    width: 37.68%;
    max-width: 260px;
}
#edw .edw_column .box .img img{
    width: 100%;
}
#edw .edw_column .box .text{
    float:left;
    padding-left: 18px;
    width: 62.32%;
    max-width: 430px;
}
#edw .edw_column .box .text.text_ver{
    padding-left: 0;
    width: 100%;
    max-width: 100%;
}
#edw .edw_column .box .text .tag{
    display: inline-block;
    margin-bottom: 5px;
    padding: 4px 6px 2px 6px;
    border: solid 1px #3282be;
    color: #3280be;
    font-size: 14px;
}
#edw .edw_column .box .text h3{
    margin-bottom: 10px;
    color: #3280be;
    font-size: 20px;
    line-height: 1.3;
}
#edw .edw_column .box .text .cap{

}
#edw .edw_column .box .text .link{
    margin-top: 8px;
}
#edw .edw_column .box .text .link li{
    display: inline-block;
    margin: 10px 5px 0 0;
}
#edw .edw_column .box .text .link li:first-child{
    margin-left: 0;
}
@media screen and (max-width:640px){
    #edw .edw_column{
        padding: 10px 0;
    }
    #edw .edw_column .box {
        margin-top: 20px;
        padding: 15px 14px;
    }
    #edw .edw_column .box_clm{
        display: block;
    }
    #edw .edw_column .box_clm .box{
        display: block;
        margin-top: 20px;
        padding: 15px 14px;
    }
    #edw .edw_column .box_clm .box.box01{
        width: 100.0%;
    }
    #edw .edw_column .box_clm .box.box02,
    #edw .edw_column .box_clm .box.box_none{
        display: none;
    }
    #edw .edw_column .box .img,
    #edw .edw_column .box .text{
        float: none;
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }
    #edw .edw_column .box .text .tag{
        margin: 15px 0 5px 0;
        padding: 4px 5px 3px 5px;
        font-size: 11px;
    }
    #edw .edw_column .box .text.text_ver .tag{
        margin: 0 0 10px 0;
    }
    #edw .edw_column .box .text h3{
        margin-bottom: 8px;
        font-size: 16px;
    }
    #edw .edw_column .box .text .cap{
        letter-spacing: -0.01em;
    }
    #edw .edw_column .box .text .link{
        margin-top: 4px;
        width: 100%;
    }
    #edw .edw_column .box .text .link li{
        margin: 0;
        padding: 9px 4px 0 0;
        width: 50%;
    }
    #edw .edw_column .box .text .link li:nth-child(even){
        padding: 9px 0 0 4px;
    }
    #edw .edw_column .box .text .link li.list_ver{
        padding: 9px 0 0 0;
        width: 100%;
    }
    #edw .edw_column .box .text .link a{
        margin: 0;
        width: 100%;
    }
}

/*Edw More*/
#edw .edw_more{
    padding: 50px 0 20px 0;
    background: #fff;
}
#edw .edw_more a.btn_more{
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    width: 480px;
    height: 135px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_more.jpg) center 0 no-repeat;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
#edw .edw_more a.btn_more{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw .edw_more a.btn_more:hover{
    opacity: 0.50;
}
#edw .edw_more a.btn_more p{
    padding: 31px 10px 0 0;
    height: 135px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_more.png) right center no-repeat;
}
#edw .edw_more a.btn_more p span{
    display: inline-block;
    text-align: center;
}
#edw .edw_more p .more_text01{
    padding: 0 3px 19px 3px;
    border-bottom: solid 1px #fff;
    font-size: 20px;
    letter-spacing: 0.05em;
}
#edw .edw_more p .more_text02{
    padding-top: 18px;
    font-size: 19px;
    letter-spacing: 0.05em
}
#edw .edw_more p .more_text03{
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px #fff;
    font-size: 24px;
}
@media screen and (max-width:640px){
    #edw .edw_more{
        padding: 10px 0 0 0;
    }
    #edw .edw_more a.btn_more{
        padding: 0 12px;
        width: 100%;
        height: auto;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_more_sp.jpg) center center no-repeat;
        background-size: cover;
    }
    #edw .edw_more a.btn_more p{
        padding: 16px 23px 16px 13px;
        height: auto;
    }
    #edw .edw_more a.btn_more p span{
        width: 100%;
    }
    #edw .edw_more p .more_text01{
        padding: 0 0 10px 0;
        font-size: 18px;
        line-height: 1.3;
    }
    #edw .edw_more p .more_text02{
        padding-top: 10px;
        font-size: 17px;
    }
    #edw .edw_more p .more_text03{
        margin-top: 10px;
        padding-top: 10px;
        font-size: 17px;
    }
}

/*Edw Contact*/
#edw .edw_contact{
    padding: 50px 0 10px 0;
    background: #fff;
}
#edw .edw_contact a.btn_contact{
    display: block;
    margin: 0 auto;
    padding: 17px 20px 15px 20px;
    width: 480px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_article.jpg) center 0 no-repeat;
    border: solid 1px #b7d3e8;
    border-radius: 8px;
    color: #3282be;
    text-decoration: none;
    text-align: center;
}
#edw .edw_contact a.btn_contact{
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw .edw_contact a.btn_contact:hover{
    opacity: 0.50;
}
#edw .edw_contact p.contact_text{
    font-size: 17px;
    line-height: 1.2;
}
#edw .edw_contact p.contact_btn{
    display: inline-block;
    margin: 10px auto 0 auto;
    padding: 11px 25px 9px 13px;
    border-radius: 5px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_contact_w.png) right 10px center no-repeat #3282be;
    color: #fff;
    font-size: 14px;
}
@media screen and (max-width:640px){
    #edw .edw_contact{
        padding: 10px 0 10px 0;
    }
    #edw .edw_contact a.btn_contact{
        padding: 15px 12px;
        width: 100%;
        height: auto;
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/bg_edw_article_sp.jpg) center center no-repeat;
        background-size: cover;
    }
    #edw .edw_contact p.contact_text{
        font-size: 16px;
        letter-spacing: 0.04em;
    }
}


/*------------------------------------------Slider Bxslider*/

.feed-next-btn{
  position: absolute;
  right:0;
  top:40%;
  z-index: 100;
}
.feed-prev-btn{
  position: absolute;
  left: 0;
  top:40%;
  z-index: 100;
}
.bxsld_prev{
    display: block;
    width: 25px;
    height: 40px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_prev.png) right 0 no-repeat;
    background-size: 16px auto;
}
.bxsld_next{
    display: block;
    width: 25px;
    height: 40px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_next.png) 0 0 no-repeat;
    background-size: 16px auto;
}
@media screen and (max-width:640px){
    .bxsld_prev{
        width: 20px;
        height: 35px;
        background-size: 16px auto;
    }
    .bxsld_next{
        width: 20px;
        height: 35px;
        background-size: 16px auto;
    }


}


/*-----------------------------Pagetop*/

#edw #pagetop{
    display: none;
    position: fixed;
    right: 8px;
    bottom: 14px;
    z-index: 200;
}
#edw #pagetop a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/pagetop.png) center center no-repeat rgba(27, 106, 165, 0.75);
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw #pagetop a:hover{
    opacity: 0.50;
}
@media (max-width: 640px) {
    #edw #pagetop{
        right:0;
        bottom:8px;
    }
}


/*Local Navi*/
#edw .edw_localnavi{
    position: relative;
    padding: 60px 0 20px 0;
}
#edw .edw_localnavi h2{
    margin-bottom: 15px;
    text-align: center;
}
#edw .local_navi_set{
    position: relative;
}
#edw .local_navi .btn{
    display: block;
    border: solid 1px #c8c8c8;
    background: #fff;
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#edw .local_navi .btn:hover{
    opacity: 0.6;
}
#edw .local_navi .btn .ttl{
    padding: 12px 20px 11px 10px;
    min-height: 81px;
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/icon_list.png) 96.5% center no-repeat;
    font-size: 14px;
    line-height: 1.4;
    font-feature-settings: "palt";
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    letter-spacing: 0.01em;
}
/*
#edw.column-page .local_navi .btn .ttl{
    min-height: 62px;
}
*/
#edw .local_navi_set .next-btn,
#edw .local_navi_set .prev-btn{
    position: absolute;
    right: -30px;
    top: 38.5%;
    z-index: 100;
}
#edw .local_navi_set .prev-btn{
    right: auto;
    left: -30px;
}
#edw .local_navi_set .next-btn a,
#edw .local_navi_set .prev-btn a{
    display: block;
    width: 25px;
    height: 40px;
    transition: all 0.3s;
}
#edw .local_navi_set .next-btn a:hover,
#edw .local_navi_set .prev-btn a:hover{
    opacity: 0.6;
}
#edw .local_navi_set .next-btn a{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_next_g.png) right 0 no-repeat;
}
#edw .local_navi_set .prev-btn a{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/img/arrow_prev_g.png) 0 0 no-repeat;
}
#edw .local_navi_set .bxsld_wrapper .bxsld_pager{
    display: none;
}

@media screen and (max-width:1068px){
    #edw .local_navi_set .next-btn{
        right: -12px;
    }
    #edw .local_navi_set .prev-btn{
        left: -12px;
    }
}
@media screen and (max-width:1048px){
    #edw .local_navi_set .next-btn,
    #edw .local_navi_set .prev-btn{
        top: 40%;
    }
}
@media screen and (max-width:640px){
    #edw .edw_localnavi{
        padding: 20px 0 0 0;
    }
    #edw .local_navi .btn .ttl{
        font-size: 12px;
    }
    #edw.column-page .local_navi .btn .ttl{
        min-height: 70px;
    }
}

@media screen and (max-width:450px){
    #edw .local_navi .btn .ttl{
        min-height: 70px;
    }
}
@media screen and (max-width:390px){
    #edw .local_navi .btn .ttl{
        min-height: 90px;
    }
}
@media screen and (max-width:345px){
    #edw .local_navi .btn .ttl{
        min-height: 105px;
    }
    #edw.column-page .local_navi .btn .ttl{
        min-height: 88px;
    }
}


/*-----------------------------Column Page*/

/*Column Main*/
#edw .column_main{
    width: 100%;
}
#edw .column_main.column01{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/diagnosing-autism-as-early-as-age-3/img/img_main.jpg) center 0 no-repeat;
}
#edw .column_main.column02{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/innovations-vital-to-enhancing-long-term-care/img/img_main.jpg) center 0 no-repeat;
}
#edw .column_main.column03{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/ricoh-ignite-group-growth-strategy/img/img_main.jpg) right 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column04{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/changing-the-face-of-japanese-manufacturing/img/img_main.jpg) center 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column05{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/are-t-shirts-draining-our-world/img/img_main.jpg) center 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column06{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/explore-an-ancient-japanese-artificial-cavern-in-360/img/img_main.jpg) center 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column07{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/ignite-a-revolution-in-manufacturing-with-printing-technology/img/img_main.jpg) center 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column08{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/eco-friendly-ricohs-next-challenge/img/img_main.jpg) center 0 no-repeat;
    background-size: cover;
}
#edw .column_main.column09{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/ricoh_cowtalk_finds_favor_among_farmers/img/img_main.jpg) center no-repeat;
    background-size: cover;
}
#edw .column_main.column10{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/ricoh-business-innovation-lounge-tokyo/img/img_main.jpg) center no-repeat;
    background-size: cover;
}
#edw .column_main.column11{
    background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/ricoh_AI_shogi_game_score_capturing_system/img/img_main.jpg) center 30% no-repeat;
    background-size: cover;
}
#edw .column_main .inner{
    position: relative;
    height: 500px;
}
#edw .column_main.column01 .title,
#edw .column_main.column02 .title,
#edw .column_main.column03 .title,
#edw .column_main.column04 .title,
#edw .column_main.column05 .title,
#edw .column_main.column06 .title,
#edw .column_main.column07 .title,
#edw .column_main.column08 .title,
#edw .column_main.column09 .title,
#edw .column_main.column10 .title{
    position: absolute;
    top: 0;
    color: #fff;
}

#edw .column_main .title.bk{
    color: #000;
}
#edw .column_main .title h1{
    font-size: 36px;
    line-height: 1.4;
}
#edw .column_main .title h1 span{
    display: inline-block;
    margin-top: 7px;
    font-size: 24px;
    line-height: 1.25;
}
#edw .column_main.column01 .title h1{
    padding-top: 140px;
}
#edw .column_main.column02 .title h1,
#edw .column_main.column03 .title h1{
    padding-top: 60px;
    color: #333;
}
#edw .column_main.column08 .title h1{
    padding-top: 0px;
    line-height: 1.0;
}
#edw .column_main.column04 .title h1{
    padding-top: 105px;
}
#edw .column_main.column05 .title{
    padding-top: 150px;
    color: #000;
}
#edw .column_main.column06 .title h1{
    padding-top: 150px;
}
#edw .column_main.column07 .title{
    top: auto;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
#edw .column_main.column08 .title{
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    margin: 70px 0 0 0;
  /*  width: 100%; */
    text-align: left;
    padding: 30px;
background-blend-mode: multiply;
color: #fff;
}

#edw .column_main.column04 .title .lead,
#edw .column_main.column07 .title .lead{
    margin-top: 7px;
    font-size: 24px;
    line-height: 1.25;
}

#edw .column_main .title .cap{
    margin-top: 8px;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0.05em;
}

#edw .column_main.column10 .title,
#edw .column_main.column11 .title{
    padding-top: 130px;
    left: 0;
    position: absolute;
}
#edw .column_main.column09 .title{
    padding-top: 190px;
    left: 0;
    position: absolute;
}

@media screen and (max-width:1048px){
    #edw .column_main.column01{
        background: url(/-/Media/Ricoh/Sites/com/about/empowering-digital-workplaces/articles/diagnosing-autism-as-early-as-age-3/img/img_main.jpg) 55% 0 no-repeat;
    }
    #edw .column_main.column01 h1{
        padding-top: 40px;
    }
}
@media screen and (max-width:950px){
    #edw .column_main.column03 .dp_sp,
    #edw .column_main.column05 .dp_sp,
    #edw .column_main.column08 .dp_sp,
    #edw .column_main.column09 .dp_sp,
    #edw .column_main.column10 .dp_sp,
    #edw .column_main.column11 .dp_sp{
        display: block;
        width: 100%;
    }
    #edw .column_main.column03 .dp_pc,
    #edw .column_main.column05 .dp_pc,
    #edw .column_main.column08 .dp_pc{
        display: none;
    }
    #edw .column_main.column03 .dp_sc{
        display: none;
    }
    #edw .column_main.column03,
    #edw .column_main.column03 .inner,
    #edw .column_main.column05,
    #edw .column_main.column05 .inner,
    #edw .column_main.column08,
    #edw .column_main.column08 .inner,
    #edw .column_main.column09,
    #edw .column_main.column09 .inner,
    #edw .column_main.column10,
    #edw .column_main.column10 .inner,
    #edw .column_main.column11,
    #edw .column_main.column11 .inner{
        margin: 0;
        padding: 0;
        height: auto;
        background: transparent;
    }
    #edw .column_main.column08,
    #edw .column_main.column08 .inner{
        margin: 0;
        padding: 0;
        height: auto;
        background: transparent;
    }

    #edw .column_main.column03 .title,
    #edw .column_main.column05 .title,
    #edw .column_main.column08 .title,
    #edw .column_main.column09 .title,
    #edw .column_main.column10 .title,
    #edw .column_main.column11 .title{
        position: static;
        padding-top: 0;
    }
    #edw .column_main.column03 .title h1,
    #edw .column_main.column05 .title h1{
        margin: 55px auto 0 auto;
        padding: 0 20px;
        max-width: 750px;
    }
    #edw .column_main.column08 .title{
        position: absolute;
        display: block;
        bottom:0;
        left: 0;
        font-size: 20px;
        padding: 10px;
        margin: 0 0 0 0;
    }

    #edw .column_main.column08 .title h1{
        margin: 15px auto 0 auto;
        padding: 0 20px;
        max-width: 750px;
    }
    #edw .column_main.column05 .cap,
    #edw .column_main.column08 .cap{
        margin: 0 auto;
        padding: 0 20px;
        max-width: 750px;
    }
    #edw .column_main.column09 .title,
    #edw .column_main.column10 .title,
    #edw .column_main.column11 .title{
        color: #000;
        margin: 55px auto 0 auto;
        padding: 0 20px;
        max-width: 750px;
    }
}
@media screen and (max-width:640px){
    #edw .column_main.column03 .dp_sc{
        display: block;
    }
    #edw .column_main,
    #edw .column_main .inner{
        margin: 0;
        padding: 0;
        height: auto;
    }
    #edw .column_main.column01,
    #edw .column_main.column02,
    #edw .column_main.column03{
        background: transparent;
    }
    #edw .column_main .title{
        left: 20px;
    }

    #edw .column_main.column08 .title{
        position: absolute;
        display: block;
        bottom:0;
        left: 0;
        font-size: 20px;
        padding: 10px;
        margin: 0 0 0 0;
    }

    #edw .column_main .title h1{
        font-size: 20px;
        line-height: 1.3;
    }
    #edw .column_main .title h1 span{
        font-size: 15px;
        line-height: 1.4;
    }
    #edw .column_main.column01 .title h1{
        padding-top: 38px;
    }
    #edw .column_main.column02 .title h1{
        padding-top: 25px;
    }
    #edw .column_main.column03 .title h1,
    #edw .column_main.column05 .title h1{
        margin: 30px 0 0 0;
    }
    #edw .column_main.column04 .title h1{
        padding-top: 20px;
    }
    #edw .column_main.column05 .title{
        top: 30%;
        right: 20px;
        font-size: 20px;
    }
    #edw .column_main.column08 .title{
        position: absolute;
        display: block;
        bottom:0;
        left: 0;
        font-size: 20px;
        padding: 10px;
        margin: 0 0 0 0;
    }
    #edw .column_main.column04 .title .lead{
        font-size: 15px;
        line-height: 1.4;
    }
    #edw .column_main.column06 .title h1{
        padding-top: 20px;
    }

    #edw .column_main.column07 .title{
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    #edw .column_main.column07 .title h1{
        font-size: 24px;
    }
    #edw .column_main.column07 .title .lead{
        font-size: 17px;
        line-height: 1.4;
    }
}

/*Column Main Btm*/
/*Column Article*/
#edw .column_main_btm{
    padding-top: 8px;
}
#edw .column_article{
    padding: 30px 0 20px 0;
}
#edw .column_main_btm .inner,
#edw .column_article .inner{
    margin: 0 auto;
    max-width: 750px;
}
#edw .column_article .sentence h2{
    margin-top: 65px;
    color: #666;
}
#edw .column_article .sentence h2.mt28{
    margin-top: 28px;
}
#edw .column_article .sentence h3{
    margin-top: 40px;
    font-size: 20px;
    line-height: 1.4;
}
#edw .column_article .sentence p.lead{
    margin-top: 28px;
}
#edw .column_article .sentence p.img{
    margin-top: 35px;
}
#edw .column_article.column03 .sentence p.img{
    margin-top: 15px;
}
#edw .column_article .sentence p.img img{
    max-width: 100%;
}
#edw .column_article .sentence p.cap_ttl{
    margin-top: 30px;
    font-weight: bold;
}
#edw .column_article .sentence p.cap{
    margin-top: 6px;
}
#edw .column_article .sentence p.t_img{
    margin-top: 28px;
}
#edw .column_article .sentence ul.list{
    margin-top: 28px;
    font-size: 17px;
    line-height: 1.65;
}
#edw .column_article .sentence ul.list li{
    margin-top: 5px;
    margin-left: 1em;
    text-indent: -1em;
}
#edw .column_article .sentence ul.list li:first-child{
    margin-top: 0;
}
#edw .column_article .sentence ul.list li span{
    margin-right: 6px;
}
#edw .column_article .sentence ul.list01 li span{
    font-size: 9px;
    vertical-align: 2px;
}
#edw .column_article .sentence ul.list02 li{
    font-weight: bold;
}
#edw .column_article .sentence p.link{
    margin-top: 18px;
    font-size: 17px;
    line-height: 1.0;
}

@media screen and (max-width:950px){
    #edw .column_article.column03 {
        padding: 20px 0;
    }
}
@media screen and (max-width:640px){
    #edw .column_article{
        padding: 25px 0 20px 0;
    }
    #edw .column_article.column03,
    #edw .column_article.column05,
    #edw .column_article.column08{
        padding: 0 0 20px 0;
    }
    #edw .column_main_btm .inner,
    #edw .column_article .inner{
        margin: 0 auto;
        max-width: 750px;
    }
    #edw .column_article .sentence h2{
        margin-top: 38px;
    }
    #edw .column_article .sentence h2.mt28{
        margin-top: 18px;
    }
    #edw .column_article .sentence h3{
        margin-top: 18px;
        font-size: 16px;
    }
    #edw .column_article .sentence p.lead{
        margin-top: 18px;
    }
    #edw .column_article .sentence p.img{
        margin-top: 25px;
    }
    #edw .column_article .sentence p.t_img{
        margin-top: 18px;
    }
    #edw .column_article .sentence ul.list{
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.7;
    }
    #edw .column_article .sentence ul.list li span{
        margin-right: 4px;
    }
    #edw .column_article .sentence p.link{
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.7;
    }
}

#edw .column_main .title > div{
    color: #ffffff;
    background-color: rgba(0,0,0,0.7);
    padding: 50px 30px;
}

@media screen and (max-width:950px) {
    #edw .column_main[class*="column"]{
        background: none;
    }
    #edw .column_main .title{
        position: static;
        margin: 30px 0 0;
        padding: 0 20px;
        max-width: 750px;
        font-size: 20px;
    }
    #edw .column_main .title > div{
        color: #000000;
        background-color: transparent;
        padding: 0;
    }
    #edw .column_main .title h1{
        line-height: 1.3;
        font-size: 18px;
        margin: 0 0 3px;
    }
    #edw .column_main .title > div > span{
        line-height: 1.3;
        font-size: 14px;
    }
}

/* MV動画エリア */
.index_main_vi {
    width: 100%;
    max-height: 440px;
    min-height: 440px;
    position: relative;
    overflow: hidden;
}
.index_main_vi img {
    width: 100%;
}
video {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.play-btn {
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer;
}
.play-btn.play .playBtn{
    display: none;
}
.play-btn.play .pauseBtn{
    display: block;
}
.play-btn.pause .pauseBtn{
    display: none;
}
.play-btn.pause .playBtn{
    position: absolute;
}
@media (max-width: 800px) {
    .index_main_vi {
        max-height: auto;
        min-height: auto;
        padding-bottom: 56.25%;
        box-sizing: border-box;
    }
    #edw .edw_top_main .main_title_pc img {
        width: 80%;
    }
}
@media (max-width: 640px) {
    #edw .edw_top_main .main_title_pc{
        position: static;
        top: auto;
        left: auto;
    }
    #edw .edw_top_main .main_area .main_area_in{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}