@charset "UTF-8";

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

table.fee tbody th.ttl {background:#EAEFF7 !important;}
table.fee tbody td span {display:inline-block; font-size:80%; line-height:1.4;}
table.fee .txt_l {text-align:left !important;}

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

@media screen and (max-width:900px){
  
  .contents > .ptxt:nth-child(1) {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:1em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
  .contents > .ptxt:nth-child(1) p {margin-top:1em; font-size:90%;}
  .contents > .ptxt:nth-child(1) span {display:block; padding-bottom:0.4em; color:#0347a3; font-size:120%; font-weight:700;}
  .contents > .ptxt:nth-child(1) img {width:35%; height:auto; margin:0 auto;}

  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;}
  table.fee thead th {background:#0347a3; color:#fff; line-height:1.4;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}
  
  .table_scroll {overflow-x:auto; margin-top:1em;}
  .table_scroll table {width:100%; min-width:800px; margin-top:0;}

  .area1 {text-align:center;}
  .area1 img {width:50%; height:auto;}

}



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

@media screen and (min-width:901px) {
 
  .contents > .ptxt:nth-child(1) {display:flex; flex-wrap:wrap; align-items:center; padding:1.5em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
  .contents > .ptxt:nth-child(1) p {flex:1; margin-top:0; text-align:center;}
  .contents > .ptxt:nth-child(1) span {display:block; padding-bottom:0.4em; color:#0347a3; font-size:130%; font-weight:700;}
  .contents > .ptxt:nth-child(1) img {width:50%; max-width:160px; height:auto; margin:0 auto;}

  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;}
  table.fee thead th {padding:1em 0.5em; background:#0347a3; color:#fff; line-height:1.4;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

  .area1 {text-align:center;}
  .area1 img {width:35%; height:auto;}

}