﻿@charset "utf-8";

/*************************************************
CSS
/cmn_ja_v1/css/import.css

14.11.21
update:
*************************************************/

.dt_box{display: table !important;}
.dt_cell{display: table-cell !important;}
.vam{vertical-align: middle !important;}

/* ============================== Accordion Section */
.accordion_sct .acd_ttl02 {
  position: relative;
  border: 1px solid #c9c9c9;
  background: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordiondown_03.png) 8px 50% no-repeat #ffffff;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  padding-left: 25px;
}
.accordion_sct .acd_ttl02.open {
  border: 1px solid #c9c9c9;
  background: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_accordionup_03.png) 8px 50% no-repeat #f3f3f3;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.accordion_sct .acd_dtl02 {
  display: none;
  padding: 16px 16px 32px;
  background: #f3f3f3;
  border: 1px solid #c9c9c9; border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.bgp_0{background-position: 0 0 !important}
.bgp_0_2{background-position: 0 2px !important}

.jp_news_sct.jp_news_top.no_ico dl dt{min-width: 0 !important;}
.jp_news_sct.no_ico_arrow a.jp_news_lst{background-image: none !important;}

.bg_e9f{background-color: #e9f0f6;}


.ir_bg_box{
  padding: 24px 19px;
  background-color: #e9f0f6;
}

.line1{padding-top: 12px;}
@media only screen and (max-width: 640px) {
 .box3 .clm{padding-bottom: 0;}
 .line1{padding-top: 0;}
 .ir_bg_box{
    padding: 16px 11px;
  }
}

dl.ir_list{
  width: 100%;
  display: table;
}
dl.ir_list dt,
dl.ir_list dd{
  display: table-cell;
  color: #333333;
  padding: 0 5px;
  white-space: nowrap;
  vertical-align: middle;
}
dl.ir_list dt.cell1{padding-left: 0;}

dl.ir_list dd img{
  max-width: 594px;
  vertical-align: middle;
}
dl.ir_list dd a{background-position: 100% 2px;}

@media only screen and (max-width: 920px) {
  dl.ir_list{display: block;}
  dl.ir_list dt.cell1{
    display: block;
    margin-bottom: 8px;
  }
  dl.ir_list dd img{
    vertical-align: top;
  }
  dl.ir_list dd a{background-position: 100% -4px;}
}


@media only screen and (max-width: 640px) {
  dl.ir_list dt{font-size: 16px !important;}
  dl.ir_list dd{float: left;}
  .rsp_w40p{width: 40% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
}
