@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    
        color: #333;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* 文字丸く
    ====================================================*/

.maru {
    font-family: "Noto Sans Japanese";
}


/* 文字orange
    ====================================================*/

.font_orange {
    color: #f48f3a;
}


/* clearfix
    ====================================================*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}


/* header
    ====================================================*/

header {
    padding: 30px 0px 0px 0px;
}

.header_wrap {}

.header_h1 {
    float: left;
    width: 45%;
}

.header_h1 img {
    width: 100%;
}
.header_tel-con{
    margin-top: 30px;
    float: left;
    width: 55%;
}
.header_tel {
    width: 43%;
    float: left;

    margin-left: 5%;
}

.header_tel img {
    width: 100%;
    float: left;
}

.header_contact {
    float: left;
    width: 43%;

    margin-left: 5%;
}

@media screen and (max-width:768px) {
    header {

        padding: 30px 15px 10px 15px;
    }
    .header_h1 {
        float: left;
        width: 40%;
    }
    .header_tel-con {
        width: 60%;
        float: none;
        margin-top: 10px;
    }
    .header_tel {
        width: 45%;
        margin-left: 5%;
    }
    .header_contact {
        width: 45%;
        margin-left: 5%;
    }
}

@media screen and (max-width:600px) {
    header {
        padding: 30px 20px 30px 20px;
    }
    .header_h1 {
        width: 100%;
        margin: 0 auto;
    }
    .header_h1 img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .header_tel-con{
        margin-top: 20px;
        width: 100%;
        padding: 0 10px 0 10px;
    }
    .header_tel {
        margin: 0;
        width: 46%;
    }

    .header_contact {
        margin: 0;
        width: 46%;
        margin-left: 8%;
    }
}


/* main
    ====================================================*/

main {
    list-style: none;
}


/* wrap
    ====================================================*/

.wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}


/* top
    ====================================================*/

.top .top_head {
    background-image: url(../img/top_head_img.png);
    background-repeat: repeat;
    font-size: 23px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;

}
.top .top_head h2{
        font-weight: 600;
}
.top_main {
    width: 100%;
}
@media screen and (max-width:768px) {
    
.top .top_head{
        font-size: 16px;
        padding: 20px;
    }
}


/* doctor
    ====================================================*/

.doctor {
    margin-top: 30px;
    margin-bottom: 40px;　
    min-height: 450px
}



.doctor_hattori{
    font-size: 22px;
}
.doctor_profile {
    margin: 0 auto;
    width: 80%;
    font-size: 15px;
    border: solid 1px #f48f3a;
    border-radius: 20px;
    padding: 20px;
}

.doctor_profile li {
    list-style: none
}

.doctor_profile .doctor_profile_text {
    margin-bottom: 20px;
}
@media screen and (max-width:960px) {
    .doctor_profile{width: 90%;
        
    }
}
@media screen and (max-width:768px) {

    .doctor_hattori{
    font-size: 18px;
}
    .doctor_profile{
        width: 90%;
        float: none;
        display: block;
        margin: 0 auto;
        font-size: 13px;
    }
    
}
/* contact
    ====================================================*/

.contact {
    background-color: #fffaf0;
    text-align: center;
    margin-bottom: 45px;
}

.contact p.contact_head {
    font-size: 24px;
    padding: 20px 0 20px 0;
}

.contact .contact_box img {
    width: 30%;
    margin: 1%;
}
.contact .contact_logo{
    float: left;
}
@media screen and (max-width:768px) {
    .contact p.contact_head{
        padding: 20px 20px 10px 20px;
        font-size: 22px;
        
    }
    .contact a .contact_logo{
        float: none;
        width:60%;
        margin-bottom: 10px    
    }
    .contact .contact_box .contact_tel-con{
        width: 100%;
    }
    .contact .contact_box .contact_tel-con img{
        width: 60%;
        margin-bottom: 20px;

    }
}


/* h3
     ====================================================*/

.h3_bgc h3 {
    text-align: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#e6dae3), to(#fbf6eb));
    background-image: linear-gradient(to right, #e6dae3 0%, #fbf6eb 100%);
    font-size: 40px;
    padding: 20px 0 20px 0;
    font-family: "Noto Sans Japanese";
    font-weight: 400;
}

@media screen and (max-width:768px) {
    
    .h3_bgc h3 {
        font-size: 22px;
    }
}

/* onayami
    ====================================================*/

.onayami .onayami_bgimg {
    background: url(../img/onayami_bgimg.png) center center / cover no-repeat scroll;
}

.onayami .onayami_img {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 20px 0;
}
.onayami_bgimg .wrap{
    padding-top: 40px;
    padding-bottom: 40px;
}
@media screen and (max-width:768px) {
    .onayami .onayami_img{
        width: 100%;
        padding: 10px 20px;
    }
}

/* parkinson
    ====================================================*/

.parkinson .parkinson_maintext {
    font-size: 20px;
    max-width: 80%;
    margin: 40px auto;
    line-height: 2.4;
}

.parkinson h4.parkinson_head {
    font-size: 34px;
    font-weight: 500;
    border-left: solid 10px #f48f3a;
    padding-left: 10px;
    margin-left: 20px;
    line-height: 1.3;
    vertical-align: middle;
    margin-bottom: 40px;
}

.parkinson .parkinson_box {
    max-width: 80%;
    display: block;
    margin: 0 auto 50px;
}

.parkinson .parkinson_box_text {
    width: 48%;
    display: block;
    float: left;

}

.parkinson .parkinson_box_h5 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}

.parkinson .parkinson_box_p {
    font-size: 18px;
    line-height: 2;
}

.parkinson .parkinson_box_img {
    width: 48%;
        margin-right: 3%;

    display: block;
    float: left;
}

@media screen and (max-width:768px) {
    
    .parkinson .parkinson_maintext{
        width: 100%;
        font-size: 16px;
            margin: 30px auto;
    }
    
    .parkinson h4.parkinson_head{
        font-size: 24px;
    }
    .parkinson .parkinson_box{
        margin-bottom: 60px;
    }
    .parkinson .parkinson_box_text{
        float: none;
        width: 100%;
    }
    
    .parkinson .parkinson_box_h5{
        text-align: center;
        margin-bottom: 10px;
    }
    .parkinson .parkinson_box_p {
        margin-bottom: 10px;
    }
    
    .parkinson .parkinson_box_img {
        width: 100%;
    }
}

/* flow
    ====================================================*/

.flow .flow_img {
    margin: 0 auto;
    margin-top: 40px;
    width: 40%;
    margin-bottom: 40px;
    text-align: center;
}
.flow .flow_img img{
    margin-bottom: 20px;
}
.flow .flow_text {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
        margin-bottom: 30px;
}


@media screen and (max-width:768px) {
    
    .flow .flow_text{
        font-size: 20px;
        
    }
    .flow .flow_img {
        width: 70%;
        margin-bottom: 20px;
    }
    .flow .flow_img img{
        margin-bottom: 10px;
    }
}



/* footer
    ====================================================*/

.mb0{
    margin-bottom: 0;
}

.footer_box{
    padding: 40px 20px 40px ;
        background-image: url(../img/top_head_img.png);
    background-repeat: repeat;
    text-align: center;
}
footer .footer_box_head{
    font-size: 20px;
    margin-bottom: 20px;
}
.footer_box_address, .footer_box_tel{
    font-size: 18px;
    margin-bottom: 5px;
}
footer .footer_br{
    display: none;
}

footer .mb30{
    margin-bottom: 30px;
}
footer .footer_box_copy{
    font-size: 14px;
}
@media screen and (max-width:768px) {
    footer .footer_br{
    display: block;
}
 
    .footer_box_address, .footer_box_tel{
    font-size: 13px;
    margin-bottom: 5px;
}
    

}