@charset "UTF-8";

.gm,
.gm2 {margin-top:1em;}

h3 {padding-left:1em; border-left:2px solid #0a365c; color:#0a365c;}



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

@media screen and (max-width:900px){
 
  .area1 img {margin-top:1em !important;}
  .area2 .fleft {width:230px;}
  .area3 .fright {width:230px;}

  table.access {width:100%; border-top:1px solid #7f7f7f;}
  table.access th {width:40%; padding:0.5em 1em; border:1px solid #ddd; vertical-align:top;}
  table.access td {padding:0.5em 1em; border:1px solid #ddd;}
  table.access tr:nth-child(even) th,
  table.access tr:nth-child(even) td {background:#fafafa;}

}



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

@media screen and (min-width:901px) {
 
  .area1 img {margin-top:2em !important;}
  .area2 .fleft {width:28% !important; padding-top:0 !important;}
  .area2 .fright {width:68% !important;}
  .area3 .fleft {width:68% !important;}
  .area3 .fright {width:28% !important; padding-top:0 !important;}
  
  .area2 .ptxt {/*align-items: center;*/}

  table.access {width:100%; border-top:1px solid #7f7f7f;}
  table.access th {width:32%; padding:0.5em 0.5em 0.5em 1.5em; border:1px solid #ddd; vertical-align:top;}
  table.access td {padding:0.5em 1.5em 0.5em 1.5em; border:1px solid #ddd;}
  table.access tr:nth-child(even) th,
  table.access tr:nth-child(even) td {background:#fafafa;}

}