@charset "UTF-8";

main h2 {flex-direction:row;}
main h2 span {display:block; width:100%; padding-bottom:2px; font-size:70%; font-weight:400;}

.arw {position:relative; display:inline-block; width:2em; height:1.8em; padding:0 0 0 16px; color:#0347a3; vertical-align:middle; text-decoration:none; font-size:1em; transform: rotate(90deg);}
.arw::before,
.arw::after {position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}
.arw::before {width:1em; height:1em; top:0; left:0.7em; border:1em solid transparent; border-left:1em solid #0347a3; box-sizing: border-box;}
.arw::after {width:1.4em; height:1em; left:0.2em; border-left:0.8em solid #0347a3;}


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

@media screen and (max-width:900px){
  
  .area3 .ptxt .fright {width:60%; padding:0 0 0.5em 0;}
 
  main .service1 {padding:1em; border:2px solid #0347a3; color:#0347a3; font-size:110%; font-weight:700; text-align:center;}

  dl.fee1 {display:flex; flex-wrap:wrap; border-top:1px solid #ddd;}
  dl.fee1 dt {width:100%; padding:0.6em 0; background:#fafafa; border-bottom:1px solid #ddd;}
  dl.fee1 dd {width:100%; padding:0.6em 0; border-bottom:1px solid #ddd;}

  dl.fee2 {display:flex; flex-wrap:wrap; border-top:1px solid #ddd;}
  dl.fee1 + dl.fee2 {border-top:0;}
  dl.fee2 dt {width:100%; padding:0.6em 0; background:#fafafa; border-bottom:1px solid #ddd;}
  dl.fee2 dd {width:100%; padding:0.6em 0; border-bottom:1px solid #ddd;}
  
  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;}
  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) {
 
  main .service1 {padding:1em 2em; border:2px solid #0347a3; color:#0347a3; font-size:120%; font-weight:700; text-align:center;}

  dl.fee1 {display:flex; flex-wrap:wrap; border-top:1px solid #ddd;}
  dl.fee1 dt {width:12em; padding:0.6em 1em; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:700;}
  dl.fee1 dd {width:calc(100% - 12em); padding:0.6em 1em; border-bottom:1px solid #ddd;}

  dl.fee2 {display:flex; flex-wrap:wrap; border-top:1px solid #ddd;}
  dl.fee1 + dl.fee2 {border-top:0;}
  dl.fee2 dt {width:50%; padding:0.6em 1em; background:#fafafa; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:700;}
  dl.fee2 dd {width:50%; padding:0.6em 1em; border-bottom:1px solid #ddd;}
  
  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;}
  table.fee tbody tr:nth-child(even) th,
	table.fee tbody  tr:nth-child(even) td {background:#fafafa;}

}