@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&display=swap");
body.flow main .read {
  padding: 90px 0 90px;
}

body.flow main .read h2, body.flow main .sagyo h2 {
	ont-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 20px;
  text-align: center;
	color: #42210B;
}
@media screen and (max-width: 767px) {
body.flow main .read h2, body.flow main .sagyo h2 {
	font-size: 24px;
  padding-bottom: 20px;
}	
}
@media screen and (max-width: 991px) {
  body.flow main .read {
    padding: 90px 0 90px;
  }
}
@media screen and (max-width: 767px) {
  body.flow main .read {
    padding: 50px 0 40px;
  }
}
body.flow main .read .c01__txt-1 {
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  body.flow main .read .c01__txt-1 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  body.flow main .read .c01__txt-1 {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 40px;
  }
}

body.flow main .flow-in .flow-box {
background-color: #EAE3D9;
border-radius: 20px;
padding: 40px 60px;	
text-align: left;	
}
body.flow main .flow-in .flow-box h3 {
font-size: 21px;
	padding-bottom: 20px;
}
body.flow main .flow-in .flow-box .f-1:before {
 content: '';
  display: inline-block;
  width: 70px;
  height: 57px;
  background-image: url("../img/flow/icon01.svg"); 
background-repeat: no-repeat;
  background-size: contain;
}
body.flow main .flow-in .flow-box .f-2:before {
 content: '';
  display: inline-block;
  width: 70px;
  height: 57px;
  background-image: url("../img/flow/icon02.svg"); 
background-repeat: no-repeat;
  background-size: contain;
}
body.flow main .flow-in .flow-box .f-3:before {
 content: '';
  display: inline-block;
  width: 75px;
  height: 57px;
  background-image: url("../img/flow/icon03.svg"); 
background-repeat: no-repeat;
  background-size: contain;
}
body.flow main .sagyo {
	text-align: center;
	padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
	body.flow main .sagyo {
	padding-bottom: 40px;
}
}

body.flow main .sagyo .row-height {
display: flex;
flex-wrap: wrap;
}
body.flow main .sagyo .sagyo-inner {
padding-top: 40px;
text-align: left;
position:relative;
}

body.flow main .sagyo .sagyo-inner .no-9 {
	font-size: 24px;
	font-weight: 500;
	position: absolute;
	top:10px;
	left: 20px;	
}
body.flow main .sagyo .sagyo-box {
  border: 1px solid #000;
	padding: 0;
	background-color:#DDDACB;
	text-align: center;
	margin: 5px;
}
body.flow main .sagyo .txt-in {
/*background-color: #2B81A5; */
padding: 10px;
}
body.flow main .sagyo .pict-in {
padding: 20px;
background-color:#fff;
}

body.flow main .sagyo .end-box {
margin-top: 90px;
text-align: left;
border-radius: 20px;
border:1px solid #7DC1C6;	
padding: 40px 50px;	
position: relative;	
}
body.flow main .sagyo .end-box span{
 background-color: #ff9;	
}
body.flow main .sagyo .end-box .end-img {
	position: absolute;
	top: -28px;
	right: -20px;
}
@media screen and (max-width: 767px) {
body.flow main .sagyo .end-box .end-img {
	position: absolute;
	top: 72%;
	right: -10px;
	width: 30%;
}	
body.flow main .sagyo .end-box {
margin-top: 40px;
padding: 30px;
margin-bottom: 20px;	
}	
}