body{
    font-family: Playfair Display;
}
#TherapistDeatail_sec{
    width: 100%;
    margin: 0 auto;
    padding: 1vw;
    /* border: 1px solid; */
}
#TherapistDeatail_wrapper{
    width: 100%;
    margin: 0 auto;
    padding: 1.5vw;
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url(../img/background/AdobeStock_1025377788.webp);
    background-size: contain;
    /* background-color: rgba(255,255,255,0.5);
    background-blend-mode: lighten; */
}
#TherapistDeatail_contain{
    display: grid;
    width: 95%;
    margin: 0 auto;
    height: 82vw;
    grid-template-columns: 0.5fr auto 1fr;
    grid-template-rows: auto;
    /* grid-template-rows: 1fr 5fr ; */
    /* border: 1px solid; */
    column-gap: 1vw;
    row-gap: 0.5vw;
    align-content:start;
}
#TherapistDeatail_1{
    width: 100%;
    height: fit-content;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    row-gap: 0.5vw;
    /* background-color: white; */
    /* padding: 0.5vw; */
    /* box-shadow: 0.3vw 0.3vw #800020; */
}
#TherapistDeatail_name_contain{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.5vw;
    background-color: white;
    box-shadow: 0.2vw 0.2vw #ae0308;
    height: fit-content;
    border: 1px solid;
    /* width: 30vw; */
}
#TherapistDeatail_name{
    font-size: 3vw;
    font-family: BIZ UDPMincho;
}
#TherapistDeatail_namea{
    font-size: 2vw;
}
#TherapistDeatail_age{
    font-size: 1.5vw;
    font-family: BIZ UDPMincho;
}
#TherapistDeatail_1>img{
    /* margin-top: 1vw; */
    object-fit: contain;
    height: fit-content;
}
.TherapistDeatail_deco{
    width: 100%;
    height: 0.35vw;
    background: transparent linear-gradient(90deg,white 0%,#ae0308 10%,white 100% ) 0% 0% no-repeat padding-box;
}
#TherapistDeatail_info{
    font-size: 1.2vw;
    display: flex;
    font-family: BIZ UDPMincho;
    justify-content: space-around;
    background-color: white;
    padding: 0.7vw;
}
#TherapistDeatail_info_2{
    font-size: 1.2vw;
    display: flex;
    font-family: BIZ UDPMincho;
    justify-content: space-around;
    background-color: white;
    padding: 0.7vw;
}
#TherapistDeatail_category{
    display: grid;
    width: 100%;
    height: fit-content;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    row-gap: 0.3vw;
    column-gap: 0.3vw;
    grid-column: 1;
    grid-row: 2;
}
.TherapistDeatail_category{
    border: 0.2vw solid white;
    border-radius: 1vw;
    height: 3vw;
    color: white;
    font-size: 1.5vw;
    /* background-color: white; */
    background: transparent linear-gradient(90deg, #b52d32 0%,#800020e0 5%, #eb595e 50%, #800020e0 95%,#b52d32 100%) 0% 0% no-repeat padding-box;
}
.TherapistDeatail_category>p{
    font-family: BIZ UDPMincho;
    text-align: center;
    align-content: center;
    height: 100%;
}
#TherapistDeatail_schedule{
    background-color: white;
    height: 12vw;
    font-size: 1.2vw;
    font-family: BIZ UDPMincho;
    display: grid;
    align-items: center;
    padding: 0.7vw;
    /* height: 100%; */
    grid-column: 1;
    grid-row: 3;
}
#TherapistDeatail_schedule_title{
    font-size: 1.5vw;
}
.TherapistDeatail_schedule_day{
    border-bottom: dashed #800020 0.1vw ;
}
#TherapistDeatail_2{
    /* width: 100%; */
    grid-column: 2;
    grid-row: 1/5;
    /* width: 100%; */
    /* height: 40vw; */
}
.splide__slide2>img{
    object-fit: cover;
    border: #ae0308 solid 0.2vw;
    /* aspect-ratio: 1/1.427; */
}
#TherapistDeatail_3{
    grid-column: 3;
    grid-row: 1/5;
    width: 39vw;
}
#TherapistDeatail_therapist_info_contain{
    /* aspect-ratio: 3/1; */
    background-color: white;
    padding: 1.5vw;
    /* position: relative; */
    height: 15vw;
    width: 100%;
}
.TherapistDeatail_3_deco{
    width: 37vw;
    height: 90%;
    background-image: url(../img/decoration/asset8_1.webp),url(../img/decoration/asset8_2.webp),url(../img/decoration/asset8_3.webp),url(../img/decoration/asset8_4.webp);
    background-size: 35%;
    background-position: top 0.5vw left 0.5vw,top 0.5vw right 0.5vw,bottom 0.5vw left 0.5vw,bottom 0.5vw right 0.5vw;
    background-repeat: no-repeat;
    /* position: absolute; */
    /* top: 1vw;
    left: 1vw; */
}
#TherapistDeatail_Q{
    font-size: 1.2vw;
    display: grid;
    height: 100%;
    align-items:center;
    width: 100%;
}
#TherapistDeatail_Q>li{
    border-bottom: dashed #800020 0.1vw ;
    /* margin-top: 0.5vw; */
    display: grid;
    grid-template-columns: 1fr 0.3fr 2fr;
    /* justify-content: center; */
    align-items: center;
}
#TherapistDeatail_comment{
    margin-top: 0.5vw;
    height: 24.5vw;
    width: 100%;
    background-color: white;
    /* background-image: url(../img/decoration/asset8_1.webp),url(../img/decoration/asset8_2.webp),url(../img/decoration/asset8_3.webp),url(../img/decoration/asset8_4.webp);
    background-size: 35%;
    background-position: top left,top right,bottom left,bottom right;
    background-repeat: no-repeat; */
    padding: 1.5vw;
    /* position: relative; */
    /* word-break: keep-all; */
    white-space: pre-line;
}
#TherapistDeatail_comment_text{
    overflow-y: scroll;
    height: 22vw;
    width: 100%;
    z-index: 2;
}
#TherapistDeatail_sns{
    display: flex;
    justify-content: space-around;
    /* column-gap: 1vw; */
    grid-column: 1;
    grid-row: 4;
    width: 100%;
}
#TherapistDeatail_sns>a{
    width: 20%;
    aspect-ratio: 1/1;
}
#TherapistDeatail_sns>a>img{
    object-fit: contain;
    width: 100%;
}
#TherapistDeatail_diary{
    margin-top: 2vw;
    grid-column: 1/4;
    grid-row: 5;
    width: 100%;
    height: 20vw;
    /* background-color: #800020; */
}
#TherapistDeatail_diary_title>P{
    /* font-size: 3vw; */
    text-align: center;
    width: 100%;
}
#TherapistDeatail_diary_list{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5 ,1fr);
    align-items: center;
    justify-content: center;
}
#TherapistDeatail_diary_contain{
    width: 16.5vw;
    height: 95%;
    background-color: rgba(184, 182, 182, 0.4);
    margin-left: 0.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0.2vw;
}
#TherapistDeatail_diary_contain>img{
    height: 15vw;
    object-fit: contain;
}
#TherapistDeatail_diary_contain>p{
    font-size: 1vw;
    font-family: BIZ UDPMincho;
}
#TherapistDeatail_diary_button{
    margin-top: 2vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    #TherapistDeatail_contain{
        display: grid;
        width: 95%;
        margin: 0 auto;
        height: auto;
        grid-template-columns:unset;
        grid-template-rows: auto;
        /* grid-template-rows: 1fr 5fr ; */
        /* border: 1px solid; */
        column-gap: 1vw;
        row-gap: 2vw;
        justify-content: center;
        align-content:start;
    }
    #TherapistDeatail_1{
        width: 100%;
        height: fit-content;
        grid-column: 1;
        grid-row: 1;
        display: grid;
        flex-direction: column;
        column-gap: 0.7vw;
        row-gap: 0.7vw;
        grid-template-columns: repeat(10,1fr);
        /* background-color: white; */
        /* padding: 0.5vw; */
        /* box-shadow: 0.3vw 0.3vw #800020; */
    }
    #TherapistDeatail_2{
        /* width: 9vw; */
        grid-column: 1;
        grid-row: 2;
        /* height: fit-content; */
        margin: 0 auto;
    }
    #TherapistDeatail_sns{
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        width: 70%;
        grid-column: 1;
        grid-row: 2;
        height: 100%;
        margin: 0 auto ;
        z-index: 2;
    }
    #TherapistDeatail_sns>img{
        object-fit: contain;
        width: 20%;
        padding: 2vw;
    }
    #TherapistDeatail_category{
        display: grid;
        width: 95%;
        height: fit-content;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: unset;
        row-gap: 0.6vw;
        column-gap: 0.6vw;
        grid-column: 1;
        grid-row: 3;
        margin: 0 auto;
    }
    .TherapistDeatail_category{
        /* border: 0.2vw solid #ae0308; */
        border-radius: 2vw;
        height: 6vw;
        font-size: 3.5vw;
        background: transparent linear-gradient(90deg, #b52d31 0%,#800020 5%, #eb595e 50%, #800020 95%,#b52d31 100%) 0% 0% no-repeat padding-box;
        color: white;
        /* font-weight: bold; */
    }
    #TherapistDeatail_schedule{
        background-color: white;
        height: 30vw;
        font-size: 3vw;
        font-family: BIZ UDPMincho;
        display: grid;
        align-items: center;
        padding: 2vw;
        /* height: 100%; */
        grid-column: 1;
        grid-row: 4;
        padding: 3vw 5vw;
        /* width: 50%; */
    }
    #TherapistDeatail_schedule_title{
        font-size: 3.5vw;
    }
    #TherapistDeatail_3{
        grid-column: 1;
        grid-row: 5;
        width: 100%;
    }
    #TherapistDeatail_diary{
        grid-column: 1;
        grid-row: 6;
        width: 100%;
        height: fit-content;
        /* background-color: #800020; */
    }
    #TherapistDeatail_name_contain{
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0.5vw;
        box-shadow: unset;
        grid-column: 1/7;
        grid-row: 1;
        column-gap: 1vw;
        width: 100%;
        height: fit-content;
        background: transparent linear-gradient(90deg, #b52d31 0%,#800020 5%, #eb595e 50%, #800020 95%,#b52d31 100%) 0% 0% no-repeat padding-box;
        color: white;
        border-radius: 3vw;
    }
    #TherapistDeatail_name{
        font-size: 4vw;
        font-family: BIZ UDPMincho;
    }
    #TherapistDeatail_namea{
        font-size: 3.8vw;
    }
    #TherapistDeatail_age{
        font-size: 2.8vw;
        font-family: BIZ UDPMincho;
    }
    #TherapistDeatail_rank{
        grid-column: 7/11;
        grid-row: 1;
        width: 100%;
        aspect-ratio: 526/82;
        align-self: center;
        object-fit: contain;
    }
    #TherapistDeatail_info{
        font-size: 2.6vw;
        display: flex;
        font-family: BIZ UDPMincho;
        justify-content: space-around;
        background-color: white;
        padding: 1vw;
        grid-column: 1/6;
        grid-row: 3;
        border-radius: 3vw;
    }
    #TherapistDeatail_info_2{
        font-size: 2.6vw;
        display: flex;
        font-family: BIZ UDPMincho;
        justify-content: space-around;
        background-color: white;
        padding: 1vw;
        grid-column: 6/11;
        grid-row: 3;
        border-radius: 3vw;
    }
    #TherapistDeatail_therapist_info_contain{
        height: 30vw;
    }
    .TherapistDeatail_3_deco{
        background-position: top 1.5vw left 1.5vw,top 1.5vw right 1.5vw,bottom 1.5vw left 1.5vw,bottom 1.5vw right 1.5vw;
    }
    #TherapistDeatail_Q{
        font-size: 3vw;
        display: grid;
        height: 100%;
        align-items: center;
        padding: 2vw 5vw;
    }
    #TherapistDeatail_comment{
        margin-top: 2vw;
        height: fit-content;
        min-height: 30vw;
        width: 100%;
        background-color: white;
        padding: 0 5vw;
        font-size: 3vw;
        /* border:1px solid; */
    }
    #TherapistDeatail_comment_text{
        overflow: unset;
        height: 100%;
        width: 100%;
        z-index: 2;
        /* border: 1px solid; */
    }
    #TherapistDeatail_diary_list{
        width: 100%;
        height: fit-content;
        display: grid;
        row-gap: 1vw;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3,1fr);
        align-items: center;
        justify-content: center;
    }
    #TherapistDeatail_diary_contain{
        width: 90%;
        height: fit-content;
        background-color: rgba(184, 182, 182, 0.4);
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 2vw;
    }
    #TherapistDeatail_diary_contain>img{
        width: 100%;
        height: unset;
        aspect-ratio: 1/1.3;
        object-fit: contain;
    }
    #TherapistDeatail_diary_contain>p{
        font-size: 3vw;
        font-family: BIZ UDPMincho;
    }
    .TherapistDeatail_deco{
        /* display: none; */
        width: 100%;
        height: 0.5vw;
        background: transparent linear-gradient(90deg,white 0%,#ae0308 10%,white 100% ) 0% 0% no-repeat padding-box;
    }
    #TherapistDeatail_deco1{
        /* display: none; */
        grid-column: 1/11;
        grid-row: 2;
    }
    #TherapistDeatail_deco2{
        display: none;
    }
}