@charset "UTF-8";

.area3 {width:90%; margin:3rem auto 1.5em auto; padding:2em 2em; background:#fff; border:2px solid #1f583b;}
.area3 .ptxt {align-items:center; width:100%; margin:0;}
.area3 .ptxt .fleft {width:60%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.area3 .ptxt .fright {width:35%; padding-top:0.6em;} 
.area3 .no {margin:0;}
.area3 .no span {padding:0.1em 1em; background:#f2f9f6; border-radius:1em; color:#1f583b;}
.area3 .ttl {margin-top:0.1em; font-size:130%; font-weight:700;}
.area3 .name {margin-top:1em; line-height:1.6;}


/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
  .area3 .ptxt {flex-wrap:wrap;}
  .area3 .ptxt .fleft {width:100%;}
  .area3 .ptxt .fright {width:70%; padding:0;} 
}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

}