@charset "UTF-8";

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

@media screen and (max-width:900px){
	
  main h2,
  main .area1,
  main .area2,
  main .area3 {width:90%; margin-right:auto; margin-left:auto;}	
  main .ptxt {width:90%; margin:0 auto; padding:2em 0 0 0; line-height:1,6; text-align:justify; text-justify:inter-ideograph;}
  
  main .area2 .ptxt,
  main .area3 .ptxt {width:100%; padding:0;}
  
  main .case_btn {padding:1.5em 0 0 0; font-size:90%; text-align:center;}
	main .case_btn a {display:block; width:70%; max-width:300px; margin:0 auto; padding:0.6em 0; background:#590026; border-radius:4px; color:#fff; text-align:center; text-decoration:none;}

}



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

@media screen and (min-width:901px) {
	
  main h2,
  main .area1,
  main .area2,
  main .area3 {width:91%; max-width:1280px; margin-right:auto; margin-left:auto;}
  main .ptxt {width:91%; max-width:1280px; margin:0 auto; padding:3em 0 0 0; line-height:1,6; text-align:justify; text-justify:inter-ideograph;}
  
  main .area2 .ptxt,
  main .area3 .ptxt {width:100%; padding:0;}
  
	main .case_btn {padding:1.5em 0 0 0; font-size:90%; text-align:center;}
	main .case_btn a {display:block; width:70%; max-width:300px; margin:0 auto; padding:0.6em 0; background:#590026; border-radius:4px; color:#fff; text-align:center; transition:0.3s;}
	main .case_btn a:hover {opacity:0.7;}

}