/*----------ヘッダー----------*/

@media (min-width: 641px) {
   .renovation header{
      height:auto;
      margin-bottom: 10px;
   }
   .renovation h1{
      top: -15px;
      left: 0;
   }
   .renovation .head_logo{
      position: unset;
   }
   .renovation .head_mv.pattern02 header,
   .renovation .nav_wrap{
      position: unset;
      color: #80674d;
   }
   .renovation .nav_wrap.fixed .menu_list_wrap{
      position: fixed;
      top:0;
      left: 0;
      padding: 10px;
      background: rgb(54 60 60 / 60%);
      height: 70px;
      width: 100%;
      display: flex;
      justify-content: center;
      z-index: 999;
   }
   .renovation .nav_wrap.fixed .nav_menu_tit{
      color: white;
   }
   .renovation .head_mv.pattern02 header{
      background: #ebe6e0;
      padding: 25px 10px 10px;
   }
   .head_logo img {
      max-height: 50px;
   }
   .renovation .head_info_wrap{
      position: absolute;
      top: -16px;
      right: 0;
      margin: 0;
   }
   .renovation .head_info,
   .renovation .head_info_tel {
      margin-top: 0;
   }
   .renovation .head_info{
      background: white;
      text-align: center;
      padding: 10px 10px;
   }
   .renovation .head_info_tel{
      font-size: 24px;
   }
   .renovation .nav_menu_tit{
      color: #80674d;
      filter: none;
   }
   .renovation .nav_menu_tit{
      font-size: 16px;
   }
}



/*----------MV----------*/
@media (min-width: 641px) {
   .renovation .head_mv.pattern02 .home_mv,
   .renovation .head_mv.pattern02 .slider-fade .slick-slide img {
      height: auto;
   }
   .renovation .home_mv .inner{
      display: flex;
      align-items: end;
      justify-content: start;
   }
   .renovation .mv_bnr, .renovation .mv_bnr02{
      width: 250px;
      height: 250px;
      position: unset;
   }
}








/*----------フェード処理----------*/
.fx-slide-from-left,
.fx-slide-from-right {
   opacity: 0;
   will-change: transform, opacity;
   transform: translate3d(0,0,0);
   transition:
   transform var(--fx-dur, .8s) ease,
   opacity  var(--fx-dur, .8s) ease;
   transition-delay: var(--fx-delay, 0s);
}

.fx-slide-from-left  { transform: translateX(-48px); }
.fx-slide-from-right { transform: translateX( 48px); }

.fx-inview {
   transform: translateX(0);
   opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
   .fx-slide-from-left,
   .fx-slide-from-right {
      transition: none;
      transform: none;
      opacity: 1;
   }
}







@media (min-width: 641px) {
/*----------特徴----------*/
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item .top_feature_img,
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item h3{
   margin: 0;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item .btn01 {
   text-align: center;
   position: absolute;
   bottom: 24px;
   right: 115px;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item:nth-child(even) .btn01 {
   left: 115px;
   right: auto;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item .top_feature_box{
   margin: -50px auto 0;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item {
   padding-bottom: 0;
   display: flex;
   flex-flow: row;
   align-items: center;
   width: 100%;
   background: rgba(255, 255, 255, 0.8);
   border: none;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item:nth-child(even) {
   flex-direction: row-reverse;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item:nth-child(even) .top_feature_num {
   left: 15px;
   right:auto;
}
.renovation .sec_top_feature.pattern01 .top_feature_wrap .top_feature_item .top_feature_img img{
   max-width: 760px;
}






/*----------インビザライン----------*/
.renovation .sec_top_invisalign .home_inner{
   max-width: 1000px;
}
.renovation .sec_top_invisalign .top_invisalign_item {
   display: flex;
   flex-direction: column;
   align-items: center;
   border: none;
   padding: 30px 50px;
}
.renovation .top_invisalign_price{
   width: auto;
   margin: auto;
   padding: 0 20px;
   font-size: 30px;
   background: none;
}
.renovation .top_invisalign_price h3{
   padding: 0;
   margin: 0;
}
.renovation .sec_top_invisalign .top_invisalign_box{
   width: 100%;
   padding: 0;
}
.renovation .top_invisalign_price h3 small{
   display: block;
}
.renovation .top_invisalign_price small.tax{
   display: inline-block;
}
.renovation .pc_inline{
   display: none!important;
}
.renovation .sec_top_invisalign .top_invisalign_img .price{
   display: block;
   width: 100%;
   background: #EBE6E0;
   font-family: var(--main-font);
   font-size: 39px;
   color: var(--main-color02);
   line-height: 1.5;
   letter-spacing: 0;
   text-align: center;
   vertical-align: middle;
}
.renovation .sec_top_invisalign .top_invisalign_img .price font{
   padding-left: 5px;
   font-size: 22px;
   vertical-align: middle;
}
.renovation .sec_top_invisalign .top_invisalign_img .price small{
   font-size: 15px;
   letter-spacing: 0.1em;
}
.renovation .sec_top_invisalign .top_invisalign_img .price small.tax{
   margin-top: 15px;
}
.renovation .sec_top_invisalign .top_invisalign_img .price{}
.renovation .sec_top_invisalign .top_invisalign_img {
   max-width: 414px;
}
.renovation .sec_top_invisalign .top_invisalign_box .txt{
   width: 50%;
}
}



@media (max-width: 640px) {
   .renovation .top_invisalign_price{
      font-size: 20px;
   }
   .renovation .sec_top_invisalign .top_invisalign_img {
      float: none;
   }
   .renovation .top_invisalign_price h3{
      padding: 0;
      margin: auto;
   }
   .renovation .top_invisalign_price small{
      display: block;
   }
   .renovation .sec_top_invisalign .top_invisalign_box .top_invisalign_hosoku{
      padding: 0;
      margin: 0;
   }
   .renovation .top_invisalign_box .price{
      background: #EBE6E0;
      font-family: var(--main-font);
      font-size: 18px;
      color: var(--main-color02);
   }
}