@charset "UTF-8";

main h3 {margin:2em 0 1em 0; color:#ed6c00; font-size:110%; line-height:1.7;}

ul.notice {font-size:90%;}
ul.notice li {padding:0.2em 0 0 2.6em; text-indent:-2.6em;}
ul.notice table {margin-top:0.5em;}

dl.contact_btn {width:100%; margin:2em 0 0 0; background:#ed6c00; color:#fff;}
dl.contact_btn dt {display:block; width:100%; padding:1em 0 0 0; font-size:120%; font-weight:700; text-align:center;}
dl.contact_btn dd {display:block; width:100%; padding:0 0 2em 0; text-align:center;}
dl.contact_btn dd a {position:relative; display:block; width:60%; margin:0.6em auto 0 auto; padding:0.4em 0 0.6em 0; border:1px solid #fff; color:#fff; text-align:center; transition:0.3s;}
dl.contact_btn dd a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}


/*********************************
 * ～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 #ed6c00; font-size:80%;}
  .contents > .ptxt:nth-child(1) span {padding:0 0 0.3em 0; color:#ed6c00; 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; text-align:center; vertical-align:middle;}
  table.fee td {padding:0.5em; border:1px solid #ddd; text-align:center;}
  table.fee thead th {background:#ed6c00; color:#fff;}
  table.fee tbody th {text-align:left;}
  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:750px;}

}



/*********************************
 * 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 #ed6c00; font-size:90%; text-align:center !important;}
  .contents > .ptxt:nth-child(1) span {color:#ed6c00; 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:#ed6c00; color:#fff;}
  table.fee tbody th {text-align:left;}
  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;}
  
  .contact_btn a:hover {opacity:0.8;}

}