@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.ach main .read {
  padding: 90px 0 80px;
text-align: center;
}
@media screen and (max-width: 991px) {
  body.ach main .read {
    padding: 50px 0 40px;
  }
}
@media screen and (max-width: 767px) {
  body.ach main .read {
    padding: 30px 0 30px;
  }
}
body.ach main .exa1 {
	padding-bottom: 80px; 
}
body.ach main .read .c01__txt-1, body.ach main .exa1 h3 {
  font-size: 28px;
  font-family: "Noto Serif JP", serif;
  padding-bottom: 40px;
  text-align: center;
}
body.ach main .exa1 h3 {
	padding: 50px 0 40px;
}
body.ach main .exa1 .exa-box {
border-radius: 20px;
background-color: #EAE3D9;
padding: 30px;	
}
body.ach main .exa1 h4 {
	font-size: 22px;
	 padding:20px 0 40px;  /*内側の余白*/
}
/*body.ach main .exa1 h4:before {
    content: url("../img/ach/icon01.png"); 
    margin-right:20px; 
	position:relative;
    top:20px; 
    left:0; 
}*/
body.ach main .exa1 h4:before {
 content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../img/ach/icon01.png"); 
background-repeat: no-repeat;
  background-size: contain;
}

body.ach main .exa1 ul {
  display: flex;
  list-style: none;
}
body.ach main .exa1 ul li {
  margin-left: 0.5em;
	font-size: 22px;
}
body.ach main .exa1 li img {
	position:relative;
    top:-10px; 
	width: 40px;
		}	
@media screen and (max-width: 991px) {
  body.ach main .read .c01__txt-1, body.ach main .exa1 h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
body.ach main .exa1 ul li {
  margin-left: 0.5em;
	font-size: 20px;
}
body.ach main .exa1 li img {
	position:relative;
    top:0; 
	width: 50px;
		}	
  body.ach main .read .c01__txt-1, body.ach main .exa1 h3 {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 40px;
  }	
body.ach main .exa1 h4 {
	font-size: 18px;
	 padding:20px 0 40px;  /*内側の余白*/
}	
}
body.ach main .case h3 {
font-size: 20px;
font-weight: bold;
padding: 20px;
background-color: #EAE3D9;
color: #3A342D;	
border-radius: 10px;	
}
body.ach main .case .row-height {
display: flex;
flex-wrap: wrap;
}

body.ach main .case .case1 {
text-align: center;
max-width: 880px;	
}
body.ach main .case .case2 {
text-align: center;
max-width: 900px;	
}
body.ach main .case .case1 .container {
width: 100%;	
}
body.ach main .case h4 {
	margin: 40px 0 30px;
	}
@media screen and (max-width: 767px) {
body.ach main .case .case1, body.ach main .case .case2 {
width: 100%;	
}	
body.ach main .case h4 {
	margin: 30px 0 20px;
	}
}