@charset "UTF-8";

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

@media screen and (max-width:900px){
  
	.contents > .ptxt:nth-child(1) {width:100%; max-width:none; margin:0; padding:1.5em 5%; background:#f1f8fd; border:1px solid #143b6f; line-height:1.5;}
  .contents > .ptxt:nth-child(1) p {margin-top:0;}
  .contents > .ptxt:nth-child(1) p span {display:block; margin-bottom:0.5em; color:#143b6f; font-size:120%; font-weight:800;}

  table.fee {width:600px; margin-top:2em; 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:#143b6f; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}
 
  main dl {display:flex; flex-wrap:wrap;}
  main dl dd {width:100%; text-indent:0;}
  
  .table_scroll {overflow-x:auto;}

}



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

@media screen and (min-width:901px) {
  
	.contents > .ptxt:nth-child(1) {width:100%; max-width:none; margin:0; padding:1.5em 0; background:#f1f8fd; border:1px solid #143b6f; line-height:1.7;}
  .contents > .ptxt:nth-child(1) p {width:91%; max-width:980px; margin:0 auto; text-align:center;}
  .contents > .ptxt:nth-child(1) p span {display:block; margin-bottom:0.5em; color:#143b6f; font-family:'Noto Serif JP', serif; font-size:130%; font-weight:800;}

  table.fee {width:100%; margin-top:2em; 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:#143b6f; color:#fff;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}
 
  main dl {display:flex; flex-wrap:wrap;}
  main dl dd {width:35%; text-indent:0;}

}