section.engenuity { text-align: justify; }

section.engenuity img { max-width: 100%; }
.ewaku { border: 2px solid #72a581; }

h3, p { position: relative; }

.num span { position: absolute; z-index: 1; left: 0; line-height: 1em; color: #72a581; }

.engenuity p.num { padding: 0 0 10px 25px; }
section.engenuity p.num span { top: 1px; font-size: 1.5em; color: #72a581;  }

section.engenuity h3 { padding-bottom: 1em }
section.engenuity h3.num { padding-left: 30px; }
section.engenuity h3.num span { top: -2px; font-size: 1.5em; color: #72a581; }

section.engenuity h4 { padding-bottom: .3em; color: #72a581 }
.hoshi { padding-left: 20px; }
.hoshi::before { position: absolute; z-index: 1; left: 0; top: 0; content: '★'; color: #72a581; }

.read2025 { border: 1px solid #72a581; }
.read2025 span { font-size: .7em; color: #72a581; vertical-align: .2em; padding-right: .4em }

span.br { display: block; }

@media screen and (min-width: 641px) 

{

section.engenuity { max-width: 980px; margin: 0 auto 70px }
section.engenuity p { font-size: 1.1em; line-height: 1.8em; }
.ewaku { padding: 20px 40px; border-radius: 10px; margin-bottom: 30px }
.ewaku .lft, .ewaku .rgt  { width: 48%; }
.ewaku2 { border-top: 1px dashed #72a581; padding: 30px 0 }
.endos1 .lft { width: 36% } .endos1 .rgt { width: 60% }

.read2025 { padding: 15px 30px 15px 20px; margin-bottom: 20px }
.mienai img { width: 60%; margin: 0 20% 10px; }
span.br { width: 30px!important; }

}  

@media screen and (max-width: 640px) 
{
section.engenuity { margin: 0 20px 0 }
section.engenuity h2 { margin-bottom: 30px }
section.engenuity p { font-size: 1.0em; line-height: 1.9em; }

.ewaku { padding: 20px; border-radius: 6px; margin-bottom: 30px }
.ewaku2 { border-top: 1px dashed #72a581; padding: 30px 0 }

.read2025 { padding: 15px 30px 15px 20px; margin-bottom: 20px }

.mienai img { width: 70%; margin: 0 15% 10px; }

.mbs { margin-bottom: 30px!important; }


}