@charset "UTF-8";

h3 {font-size:150%; font-weight:800; line-height:1.4;}

.ptxt dl {display:flex; flex-wrap:wrap;}
.ptxt dl dt {width:5em; padding:0.3em 0; text-align:center;}
.ptxt dl dd {width:calc(100% - 5em); padding:0.3em 0 0.3em 1em;}



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

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

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

}



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

@media screen and (min-width:901px) {
  
  .gm {display:block; width:91%; max-width:980px; margin:1em auto 0 auto !important;}
 
  .area1 img {margin-top:2em !important;}
	.area2 {}
  .area2 .ptxt {}
  .area2 .fleft {width:30% !important; max-width:350px !important;}
  .area2 .fright {width:65% !important;}
	.area3 {}
  .area3 .ptxt {}
  .area3 .fleft {width:65% !important;}
  .area3 .fright {width:30% !important; max-width:350px !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;}
}