@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+JP:wght@100..900&display=swap");
/* 【開発事例】  -------------------------------------------------------------------------------------------------------------------*/
body.category-casestudy {
  /* 開発事例の一覧表示部分 */ }
  body.category-casestudy h2 {
    font-size: clamp(2.4rem, calc(1.68rem + 3.6vw), 6rem);
    background: linear-gradient(90deg, #F0468D 0%, #FFB752 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 2vw; }
  body.category-casestudy h3 {
    font-size: clamp(2rem, calc(1.84rem + 0.8vw), 2.8rem);
    font-weight: 700;
    margin-bottom: 2vw; }
  body.category-casestudy p.no_articles {
    color: #999;
    margin-bottom: 8vw;
    padding: 2vw;
    border: #CCC 1px solid;
    border-radius: 10px;
    text-align: center; }
  body.category-casestudy .recent-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: inherit;
    margin-bottom: 7.3vw; }
  body.category-casestudy .post-item {
    width: calc((100% - 4vw)/ 2);
    margin: 0 4vw 4vw 0;
    display: block;
    border: none;
    padding: 0; }
    body.category-casestudy .post-item:first-child {
      border-top: none; }
    body.category-casestudy .post-item:nth-of-type(2n) {
      margin: 0 0 4vw 0; }
    body.category-casestudy .post-item .post-thumbnail {
      aspect-ratio: 2 / 1;
      width: 100%;
      margin-bottom: 1vw;
      overflow: hidden;
      border-radius: 15px;
      border: 1px #CCC solid; }
    body.category-casestudy .post-item h4 {
      color: #E53973;
      font-size: clamp(1.4rem, calc(1.182rem + 1.09vw), 2rem);
      margin-bottom: 0.2vw; }
    body.category-casestudy .post-item p {
      margin-bottom: 0vw; }
      body.category-casestudy .post-item p.corp {
        font-size: clamp(1.4rem, calc(1.32rem + 0.4vw), 1.8rem);
        margin-bottom: 0.5vw;
        color: #666; }
    body.category-casestudy .post-item .br_none {
      display: none; }
    body.category-casestudy .post-item dt {
      width: 20%;
      white-space: nowrap; }
    body.category-casestudy .post-item dd {
      width: 68%; }
      body.category-casestudy .post-item dd.category {
        width: 8em;
        white-space: nowrap;
        text-align: center;
        background-color: #EDEDED;
        padding: 5px;
        border-radius: 17px;
        margin-right: 20px;
        font-size: 80%; }
  @media (min-width: 768px) {
    body.category-casestudy .recent-posts {
      justify-content: flex-start; }
    body.category-casestudy .post-item {
      width: calc((100% - 6vw)/ 3);
      margin: 0 3vw 3vw 0; }
      body.category-casestudy .post-item:nth-of-type(2n) {
        margin: 0 3vw 3vw 0; }
      body.category-casestudy .post-item:nth-of-type(3n) {
        margin: 0 0 3vw 0; }
      body.category-casestudy .post-item p.corp {
        text-align: right; } }
  @media (min-width: 1400px) {
    body.category-casestudy .post-item {
      width: calc((100% - 4vw)/ 3);
      margin: 0 2vw 2vw 0; }
      body.category-casestudy .post-item:nth-of-type(2n) {
        margin: 0 2vw 2vw 0; }
      body.category-casestudy .post-item:nth-of-type(3n) {
        margin: 0 0 2vw 0; } }

/* 開発事例の一覧表示部分 */
div.pdfemb-viewer {
  margin-bottom: 12.5vw !important; }

body.home.category-casestudy h2 {
  font-size: clamp(2.2rem, calc(1.88rem + 1.6vw), 3.8rem);
  font-weight: 800;
  margin-bottom: 3vw;
  line-height: 1.6em;
  background: none;
  /* グラデーションを無効にする */
  -webkit-background-clip: none;
  /* テキストの背景クリッピングを無効にする */
  -webkit-text-fill-color: initial;
  /* テキストの色を元に戻す */
  color: initial;
  /* テキストの色を元に戻す (必要に応じて) */ }
body.home.category-casestudy h2.rainbow_color {
  font-size: clamp(2rem, calc(1.5rem + 2.5vw), 4.5rem);
  background: linear-gradient(90deg, #F0468D 30%, #FFB752 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1rem; }
  body.home.category-casestudy h2.rainbow_color span {
    font-size: clamp(1.4rem, calc(1.34rem + 0.3vw), 1.7rem);
    font-family: "Barlow", sans-serif;
    font-weight: 700;
    letter-spacing: 0rem; }