@charset "UTF-8";

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

section
  .confirm-sec
  .fee-sec
  .delivery-sec
  .allow-sec
  .flow-sec
  .office-sec
  .question-sec
  .prof-sec

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

/* 共通エレメント (frow)
--------------------------------------- */


/* .flow-sec
---------------------------------------*/

.flow-sec .photo {
  padding: 0 15px 15px;
  margin-bottom: 40px;
  border-bottom: 2px dotted #ddd;
}

.flow-sec .photo.borderNone {
    border: none;
    margin-bottom: 0;
}

.flow-sec .border {
  padding-bottom: 5px;
  border-bottom: 2px dotted #f44336!important;
}

.flow-sec .flowTxt .imgL {
  float: left;
  margin-right: 1.5em;
}

.flow-sec h3 {
  color : #666;
  font-weight: bold;
  font-size: 20px;
}

.flow-sec .last-bottom img {
  padding-left: 60px;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  .flow-sec h3 {
    margin-top: 0px;
  }

  .flow-sec .photo{
    padding: 0 0 0px;
  }

  .flow-sec .photo,
  .flow-sec .border {
    margin-bottom: 15px;
  }

  .flow-sec .flowTxt .imgL {
    float: none;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .flow-sec .flowTxt .last-bottom {
    text-align: center;
    margin-bottom: 0;
  }

  .flow-sec .flowTxt .last-bottom img {
    width: 50%;
    padding-left: 0;
  }
}

/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
  .flow-sec .flowTxt .imgL {
    float: left;
  }

  .flow-sec .flowTxt p.last-bottom {
    position: relative;
    text-align: left;
  }

  .flow-sec .flowTxt p.last-bottom img {
    width: 18%;
    margin-left: 50px;
  }

}


/* CLEAR FIX
---------------------------*/

.flow-sec .flowTxt,
.clearfix {
     zoom: 1;
}

.flow-sec .flowTxt:after,
.clearfix:after
{
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}


/* aside
---------------------------------------*/
aside .address p{
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

aside p.del-area {
  color: #808080;
}

aside p.del-area span {
  text-indent: -0.5em;
  display: inline-block;
}


/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
  aside .del-block {
    display: none;
  }
}

/* # mediaのbootstrapの補足的に使うプロパティ
---------------------------------------------------------------------------- */

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) and (max-width: 1199.99px) {
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {}