﻿.drop_down, .drop_down ul li, .drop_down p {
  font-family: Arial, sans-serif;
}
#contents{
  font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
}
.products_box{
  margin-top: 57px;
  margin-bottom: 0;
}
.products_box img{
  width: 100%;
  height: auto;
}


.main_vi_img {
  position: relative;
}

.sp_ttl {
  font-size: 18px;
  padding: 15px 10px 20px;
  background-color: #fff;
}

.main_vi_device {
  padding: 36px 20px;
}
.main_vi_device h2 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #fff;
}
.main_vi_device .main_vi_dvc_txt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.005em;
  font-feature-settings: "palt";
}

.baloon {
  width: 100%;
  height: 100%;
  max-width: 1024px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.baloon .txt_inner {
  position: absolute;
  top: 23.57%;
  left: 19.25%;
  width: 64.64%;
}
@media screen and (max-width: 900px) {
  .baloon .txt_inner {
    width: 70%;
    top: 29.12%;
    left: 20.82%;
  }
}
@media screen and (max-width: 750px) {
  .baloon .txt_inner {
    top: 19.82%;
  }
}
.baloon h2 {
  font-size: 46px;
  color: #fff;
  font-feature-settings: "palt";
  margin-bottom: 8px;
}
@media screen and (max-width: 900px) {
  .baloon h2 {
    font-size: 38px;
  }
}
.baloon p {
  font-size: 17px;
  line-height: 1.571;
  letter-spacing: 0.025em;
  color: #fff;
  font-feature-settings: "palt";
}
@media screen and (max-width: 900px) {
  .baloon p {
    font-size: 12px;
  }
}
.baloon figure {
  max-width: 114px;
  width: 18.75%;
  position: absolute;
  top: 17.79%;
  left: 3.8%;
}
.baloon figure img {
  width: 100%;
  height: auto;
}

.lead_txt {
  max-width: 926px;
  width: 100%;
  margin: 72px auto 40px;
  padding: 8px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.025em;
  box-sizing: border-box;
  font-feature-settings: "palt";
}
@media screen and (max-width: 640px) {
  .lead_txt {
    background-color: #6c7074;
    max-width: 100%;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.005em;
    color: #fff;
    margin: 0;
    padding: 36px 16px;
  }
}


@media screen and (max-width: 640px) {
  .products_box{
    margin-top: 25px;
    margin-bottom: 10px;
  }
}
.products_box figure{
  width: 48.92%;
  float: left;
  margin-left: 2.92%;
}
@media screen and (max-width: 640px) {
  .products_box figure{
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
.products_box p{
  float: left;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  width: 42.94%;
  padding-top: 9%;
  margin-left: 5.22%;
}
@media screen and (max-width: 640px) {
  .products_box p{
    width: 100%;
    float: none;
    font-size: 14px;
    line-height: 20px;
    margin-left: 0;
    padding: 0 5.31%;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
}



/*-----------------------------------------------*/
.keyfeatures {
  text-align:center;
  padding-top:60px;
  padding-bottom:60px;
  }
.keyfeatures .title {
  font-size:26px;
  }
.keyfeatures .text {
  margin-top:1em;
  margin-bottom:1em;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  }

.keyfeatures_bnr .thumb_mn {
    padding: 16px 24px 16px 16px;
   font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
    font-weight: normal;
    font-feature-settings: "liga" off, "calt" off;
    /*color: #0000cc;*/
}
.keyfeatures_bnr a,
.keyfeatures_bnr a:hover{
    text-decoration: none;
}
.keyfeatures_bnr .bnr_title {
    font-size: 22px;
    line-height: 1.36;
    font-family: inherit !important;
    font-weight: bold;
    word-break: break-word;
	color: #ffffff;
}
.keyfeatures_bnr a .bnr_title:hover {
    text-decoration: underline;
}
.keyfeatures_bnr .bnr_text {
    margin-top: 15px;
    display: block;
    font-size: 18px;
    font-family: inherit !important;
    line-height: 1.5;
    font-weight: normal;
    word-break: break-word;
	color: #ffffff;
}
/*-----------------------------------------------*/
.solutions {
  text-align:center;
  padding-top:60px;
  padding-bottom:60px;
  }
.solutions .title {
  font-size:26px;
  }
.solutions .titleclm {
  font-family: 'Frutiger LT W01_55 Roma1475738', sans-serif;
  font-size:26px;
  padding-top:10px;
  padding-bottom:10px;
  }
.solutions .titleclm2 {
	font-size:26px;
  padding-top:10px;
  padding-bottom:10px;
	visibility:hidden;
  }
.solutions .text {
  margin-top:1em;
  margin-bottom:1em;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  }
.solutions_bnr .thumb_mn {
    padding: 16px 24px 16px 16px;
    font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
    font-weight: normal;
    font-feature-settings: "liga" off, "calt" off;
    /*color: #0000cc;*/
}
.solutions_bnr a,
.solutions_bnr a:hover{
	overflow:hidden;
	height: 320px;
	text-decoration: none;
}
.solutions_bnr .bnr_title {
    font-size: 18px;
    line-height: 1.36;
    /*color: #000;*/
    font-family: inherit !important;
    font-weight: bold;
    word-break: break-word;
}
.solutions_bnr a .bnr_title:hover {
    text-decoration: underline;
}
.solutions_bnr .bnr_text {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    font-family: inherit !important;
    line-height: 1.5;
    /*color: #000;*/
    font-weight: normal;
    word-break: break-word;
	text-decoration: none;
}

/*-----------------------------------------------*/
.casestudy {
  text-align:center;
  padding-top:60px;
  padding-bottom:60px;
  }
.casestudy .title {
  font-size:26px;
  }
.casestudy .titleclm {
  font-size:26px;
  padding-top:10px;
  padding-bottom:10px;
  }
.casestudy .titleclm2 {
	font-size:26px;
  padding-top:10px;
  padding-bottom:10px;
	visibility:hidden;
  }
.casestudy .text {
  margin-top:1em;
  margin-bottom:1em;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  }
.casestudy_bnr .thumb_mn {
    padding: 16px 24px 16px 16px;
    font-family: "Frutiger LT W01_55 Roma1475738", sans-serif;
    font-weight: normal;
    font-feature-settings: "liga" off, "calt" off;
    /*color: #0000cc;*/
}
.casestudy_bnr a,
.casestudy_bnr a:hover{
	text-decoration: none;
	overflow:hidden;
	height: 400px;
}
.casestudy_bnr .bnr_title {
    font-size: 18px;
    line-height: 1.36;
    /*color: #000;*/
    font-family: inherit !important;
    font-weight: bold;
    word-break: break-word;
}
.casestudy_bnr a .bnr_title:hover {
    text-decoration: underline;
}
.casestudy_bnr .bnr_text {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    font-family: inherit !important;
    line-height: 1.5;
    /*color: #000;*/
    font-weight: normal;
    word-break: break-word;
	text-decoration: none;
}

.emp{
	font-size: 1.2;
	font-weight: 600;
}

.find_country {
  background:url("/-/Media/Ricoh/Sites/com/iwb/img/sec_arrow.svg") center top no-repeat #5192aa;
  padding-top:80px;
  padding-bottom:80px;
  }
.find_country .title {
  font-size:30px;
  text-align:center;
  color:#fff;
  margin-bottom:0.5em;
  }

@media screen and (max-width: 640px) {
  .keyfeatures {
    padding-top:32px;
    padding-bottom:32px;
    }
 .solutions {
    padding-top:32px;
    padding-bottom:32px;
    }
  .find_country {
    padding-top:32px;
    padding-bottom:32px;
    }
  }

/*-----------------------------------------------*/

.banner_orange {
    display: block;
    position: relative;
    background-color: #ff8400;
	color: #ffffff;
	overflow:hidden;
	min-height: 460px;
	color: #ffffff;
}

.banner_orange img {
    display: block;
    width: 100%;
    height: auto;
}

.bg_orange{
	padding: 0 10px;
}



.btdl_orange_device { display: none; }

.btdl_orange{
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/icon_l_external_wh.png") right 5px center no-repeat;
	background-size: auto 18px;
	background-color: #ff8400;	
    border: 1px solid #ffffff;
    color: #ffffff!important;
    border-radius: 3px;
    transition-duration: .2s;
	width: 45%;
	height: 36px;
	font-size: 14px !important;
}
.btdl_orange_s{
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/icon_l_external_wh.png") right 5px center no-repeat;
	background-size: auto 18px;
	background-color: #ff8400;	
    border: 1px solid #ffffff;
    color: #ffffff!important;
    border-radius: 3px;
    transition-duration: .2s;
	width: 85%;
	height: 36px;
	font-size: 14px !important;
}

.btdl_orange_sdp{
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/icon_l_external_wh.png") right 5px center no-repeat;
	background-size: auto 18px;
	background-color: #e98419;	
    border: 1px solid #ffffff;
    color: #ffffff!important;
    border-radius: 3px;
    transition-duration: .2s;
	width: 85%;
	height: 36px;
	font-size: 14px !important;
}

.btdl_orange:hover,
.btdl_orange_s:hover{	
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/icon_l_external_og.png") right 5px center no-repeat;
	background-size: auto 18px;
	background-color: #ffffff;
    border: 1px solid #ff8400;
    color: #ff8400!important;
    border-radius: 3px;
    transition-duration: .2s;
	font-size: 14px !important;
}
.btdl_orange_sdp:hover{	
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/icon_l_external_og.png") right 5px center no-repeat;
	background-size: auto 18px;
	background-color: #ffffff;
    border: 1px solid #e98419;
    color: #e98419!important;
    border-radius: 3px;
    transition-duration: .2s;
	font-size: 14px !important;
}

/* @media */
@media (max-width: 640px) {
	.btdl_orange{ display: none; }
	.btdl_orange_s{ display: none; }
	.btdl_orange_sdp{ display: none; }
	.btdl_orange:hover{ display: none; }
	.btdl_orange_s:hover{display: none; }
	.btdl_orange_sdp:hover{display: none; }
	.btdl_orange_device { 
	display: block; 
	color: #ffffff!important;
	font-size: 14px !important;
	}
	.btdl_orange_device a{ 
	color: #ffffff!important;
	text-decoration: none;
	}
	.btdl_orange_device a:hover,
	.btdl_orange_device a:active{ 
	color: #ffffff!important;
	text-decoration: underline;
	}
}	
	

.thumbiwb {
    background: url(/-/Media/Ricoh/Sites/com/iwb/img/thumb_tl_iwb.png) 11% top no-repeat;
    background-size: auto 150px;
    height: 106px;
    padding: 50px 0 0 0;
}
.thumbiwb._type_multiline {
    height: auto;
    min-height: 106px;
}
.thumbiwb_Aseries {
    background: url(/-/Media/Ricoh/Sites/com/iwb/img/thumb_tl_iwb_Aseries.png) 8% 50% no-repeat;
    background-size: auto 125px;
    min-height: 106px;
    padding: 50px 0 0 0;
}
.thumbiwb_Aseries_2nd_Generation {
    background: url(/-/Media/Ricoh/Sites/com/iwb/img/thumb-tl-iwb-Aseries-2nd-Generation.jpg) 8% 50% no-repeat;
    background-size: auto 125px;
    min-height: 106px;
    padding: 50px 0 0 0;
}

/* @media */
@media (max-width: 640px) {
  .thumbiwb {
  	background:url("/-/Media/Ricoh/Sites/com/iwb/img/thumb_tl_iwb.png") center top no-repeat;
  	background-size: auto 106px;
  	height: 106px;
  	padding: 110px 0 00;
  }
  .thumbiwb._type_multiline {
      min-height: auto;
  }
  .thumbiwb_Aseries {
    background:url("/-/Media/Ricoh/Sites/com/iwb/img/thumb_tl_iwb_Aseries.png") center top no-repeat;
    background-size: auto 100px;
    padding: 115px 0 0;
    min-height: auto;
  }
  .thumbiwb_Aseries_2nd_Generation {
    background:url("/-/Media/Ricoh/Sites/com/iwb/img/thumb-tl-iwb-Aseries-2nd-Generation.jpg") center top no-repeat;
    background-size: auto 100px;
    padding: 115px 0 0;
    min-height: auto;
  }
}


table.lineup,
table.controller{
	background-color: #ffffff;	
	font-size: 14px !important;
		width: 100%;
	margin: 20px 0 0 0;
	table-layout: fixed
}

table.lineup thead tr,
table.controller thead tr{
	background-color: #cecece;	
}

table.lineup thead tr th{
	width: 16%;
	padding: 10px 5px;
	font-weight: 600;
	word-break : break-all;
}
table.controller thead tr th{
	width: 28.33%;
	padding: 10px 5px;
	font-weight: 600;
	word-break : break-all;
}
table.lineup thead tr th.tl,
table.controller thead tr th.tl{
	width: 20%;
}

table.lineup thead tr th.dp{
	background-color: #c3c3c3;
	width: 16%;
}
table.controller thead tr th.dp{
	background-color: #c3c3c3;
	width: 28.33%;
}

table.lineup tbody tr,
table.controller tbody tr{
	border-bottom: thin #c3c3c3 solid;
}
table.lineup tbody tr td,
table.controller tbody tr td{
	padding: 10px 5px;
	word-break : break-all;
}

table.controller tbody tr td li{
	word-break : break-word;
}

table.lineup tbody tr td.tx_c,
table.controller tbody tr td.tx_c{
	text-align: center;
}
table.lineup tbody tr td.tl,
table.controller tbody tr td.tl{
	font-weight: 600;
}

table.lineup tbody tr td.dp,
table.controller tbody tr td.dp{
	background-color: #f2f2f2;	
}

table.controller tbody tr td.dp2{
	background-color: #e7e7e7;	
}

table.lineup tfoot tr,
table.controller tfoot tr{
	background-color: #ff8400;
	color: #ffffff;
	border-bottom: 6px #c3c3c3 solid;
}
table.controller tfoot tr.manual{
	background-color: #ff8400;
	color: #ffffff;
	border-bottom: 1px #ffffff solid;
}
table.lineup tfoot tr td,
table.controller tfoot tr td{
	padding: 20px 5px;
	word-break : break-all;
	color: #ffffff;
}

table.lineup tfoot tr td.dp,
table.controller tfoot tr td.dp{
	background-color: #e98419;
}

table.lineup tfoot tr td.btn,
table.controller tfoot tr td.btn{
	text-align: center;
	word-break : break-all;
	color: #ffffff;
}
table.lineup dl,
table.controller dl{
	padding: 0;
}

table.lineup dt,
table.controller dt{
	font-weight: 600;
	padding: 10px 0 0 0;
}
table.lineup dd,
table.controller dd{
	padding: 2px 0 0 0;
}

table.lineup dl dd {
    margin-left: 22px;
}

.labe_category{
 position: absolute;


 z-index: 3;
 background-color: #ff8400;
 padding: 5px 10px;
}

.labe_category .label{
	color: #ffffff;
	font-weight: 600;
	font-size: 16px !important;
}

h2.case_title{
background:url("/-/Media/Ricoh/Sites/com/iwb/img/baloon_orange.png") left top no-repeat;
	padding: 0 0 20px 70px;
	color: #000;
	font-size: 28px;
    font-family: "Frutiger LT W01_65 Bold1475746", sans-serif;
	line-height: 1.4;
}

.case_contents {
	clear: both;
}

.case_contents .title {
  font-size:21px;
padding: 20px 0 10px 0;
	font-weight: 600;
  }
.case_contents .summary {
    max-width: 70%;
    text-align: left;
	padding: 0 5% 0 0;
}

.case_contents p {
    padding: 0 0 20px 0;
	font-size: 17px;
}

.case_contents .summary_ph {
    max-width: 25%;
    text-align: left;
	padding: 0 0 20px 0;
}

/* @media */
@media (max-width: 640px) {
	.case_contents .summary {
    max-width: 100%;
    text-align: left;
	padding: 0 10px;
}
	.case_contents .summary_ph {
    max-width: 100%;
    text-align: center;
		padding: 0 0 30px 0;
}
	.case_contents .summary_ph img{
    width: 70%;
		height: auto;
		margin: 0 auto;
		
}
}

.case_reason{
	display: block; 
	overflow: hidden; 
	background:#ffffff;
	border: #dedede solid 7px;
    padding: 20px;
}

.reason{
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/reason_arrow.png") left top no-repeat;
	 padding: 0 0 0 270px;
	min-height: 148px;
}

/* @media */
@media (max-width: 640px) {
.reason{
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/reason_arrow_sp.png") left top no-repeat;
	background-size: 100% auto;
	 padding: 40px 0 0 0px;
}
}
.reason ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
 
.reason li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.reason li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #ff8400;
  color: #fff;
  display: block;
  float: left;
  line-height: 24px;
  margin-left: -30px;
  text-align: center;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}


table.beforafter{
	background-color: #ffffff;	
	font-size: 16px !important;
	width: 100%;
	margin: 10px 0 30px 0;
	table-layout: fixed
}
table.beforafter thead th.before{
	background-color: #878787;
	color: #fff;
	font-weight: 600;
	text-align: center;
	width: 40%;
	padding: 10px 0;
}
table.beforafter thead th.after{
	background-color: #ff8400;
	color: #fff;
	font-weight: 600;
	text-align: center;
	width: 60%;
	border-left: 4px #ffffff solid;
	padding: 10px 0;
}

table.beforafter tbody tr{
	border-bottom: 2px #c3c3c3 solid;
}

table.beforafter tbody td.before{
	padding: 15px 20px;
	vertical-align: middle;
	
}

table.beforafter tbody td.after{
	color: #ff8400;
	text-align: left;
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/ast_arrow.png") left center no-repeat;
	background-size: 90px auto;
	padding: 15px 10px 15px 120px;
	min-height: 80px;
	vertical-align: middle;
}

/* @media */
@media (max-width: 640px) {
	table.beforafter tbody td.after{
	color: #ff8400;
	text-align: left;
	background:url("/-/Media/Ricoh/Sites/com/iwb/img/ast_arrow.png") left center no-repeat;
	background-size: 50px auto;
	padding: 15px 10px 15px 70px;
	min-height: 80px;
	vertical-align: middle;
}
}

.case_thumb_mn { display: block; overflow: hidden; background:#ffffff; }
.case_thumb_mn .inner { overflow: hidden; padding: 16px 24px 16px 16px; }
.case_thumb_mn .dtl { float: left; overflow: hidden; width: 60%;}
.case_thumb_mn .dtl .ttl { font-size: 18px; font-weight: bold; }
.case_thumb_mn .dtl .txt {}
.case_thumb_mn .img { float: right; width: 30%; margin-right: 16px; }
.case_thumb_mn .img img { display: block; width: 100%; height: auto; vertical-align: bottom; }
a.case_thumb_mn:hover { text-decoration: none; }
a.case_thumb_mn:hover .dtl .ttl { text-decoration: underline; }

.other_thumb_mn { display: block; overflow: hidden; background: url(../img/icon_s_right_01.png) 100% 50% no-repeat #ffffff; }
.other_thumb_mn .inner { overflow: hidden; padding: 16px 24px 16px 16px; }
.other_thumb_mn .dtl { float: right; overflow: hidden; width: 60%;}
.other_thumb_mn .dtl .ttl { font-size: 18px; font-weight: bold; }
.other_thumb_mn .dtl .txt {}
.other_thumb_mn .img { float: left; width: 30%; margin-right: 16px; }
.other_thumb_mn .img img { display: block; width: 100%; height: auto; vertical-align: bottom; }
a.other_thumb_mn:hover { text-decoration: none; }
a.other_thumb_mn:hover .dtl .ttl { text-decoration: underline; }

/* @media */
@media (max-width: 640px) {
	.other_thumb_mn { background-image: url(../img/icon_m_right_01.png);
		-webkit-background-size: 24px 24px;
		background-size: 24px 24px;
	}
}

.wblockquote{
position: relative;
margin: 1.5em auto;
padding: 1em 0em 1em 3.5em;
background-color: #FAFAFA;
z-index: 1;
font-style: italic;
color: #878787;
width: 90%;
}
.wblockquote p{
position: relative;
z-index: 1;
}
.wblockquote:before{
content: "“";
font-size: 500%;
line-height: 1em;
color: #BDBDBD;
position: absolute;
left: 0;
top: 0;
}

.wblockquote:after{
content: "”";
font-size: 500%;
line-height: 0em;
color: #BDBDBD;
position: absolute;
right: 0;
bottom: 0;
}

.wblockquote p.said{
font-size: 1.4em;
line-height: 1.6;
font-feature-settings : "palt" 1;
font-weight: thin;
}

 