body {
  padding: 90px 0 0; }

.page_ttl {
  margin-bottom: 100px; }

/************************************************/
.mies {
  max-width: 1080px;
  width: calc(100% - 100px);
  margin: 0 auto;
  padding: 0 0 111px; }
  .mies .logo {
    display: block;
    aspect-ratio: 743/229;
    width: calc(100% - 40px);
    max-width: 740px;
    height: auto;
    margin: 0 auto 60px;
    background: url("../image/mies/logo.svg") center center no-repeat;
    background-size: contain; }
  .mies h2 {
    font: 2.2rem/2em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400;
    margin: 0 auto 85px;
    padding: 0 20px;
    text-align: justify;
    text-justify: inter-ideograph; }
  .mies ul {
    width: 100%;
    margin: 0 auto 135px; }
  .mies li {
    font: 1.8rem/2em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400;
    border-bottom: 1px solid #C8C9C9;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center; }
    .mies li p {
      width: calc(100% - 170px);
      padding: 0 20px 0 40px; }
    .mies li time {
      width: 170px; }
    .mies li a {
      transition: .3s;
      text-decoration: none;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      position: relative;
      padding: 25px 95px 25px 0; }
      .mies li a:before {
        position: absolute;
        content: "";
        display: block;
        background: url("../image/mies/icon_pdf.svg") center center no-repeat;
        background-size: contain;
        width: 38px;
        height: 49px;
        top: 50%;
        left: auto;
        right: 20px;
        transform: translate(0%, -50%); }

.btn {
  margin: 98px auto 0;
  display: block;
  width: 313px;
  height: 70px;
  background-color: #009B63;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font: 1.6rem/68px "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  letter-spacing: 0.05em;
  transition: .3s; }

@media (hover: hover) {
  .mies li a:hover {
    background-color: #EDF9E7; }

  .btn:hover {
    background-color: darkorange; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .mies {
    width: calc(100% - 80px); }
    .mies .logo {
      width: calc(100% - 40px);
      margin: 0 auto 60px;
      max-width: 640px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .mies {
    width: calc(100% - 60px); }
    .mies .logo {
      width: calc(100% - 40px);
      margin: 0 auto 45px;
      max-width: 480px; }
    .mies h2 {
      font: 2rem/2em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 400;
      margin: 0 auto 55px; }
    .mies ul {
      width: 100%;
      margin: 0 auto 105px; }
    .mies li {
      font: 1.8rem/1.8em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 400; }
      .mies li p {
        width: 100%;
        padding: 0 0; }
      .mies li a {
        padding: 20px 95px 20px 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .mies {
    width: calc(100% - 40px); }
    .mies .logo {
      width: calc(100% - 40px);
      margin: 0 auto 35px;
      max-width: 280px; }
    .mies h2 {
      font: 1.6rem/2em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 400;
      margin: 0 auto 55px;
      padding: 0; }
    .mies ul {
      width: 100%;
      margin: 0 auto 85px; }
    .mies li {
      font: 1.6rem/1.8em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
      font-weight: 400; }
      .mies li p {
        width: 100%;
        padding: 0 0; }
      .mies li time {
        font: 1.4rem/1.8em "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
        font-weight: 400; }
      .mies li a {
        padding: 15px 55px 15px 0; }
        .mies li a:before {
          width: 32px;
          height: 40px;
          right: 10px; }

  .btn {
    margin: 55px auto 0;
    display: block;
    max-width: 300px;
    width: 100%;
    height: 60px;
    font: 1.6rem/58px "Noto Sans JP", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 400; } }
/*max-width:480px*/