/* CSS Document */
.p-mt {
  margin-top: 10em; }
  @media screen and (max-width: 640px) {
    .p-mt {
      margin-top: auto; } }

.p-fig-main1 img {
  width: 77.0491803279%; }

.p-fig-main2 img {
  width: 84.4262295082%; }

.p-fig-app1 img {
  width: 63.3196721311%; }

.p-fig-app2 img {
  width: 65.1639344262%; }

.p-recommended {
  background: #F1F1F1;
  padding: 1em;
  box-sizing: border-box; }

.p-grid-app {
  display: grid;
  width: 100%;
  gap: 0 20px;
  grid-template-columns: auto 40% 40%;
  grid-template-areas: "null . ." "null . ."; }
  .p-grid-app div {
    border-bottom: solid 1px black;
    padding: 0.5em 0; }
  .p-grid-app .p-null {
    grid-area: null;
    padding-top: 0; }
  .p-grid-app .p-head {
    padding-top: 0;
    border-bottom-width: 3px;
    text-align: center; }
  .p-grid-app .p-badge {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    container-type: inline-size; }
    .p-grid-app .p-badge img {
      height: 63px;
      width: auto; }
    @media screen and (max-width: 614px) {
      .p-grid-app .p-badge {
        padding: 6.5146579805vw 0; }
        .p-grid-app .p-badge img {
          height: 10.2605863192vw; } }

.p-grid-tools {
  display: grid;
  width: 100%;
  gap: 0 20px;
  grid-template-columns: auto 15% 15% 15%;
  grid-template-areas: "null . . ."; }
  .p-grid-tools div {
    border-bottom: solid 1px black;
    padding: 0.5em 0;
    text-align: center; }
  .p-grid-tools div:nth-child(4n+5) {
    text-align: left; }
  .p-grid-tools .p-null {
    grid-area: null;
    padding-top: 0; }
  .p-grid-tools .p-head {
    padding-top: 0;
    border-bottom-width: 3px;
    text-align: center; }