@charset "UTF-8";
/**
 * カード更新時のご注意
 */
/* ==========================================================================
   style
   ========================================================================== */
.update-step {
  background-color: #f8f8f8;
  border-bottom: 2px solid #c0c0c0;
  display: table;
  min-height: 108px;
  padding: 15px 0;
  width: 100%;
  /*&:after{
		background: url(img/step-arrow.gif) no-repeat center top;
		content: "";
		display: block;
		height: 18px;
		width: 46px;
	}*/ }
  .update-step dt, .update-step dd {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    display: table-cell;
    vertical-align: middle; }
  .update-step dt {
    padding-left: 25px;
    width: 225px; }
    @media screen and (max-width: 767px) {
      .update-step dt {
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1200px) {
      .update-step dt {
        width: 33.53659%; } }
    @media all and (min-width: 1200px) {
      .update-step dt {
        width: 275px; } }
  .update-step dd {
    text-align: left;
    padding-left: 70px;
    padding-right: 25px;
    width: 445px; }
    @media screen and (max-width: 767px) {
      .update-step dd {
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1200px) {
      .update-step dd {
        width: 66.46341%; } }
    @media all and (min-width: 1200px) {
      .update-step dd {
        width: 545px; } }

.arrow-update-step {
  line-height: 1;
  margin-bottom: 5px;
  text-align: center; }

.mix-text-m {
  font-weight: normal; }

.card-color {
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .update-step {
    display: block; }
    .update-step dt, .update-step dd {
      display: block;
      padding: 0 30px; }
    .update-step dt {
      text-align: center; }
    .update-step dd {
      margin-top: 10px; } }