@charset "UTF-8";
  
.area1 {}
.area1 img {max-width:100%;}

h3 + p {margin-top:0.5em;}

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

@media screen and (max-width:900px){
  
	main h2 {width:90%; margin-right:auto; margin-left:auto;}
  main h2:first-child {margin:3em auto 0 auto;}
  
  .area2 {width:90%; margin:2em auto 0 auto;}
  .area2 .ptxt .fleft {width:60%;}
  .area2 .ptxt .fright {margin:1.5em 0 0 0; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
   main h2 + .ptxt {width:90%; margin:1em auto 0 auto; font-weight:500; line-height:2;}
  
  .ptxt {width:90%; margin:2em auto 0 auto;}
  .area1,
  .area3 {width:90%; margin:2em auto 0 auto;}
  .area2 .ptxt,
  .area3 .ptxt {width:100%; margin:2em 0 0 0;}

}



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

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

	main h2 {width:94%; max-width:1200px; margin-right:auto; margin-left:auto;}
  main h2:first-child {margin:3em auto 0 auto;}
  
  .area2 {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area2 .ptxt {}
  .area2 .ptxt .fleft {width:32%;}
  .area2 .ptxt .fright {width:63%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
 
  main h2 + .ptxt {width:94%; max-width:1200px; margin:1em auto 0 auto; font-weight:500; line-height:2;}
  
  
  .ptxt {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area1,
  .area3 {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area2 .ptxt,
  .area3 .ptxt {display:flex; justify-content:space-between; width:100%; margin:2.5em 0 0 0;}

}