@charset "utf-8";

/*{　スマホ用CSS記述 }*/
html{
	font-size: 62.5%;
}

body {
font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
font: 1.4rem "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #fff;
  color: #000;
	
}


h1{
	font-size: 2.0rem;
}
h2{
	font-size: 1.8rem;
}
h3{
	font-size: 1.5rem;
	}
#soudan {
  width: 100%;
}
#soudan .wrap{
	max-width: 100%;
	height: auto;
	width /***/:auto;
  background-color: #f5fcf5;
	border-radius:4px;
  border: solid 2px #007130;
  padding: 10px;
  margin: 2%;
}
.stepwrap {
	max-width: 100%;
	height: auto;
	width /***/:auto;
  margin: 2%;
  background-color: #f4fad6;
	border-radius:4px;
  border: solid 1px #f4fad6;
  padding: 7px;
  margin-bottom: 10px;
}

p.arrow {
  text-align: right;
  padding-right:10%;
}
.step {
  background-color: #fff;
  padding: 2px;
  margin-bottom: 10px;
}
.step-img {
	padding-left: 2%;
}
.no {
  padding-left:3%;
}
/*{　タブレット用CSS記述 }*/
@media screen and (min-width: 768px) {
	
html{
	font-size: 0.714rem;

	}	
.screen-reader-text {
  position: absolute;
  left: -9999em;
}
	.wrap h3{
	border-bottom-color: #ffffff !important;

	}
}
	/*{　PC用CSS記述 }*/
@media screen and (min-width: 1200px) {

html{
	font-size: 0.75rem;
	}	

}