@charset "UTF-8";


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

@media screen and (max-width:900px){

	.contents {width:100%;}
  main h2,
  * + .ptxt,
  .area1,
  .area2,
  .area3 {width:90%; margin-left:auto; margin-right:auto;}
  
	.contents > .ptxt:nth-child(1) {background:#f7fbf7;}
  .contents > .ptxt:nth-child(1) p {margin:0; line-height:1.6;}
  .contents > .ptxt:nth-child(1) p span {display:block; padding-bottom:0.5em; color:#499d45; font-size:120%; font-weight:800;}

  table.fee {width:100%; margin-top:5px; border-top:1px solid #7f7f7f;}
  table.fee th {padding:0.5em; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.fee td {padding:0.5em; border:1px solid #ddd; text-align:center;}
  table.fee thead th {background:#499d45; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

}



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

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

	.contents {width:100%; max-width:none;}
  main h2,
  * + .ptxt,
  .area1,
  .area2,
  .area3 {width:91%; max-width:980px; margin-left:auto; margin-right:auto;}  
  
	.contents > .ptxt:nth-child(1) {margin:0; padding:2em; background:#f7fbf7;}
  .contents > .ptxt:nth-child(1) p {margin:0; line-height:1.6; text-align:center;}
  .contents > .ptxt:nth-child(1) p span {display:block; padding-bottom:0.5em; color:#499d45; font-size:120%; font-weight:800;}

  table.fee {width:100%; margin-top:5px; border-top:1px solid #7f7f7f;}
  table.fee th {padding:0.5em; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.fee td {padding:0.5em; border:1px solid #ddd; text-align:center;}
  table.fee thead th {background:#499d45; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

}