@charset "UTF-8";

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

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

table.profile dl {display:flex; flex-wrap:wrap;}
table.profile dl dt {width:100%; font-weight:700;}
table.profile dl dd {width:100%; text-align:right;}

table.profile dl.history {display:flex; flex-wrap:wrap;}
table.profile dl.history dt {width:6em; font-weight:300;}
table.profile dl.history dd {width:calc(100% - 7em); text-align:left;}



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

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

  table.profile {width:100%;}
  table.profile th {display:block; width:100%; padding:0.5em 1em; background:#fafafa; border:1px solid #ddd; vertical-align:top;}
  table.profile td {display:block; width:100%; padding:0.5em 1em; border:1px solid #ddd;}
 
  ul.staff {display:flex; flex-wrap:wrap; justify-content:space-between;}
  ul.staff li {width:48%; margin-bottom:1.5em;}
  ul.staff li img {max-width:230px;}

}



/*********************************
 * 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 {}

  table.profile {width:100%; border-top:1px solid #7f7f7f;}
  table.profile th {width:25%; padding:0.5em 0.5em 0.5em 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;}
 
  ul.staff {display:flex; flex-wrap:wrap; justify-content:space-between;}
  ul.staff li {width:30%; margin-bottom:1.5em;}
  ul.staff li img {max-width:230px;}

}