@charset "utf-8";

.wb_img {
  display: block;
}
.mb_img {
  display: none;
}


.img_area img {
    max-width: 100%;
}

.C-title .point_color {
  color: var(--C-ff7f1a);
}
.lifting #container {
  background: #fffef5;
}

#container .C-visual::after {
  content: "";
  display: block;
  height: 100%;
  width: 1920px;
  margin-left: 0;
  position: absolute;
  left: 0;
  bottom: -10px;
  z-index: 3;
  /*background: url(//image.idhospital.com/www/rn_2025/lifting/lifting_visual_dim.png)
    no-repeat center bottom;*/
  background-size: 100%;
}
.lifting .counseling_form .btn_request {
  background-color: #ff8b2f;
}
#container .C-title .c_ff7f1a {
  color: var(--C-ff7f1a);
}
#container .C-idYoutube .btn_youtube_page {
  background-color: var(--C-ff7f1a);
}

.lifting .lifting_top_info {
}
.lifting .lifting_top_info .trademark_box {
    text-align: center;
}
.lifting .lifting_top_info .trademark_box p {
    font-size: var(--f-32);
    color: var(--C-111113);
    font-weight: 800;
}
.lifting .lifting_top_info .text {
    display: flex;
    width: 530px;
    margin: 0 auto;
    position: relative;
    padding-left: 40px;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}
.lifting .lifting_top_info .text span {
    font-size: 26px;
    color: var(--C-737380);
    line-height: 1.1;
    letter-spacing: -1px;
}
.lifting .lifting_top_info .text strong {
    display: block;
    font-size: 48px;
    color: #ff7f1a;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -2px;
}
.lifting .lifting_top_info .text .info_img {
    width: 172px;
    right: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.lifting .lifting_top_info .text .info_img img{width: 100%;}
.lifting .lifting_top_info .text::before {
    content: "[";
    position: absolute;
    left: 0;
    bottom: -5px;
    font-size: 68px;
    color: #ffae4e;
    font-weight: 900;
}
.lifting .lifting_top_info .text::after {
    content: "]";
    position: absolute;
    right: 0;
    bottom: -5px;
    font-size: 68px;
    color: #ffae4e;
    font-weight: 900;
}
.lifting .lifting_top_info .sub_text {
    padding-top: 70px;
    font-size: 25px;
    color: #000b17;
    text-align: center;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -1px;
}
.lifting .lifting_top_info .sub_text strong {
  color: #e94700;
  font-weight: 900;
}



.lifting .photo {
  padding-top: 80px;
}
.lifting .photo ul {
  display: flex;
  gap: 50px;
  justify-content: center;
}
.lifting .photo li {
  display: flex;
  flex-direction: column;
  align-items: center;
  letter-spacing: -1px;    
  text-align: center;    
}
.lifting .photo li .mb_img {
  display: none;
}
.lifting .photo li strong {
  display: block;
  padding: 35px 0 15px;
  font-size: 25px;
  color: #e94700;
  font-weight: 900;
  line-height: 1.15;
}
.lifting .photo li span {
  font-size: 20px;
  color: #111113;
  font-weight: 500;
  line-height: 1.3;
}


.lifting .photo2 {
  padding-top: 80px;
  max-width: 960px;
  margin: 0 auto;
}
.lifting .photo2 ul {
    text-align: left;
}
.lifting .photo2 li {
    display: flex;
    align-items: center;
}

.lifting .photo2 li dl{margin-left: 60px;letter-spacing: -1px;}
.lifting .photo2 li dl dt{font-size: 25px;color:#e94700;font-weight: 900;line-height: 1.2;margin-bottom: 35px;}
.lifting .photo2 li dl dd{font-size: 20px;color:#000;line-height: 1.2;}

.lifting .photo2 li:nth-child(2){
    flex-direction: row-reverse;
    text-align: right;
    margin-top: 25px;
}
.lifting .photo2 li:nth-child(2) dl{margin-left: 0;margin-right: 60px;}


.lifting .operation_info {
  display: flex;
  padding: 107px 0 100px;
  flex-direction: column;
  align-items: center;
}
.lifting .operation_info .title {
  font-size: 48px;
  color: #ff7f1a;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -1px;
  margin-bottom: 75px;
}
.lifting .operation_info ol{
  display: flex;
  gap: 30px;
  font-size: 0;
    
}
.lifting .operation_info .text {
  text-align: center;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap:15px 0;
}
.lifting .operation_info .text i {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  color: #e94700;
  letter-spacing: -3px;    
}
.lifting .operation_info .text > p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color:#000;    
}


.lifting .C-idYoutube .btn_youtube_page {
  background-color: #ff7f1a;
}

.lifting .C-BeforeAfter .swiper-pagination-bullet-active {
  background-color: #e94700;;
}



/* @media (max-width: 1500px) */
@media (max-width: 1500px) {
  .lifting .photo li img {
    width: 100%;
  }
  .C-visual {
    height: 58vw;
  }
}

/* @media (max-width: 1024px) */
@media (max-width: 1024px) {
  
  .lifting .photo {
    padding-top: 10%;
  }
  .lifting .photo ul {
    margin: 0 3%;
  }
  .lifting .photo li strong {
    font-size: 3.3vw;
  }
  .lifting .photo li span {
  }
    
  .lifting .photo2{padding: 80px 40px 0;}
  .lifting .photo2 li img{width: 50%;}
  .lifting .photo2 li dl{margin-left: 5%;}
  .lifting .photo2 li:nth-child(2) dl{margin-right: 5%;}    
  
  .lifting .operation_info ol {
    width: auto;
    margin: 0 auto;
    padding: 0 3%;
    gap: 5vw 3%;
    justify-content: space-between;
  }

  .lifting .operation_info ol li img,
  .lifting .operation_info ul li img {
    width: 100%;
  }
     
    
}

/* @media (max-width: 720px) */
@media (max-width: 720px) {
    
    .wb_img {
      display: none;
    }
    .mb_img {
      display: block;
    }

    .C-visual {
        height: 141.67vw;
    }    
  .lifting .lifting_top_info {
      
  }
  .lifting .lifting_top_info .trademark_box img {
    min-width: 24.03vw;
    width: 21%;
  }
  .lifting .lifting_top_info .trademark_box p {
    font-size: 3.61vw;
  }
   .lifting .lifting_top_info .text strong{
    font-size: 6.67vw;letter-spacing: -0.2vw;
  }    
  .lifting .lifting_top_info .text {
    width: 74.31vw;
    padding-left: 5.5vw;   
  }
  .lifting .lifting_top_info .text .info_img {
    width: 24.03vw;
    right: 5.5vw;
  } 
   .lifting .lifting_top_info .text span{
    font-size: 3.61vw;
    letter-spacing: -0.1vw;   
  }    
  .lifting .lifting_top_info .text::before {
    font-size: 9.44vw;
    bottom: 0;
  }
  .lifting .lifting_top_info .text::after {
    font-size: 9.44vw;
    bottom: 0;
  }
     
  .lifting .lifting_top_info .sub_text {
    padding-top: 4vw;
    font-size: 3.47vw;
    letter-spacing: -0.1vw;
  }

    .lifting .photo{
        padding-top: 5.5vw;
    }    
  .lifting .photo ul {
    gap: 5.5vw;
    flex-direction: column;
  }
  .lifting .photo li {
    width: 100%;
    letter-spacing: -0.1vw;    
  }
  .lifting .photo li img {
    display: none;
  }
  .lifting .photo li .mb_img {
    display: block;
  }
  .lifting .photo li strong {
    padding:4.6vw 0 2.2vw;
    font-size: 3.47vw;
  }
  .lifting .photo li span {
    font-size: 2.78vw;
  }
    
  .lifting .photo2 {
    padding: 5.14vw 3% 0;
  }
  .lifting .photo2 ul {
      
  }
  .lifting .photo2 ul li { 
    width: 100%;
    display: block;
  }
  .lifting .photo2 li strong {
    font-size: 3.89vw;
  }
  .lifting .photo2 li span {
    font-size: 3.06vw;
  }
  .lifting .photo2 ul li img {
    width: 100%;
  }
  .lifting .photo2 li dl{
    text-align: center;margin:3.89vw 0 5.5vw;letter-spacing: -0.1vw;
  }    
  .lifting .photo2 li:nth-child(2) dl{margin:3.89vw 0 0;}
  .lifting .photo2 li dl dt {
    letter-spacing: -0.2vw;  
    font-size: 3.47vw;
    margin-bottom: 2.08vw;
  }
   .lifting .photo2 li dl dd{
    font-size: 2.78vw;    
  }    
    
    
  .lifting .operation_info{
    padding: 12.5vw 0;  
  }    
  .lifting .operation_info .title{
    font-size: 6.67vw;
    letter-spacing: -0.1vw;
    margin-bottom: 5vw;      
  }
    
  .lifting .operation_info .text{
    margin-top: 3vw; gap: 1.6vw 0;letter-spacing: -0.1vw;
  }    
  .lifting .operation_info .text i{
    font-size: 6.67vw;       
    letter-spacing: -0.3vw;  
  }
  .lifting .operation_info .text > p{
    font-size: 2.78vw;    
    padding-top: 0;
      
  }
  .lifting .operation_info ol {
    gap: 0 2.5vw;
  }
    
  .lifting .operation_info ol li i {
    font-size: 6.67vw;    
    letter-spacing: -0.05em;
  }
  .lifting .operation_info ol li strong {
    font-size: 5vw;
  }
  .lifting .operation_info ol li p {
    padding-top: 1vw;
    font-size: 3.89vw;
    line-height: 1.2;
  }
  
  .lifting .operation_info ol li p .mb_br {
    display: block;
  }
  .lifting .operation_info ol li span .mb_br {
    display: block;
  }
    
    
    
}