﻿@charset "UTF-8";

.gm {margin-top:1em;}

img.qr {width:auto !important; height:auto !important;}

table a {color:#585858; border-bottom:1px solid #585858;}


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

@media screen and (max-width:900px){
 
  .area1 img,
  .gm {margin-top:1em !important;}
  .area2 .fleft {width:35% !important;}

  table.profile {width:100%; border-top:1px solid #7f7f7f;}
  table.profile th {width:8em; padding:0.5em 1em; border:1px solid #ddd; vertical-align:top;}
  table.profile td {padding:0.5em 1em; border:1px solid #ddd;}
  table.profile tr:nth-child(even) th,
	table.profile tr:nth-child(even) td {background:#fafafa;}
  
  dl.history {display:flex; flex-wrap:wrap;}
  dl.history dt {width:100%; padding:0.5em 0 0 0; font-weight:700;}
  dl.history dd {width:100%;}

}



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

@media screen and (min-width:901px) {
 
  .area1 img {margin-top:2em !important;}
  .contents > h2:nth-child(1) + .area2 .ptxt {}
  .area2 .ptxt {align-items:flex-start;}
  .area2 .fleft {width:18% !important;}
  .area2 .fright {width:76% !important;}

  table.profile {width:100%; border-top:1px solid #7f7f7f;}
  table.profile th {width:30%; padding:0.5em 0.5em 0 1.5em; border:1px solid #ddd; vertical-align:top;}
  table.profile td {padding:0.5em 1.5em 0.5em 1.5em; border:1px solid #ddd;}
  table.profile tr:nth-child(even) th,
	table.profile tr:nth-child(even) td {background:#fafafa;}
  
  dl.history {display:flex; flex-wrap:wrap; justify-content:space-between;}
  dl.history dt {width:9em;}
  dl.history dd {width:calc(100% - 10em);}

}


