@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:5em;}
table.profile dl dd {width:calc(100% - 5em);}



/*********************************
 * ～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%; border-top:1px solid #7f7f7f;}
  table.profile th {width:40%; 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;}
 
  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 {/*align-items: center;*/}

  table.profile {width:100%; border-top:1px solid #7f7f7f;}
  table.profile th {width:32%; 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;}

}