@charset "UTF-8";
/* CSS Document */

/*News*/
.jp_news_lst { 
padding: 8px 32px 8px 0; 
background: url(../../cmn_v1/img/icon_s_right_01.png) 100% 50% no-repeat; 
}





/*title
--------------------------*/

/*telework*/
.tl_ico_telework{
background-image: url( ../img/telework/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_telework span{
font-size: 0.6em;
}
.h4_bTl{
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid #cccccc;
padding-bottom: 2px;
}
.h4_bTl_noLine{
font-weight: 600;
text-decoration: none;
padding-bottom: 2px;
}



/*communication*/
.tl_ico_communication{
background-image: url( ../img/communication/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_communication span{
font-size: 0.6em;
}

/*correction*/
.tl_ico_correction{
background-image: url( ../img/correction/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_correction span{
font-size: 0.6em;
}
/*resources*/
.tl_ico_resources{
background-image: url( ../img/resources/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_resources span{
font-size: 0.6em;
}


/*improvement*/
.tl_ico_improvement{
background-image: url( ../img/improvement/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_improvement span{
font-size: 0.6em;
}

.imp_border{
border:7px #b7ce96 solid;
padding: 20px;
}


.checkListBold{
background:url(/-/Media/Ricoh/Sites/co_jp/solutions/workstyle/img/improvement/check.jpg) 0 0 no-repeat;
padding:0 0 0 30px;
font-weight: 600;
font-size: 1.1em;
}







.tl_ico_it{
background-image: url( ../img/it/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}
.tl_ico_it span.sTl{
font-size: 0.6em;
}
.tl_ico_it span.bTl{

}

@media (max-width: 900px) {
.tl_ico_it{
background-image: url( ../img/it/tl_ico.jpg);
padding:0px 0 8px 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin:12px 0 12px 0;
line-height: 0.6em;
}
.tl_ico_it span.sTl{
font-size: 0.6em;
line-height: 1.3em;
display: block;
}
.tl_ico_it span.bTl{
line-height: 1.2em;
}
}



.co_ico_it{
font-size: 0.9em;
color: #fff;
background-color: #1f445e;
margin:0 0 10px 0 ;
padding: 3px;
}




.thumb_bg_none {
background: none !important;
}




.tl_ico_management{
background-image: url( ../img/management/tl_ico.jpg);
padding:7px 0 0 57px;
min-height: 36px;
background-repeat: no-repeat;
background-position: left center;
margin-bottom: 12px;
}

.icon_management{
background: #a57503;
margin: 0 10px 0 0;
padding:9px 17px 9px 17px;
color: #ffffff;
font-size: 1.0em;
font-weight: 600;
}

/**/
@media (min-width: 641px) {
.pc_w_step{
max-width:80%;
margin: 20px auto 20px auto;
}

}

.ld_management_bold{
/*min-height: 90px;*/
color: #a57503;
font-size: 1.0em;
font-weight: 600;
margin: 5px 0 5px 0;
}
.border_management{
/*min-height: 100px;*/
border: 1px solid #c8bfa9;
padding: 7px;
font-size: 1em;
}

/*
@media (max-width: 640px) {
.ld_management_bold{
color: #a57503;
font-size: 1.0em;
font-weight: 600;
margin: 10px 0 15px 0;
}
.border_management{
border: 1px solid #c8bfa9;
padding: 7px;
font-size: 0.8em;
}
}
*/
/*a57503*/



/* management module Box
----------------------------------------*/
/**/
.jp_step_vertical .jp_step_box .jp_point_area .jp_pt_ttl_label {
font-size: 1.3em;
padding: 15px 0 0 17px;
}



/* column
-----------------------------------------*/
.tl_column_top{
font-size: 1.2em;
margin-bottom: 16px;
line-height: 2em;
}
.tl_column_top .tl_column_top_icon01{
display: block;
background: #5aa8e6;
margin-right: 10px;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 0.9em;
float: left;
}
.tl_column_top .tl_column_top_icon02{
display: block;
background: #d94356;
margin-right: 10px;
padding: 3px 10px 3px 10px;
color: #ffffff;
font-size: 0.9em;
float: left;
}
.tl_column_top .tl_column_text{
display: block;
padding-top: 3px;
float: left;
}

@media (min-width: 641px) {
.boxTopPadding{
padding-top: 0px;
padding-left: 20px;
}
}
@media (max-width: 640px) {
.boxTopPadding{
padding-top: 20px;
}
}




.jp_point_area .jp_point_sct .column_icon{
padding: 0px !important;
}


.column_border_box {
background: #ffffff;
border: 7px #527083 solid;
padding: 20px;
}

.tl_column_icon03{
background: #f39800;
margin-bottom: 20px;
padding: 10px 20px;
color: #ffffff;
font-size: 0.9em;
}

.solution-theme_mv-banner {
overflow: hidden;
border-radius: 8px;
background-color: #cf142b;
padding: 20px 0 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s; }
.solution-theme_mv-banner:hover {
text-decoration: none;
opacity: 0.8; }
@media (min-width: 768px) {
.solution-theme_mv-banner {
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 300px;
width: 40%;
} }
@media (max-width: 767px) {
.solution-theme_mv-banner {
margin: 32px 16px; } }
@media (min-width: 768px) {
.solution-theme_mv-banner__wrapper {
height: 500px;
position: absolute;
max-width: 1024px;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0; } }


.dp_sp {
display: none; }

.dp_pc {
display: block; }

@media (max-width: 980px) {
.dp_sp {
display: block; }
.dp_pc {
display: none; } }
.fog{
text-shadow: 0px 0px 22px #ffffff;
}

.other_sol .clm{
width: calc(100%/5);
}

.other_sol_img{
width: 70%;
margin:0 auto;
}


.other_sol_txt{
text-align: center;
align-items: center;
min-height: 60px;
padding:0;
}

@media (max-width: 768px) {
.other_sol .clm{
width: calc(100%/3);
}
}
@media (max-width: 640px) {
.other_sol .clm{
width: calc(100%/2);
}
}