@charset "utf-8";

.clearFix {
	overflow: hidden;
}

.mainCaption {
	font-size: 69%;
	text-align: right;
}

.btmCap {
	font-size: 75%;
}

.w29p {
	box-sizing: border-box;
	width: 29% !important;
}

.w75p {
	width: 75% !important;
}

.w60_6p {
	width: 60.6% !important;
}
.w39_3p {
	width: 39.25% !important;
}

.clm.pd0.w39_3p.banner_mn {
	border: none;
}

/****************************************************/
/* ============================== Background Color */
.bg_f0{ background-color: #f0f0f0!important; }
.bg_68bcce{ background-color: #68bcce!important; }
.bg_5099b8{ background-color: #5099b8!important; }
.bg_3877a3{ background-color: #3877a3!important; }
.bg_20548d{ background-color: #20548d!important; }
.bg_e7f8fb{ background-color: #e7f8fb!important; }

/* ============================== Font */
/* color */
.fc_20548d{ color: #20548d!important; }
.fc_68bcce{ color: #68bcce!important; }
.fc_5099b8{ color: #5099b8!important; }
.fc_3877a3{ color: #3877a3!important; }
.fc_20548d{ color: #20548d!important; }

/* ============================== Border */
.bd2_68bcce{ border: solid 2px #68bcce!important; }
.bd2_5099b8{ border: solid 2px #5099b8!important; }
.bd2_3877a3{ border: solid 2px #3877a3!important; }
.bd2_20548d{ border: solid 2px #20548d!important; }
.bd_b6_ff{ border-bottom: solid 6px #fff!important; }

/* radius */
.bdr25 { -webkit-border-radius: 25px !important; border-radius: 25px !important; }

/* circle */
.li_circle{
	border: solid 2px #3877a3;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	display: block;
	color: transparent;
	position: relative;
	top: 5px;
}
.li_disc{
  background-color: #3877a3;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  color: transparent;
  position: relative;
  top: 3px;
}

.lh1{ line-height: 1!important; }
.val_m_flx{
	display: flex;
	align-items: center;
	justify-content: center;
}

.post_5px{ position: relative; top: 5px; }
.post_006em{ position: relative; top: 0.06em; }

.newwindow {
  background-image: url(/-/Media/Ricoh/Common/cmn_v1/img/icon_s_newwindow_01.png) !important;
}


/* ============================== Margin, Padding */
/* Padding */
.pt2{ padding-top: 2px!important; }
.pt3{ padding-top: 3px!important; }
.pt10{ padding-top: 10px!important; }
.pl2{ padding-left: 2px!important; }
.pl6{ padding-left: 6px!important; }
.pl10{ padding-left: 10px!important; }

.pc_mt-100{
  margin-top: -100px;
}

/* ============================== Width */
.w56p {width: 56% !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.w44p {width: 44% !important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

/* ============================== service */
#service .jp_step_horizon.clm4 .jp_step_box {
	width: 24.85%;
}
#service .jp_step_box {
	background-size: 9px 28px;
	padding-right: 1px;
	background-position: right center;
}
#service .jp_step_box:nth-of-type(1) {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_01_arrow.png");
}
#service .jp_step_box:nth-of-type(2) {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_02_arrow.png");
}
#service .jp_step_box:nth-of-type(3) {
	background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_03_arrow.png");
}



/* ============================== caseArea */
.caseArea h4 {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.caseArea ul.caption li span{
	word-break: break-all;
}

.caseArea .jp_psbox_probrem:after {
	content: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_case_arrow_down.png");
}


.introArea > .clm:nth-of-type(1) {
	width: 47.5%;
}

.introArea > .clm:nth-of-type(2) {
	width: 52.5%;
}

.introArea h4 {
	border-bottom: 1px solid #e1e1e1;
	padding: 12px 0;
}

.introArea h4 span {
	color: #005fca;
	font-weight: bold;
	font-size: 132%;
	padding-right: 5px;
	display: block;
}

.introArea .clearFix {
	border-bottom: 1px solid #e1e1e1;
}

.introArea ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.introArea .cap {
	font-size: 75%;
	line-height: 30px;
}

.movieArea {
	margin: 0 auto;
}

.introBtn {
	margin-top: 40px;
}


.contact_ev {
  padding: 24px 40px 34px !important;
}

.contact_ev.pl40.pr40.pb26 {
  padding: 24px 40px 26px !important;
}

.contact_ev_ttl {
  font-size: 163%;
  border-bottom: 1px solid #757575;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.w47p {
  box-sizing: border-box;
  width: 47% !important;
}

.w52p {
  box-sizing: border-box;
  width: 52% !important;
}

.contact_ev .button {
  box-sizing: border-box;
  width: 100%;
}
.contact_ev .introBtn {
margin-top: 0;
}
.contact_ev .clearFix {
clear: both;
}

.dial {
  font-family: Verdana,sans-serif;
  font-size: 2em;
  font-weight: bold;
}

.dial a {
  color: inherit;
  pointer-events: none;
  font-size: 108%;
}

.dial a.ico_nml_lf {
  background-position: left center;
  padding-bottom: 0;
  padding-top: 0;
}

.dial img {
  height: 1em;
  margin-right: 0.3em;
  vertical-align: text-top;
  width: auto;
}

.dial_hours {
  font-size: 75%;
}

.ant1 dt, .ant1 dd {
  padding-left: 1em;
  text-indent: -1em;
}

@media (min-width: 1024px) {
  .caseArea .case_eco .ml_caption{
    margin-left: -35%;
  }
}
@media (min-width: 641px) and (max-width: 1023px){
  .caseArea .case_eco .ml_caption{
    margin-left: -50%;
  }
  .rsp_tablet_w100p{
    width: 100%!important;
  }
}

@media (max-width: 900px) {
	.caseArea dl dd {
		width: 100%;
		padding-right: 0%;
	}
}

@media (max-width: 768px) {
	.contact_ev .rsp_w100p {
		box-sizing: border-box;
		max-width: 100% !important;
		width: 100% !important;
	}
	.w47p.rsp_w100p.fl_r {
		margin-top: 20px;
	}
}

@media (max-width: 640px) {
	.w60_6p {
		width: 100% !important;
	}
	.w39_3p {
		width: 100% !important;
	}
  .rsp_w100p { width: 100% !important; max-width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
	.rsp_p2 {
		float: none !important;
		width: 50% !important;
		margin: 0 auto;
	}

	.clm1.mt72 {
		margin-top: 35px !important;
	}




	.introArea > .clm:nth-of-type(1),
	.introArea > .clm:nth-of-type(2) {
		width: 100%;
	}

	.introBtn {
		margin-top: 0px;
	}
	.contact_ev {
		padding: 16px !important;
	}

	.dial a {
		color: #00c;
		pointer-events: auto;
	}

	.contact_ev_ttl {
		font-size: 125%;
	}

  #service .jp_step_box {
      width: 100% !important;
      float: none;
      padding-right: 0;
      padding-bottom: 11px;
      background-repeat: no-repeat;
      background-size: 41px 16px;
      background-position: center bottom 2%;
  }
  #service .jp_step_box:nth-of-type(1) {
    background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_01_arrow_down.png");
  }
  #service .jp_step_box:nth-of-type(2) {
    background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_02_arrow_down.png");
  }
  #service .jp_step_box:nth-of-type(3) {
    background-image: url("/-/Media/Ricoh/Sites/co_jp/service/ev_charger/img/img_service_03_arrow_down.png");
  }
  .li_disc{
    top: 4px;
  }
  .accordion_sct .acd_dtl02 {
      padding: 0;
  }
  .rsp_w95p{ width: 95%!important; }
  .rsp_w85p{ width: 85%!important; }
  .rsp_pb24{ padding-bottom: 24px!important; }
  .rsp_pb32{ padding-bottom: 32px!important; }
  .rsp_mb12{ margin-bottom: 12px!important; }
  .rsp_mb16{ margin-bottom: 16px!important; }
  .rsp_mb24{ margin-bottom: 24px!important; }
  .rsp_mb32{ margin-bottom: 32px!important; }
  .rsp_mg_auto{ margin-left: auto!important; margin-right: auto!important; }
  .rsp_post_6px{ position: relative; top: 6px; }

  .rsp_val_t{ vertical-align: top!important; }
}