@charset "UTF-8";

main h2 {color:#666 !important; font-size:120%;}
main h2 span {display:block; width:100%; color:#3a7a46 !important; font-size:70%;}
  
.area1 {}
.area1 img {max-width:100%;}

h3 + p {margin-top:0.5em;}

main dl {}
main dl dt {font-weight:700;}
main dl dd {padding:0.5em 0 2em 0;}

table.policy {width:100%; margin:1em auto 0 auto;}
table.policy th, table.policy td {padding:0.5em 1em; vertical-align:middle;}
table.policy thead th {padding:0.7em 1em; background:#1a3c83; border-right:1px solid #d6d6d1; color:#fff; font-weight:600;}
table.policy thead tr:first-child th {border-bottom:1px solid #d6d6d1;}
table.policy thead th:last-child {border:0;}
table.policy tbody th {font-weight:500; border:1px solid #d6d6d1;}
table.policy tbody td {border:1px solid #d6d6d1;}
table.policy tbody tr:nth-child(even) th,
table.policy tbody tr:nth-child(even) td {background:#fafafa;}
table.policy tbody tr.white th,
table.policy tbody tr.white td {background:#fff !important;}
table.policy tbody tr.grey th,
table.policy tbody tr.grey td {background:#fafafa !important;}

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

@media screen and (max-width:900px){
  
	main h2 {width:90%; margin-right:auto; margin-left:auto;}
  main h2:first-child {margin:3em auto 0 auto;}
  
  .area2 {width:90%; margin:2em auto 0 auto;}
  .area2 .ptxt .fleft {width:60%;}
  .area2 .ptxt .fright {margin:1.5em 0 0 0; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
 
   main h2 + .ptxt {width:90%; margin:1em auto 0 auto; font-weight:500; line-height:2;}
  
  .ptxt {width:90%; margin:2em auto 0 auto;}
  .area1,
  .area3 {width:90%; margin:2em auto 0 auto;}
  .area2 .ptxt,
  .area3 .ptxt {width:100%; margin:2em 0 0 0;}
  
  .table_scroll {overflow-x:auto; margin-top:1em;}
  .table_scroll table {width:100%; min-width:600px; margin-top:0;}

}



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

@media screen and (min-width:901px) {

	main h2 {width:94%; max-width:1200px; margin-right:auto; margin-left:auto;}
  main h2:first-child {margin:3em auto 0 auto;}
  
  .area2 {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area2 .ptxt {}
  .area2 .ptxt .fleft {width:32%;}
  .area2 .ptxt .fright {width:63%; font-weight:500; line-height:2; text-align:justify; text-justify:inter-ideograph;}
  
 
  main h2 + .ptxt {width:94%; max-width:1200px; margin:1em auto 0 auto; font-weight:500; line-height:2;}
  
  
  .ptxt {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area1,
  .area3 {width:94%; max-width:1200px; margin:2em auto 0 auto;}
  .area2 .ptxt,
  .area3 .ptxt {display:flex; justify-content:space-between; width:100%; margin:2.5em 0 0 0;}

}