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

/* ///////////////////////////////////////////////////////////////////
ヘッダー
/////////////////////////////////////////////////////////////////// */
.index-header .top nav ul{
    text-align: right;
}
.index-header .top nav li{
    padding: 0 8px;
    font-size: 1.1vw;
    border-right: solid 1px #aaa;
}
.index-header .top nav li:last-child{
    border: none;
}
.index-header .right{
    margin: -10px 1% 0 0;
}

/* ///////////////////////////////////////////////////////////////////
スマイルクリエイト
/////////////////////////////////////////////////////////////////// */
#smile{
    position: relative;
    padding: 3% 0;
    margin: 3% auto;
    background-image: url(../images/top-smile.jpg);
    background-position: right;
    background-size: 70%;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1280px;
}
#smile .smile{
    width: 90%;
    padding: 0 3%;
}

#smile .title{
    width: 100%;
}


#smile p{
    font-size:1.1em;
    line-height: 2;
    width: 60%;
    margin: 0 0 3% 0 
}
#smile .smile .br{
    display: none;
}


/* ///////////////////////////////////////////////////////////////////
6つの理由　
/////////////////////////////////////////////////////////////////// */

#reason .title{
    margin: 1% 0 6%;
}

#reason .tooth{
    top: 4%;
    right: 10%;
}
#reason .horse{
    width: 25%;
}

#reason .box{
    width: 45%;
    box-shadow: 0px 0px 0px 10px #fff;
}
#reason .box::after{
    content: "";
    width: 30%;
}
#reason .box .num{
    position: absolute;
    width: 18%;
    top: -7%;
}
#reason .box h2{
    font-size: 3vw;
    margin: 8% 0 3%;
}
#reason .box .content-img{
    width: 90%;
}
#reason .box h3{
    font-size: 2vw;
    width: 90%;
}
#reason .box h3 .br{
    display: none;
}
#reason .box h3.long{
    font-size: 2vw;
}
#reason .box p{
    font-size: 1.8vw;
    width: 90%;
    line-height: 1.6;
}

#reason .left{
    margin: 0 2% 0 0;
}
#reason .right{
    margin: 9% 0 0 2%;
}


#reason .more{
    width: 106%;
    margin: 0 auto -10% -12px;
    font-size: 1.7vw;
}
#reason .more img.more-img{
    display: none;
}
#reason .more img.click{
    width: 20%;
    right: -5%;
    bottom: -40%;
}

/* ///////////////////////////////////////////////////////////////////
診療案内
/////////////////////////////////////////////////////////////////// */
.medical-f .left{
    width: 35%;
}
.medical-f .right{
    width: 65%;
}
.medical-f .left .wrap{
    width: 95%;
}
.medical-f .left p{
    font-size: 1.5vw;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.medical-f .right{
    vertical-align: bottom;
}
.medical-f .right p{
    font-size: 1.5vw;
}
}