@media screen and (max-width: 768px) {
  .pconly {
    display: none !important; }

  .casestudy .cs_body_h31 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    box-sizing: border-box;
    padding-left: 38px;
    color: #000;
    margin-bottom: 26px;
    padding-bottom: 5px; }
    .casestudy .cs_body_h31:before {
      content: '';
      width: 11px;
      height: 11px;
      background: #000;
      display: block;
      position: absolute;
      left: 0;
      top: 11px;
      line-height: 1.4em; }
    .casestudy .cs_body_h31:after {
      content: '';
      display: block;
      height: 1px;
      background: #000;
      left: 0;
      bottom: 0;
      width: 26px;
      position: absolute; }
  .casestudy .cs_body_img1 {
    overflow-x: scroll; }
    .casestudy .cs_body_img1 img {
      width: 200vw;
      max-width: 500%; }
  .casestudy .cs_body_img2 {
    margin-top: 110px;
    text-align: center; }
    .casestudy .cs_body_img2 img {
      width: 100%;
      max-width: 680px; }
  .casestudy .cs_body_txt1 {
    text-align: center;
    font-size: 11px;
    line-height: 1.5em; }
  .casestudy .cs_body_btn1 {
    text-align: center; }
    .casestudy .cs_body_btn1 a {
      display: inline-block;
      width: 90%;
      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
      color: #fff;
      background: url("../img/case_yazuya_arr.webp") no-repeat #6090b2;
      background-size: 15px;
      background-position: right 19px center;
      text-decoration: none;
      font-size: 16px;
      padding: 15px 0;
      box-sizing: border-box;
      border: solid 1px #6090b2; }
      .casestudy .cs_body_btn1 a:hover {
        opacity: 0.9;
        cursor: pointer; }
  .casestudy .cs_head .cs_head_txt .cs_head_name2 {
    margin-bottom: 34px; }
  .casestudy .cs_head .cs_head_txt .cs_head_txtmini {
    font-size: 12px;
    line-height: 1.8em;
    text-align: justify;
    max-width: 420px;
    margin-bottom: 30px; }
    .casestudy .cs_head .cs_head_txt .cs_head_txtmini span {
      text-decoration: underline;
      color: #6090b2; }
    .casestudy .cs_head .cs_head_txt .cs_head_txtmini a {
      text-decoration: underline;
      color: #6090b2; }
  .casestudy .cs_head .cs_head_txt .cs_head_leftimg {
    text-align: center;
    margin-bottom: 15px; }
    .casestudy .cs_head .cs_head_txt .cs_head_leftimg img {
      width: 60%; }
  .casestudy .cs_head .cs_head_img .cs_head_img_info {
    width: 90%;
    margin: 0 auto;
    margin-top: 8px; }
    .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infol {
      font-size: 10px;
      line-height: 1.6em;
      margin-bottom: 1em; }
      .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infol div:nth-child(1) {
        font-weight: 700; }
    .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infor {
      font-size: 10px; }
      .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infor dl dt {
        font-weight: 700; }
  .casestudy .cs_body_ttl2 {
    text-align: left;
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px; }
  .casestudy .mt30 {
    margin-top: 15px !important; }
  .casestudy .mb40 {
    margin-bottom: 20px !important; }
  .casestudy .mb50 {
    margin-bottom: 25px !important; }
  .casestudy .mb70 {
    margin-bottom: 35px !important; }
  .casestudy .mb80 {
    margin-bottom: 40px !important; }
  .casestudy .cs_body_bg-blue {
    box-sizing: border-box;
    background: #edf5ff;
    padding: 15px 22px; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_sub {
      font-size: 14px;
      font-weight: 700;
      color: #6090b2;
      line-height: 1.75em; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_ttl {
      font-weight: 800;
      font-size: 14px;
      line-height: 1.75em;
      text-decoration: underline;
      color: #000; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_txt {
      font-size: 14px;
      line-height: 1.75em;
      text-align: justify;
      color: #000; }
  .casestudy .cs_body_box1 {
    margin-bottom: 30px; }
    .casestudy .cs_body_box1 .wide {
      width: 100% !important; }
    .casestudy .cs_body_box1.reverse .cs_body_box1_left {
      order: 2; }
    .casestudy .cs_body_box1.reverse .cs_body_box1_right {
      order: 1; }
    .casestudy .cs_body_box1 .cs_body_box1_left {
      margin-bottom: 15px; }
      .casestudy .cs_body_box1 .cs_body_box1_left.wide {
        margin-bottom: 30px; }
      .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_ttl {
        color: #6090b2;
        line-height: 1.4em;
        font-size: 15px;
        margin-bottom: 8px;
        position: relative;
        font-weight: bold;
        padding-left: 22px;
        box-sizing: border-box; }
        .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_ttl:before {
          content: '';
          display: block;
          height: 1px;
          width: 18px;
          background: #6090b2;
          position: absolute;
          left: 0;
          top: 10px; }
      .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_txt {
        line-height: 1.75em;
        font-size: 14px;
        color: #000;
        text-align: justify; }
    .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers {
      margin-bottom: 53px; }
      .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer {
        border-radius: 10px;
        background: #000;
        color: #FFFFFF;
        text-align: center;
        box-sizing: border-box;
        padding: 28px;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(1) {
          background: #d06c16; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(3) {
          background: #53974b; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(4) {
          background: #5295db; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(5) {
          background: #c64436; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(2) {
          background: #db9420; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_num {
          display: inline-block;
          font-size: 42px;
          font-weight: 600;
          border-bottom: solid 3px #fff;
          margin-bottom: 20px; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_ttl {
          font-size: 18px;
          margin-bottom: 20px;
          font-weight: 600; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_txt {
          text-align: justify;
          font-weight: 500;
          font-size: 14px;
          line-height: 1.75em; }
    .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl {
      margin-top: 5px; }
      .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl dt {
        font-size: 13px;
        line-height: 1.5em; }
      .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl dd {
        font-size: 13px;
        line-height: 1.5em; } }
@media screen and (min-width: 769px) {
  .sponly {
    display: none !important; }

  .casestudy .cs_body_h31 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    box-sizing: border-box;
    padding-left: 38px;
    color: #000;
    margin-bottom: 36px;
    padding-bottom: 5px; }
    .casestudy .cs_body_h31:before {
      content: '';
      width: 11px;
      height: 11px;
      background: #000;
      display: block;
      position: absolute;
      left: 0;
      top: 11px;
      line-height: 1.4em; }
    .casestudy .cs_body_h31:after {
      content: '';
      display: block;
      height: 1px;
      background: #000;
      left: 0;
      bottom: 0;
      width: 26px;
      position: absolute; }
  .casestudy .cs_body_img1 img {
    width: 100%; }
  .casestudy .cs_body_img2 {
    margin-top: 110px;
    text-align: center; }
    .casestudy .cs_body_img2 img {
      width: 100%;
      max-width: 680px; }
  .casestudy .cs_body_txt1 {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em; }
  .casestudy .cs_body_btn1 {
    text-align: center; }
    .casestudy .cs_body_btn1 a {
      display: inline-block;
      width: 100%;
      max-width: 500px;
      box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
      color: #fff;
      background: url("../img/case_yazuya_arr.webp") no-repeat #6090b2;
      background-size: 49px;
      background-position: right 19px center;
      text-decoration: none;
      font-size: 20px;
      padding: 20px 0;
      box-sizing: border-box;
      border: solid 1px #6090b2; }
      .casestudy .cs_body_btn1 a:hover {
        opacity: 0.9;
        cursor: pointer; }
  .casestudy .cs_head .cs_head_txt .cs_head_name2 {
    margin-bottom: 34px; }
  .casestudy .cs_head .cs_head_txt .cs_head_txtmini {
    font-size: 14px;
    line-height: 1.8em;
    text-align: justify;
    max-width: 420px;
    margin-bottom: 70px; }
    .casestudy .cs_head .cs_head_txt .cs_head_txtmini span {
      text-decoration: underline;
      color: #6090b2; }
    .casestudy .cs_head .cs_head_txt .cs_head_txtmini a {
      text-decoration: underline;
      color: #6090b2; }
  .casestudy .cs_head .cs_head_txt .cs_head_leftimg {
    text-align: center; }
    .casestudy .cs_head .cs_head_txt .cs_head_leftimg img {
      width: 267px; }
  .casestudy .cs_head .cs_head_img .cs_head_img_info {
    display: flex;
    justify-content: space-between;
    margin-top: 8px; }
    .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infol {
      display: flex;
      font-size: 12px;
      line-height: 1.6em; }
    .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infor {
      font-size: 12px; }
      .casestudy .cs_head .cs_head_img .cs_head_img_info .cs_head_img_infor dl {
        display: flex; }
  .casestudy .cs_body_ttl2 {
    text-align: center;
    font-size: 32px;
    line-height: 1.6em;
    font-weight: 700;
    color: #000;
    margin-bottom: 60px; }
  .casestudy .mt30 {
    margin-top: 30px !important; }
  .casestudy .mb40 {
    margin-bottom: 40px !important; }
  .casestudy .mb50 {
    margin-bottom: 50px !important; }
  .casestudy .mb70 {
    margin-bottom: 70px !important; }
  .casestudy .mb80 {
    margin-bottom: 80px !important; }
  .casestudy .cs_body_bg-blue {
    box-sizing: border-box;
    background: #edf5ff;
    padding: 23px 30px; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_sub {
      font-size: 16px;
      font-weight: 700;
      color: #6090b2;
      line-height: 1.75em; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_ttl {
      font-weight: 800;
      font-size: 16px;
      line-height: 1.75em;
      text-decoration: underline;
      color: #000; }
    .casestudy .cs_body_bg-blue .cs_body_bg-blue_txt {
      font-size: 16px;
      line-height: 1.75em;
      text-align: justify;
      color: #000; }
  .casestudy .cs_body_box1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap; }
    .casestudy .cs_body_box1 .wide {
      width: 100% !important; }
    .casestudy .cs_body_box1.reverse .cs_body_box1_left {
      order: 2; }
    .casestudy .cs_body_box1.reverse .cs_body_box1_right {
      order: 1; }
    .casestudy .cs_body_box1.big .cs_body_box1_left {
      width: calc(100% - 468px); }
    .casestudy .cs_body_box1.big .cs_body_box1_right {
      width: 418px; }
    .casestudy .cs_body_box1 .cs_body_box1_left {
      width: calc(100% - 400px); }
      .casestudy .cs_body_box1 .cs_body_box1_left.wide {
        margin-bottom: 30px; }
      .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_ttl {
        color: #6090b2;
        line-height: 1.4em;
        font-size: 16px;
        margin-bottom: 38px;
        position: relative;
        font-weight: bold;
        padding-left: 22px;
        box-sizing: border-box; }
        .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_ttl:before {
          content: '';
          display: block;
          height: 1px;
          width: 18px;
          background: #6090b2;
          position: absolute;
          left: 0;
          top: 12px; }
      .casestudy .cs_body_box1 .cs_body_box1_left .cs_body_box1_txt {
        line-height: 1.75em;
        font-size: 16px;
        color: #000;
        text-align: justify; }
    .casestudy .cs_body_box1 .cs_body_box1_right {
      width: 350px; }
      .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 153px; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer {
          border-radius: 10px;
          background: #000;
          color: #FFFFFF;
          text-align: center;
          height: 380px;
          width: 32%;
          box-sizing: border-box;
          padding: 28px 28px 0 28px;
          box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(1) {
            background: #d06c16;
            margin-bottom: 30px; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(3) {
            background: #53974b; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(4) {
            background: #5295db;
            margin-right: 2%; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(5) {
            background: #c64436; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer:nth-child(2) {
            background: #db9420;
            margin: 0 2%; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_num {
            display: inline-block;
            font-size: 42px;
            font-weight: 600;
            border-bottom: solid 3px #fff;
            margin-bottom: 20px; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_ttl {
            font-size: 22px;
            margin-bottom: 20px;
            font-weight: 600; }
          .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_coloers .cs_body_box1_coloer .cs_body_box1_coloer_txt {
            text-align: justify;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.75em; }
      .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl {
        margin-top: 5px; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl dt {
          font-size: 13px;
          line-height: 1.5em; }
        .casestudy .cs_body_box1 .cs_body_box1_right .cs_body_box1_right_dl dd {
          font-size: 13px;
          line-height: 1.5em; } }