@charset "UTF-8";
@media screen and (max-width: 1440px){
    header .center{
        width: 85.5%;
    }

    header .right{
        bottom: 0;
        left: calc(50% - 49.5vw);
        position: fixed;
        width: 100%;
        padding: 2rem 10%;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
        /*min-width:90rem;*/
        /*margin:auto calc(50% - 50vw);*/
        /*background:#fff;
        padding:0 25%;*/
    }
    header .right:hover{}
    header .right .reserve{
        border-radius: 1.6rem;
        width: 50%;
        opacity: 0.9;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
        /*min-width: 30rem;*/
    }
    header .right .reserve:hover{
        opacity: 1;
    }
    header .right .reserve .tel{
        border-radius: 1.6rem;
        width: 90%;
    }
    header .right .reserve .tel a{
        font-size: 2.5rem;
    }
    header .right .header_contact{
        border-radius: 1.6rem;
        width: 50%;
        opacity: 0.9;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
        /*min-width: 30rem;*/
    }
    header .right .header_contact:hover{
        opacity: 1;
    }
    header .right .header_contact .tel a{
        font-size: 2.5rem;
    }


}

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

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

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

    html{
        scroll-padding-top: 7rem;
        }


    /*header*/
    header{
        height: auto;
        background: none;
        margin: 0;
        height: 7rem;
    }
    header .left{
        width: 50%;
        padding: 1rem;
    }
    header .center{
        width:70%;
        position: absolute;
        right: 0;
    }
    header .center .read{
        display: none;
    }
    header .center nav{
        height: auto;
    }
    header .center nav .ul{
        display: block;
    }
    header .center nav .ul .li{
        padding: 1rem;
    }
    header .center nav .ul .li:nth-of-type(8){
        display: block;
    }
    header .center nav .ul .li:nth-of-type(9){
        display: block;
    }
    header .center nav > .ul > .li > p a{
        color: #414141 !important;
        border: none !important;
        background-size: 2rem !important;
        background-position: 2rem center !important;
        justify-content: flex-start;
        padding: 1rem 0 1rem 6rem;
    }
    header .center nav .ul .li .ul{
        padding: 0;
        border-radius: 0;
    }
    header .center nav .ul .li:hover .ul{
        position: relative;
    }
    header .center nav .ul .li:hover .ul .li{
        height: auto;
        padding: 0.5em;
    }
    header .center nav .ul .li:hover .ul .li a{
        color: #666666 !important;
        padding: 0 0 0 4rem;
    }
    header .right{
        display: none;
    }



    /*main*/
    .bottom{
        width: 100%;
        display: block;
        background: #ebf7fa;
        padding: 5% 4%;
        text-align: center;
    }
  .bottom .info p{
  font-size:1.5rem;
  }

    /*footer*/
    footer{
        width: 100%;
        border-radius: 0;
        padding: 0;
    }
    footer .inner{
        display: none;
    }
    footer nav .inner{
        width: 100%;
        min-width: initial;
        max-width: initial;
    }



    /*-----以下ハンバーガーメニュー-----*/

    nav.globalMenuSp{
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        /*background:rgba(0,0,0,0.8);*/
        color: #000;
        transform: translateY(-100%);
        transition: all 0.6s;
        width: 100%;
    }

    nav.globalMenuSp .ul{
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: block;
    }

    nav.globalMenuSp > .ul > .li{
        font-size: 1.8rem;
        list-style-type: none;
        padding: 0;
        width: 100%;
        margin-bottom: initial;
        background: rgba(255, 255, 255, 0.9);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    /* 最後はラインを描かない */
    nav.globalMenuSp > .ul > .li:last-child{
        /*padding-bottom: 0;*/
        border-bottom: 2em solid #1ab150;
        border-radius: 0 0 1em 1em;
    }

    nav.globalMenuSp .ul .li a{
        display: block;
        color: rgba(0, 0, 0, 0.9);
        padding: 1em 0;
        font-size: 1.8rem;
    }
    header .center nav .ul .li:hover .ul{
        background: initial;
    }
    nav.globalMenuSp .ul .li a:hover{
        background: #000;
    }

    /* このクラスを、jQueryで付与・削除する */
    nav.globalMenuSp.active{
        transform: translateY(0%);
    }


    .navToggle{
        display: block;
        position: fixed;
        /* bodyに対しての絶対位置指定 */
        right: 1rem;
        top: 1rem;
        width: 6rem;
        height: 6rem;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        cursor: pointer;
        z-index: 30;
        box-shadow:0px 0px 16px rgba(8, 24, 49, 0.05);
    }

    .navToggle span{
        display: block;
        position: absolute;
        /* .navToggleに対して */
        width: 3rem;
        border-bottom: solid 0.2rem #28c25f;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
        left: 1.5rem;
    }

    .navToggle span:nth-child(1){
        top: 1rem;
    }

    .navToggle span:nth-child(2){
        top: 2rem;
    }

    .navToggle span:nth-child(3){
        top: 3rem;
    }

    .navToggle span:nth-child(4){
        border: none;
        color: #28c25f;
        font-size: 1.2rem;
        font-weight: bold;
        top: 3.4rem;
    }


    /* 最初のspanをマイナス45度に */
    .navToggle.active span:nth-child(1){
        top: 2rem;
        left: 1.5rem;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* 2番目と3番目のspanを45度に */
    .navToggle.active span:nth-child(2),
    .navToggle.active span:nth-child(3){
        top: 2rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
  .p1672023969716{
  line-height:1.6em;}
  .p1672023969802 br:first-child,.p1672023970012 br:first-child,.p1672021676309 br:first-child,.internalinfo_cnt1 .inner .read br:nth-child(2)
  ,.p1671699565102 br:nth-child(3),.p1671699565102 br:nth-child(5),.p1671699565102 br:nth-child(10),.p1671699565102 br:nth-child(14),.p1671699565102 br:nth-child(16),.p1671699565102 br:nth-child(17)
  ,.p1671789829075 br:nth-child(2),.p1671789829075 br:nth-child(2),.p1671789829075 br:nth-child(5),.p1671789829075 br:nth-child(7)
  ,.outpatient_cnt2 .inner .msg br:nth-child(2){
  display:none;}
  .concept_cnt2 .dl .pic p{
  margin-bottom:1rem;}
  .p1672021676336,.p1672021676358{
  padding-top:15px;}
  .p1672022133310{
  line-height:1.8;}
}

@media (min-width: 1025px) {
   .internal_cnt2 .inner .msg br{display:none;}
  .p1671776280524 br:nth-child(2),.p1672023969722 br:first-child,.p1672023969974 br,.p1671699223577 br,.p1671699223643 br
    ,.pediatrics_cnt2 .inner .msg br:first-child,.pediatrics_cnt2 .inner .msg br:nth-child(3),.vaccination_cnt2 .inner .msg br:first-child,.vaccination_cnt2 .inner .msg br:nth-child(2)
  ,.p1672023969760 br,.p1672023969771 br,.outpatient_cnt2 .inner .msg br:first-child,.outpatient_cnt2 .inner .msg br:nth-child(3)
  ,.p1671701276074 br:first-child,.p1671701276074 br:nth-child(3){display:none;}
  
}
