@charset "UTF-8";


@media (min-width: 320px) {
  /* タイトル */
article.page_title {
      background: url("../images/flow/head_img.jpg") no-repeat 85% center;
      background-size: cover;
  }

.flow_contents {
	background: #fcfaf5;
    margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
  }
.flow_contents .flow_img {
	width: 90px;
	padding: 0 0 10px 10px;
	background: #fcfaf5;
	float: right;
  }
.double .flow_img {
	width: 125px;
  }
.flow_contents dl {
  }
.flow_contents dt {
	font-size: 1.6rem;
	color: #826d45;
	border-bottom: solid 1px #826d45;
	margin-bottom: 0.5em;
  }
.flow_contents dt strong {
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
	line-height: 1;
	color: #826d45;
	padding-right: 0.5ex;
  }

.flow_note {
	background: #f6eaea;
	padding: 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
  }
.flow_note dt {
	font-size: 1.6rem;
	color: #a22f2f;
	border-bottom: solid 1px #a22f2f;
	margin-bottom: 0.5em;
  }
.flow_note li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
  }

}

@media (min-width: 360px) {
}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
}

@media (min-width: 768px) {
.flow_contents {
    margin-bottom: 40px;
	padding: 10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
  }
.flow_contents .flow_img {
	width: 120px;
	padding: 0 0 10px 20px;
  }
.double .flow_img {
	width: 165px;
  }
.flow_contents dl {
  }
.flow_contents dt {
	font-size: 2rem;
	margin-bottom: 0.8em;
  }
.flow_contents dt strong {
	font-size: 2em;
  }

.flow_note {
	padding: 10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
  }
.flow_note dt {
	font-size: 2rem;
	margin-bottom: 0.8em;
  }
}

@media (min-width: 840px) {
}

@media (min-width: 1200px) {
.flow_contents {
    margin-bottom: 50px;
	padding: 10px 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
  }
.flow_contents .flow_img {
	width: auto;
	padding: 0 0 0 20px;
  }
.double .flow_img {
	width: auto;
  }
.flow_contents dl {
	margin: 10px 0;
  }
.flow_contents dt {
	font-size: 2rem;
	margin-bottom: 0.8em;
  }
.flow_contents dt strong {
	font-size: 2em;
  }

.flow_note {
	padding: 10px 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
  }
.flow_note dl {
	margin: 10px 0;
  }
.flow_note dt {
	font-size: 2rem;
	margin-bottom: 0.8em;
  }
}

@media (min-width: 1500px) {
}