/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

* {
  box-sizing: border-box;
  font-size: 16px;
  letter-spacing: 1px;
  color: #616161;
}

.header__link-buy {
	color: #EDB35D;
}
@media (max-width: 740px) {
	.header__link-buy {
	  color: #fff;
	}
}

.extra-header__link-cost {
	color: #512f27;
}

.static-first{
  background: #F1F1F2;
}

.steps {
  margin: 50px 0;
}
.steps__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #FCF7EA;
  padding: 30px;
  position: relative;
}
.steps__img {
  position: absolute;
  left: 140px;
  top: 50px;
}
.steps__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #EDB35D;
  color: #EDB35D;
  margin: 0 210px 0 0;
}
.steps__inner {
  text-align: center;
  color: #EDB35D;
}
.steps__inner span {
  font-size: 32px;
  font-style: italic;
  color: #EDB35D;
}
.steps__text {
  width: 620px;
}
.steps__title {
  position: relative;
  font-size: 20px;
  font-weight: bold;
}
.steps__title::before {
  content: "";
  width: 42px;
  height: 1px;
  background-color: #616161;
  position: absolute;
  left: -50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.steps__paragraph {
  font-size: 13px;
  line-height: 1.5em;
  white-space: pre-line;
}
.steps__arrow {
  text-align: center;
  font-size: 50px;
  color: #6EAACE;
  margin: 20px 0;
}
.steps__arrow:last-child {
  display: none;
}

#buy {
width:100%;
background:#F1F1F2;
float:left; clear:none;
padding-bottom:50px;
}

.wrapper__box {
  width:100%;
  background:#fff;
  margin:50px auto 0 auto;
  padding:30px 50px;
  float:left; clear:none;
}
@media (max-width: 740px) {
	.wrapper__box {
		padding:10px 2.5%;
	}
}

.wrapper__box-h2 {
 width:auto;
 font-size:20px;
 line-height:31px;
 font-weight:normal;
}
@media (max-width: 740px) {
	.wrapper__box-h2 {
		margin:0;
	}
}

.wrapper__box-h2 img {
float:left; clear:none;
margin:0px 10px 0 0;
}
@media (max-width: 740px) {
	.wrapper__box-h2 img {
		width:18px;
		margin:10px 10px 0 0;
	}
}

.wrapper__box-text{
  font-size:14px;
  line-height:1.8em;
  white-space: pre-line;
}
.wrapper__box-image{
  width:200px;
  float:right; clear:none;
}
@media (max-width: 740px) {
	.wrapper__box-image {
		width:100px;
	}
}
.wrapper__box .wrapper__box-dl{
  width:840px;
  border-bottom:1px solid #ccc;
  float:left; clear:none;
}
.wrapper__box-dl dt{
  width:380px;
  background:#FFFBF2;
  float:left; clear:none;
  padding:20px 0 20px 30px;
  font-size:14px;
  line-height:1.8em;
}
.wrapper__box-dl dd{
  width:430px;
  float:right; clear:none;
  padding:20px 0;
  font-size:14px;
  line-height:1.8em;
}
@media (max-width: 740px) {
	.wrapper__box .wrapper__box-dl{
	  width:100%;
	}
	.wrapper__box-dl dt{
	  width:40%;
	  padding:10px 0 10px 2.5%;
	  font-size:12px;
	  line-height:1.2em;
	}
	.wrapper__box-dl dd{
	  width:57.5%;
	  padding:10px 0;
	  font-size:12px;
	  line-height:1.2em;
	}
}

.wrapper__box-strong{
  width:100%;
  float:left; clear:none;
  margin:0 0 10px 0px;
}

/*住宅ローンにかかる費用*/
.wrapper__box-loan{
  width:980px;
}
.wrapper__box-loan table {
width: 980px;
border: 0px #000000 solid;
border-collapse: collapse;
padding:20px 0;
margin-top:20px;
}
.wrapper__box-loan .title{
  width:200px;
  background:#FFFBF2;
  text-align:center;
  font-size:14px;
  line-height:1.8em;
  padding:40px 0;
}
.wrapper__box-loan tr {
border-bottom: 1px #ccc solid;
font-size:14px;
line-height:1.8em;
}
.wrapper__box-loan td {
font-size:14px;
line-height:1.8em;
padding-left:30px;
}
@media (max-width: 740px) {
	.wrapper__box-loan {
		width: 100%;
	}
	.wrapper__box-loan table {
		width: 100%;
	}
	.wrapper__box-loan .title{
	  width:20%;
	  font-size:12px;
	  line-height:1.2em;
	  padding:40px 0;
	}
	.wrapper__box-loan tr {
		font-size:12px;
		line-height:1.2em;
	}
	.wrapper__box-loan td {
		font-size:12px;
		line-height:1.2em;
		padding-left:2.5%;
	}
}

.br__pc { display:block; }

@media (max-width: 740px) {
.br__pc { display:none; }
}

.sell-box__text {
  white-space: pre-line;
  font-size: 14px;
  line-height: 2.1em;
  width: 640px;
}
