@charset "UTF-8";
.conts_fv_common {
  background-image: url("../img/services/fv_img.jpg");
}
@media screen and (min-width: 770px) {
  /* ▼▼診療科目案内▼▼ */
  section {
        padding: 45px 0 35px;
        position: relative; 
    }
  .department_block {
    background-color: #f6f6f4;
    padding: 69px 74px 47px;
    width: 575px;
    margin: 0 0 76px auto;
    position: relative;
    border-radius: 10px;
  }
.general_orthopedics {
    background: linear-gradient(-45deg, var(--gradient-color-02));
  }
.rehabilitation {
    background: linear-gradient(-45deg, var(--gradient-color-03));
  }
.sports_orthopedics {
    background: linear-gradient(-45deg, var(--gradient-color-04));
  }
.department_block:last-of-type {
    margin-bottom: 0;
  }
.h3_title {
        font-size: 30px;
        color: var(--color-blue-01);
        position: relative;
        margin-bottom: 12px;
    
    }
.h3_title::before {
    content: "";
    display: block;
    width: 93px;
    height: 93px;
    position: absolute;
    left: 0;
    top: -27px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 93px;
	}
  .department_block .top_about_img {
    width: 451px;
    position: absolute;
    top: -49px;
    left: -425px;
  }
  .department_block .sub_text {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px;
  }
  .department_block .sub_text:last-child {
    margin-bottom: 0;
  }
  .department_block .department_block.block_02 {
    margin: 0 auto 76px 0;
  }
  .department_block .department_block.block_02 .top_about_img {
    position: absolute;
    top: -49px;
    left: 549px;
  }
  .department_block .link_text {
    margin-left: auto;
  }
  /* ▲▲診療科目案内▲▲ */
  /* ▼▼症状▼▼ */
  .conts_symptoms .text_message {
    margin-bottom: 30px;
  }
  /* ▲▲症状▲▲ */
  /* ▼▼疾患▼▼ */
  .conts_diseases {
    padding-bottom: 0;
  }
  .conts_diseases .auto {
    width: 900px;
  }
  .conts_diseases .part_block {
    padding: 90px 0;
  }
  .conts_diseases .part_block:first-child {
    padding-top: 0;
  }
  .conts_diseases .part_block:last-child {
    margin-bottom: 0;
  }
  .conts_diseases .part_title_group {
    position: relative;
    padding-right: 380px;
    min-height: 250px;
    margin-bottom: 50px;
  }
  .conts_diseases .part_title_wrapper .caution_text {
    font-size: 16px;
    width: 850px;
    margin: 0 auto;
    padding-left: 1em;
    text-indent: -1em;
  }
  .conts_diseases .part_title_wrapper .btn {
    margin-bottom: 28px;
  }
  .conts_diseases .part_title_img {
    width: 325px;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
  }
  .conts_diseases .list_box {
    width: 100%;
  }
  .h4_title {
        font-size: 25px;
        font-weight: 600;
        color: var(--color-blue-01);
        background-color: #fff;
        padding: 0 14px;
        position: absolute;
        top: -24px;
        left: 25px;
    
    }
.list_box .bgnone  {
    background-color: var(--color-white-02);
    }
  /* ▲▲疾患▲▲ */
}
@media screen and (max-width: 769px) {
  section {
        padding: 30px 0 35px;
        position: relative; 
    }
  /* ▼▼診療科目案内▼▼ */
  .conts_clinic .auto {
    position: relative;
  }
  .conts_clinic .h2_title {
    margin-bottom: 47px;
  }
.department_block {
    background-color: #f6f6f4;
    padding: 48px 4% 37px;
    width: 100%;
    margin-bottom: 56px;
    position: relative;
    border-radius: 12px;
  }
.department_block:last-of-type {
    margin-bottom: 0;
  }
.general_orthopedics {
    background: linear-gradient(-45deg, var(--gradient-color-02));
  }
.rehabilitation {
    background: linear-gradient(-45deg, var(--gradient-color-03));
  }
.sports_orthopedics {
    background: linear-gradient(-45deg, var(--gradient-color-04));
  }
.h3_title {
        font-size: 24px;
        text-align: left;
        color: var(--color-blue-01);
        position: relative;
        margin-bottom: 17px;
        border-bottom: 2px solid var(--color-beige-01);
        padding: 14px 0px;
    
    }
.h3_title::before {
    content: "";
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .department_block .top_about_img {
    width: 100%;
    margin-bottom: 15px;
  }
  .department_block .sub_text {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .department_block .sub_text:last-child {
    margin-bottom: 0;
  }
  .department_block .link_text {
    margin-left: auto;
  }
  /* ▲▲診療科目案内▲▲ */

  /* ▼▼疾患▼▼ */
  .conts_diseases {
    padding-bottom: 0;
  }
  .conts_diseases .bg_left .auto, .conts_diseases .bg_right .auto {
        width: 88%;
    
    }
  .conts_diseases .part_block {
    padding: 40px 0;
  }
  .conts_diseases .part_block:first-child {
    padding-top: 0;
  }
  .conts_diseases .part_block:last-child {
    margin-bottom: 0;
  }
  .conts_diseases .part_title_group {
    margin-bottom: 30px;
  }
  .conts_diseases .detail_box {
        margin-bottom: 40px;
    
    }
  .conts_diseases .part_title_img {
        width: 80%;
        border-radius: 12px;
        overflow: hidden;
        margin: 0 auto 20px;
    
    }
  .conts_diseases .list_box {
    width: 100%;
  }
.list_box .bgnone  {
    background-color: var(--color-white-02);
    }
  .h4_title {
        font-size: 18px;
        font-weight: 600;
        color: var(--color-blue-01);
        background-color: #fff;
        padding: 0 14px;
        position: absolute;
        top: -20px;
        left: 12px;
    
    }
  /* ▲▲疾患▲▲ */
}