@charset "UTF-8";

@media screen and (max-width: 1024px) {
    .contents {
        width: 93.3%;
    }

    #news {
        padding: 25px 50px 37px 50px;
    }
    #news .innerNews {
        padding: 30px;
    }
    #news .innerNews dl dt {
       	width: 170px;
    }
    #news .innerNews dl dd {
        width: 700px;
        padding-left: 170px;
    }
    #clinicInfo .clBox .txtBox p {
        height: 6em;
    }
    #reservation dl dt {
        width: 240px;
    }





}

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

    .contents {
        width: 100%;
        padding: 9vw 0 0 0;
    }

    /*******************************
    #leadBox
    *******************************/
    #leadBox {
        width: 86.7%;
        margin: 0 auto 20px auto;
        display: block;
    }
    #leadBox .imgBox {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    #leadBox .txtBox dl dt {
        font-size: 93.3%;
        margin-bottom: 15px;
    }
    #leadBox .txtBox dl dd {
        font-size: 80%;
    }
    #leadBox .txtBox dl dd .note01 {
        font-size: 100%;
    }


    /*******************************
    #news
    *******************************/
    #news {
        padding: 15px 0;
    }
    #news h2 {
        font-size: 100%;
        margin-bottom: 12px;
    }
    #news .innerNews {
        padding: 20px 15px;
    }
    #news .innerNews dl dt {
        display: none;
    }
    #news .innerNews dl dd {
        width: auto;
        padding-left: 0;
        text-align: center;
        font-size: 80%;
    }
    #news .innerNews p {
      font-size: 80%;
    }
    #news .innerNews p.pdf a {
      padding-left: 35px;
    }
    #news .innerNews p.pdf a::before {
      width: 25px;
      height: 30px;
      margin-top: -15px;
    }


    /*******************************
    #clinicInfo
    *******************************/
    #clinicInfo {
        width: 86.7%;
    }
    #clinicInfo .clBox {
        margin-bottom: 25px;
    }
    #clinicInfo .clBox h2 {
        font-size: 100%;
        padding: 8px 0;
        text-align: center;
        margin-bottom: 15px;
    }
    #clinicInfo .clBox .imgBox {
        position: relative;
        top: auto;
        right: auto;
        width: 58.5%;
        margin: 0 auto;
    }
    #clinicInfo .clBox .txtBox {
        width: 89.2%;
        padding: 0;
        margin: 15px auto 20px auto;
    }
    #clinicInfo .clBox .txtBox p {
        height: auto;
        margin-bottom: 15px;
        font-size: 80%;
    }
    #clinicInfo .clBox .txtBox dl dt {
        font-size: 80%;
        padding: 7px;
    }
    #clinicInfo .clBox .txtBox dl dd {
        padding: 10px 0 0 0;
        font-size: 80%;
    }
    #clinicInfo .flyer {
        display: block;
        text-align: center;
    }
    #clinicInfo .flyer .imgBox {
        width: 43.4%;
        margin-left: 0;
        margin: 0 auto 25px auto;
    }
    #clinicInfo .flyer a {
        font-size: 80%;
        padding-left: 35px;
    }
    #clinicInfo .flyer a::before {
        width: 25px;
        height: 30px;
        margin-top: -15px;
    }

    /*******************************
    #reservation
    *******************************/
    #reservation {
        width: 86.7%;
        margin: 0 auto 40px auto;
    }
    #reservation h2 {
        font-size: 126.6%;
        margin-bottom: 15px;
    }
    #reservation h2 span {
        border-left: 3px solid #beaf73;
    }
    #reservation p:first-of-type {
        font-size: 80%;
        margin-bottom: 15px;
    }
    #reservation dl {
        margin-bottom: 15px;
    }
    #reservation dl dt {
        width: auto;
        padding: 8px 7px;
        margin-right: 15px;
        font-size: 80%;
    }
    #reservation dl dd {
        font-size: 120%;
    }
    #reservation p:last-of-type {
        font-size: 80%;
    }



    /*******************************
    #fee
    *******************************/
    #fee {
        width: 86.7%;
        margin: 0 auto 40px auto;
    }
    #fee h2 {
        font-size: 126.6%;
        margin-bottom: 15px;
    }
    #fee h2 span {
        border-left: 3px solid #beaf73;
    }
    #fee p {
        font-size: 120%;
    }

    /*******************************
    #access
    *******************************/
    #access {
        width: 86.7%;
        margin: 0 auto 40px auto;
    }
    #access h2 {
        font-size: 126.6%;
        margin-bottom: 15px;
    }
    #access h2 span {
        border-left: 3px solid #beaf73;
    }
    #access .wrap {
        display: block;
    }
    #access .wrap .txtBox p {
        font-size: 80%;
        margin-bottom: 25px;
    }
    #access .wrap .imgBox {
        width: 84.6%;
        margin: 0 auto 20px auto;
    }
    #access .wrap .linkBtn a {
        width: 84.6%;
        height: 49px;
        line-height: 49px;
        font-size: 100%;
        margin: 0 auto;
        -webkit-box-shadow: 2px 2px 0 #000000;
        box-shadow: 2px 2px 0 #000000;
    }

}