.bg-blue {
  background-color: #f2f6fa; }

.bg-arrow-blue {
  background: url("/process/img/arrow_blue.png") no-repeat top center; }

.bg-arrow-white {
  background: url("/process/img/arrow_white.png") no-repeat top center #f2f6fa; }

.proc-subttl {
  margin: 55px auto 30px; }
  .proc-subttl img {
    margin: 0 auto; }

.proc-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
  padding-bottom: 60px; }

.proc-left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 45px; }
  .proc-left .proc-step {
    margin-left: 30px; }
    .proc-left .proc-step h3 {
      color: #00479d;
      font-weight: bold;
      font-size: 3em;
      margin-bottom: 13px; }
    .proc-left .proc-step p {
      font-size: 2em;
      line-height: 1.7; }

.proc-right img {
  width: 215px;
  height: 147px; }

a.proc-link {
  color: #00479d;
  text-decoration: underline; }
  a.proc-link:hover {
    text-decoration: none; }

/****************************************************************


SP


*****************************************************************/
@media only screen and (max-width: 640px) {
  .bg-arrow-blue,
  .bg-arrow-white {
    background-size: 60px auto; }
  .proc-subttl {
    margin: 25px auto 15px;
    width: 100%; }
    .proc-subttl img {
      width: 71.25%; }
  .proc-content {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .proc-left {
    width: 100%;
    margin-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .proc-left img {
      width: 15.625%;
      height: auto; }
    .proc-left .proc-step {
      margin-left: 15px; }
      .proc-left .proc-step h3 {
        font-size: 1.75em;
        margin-bottom: 10px; }
      .proc-left .proc-step p {
        font-size: 1.3em;
        line-height: 1.7; }
  .proc-right {
    width: 100%;
    margin-top: 12px;
    text-align: center; }
    .proc-right img {
      width: 50%;
      max-width: 400px;
      height: auto; } }

/*max-width: 640px*/