@charset "UTF-8";
/*==================================================

** case
==================================================*/
#caseThinking h3 {
  font-size: 2.2rem; }

#caseStudy {
  counter-reset: casesec; }
  #caseStudy .casesec {
    border: 1px solid #d0d5d8;
    border-radius: 16px 0 0 0;
    counter-increment: casesec;
    padding: 47px 47px 55px 167px;
    position: relative; }
    #caseStudy .casesec:before {
      content: "Case " counter(casesec);
      display: block;
      width: 120px;
      border-radius: 16px 0 16px 0;
      font: normal normal 700 1.6rem/1.6 "Lato", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "M+ 1p", sans-serif;
      color: #fff;
      letter-spacing: 0.04em;
      line-height: 120px;
      text-align: center;
      background: #00395f;
      position: absolute;
      left: -1px;
      top: -1px; }
    #caseStudy .casesec + .casesec {
      margin-top: 64px; }
    #caseStudy .casesec .box {
      margin-top: 28px; }
    #caseStudy .casesec table {
      margin: 0; }
      #caseStudy .casesec table th {
        width: 240px; }
    #caseStudy .casesec .txtbox {
      margin-top: 40px; }

@media screen and (max-width: 600px) {
  #caseThinking h3 {
    font-size: 2rem; }

  #caseStudy .casesec {
    padding: 0; }
    #caseStudy .casesec:before {
      width: 80px;
      line-height: 79px; }
    #caseStudy .casesec .box {
      margin-top: 12px;
      padding: 0 5.2% 39px; }
    #caseStudy .casesec h3 {
      padding: 20px 5.2% 0 96px;
      min-height: 79px; }
    #caseStudy .casesec table th {
      width: 100%; }
    #caseStudy .casesec .txtbox {
      margin-top: 32px; } }