@charset "utf-8";
@import "style.css";

/*========================================================================================================================


  ◇◆◇ 受付から退館まで ◇◆◇
  
  
========================================================================================================================*/

.step-no {
  counter-reset:number;
}

.step {
  background-color:#eff5fa;
  position:relative;
  margin-top:30px;
}

.step img {
  max-width:240px;
  float:left;
}

.step_box {
  margin-left:240px;
  padding:1.25em 1.5em;
  padding:1.25rem 1.5rem;
  box-sizing:border-box;
}

.step_box strong {
  color:#0d579a;
  font-size:137.5%;
}

.step_box strong:before {
  counter-increment:number;
  content:counter(number)". ";
}

.step_box p { padding-top:0.5em; padding-top:0.5rem; }

.step:after,
.step:before {
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  left:50%;
  z-index:2;
}

.step:after {
  margin-left:-27px;
  bottom:-40px;
  border-top:22px solid #94bcde;
  border-right:25px solid transparent;
  border-left:25px solid transparent;
}

.step:before {
  width:26px;
  height:10px;
  background-color:#94bcde;
  margin-left:-18px;
  bottom:-15px;
}

.step:last-child:after,
.step:last-child:before { display:none; }

@media screen and (max-width:640px) {
  .step {
    margin-top:2rem;
  }
  
  .step img { display:none; }

  .step .clear:before {
    content:"";
    width:100%;
    height:200px;
    display:block;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left center;
  }
  
  .step01 .clear:before { background-image:url(../image/uketsuke/photo01.jpg); background-position:left -160px; }
  .step02 .clear:before { background-image:url(../image/uketsuke/photo02.jpg); background-position:left -140px; }
  .step03 .clear:before { background-image:url(../image/uketsuke/photo03.jpg); }
  .step04 .clear:before { background-image:url(../image/uketsuke/photo04.jpg); }
  .step05 .clear:before { background-image:url(../image/uketsuke/photo05.jpg); background-position:left -120px; }
  
  .step_box { margin-left:0; }

  .step:after {
    margin-left:-32px;
    bottom:-49px;
    border-top-width:32px;
    border-right-width:35px;
    border-left-width:35px;
  }
  
  .step:before {
    width:38px;
    height:10px;
    margin-left:-19px;
    bottom:-15px;
  }
}