.post-main.column .post-main__inner .sidebar-articles.sidebar-column-v2 {
  .section-head {
    padding: 1rem 0;
    border-top: #1E2B69 1px solid;
    margin-bottom: 1rem;

    .section-title {
      color: #1E2B69;
    }
  }

  .section-body {
    .sidebar-article-item {
      margin-bottom: 1rem;

      a:hover {
        opacity: 0.8;

      }
    }
  }
}

.page-body .post-main.case {
  .post-main__inner .post-info {
    padding-left: 0;
    margin-bottom: 3rem;
    .info-thum-box {
      max-width: 100%;
    }
    .info-thum-box__inner {
      width:210px;
      aspect-ratio: 1 / 1;
      padding: 2rem ;
      border:1px solid #F7F7F7;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }

    .info-thum-box .info-thum {
      position: relative;

    }
  }

  .post-main__inner .post-body .post-body-main .post-content {
    p {
      font-weight: 400;
      margin-bottom: 2rem;
    }

    a {
      text-decoration: underline;
      color: #6C6C6C;
    }

    h2 {
      font-size: 2.4rem;
      padding: 2rem 3rem;
      background: #F7F7F7;
      color: #1E2B69 !important;
      position: relative;
      margin-top: 6rem;
      margin-bottom: 2rem;
    }

    h2:before {
      content: "";
      width: 3px;
      height: 80%;
      position: absolute;
      top: 10%;
      background: #1E2B69;
      left: 10px;
    }

    h3 {
      font-size: 1.8rem;
      margin-top: 4rem;
      margin-bottom: 2rem;
      padding: 0 0.5rem;
      color: #1E2B69 !important;

      span {
        color: #1E2B69 !important;
      }
    }

    h3::before {
      display: inline-block;
      content: "－";
    }

    h4 {
      font-size: 1.8rem;
      margin-top: 2rem;
      margin-bottom: 2rem;
      line-height: 1.2;
      color: #1E2B69 !important;
    }
  }

  .post-info {
    .info-box {
      dt {
        font-size: 1.4rem;
        font-weight: bold;
        color: #6c6c6c;
        line-height: 1.7;
      }

      dd {
        font-size: 1.4rem;
        color: #6c6c6c;
        line-height: 1.7;
        margin-bottom: 1.5rem;
      }

      a {
        font-size: 1.4rem;
        text-decoration: underline;
      }

      .info-company-name {
        margin-bottom: 0;
      }
    }
  }

  .company-info-container .compan-info__inner {
    display: block;

    .compnay-name {
      font-size: 2rem;
      color: #1E2B69;
      margin-bottom: 2rem;
    }

    .company-info {
      display: flex;
      width: 100%;

      .company-logo-box {
        max-width: 210px;
        min-height: 210px;
        display: flex;
        justify-content: center;
        align-items: center;
		background:#fff;
		box-sizing: border-box;
        padding: 2rem;
        img {
          height: 100%;
          object-fit: contain;
        }
      }

      .info-box {
        padding: 1rem 3rem;
		flex: 1;
      }
    }
  }
}

.case-footer {
  display: flex;

  .case-footer_box {
    width: 20%;
    height: 20%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
  }

  .case-footer--saiyo {
    background: #1E2B69;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 900;
  }

  .case-footer--teichaku {
    background: #22A7C3;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 900;
  }

  .case-footer--jinji {
    background: #F7F7F7;
  }

  .case-footer--referalum {
    background: #FFF;
  }

  .case-footer--saiyocloud {
    background: #F7F7F7;
  }

  .case-footer--thanks {
    background: #FFF;
  }

  .case-footer--talent {
    background: #F7F7F7;
  }

  img {
    max-width: 160px;
    width: 100%;
  }
}

@media screen and (max-width: 960px) {
  
  .case-footer {
    flex-flow: wrap;

    .case-footer--saiyo,
    .case-footer--teichaku {
      font-size: calc(24vw / 7.5);
    }

    .case-footer_box {
      width: 25%;
    }
  }

}

@media screen and (max-width: 600px) {
  .page-body .post-main.case {
		.post-main__inner .post-info {
			display:none;
		}
    .company-info-container .compan-info__inner {
      padding : 40px 20px;
      .compnay-name {
        margin-bottom: 3rem;
      }
.company-info {
  display:block;
	.company-logo-box {
		margin: 0 auto;
		width: 210px;
    height: 210px;
	}
	.info-box {
		padding: 4rem 0 0;
		.info-table {
			display:block;
			.info-name {
				width: 100%;
				font-weight: 700;
				line-height: 150%;
				font-size: 1.4rem;
				margin-bottom: 1rem;
			}
			.info-txt {
				width: 100%;
				line-height: 150%;
				font-size: 1.4rem;
				margin-bottom: 2.4rem;
			}
		}
	}
}
    }
  }
}