@charset "utf-8";

/* 共通
------------------------------------------------------------ */
#maincontents-in{
  margin: auto;
}
#freearea {
    margin: 6em auto;
    padding: 4em 0;
    background: #f5f5f5;
}
.freearea-in{
width: 90%;
margin: 2em auto;
background: #fff;
padding: 2em;
border-radius: 20px;
}
.p-area{margin-left: 1em;}
.p-box{ margin-bottom: 2em;}
.p-area h3{
  text-indent: -1em;
  margin-bottom: 1em;
}
.p-area .p-box ul {
    list-style: decimal-leading-zero;
    margin: 1em auto;
    font-size: 0.9em;
    padding-left: 3em;
}
.p-area .p-box li {
    padding: 0 0 0.5em 1em;
}

@media screen and (min-width:521px) and ( max-width:1024px) {
  #maincontents-in {width: 95%;}

}
@media screen and (max-width: 520px) {
  #maincontents-in {width: 95%;}
  #freearea {margin: 3em auto;}

}