@charset "UTF-8";

body {
  color: #252525;
  font-family: 'UD Shin Go Regular', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

img {
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}

.case_col {
  margin:auto;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding:20px;
  line-height: 1.6;
}

.case_col__title {
  font-family: "UD Shin Go DemiBold", sans-serif;
  margin: 0 0 9px;
  font-size: 20px;
}

.case_col__date {
  font-size:14px;
  color:#808080;
  margin:0 0 13px;
}

.case_h1 {
  font-size:42px;
  font-family: "UD Shin Go DemiBold", sans-serif;
}

.kenshin_fv {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background-image:url(/jp/-/media/medicom/kenshin/case/kenshin_kv);
  background-size:cover;
  background-position:center;
}

.pan {
  display:flex;
}

.pan li + li:before {
  content:">";
  padding:0 10px;
}

.pan a {
  color:#0D64F2;
}

.case_col__btn {
  margin-top: 50px;
}

.case_col__btn a {
  max-width: 100%;
}

@media screen and (min-width: 980px) {

  .case_col {
    max-width:1060px;
    display:flex;
  }

  .case_col__img {
    margin-right:20px;
    max-width:350px;
    width:100%;
  }

  .case_col__title {
    margin: 0 0 9px;
    font-size: 20px;
  }

  .case_col__date {
    font-size:14px;
    margin:0 0 13px;
  }

  .case_h1 {
    font-size:42px;
  }

  .kenshin_fv {
    margin:auto auto 80px;
    min-height:350px;
  }

  .case_area {
    margin-bottom:100px;
  }

  .pan {
    max-width:1060px;
    margin: auto auto;
    padding:20px;
    font-size:14px;
  }

}

@media screen and (max-width: 980px) {
  .case_h1 {
    font-size:7vw;
  }

  .case_col__title {
    font-size:6vw;
    margin:0 0 3vw;
  }

  .kenshin_fv {
    padding:12vw 4vw 6vw;
    margin-bottom:12.5vw;
  }

  .pan {
    margin: auto;
    padding:20px;
    font-size:3.75vw;
  }
  .case_area {
    margin:auto 4vw 20vw;
  }

  .case_col {
    padding:6vw 6vw 12.5vw;
    font-size:4.3vw;
    line-height:1.6
  }

  .case_col__img {
    margin-bottom:6vw;
    font-size:6vw;
  }

  .case_col__date {
    font-size:3.75vw;
    margin-bottom:3vw;
  }
}