@charset "UTF-8";

main h3 {display:inline-block; margin:2em 0 1em 0; padding:0.2em 1em; background:#EDF0F4; color:#0a365c; font-size:120%; line-height:1.7;}


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

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

  .contents > .ptxt:nth-child(1) {padding:1.5em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #0a365c; font-size:80%;}
  .contents > .ptxt:nth-child(1) span {padding:0 0 0.3em 0; color:#0a365c; font-weight:700;}
  .contents > .ptxt:nth-child(1) p {margin-top:0;}

  table.fee {width:100%;}
  table.fee th {padding:0.5em; border:1px solid #ddd; vertical-align:middle; text-align: center;}
  table.fee td {padding:0.5em; border:1px solid #ddd; text-align: center;}
  table.fee thead th {background:#0a365c; 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:scroll;}
  .table_scroll table.fee {width:700px;}

}



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

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

  .contents > .ptxt:nth-child(1) {padding:2.5em 2em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #0a365c; font-size:90%; text-align:center !important;}
  .contents > .ptxt:nth-child(1) span {color:#0a365c; font-size:120%; font-weight:700;}
  .contents > .ptxt:nth-child(1) p {line-height:1.8; text-align:center;}

  table.fee {width:100%; 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 !important;}
  table.fee thead th {background:#0a365c; 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;}

}