/*共通パーツ------------------------*/
.section_ttl{
    width:100%;
    text-align: center;
}
.section_ttl .en_ttl{
    font-family: "Cinzel", serif;
    font-weight: bold;
    color:#958370;
}
.section_ttl h3{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top:5px;
}
/*--------------------------------*/





/*コンセプト*/
#concept{
    margin:5rem 0;
}

#concept .container{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#concept .container .about_img{
    width:560px;
    height:330px;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 20px 0 rgba(96, 85, 75,.3);
}
#concept .container .about_img img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 10px;
}
#concept .container .about_img::after{
    content:"";
    display: block;
    width:100%;
    height:100%;
    background: linear-gradient(-45deg,rgba(98, 86, 76,.7),rgba(149, 131, 112,.08));
    position: absolute;
    top:0;
    left:0;
    border-radius: 10px;
}

#concept .container .concept_info{
    width:530px;
}
#concept .container .concept_info .section_ttl{
    text-align: left;
}
#concept .container .concept_info .section_ttl .en_ttl{
    font-size: 1.563rem;
}
#concept .container .concept_info .concept_copy{
    font-size: 1.563rem;
    margin:1.25rem 0;
}





/*当院の特徴*/
#point{
    width:100vw;
    background-color: #FCF7F3;
    padding:3.75rem 0 5rem 0;
}
.point_container{
    width:900px;
    margin:2rem auto 0 auto;
}
.point_container .point_content{
    width:100%;
    border-bottom: solid 1px #E6E1DC;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding:3.125rem 0;
}
.point_container .point_content:first-of-type{
    padding-top:0;
}
.point_container .point_content .point_icon{
    width:200px;
    height:200px;
    background-color: white;
    border-radius: 9000px;
    box-shadow: 0 0 30px rgba(149, 131, 112,.15);
    display: flex;
    justify-content: center;
    align-items: center;
}
.point_container .point_content .point_icon img{
    width:90px;
    height:auto;
}

.point_container .point_content .point_info{
    width:calc((100% - 200px) - 7.5% );
}
.point_container .point_content .point_info h4{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.25rem;
}
.point_container .point_content .point_info h4 span{
    color:#958370;
    margin-right:1rem;
}
.point_container .point_content .point_info p{
    width:100%;
    margin-top:1.5rem;
}



/*プロフィール*/
#profile{
    margin:3.75rem 0 5rem 0;
}

#profile .profile_container{
    margin-top:2.5rem;
    display: flex;
    justify-content: space-between;
}
#profile .profile_container .profile_img{
    width:394px;
    height:430px;
    border-radius:10px;
    box-shadow: 0 0 30px rgba(149, 131, 112,.3);
    overflow: hidden;
}
#profile .profile_container .profile_img img{
    width:160%;
    height:100%;
    object-fit: cover;
    object-position: 0vw -3.5vw;
}
#profile .profile_container .profile_info{
    width:calc((100% - 394px) - 7%);
}
#profile .profile_container .profile_info h4{
    font-size: 1.5rem;
    color:#958370;
}
#profile .profile_container .profile_info .qualification{
    width:100%;
    background-color: #FCF7F3;
    border-radius: 10px;
    padding:1.875rem 0;
    margin:1.5rem 0;
}
#profile .profile_container .profile_info .qualification .qualification_area{
    width:calc(100% - 5rem);
    margin:0 auto;
}
#profile .profile_container .profile_info .qualification .qualification_area span{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: bold;
}
#profile .profile_container .profile_info .qualification .qualification_area p{
    margin-top:1.25rem;
}
#profile .profile_container .profile_info .message{
    width:100%;
    line-height:1.875rem;
}














/*--------------------レスポンシブ----------------------*/

@media(max-width:1440px){
    /*コンセプト*/
    #concept .container .about_img{
        width: calc((100% - 47%) - 5%);
        height: 22.92vw;
    }
    #concept .container .concept_info{
        width: 47%;
    }


}


@media(max-width:1024px){
    /*当院の特徴*/
    .point_container{
        width:100%;
    }
    .point_container .point_content .point_icon{
        width: 150px;
        height: 150px;
    }
    .point_container .point_content .point_icon img{
        width:70px;
    }
    .point_container .point_content .point_info{
        width: calc((100% - 150px) - 7.5%);
    }


    /*プロフィール*/
    #profile .profile_container .profile_img{
        width:300px;
        height: 380px;
    }
    #profile .profile_container .profile_info {
        width: calc((100% - 300px) - 7%);
    }
}



@media(max-width:768px){
    /*コンセプト*/
    #concept{
        margin:2.5rem 0;
    }
    #concept .container{
        flex-flow: column;
    }
    #concept .container .about_img{
        width: 100%;
        height: 58.1vw;
    }
    #concept .container .concept_info{
        width: 100%;
        margin-top: 2.5rem;
    }



    /*当院の特徴*/
    .point_container .point_content{
        flex-flow: column;
        padding:2.5rem 0;
    }
    .point_container .point_content .point_icon{
        margin: 0 auto;
    }
    .point_container .point_content .point_info{
        width:100%;
    }
    .point_container .point_content .point_info h4{
        text-align: center;
        margin:1rem 0;
    }
    .point_container .point_content .point_info p{
        margin-top:0;
    }


    /*プロフィール*/
    #profile {
        margin:2.5rem 0;
    }
    #profile .profile_container{
        flex-flow: column;
    }
    #profile .profile_container .profile_img{
        margin:0 auto;
    }
    #profile .profile_container .profile_info{
        width:90%;
        margin:2rem auto 0 auto;
    }
    #profile .profile_container .profile_info h4{
        font-size: 1.25rem;
        text-align: center;
    }
}


@media(max-width:425px){
    /*当院の特徴*/
    #point{
        padding:2.5rem 0;
    }
    .point_container .point_content{
        padding:1.25rem 0;
    }
    .point_container .point_content .point_icon{
        width:100px;
        height:100px;
    }
    .point_container .point_content .point_icon img{
        width:50px;
    }


    /*プロフィール*/
    #profile .profile_container .profile_info{
        width:100%;
    }
    #profile .profile_container .profile_info h4{
        font-size: 1rem;
    }
    #profile .profile_container .profile_info .qualification{
        padding:1.25rem 0;
    }
    #profile .profile_container .profile_info .qualification .qualification_area{
        width:90%;
    }
     #profile .profile_container .profile_info p{
        line-height:35px;
     }
}


@media(max-width:320px){
    /*プロフィール*/
    #profile .profile_container .profile_img{
        width: 100%;
        height: 115vw;
    }
}