@charset "utf-8";
/* CSS Document */


/*メイン
-------------------------------------*/

.midashi{
	margin-top: -40px;
}
/*ご用意いただくもの*/

/*診療のながれ
   ステップバーデザイン*/
.step-wrap3 {
 counter-reset: count;
 margin: 2em 0;
 position: relative;
}
.step-content3 {
 padding: 1.3em 0 .3em 1em;
 margin: 0 0 1em 1em;
 position: relative;
 border-top: solid 2px #ddd;
}
.step-content3::before {
 content: "";
 display: block;
 position: absolute;
 bottom: 0;
 left: -10px;
 border-style: solid;
 border-width: 17px 8px 0 8px;
 border-color: #ddd transparent transparent transparent;
}
.step-content3::after {
 content: "";
 display: block;
 height: calc(100% - 36px);
 border-left: dashed 4px #ddd;
 position: absolute;
 top: 16px;
 left: -4px;
}
.step-label3 {
 padding: 3px 20px 3px 15px;
 color: #fff;
 font-weight: bold;
 position: absolute;
 top: -18px;
 left: -20px;
 background: #c0656a;
 border-radius: 20px;
 z-index: 1;
}
.step-label3::after {
 counter-increment: count;
 content: counter(count);
 position: relative;
 left: .3em;
}
.step-title3 {
 font-weight: bold;
 font-size: 120%;
}
.step-body3 {
 margin-top: .5em;
 padding: 0 0 1em;
}
.step-wrap3 > :last-child {
 box-shadow: 5px 7px 0 -5px #ddd;
}
.step-wrap3 > :last-child::before, .step-wrap3 > :last-of-type::after {
 display: none;
}
/***ステップバーデザイン3***/


/*診療の流れ内予約ボタン*/
.first-btan{
	display: flex;	
}
.btn-stitch5 {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #000;
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#FEF9E1 0%, #FF9B50 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28); 
}
.btn-stitch5:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#FFFF99 0%, #FFBB5C 100%);/*グラデーションを明るく*/
}
.btn-stitch6 {
 display: inline-block;
  position: relative;
  text-decoration: none;
  color: #000;
  width: 200px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background: linear-gradient(#FEF9E1 0%, #D04848 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.btn-stitch6:active {
  /*押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: linear-gradient(#fed6e3 0%, #FF9999 100%);/*グラデーションを明るく*/
}	

@media screen and (max-width: 768px){
	
	.first-btan{
	display: block;	
	margin-top: 5px;
	margin-left: 110px;
}
	.btn-stitch5{
		font-size: 1.5rem;	/*文字サイズ*/
          margin-left: auto;
	}
	.btn-stitch6{
		font-size: 1.5rem;/*文字サイズ*/	
		margin: 0PX;	
        margin-left: auto;
	}	
}