@charset "UTF-8";

/*-画像-*/
._over-TB {
    display: none !important;
}
[id^="image"]  +  section .content_wrapper {
    padding: 0;
}
@media (min-width: 768px) {
    ._over-TB {
        display: block !important;
        width: 100%;
    }
    ._only-SP {
        display: none !important;
    }
}

/*-タイトル調整-*/
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_1 p, 
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_6 .h {
      color: var(--i_txt_color)!important;
}
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_6 .h:before,
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_6 .h:after,
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_1 p:before,
*[style*="color: rgb(255, 255, 255);"] .heading.block_header_1 p:after{
      border-top: 3px double var(--i_txt_color);
}
@media screen and (max-width: 800px) {
    .heading.block_header_2 .h {
        font-size: 1.8rem !important;
    }
    .heading.block_header_6 .h {
        font-size: 2rem !important;
    }
}

[id^="diet_fea_"] + section .heading.block_header_4 .h{
    font-size: 2em !important;
}

[id^="diet_fea_"] + section .heading.block_header_4 p{
    font-size: 1.5em;
    margin-bottom: 2rem;
}

@media screen and (max-width:450px){
  [id^="diet_fea_"] + section .heading.block_header_4 p{
    font-size: 1em;
  }
}


/*-MV-*/
#lv{
    display:none;
}
#mv + section .content_wrapper {
    padding: 0;
}
#mv + section .main_visual{
    position: relative;
}
#mv + section .main_visual a {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 96vw;
    bottom: 8vw;
}
#mv + section .main_visual p {
    width: 100%;
    letter-spacing: -0.6px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4vw;
    font-size: 17px;
    font-size: 2.2666666667vw;
    text-align: center;
}
@media (min-width: 768px) {
    #mv + section .main_visual a {
        width: 47.1875vw;
        bottom: 4.53125vw;
        transition: opacity .3s;
    }
    #mv + section .main_visual a:hover,
    #mv + section  .main_visual a:focus {
        opacity: .5;
    }
    #mv + section .main_visual p {
        font-size: 17px;
        font-size: .8854166667vw;
        bottom: 2.4479166667vw;
        font-weight: 600;
        letter-spacing: -0.055vw;
    }
}

/*-About-*/
@media (min-width: 768px) {
    #about2 + section ._over-TB {
        max-width: 700px;
        margin:0 auto;
    }
}
@media (max-width: 900px) {
    #about1 + .contents_box01 .inner_item_img img{
        width: 57.3333333333vw !important;
    }
}


/*-お悩みパーツ-*/
#worries_parts + .composite_box01 .inner_item_img img{
    object-fit: contain;
}

/*-お悩み画像パーツ-*/
#image2 + section .worries3{
    margin-top: -10.6666666667vw;
    position: relative;
}
#image2 + section .worries2{
    margin-top: -1.3333333333vw;
}
@media (min-width: 768px) {
    #image2 + section .worries3{
        margin-top: -4.12vw;
    }
    #image2 + section .worries2{
        width: 44.1vw;
        margin: 0 auto;
        position: relative;
        left: -0.6vw;
    }
}

/*-「痩せる」のに、年齢も体型も関係ありません。-*/
@media (max-width: 900px) {
    #text_image + .contents_box01 .inner_item_img img{
        width: 38.8vw !important;
    }
}
@media (max-width: 500px) {
    #text_image + .contents_box01 .inner_item_img img{
        width: 100% !important;
    }
}

/*-まずは、ダイエットカウンセリングにお越しください！-*/
[id^="plan"] + [class*="dec1_"]:not(.block_images_21)>.content_wrapper  {
    padding: 10px 40px ;
    background: #fff;
}
@media screen and (max-width: 1000px) {
    [id^="plan"] + [class*="dec1_"]:not(.block_images_21)>.content_wrapper  {
        padding: 10px 30px ;
    }
}
@media screen and (max-width: 600px) {
    [id^="plan"] + [class*="dec1_"]:not(.block_images_21)>.content_wrapper  {
        padding: 5px 10px ;
    }
}

/*-3つの特徴-*/
#feature + section[style*="color: rgb(255, 255, 255);"] .heading.block_header_1 p, 
#feature + section[style*="color: rgb(255, 255, 255);"] .heading.block_header_6 .h {
      color: var(--i_txt_color)!important;
}

/*-3つの特徴下画像パーツ-*/
#image5 + section .image2{
    margin-top: -8.333333vw;
}
#image5 + section .image3{
    position: relative;
    margin-top: -8.6666666667vw;
}
@media (min-width: 768px) {
    #image5 + section .image3{
        margin-top: -3.9vw;
    }
}

/*-院長紹介-*/
#director + section .content_wrapper{
    padding: 0;
}
@media (min-width: 768px) {
    #director + section .wrapper_item{
        max-width: 48vw;
        margin: 0 auto;
    }
    #director + section .inner_item_img,
    #director + section .inner_item_txt {
        flex-basis: 50%;
        max-width: 50%;
    }
    #director_text + section .wrapper_item{
        width: 56.3vw;
        margin: 0 auto;
    }
}
@media screen and (max-width: 900px){
    #director + section .wrapper_item{
        display: flex;
        gap: 10px;
    }
    #director + section .inner_item_img {
        flex-basis: 50%;
        max-width: 50%;
   }
}

/*-インスタパーツ-*/
#instagram + section .content_wrapper {
    padding: 70px 0 40px;
}
#instagram + section .inner_item_txt a{
    text-decoration: initial;
}
#instagram + .dec1_3:not(.block_images_21)>.content_wrapper {
    border: 3vw solid var(--i_border_color);
}
#instagram + contents_box01.block_image_text_3.valign-center .inner_item_txt{
    padding-top: 40px;
}
#instagram + section .inner_item_img {
    width: 300px;
}
#instagram + section a.insta_id{
    transition: all 0.3s ease;
}
#instagram + section a.insta_id:hover{
    opacity: 0.7;
}
#instagram + section .heading:after {
    content:'';
    background-image:url(/common/upload_data/tabuchi-shinkyu-seikotsuinsite/image/20241202165359.png);
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
    aspect-ratio: 1 / 1;
    width: 32px;
    display: block;
    margin-bottom: 16px;
    position: absolute;
    top: -48px;
}
.heading.block_header_2 .h:before{
    border: 3px solid var(--i_main_color)!important;
}
@media (min-width: 900px) {
    #instagram + section .content_wrapper{
        width: 52.3vw;
    }
}
@media screen and (max-width: 1000px) {
    #instagram + section .content_wrapper {
        padding: 80px 0 40px;
    }
}
@media screen and (max-width: 900px){
    #instagram + section .wrapper_item{
        display: flex;
        gap: 10px;
    }
    #instagram + section .inner_item_img {
        width: 300px;
        max-width: 40%!important;
    }
    #instagram + section .heading:after {
        width: 40px;
        margin-bottom: 20px;
        top: -60px;
    }
}
@media screen and (max-width: 600px) {
    #instagram + section .content_wrapper {
        padding: 90px 0 40px;
    }
}
/*-ホットペッパー-*/
#hot_pepper + .contents_box01 .inner_item_img img{
    width: min(90%, 300px)!important;
}
#hot_pepper + .contents_box01 .inner_item_img a{
    transition: all 0.3s ease;
}
#hot_pepper + .contents_box01 .inner_item_img a:hover{
    opacity: 0.7;
}