html, body {
    height: 100%;
    margin: 0px !important;
    padding:0px !important
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background:transparent
}

ul {
    list-style:none
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box
}

.pc-only3 {
    display:block !important
}

.sp-only3 {
    display:none !important
}

.pc-only2 {
    display:block !important
}

.sp-only2 {
    display:none !important
}

.pc-only {
    display:block !important
}

.sp-only {
    display:none !important
}

@media screen and (max-width: 1023.9px) {
    .pc-only3 {
        display:none !important
    }

    .sp-only3 {
        display:block !important
    }
}

@media screen and (max-width: 767.9px) {
    .pc-only {
        display:none !important
    }

    .sp-only {
        display:block !important
    }
}

@media screen and (max-width: 567.9px) {
    .pc-only2 {
        display:none !important
    }

    .sp-only2 {
        display:block !important
    }
}

.clearFix:after, #header:after, #gMenu:after, .bkLine1:after, .bkLine2:after, .columnType1:after, ul.pointList1:after {
    display: block;
    clear: both;
    content: ""
}

a:link {
    color: #6B4C32;
    text-decoration:none
}

a:visited {
    color: #6B4C32;
    text-decoration:none
}

a:hover {
    color: #D96D00;
    text-decoration:none
}

a:hover img {
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity:0.9
}

a.linkBorder:link {
    color: #D96D00;
    text-decoration:underline
}

a.linkBorder:visited {
    color: #D96D00;
    text-decoration:underline
}

a.linkBorder:hover {
    color: #D96D00;
    text-decoration:none
}

.colorPink1 {
    color:#FF7373 !important
}

.colorImp {
    color:#FF7373 !important
}

html {
    font-size:0.625em
}

i.fa {
    margin-right: 5px
}

html, .pure-g [class*="pure-u"], p {
    font-family: 'Noto Sans JP', "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 400;
}

.fontType1, body.startguide #content .flowBox h2 {
    font-family: "M PLUS Rounded 1c", sans-serif;/* M PLUS ラウンド  */
    font-weight: 400;
    font-style: normal;
}

.fontEn {
    font-family: 'Overpass', sans-serif
}




/*  body
 * -------------------------------------------- */

body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    color:#71441f;
}

/*  ボタン
 * -------------------------------------------- */

.btnSym1 {
    text-align: center;
    display:table
}

.btnSym1 a {
    background: rgba(255, 140, 140, 0.857);
    color: #FFF;
    width: 220px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position:relative
}

.btnSym1 a:link {
    color:#FFF
}

.btnSym1 a:hover {
    background:rgba(212, 152, 102, 0.8)
}

.btnSym1 a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}


.btnSym2 {
    text-align: center;
    display:table
}

.btnSym2 a {
    background: rgba(119, 213, 60, 0.976);
    color: #FFF;
    width: 220px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position:relative
}

.btnSym2 a:link {
    color:#FFF
}

.btnSym2 a:hover {
    background:rgba(212, 152, 102, 0.8)
}

.btnSym2 a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

.btnSym3 {
    text-align: center;
    display:table
}

.btnSym3 a {
    background: rgba(255, 140, 140, 0.857);
    color: #FFF;
    width: 180px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position:relative
}

.btnSym3 a:link {
    color:#FFF
}

.btnSym3 a:hover {
    background:rgba(212, 152, 102, 0.8)
}

.btnSym3 a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

/*  タイトル
 * -------------------------------------------- */


#titBox {
    text-align: center;
    color: #FFF;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.4;
    border-bottom: 1px solid #F2EEEA;
    background-color: #F2EEEA;
    margin-top: 90px;
    position: relative;
    background: #FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat;
    letter-spacing:0.05em
}

#titBox::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHUlEQVQYV2P8//9/GiMj4ywGKGCEMTAEYCoxVAAAYBUIBeNgGosAAAAASUVORK5CYII=) repeat;
    /* ロマンチックなピンク（透明度50%）。下の画像が透けて見えます */
    background: rgba(255, 182, 193, 0.65); 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' '
}


#titBox .titBoxInner {
    position: relative;
    width: 100%;
    max-width: 1120px;
    padding: 70px 15px 75px 15px;
    margin: 0px auto;
    z-index:999
}
#titBox .titBoxInner h2,
#titBox .titBoxInner span {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); /* 薄い影で白を浮かび上がらせる */
}

@media screen and (max-width: 1023.9px) {
    #titBox {
        margin-top:70px
    }
}

@media screen and (max-width: 767.9px) {
    #titBox {
        font-size: 30px;
        font-size: 3rem;
        line-height:1.4
    }

    #titBox .titBoxInner {
        padding:50px 15px 55px 15px
    }
}

body.treatment #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body.clinic #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body.startguide #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body.price #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body.blog #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body.traffic-accident #titBox {
    background:#FFF url(https://ninoia.com/img/tit/bk-treatment.webp) center center/cover no-repeat
}

body #content .titItem h2 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height:1.4
}

@media screen and (max-width: 767.9px) {
    body #content .titItem h2 {
        font-size: 26px;
        font-size: 2.6rem;
        line-height:1.4
    }
}


.titSym1 {
    background-color: #ff7e7e;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    padding: 16px 20px 16px 20px;
    letter-spacing:0.03em
}

@media screen and (max-width: 767.9px) {
    .titSym1 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.7;
        padding:10px 10px 6px 10px
    }
}

.titSym2 {
    color: #6B4C32 !important;
    text-align: left !important;
    font-size: 2.2rem !important;
    line-height: 1.4 !important;
    font-weight: normal !important;
    padding: 10px 10px 10px 37px !important;
    display: block !important;
    background: #F2EEEA !important;
    border-radius: 3px !important;
    width: 100% !important; /* ← これが重要！ */
    position: relative !important;
    letter-spacing: normal !important;
    text-indent: 0 !important;
    visibility: visible !important;
    box-sizing: border-box !important; /* ← はみ出し防止に追加 */
}

.titSym2::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #FFF;
    display: block !important;
    z-index: 1;
}

/* スマホ用の設定も「横幅いっぱい」を維持するように修正 */
@media screen and (max-width: 767.9px) {
    .titSym2 {
        width: 100% !important; /* スマホでも横幅いっぱいにする */
        font-size: 2.2rem !important;
        line-height: 1.4 !important;
    }
    .titSym2::before {
        top: 50% !important; /* スマホでも上下中央に固定 */
    }
}

.titSym3 {
    position: relative;
    border-top: solid 2px #ee9d9d;
    padding: 0.6em 0em 0.6em 0em;
    margin: 3em 0 0.5em;
    color: #ee9d9d;
    font-weight: normal;
    font-size: 22px;
    font-size: 2.2rem;
    line-height:1.4
}

.titSym3::after {
    position: absolute;
    font-family: FontAwesome;
    content: '\f0a7\ CHECK';
    font-weight: bold;
    background: #ee9d9d;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 7px 7px 5px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
    line-height: 1;
    letter-spacing:0.05em
}

@media screen and (max-width: 767.9px) {
    .titSym3 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height:1.4
    }
}

.titSym4 {
    color: #946945;
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: normal;
    padding: 5px;
    border-top: 1px dotted #BFAC9C;
    border-bottom: 1px dotted #BFAC9C;
    display: flex;
    width:auto
}

.titSym5 {
    font-family: "M PLUS Rounded 1c", sans-serif;/* M PLUS ラウンド  */
    font-weight: 400;
    font-style: normal;
    position: relative;
    padding: .75em 1em .75em .7em;
    color: #6B4C32;
    text-align: left;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight:normal
}

.titSym5::after {
    position: absolute;
    top: .5em;
    left: 0;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #cbd6cd;
    border-radius:3px
}

.titSym6 {
    color: #af1f46;
    text-align: left;
    font-size: 2.2rem;
    line-height: 1.4;
    font-weight: normal;
    padding: 10px 10px 10px 37px;
    display: block;
    background: #eaf2f2;
    border-radius: 3px;
    width: 100%;
    position: relative; /* 最後に ; を忘れずに！ */
}

.titSym6::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 10px;
    top: 17px;
    border-radius: 50%;
    background-color:#FFF
}

@media screen and (max-width: 767.9px) {
    .titSym6 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height:1.4
    }

    .titSym6::before {
        top:15px
    }
}

.titSym7 {
    position: relative;
    border-top: solid 2px #ee9d9d;
    padding: 0.6em 0em 0.6em 0em;
    margin: 3em 0 0.5em;
    color: #ee9d9d;
    font-weight: normal;
    font-size: 22px;
    font-size: 2.2rem;
    line-height:1.4
}

.titSym7::after {
    position: absolute;
    font-family: FontAwesome;
    content: '合計料金';
    font-weight: bold;
    background: #ee9d9d;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 7px 7px 5px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
    line-height: 1;
    letter-spacing:0.05em
}

@media screen and (max-width: 767.9px) {
    .titSym7 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height:1.4
    }
}

/*  ページナビ
 * -------------------------------------------- */


.pageNaviBox {
    color: #ee7a05;
    margin: 1em auto;
    line-height: 2em;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    clear:both
}

.pageNaviBox a.page-numbers, .pageNaviBox .current {
    color: #ee7a05;
    padding: 2px .5em;
    border: solid 1px #D49866;
    border-radius: 2px;
    text-decoration: none;
    line-height:2em
}

.pageNaviBox a.page-numbers:hover {
    color: #FFFFFF;
    background-color:#D49866
}

.pageNaviBox .current {
    color: #FFFFFF;
    background: #D49866;
    border-color:#D49866
}

.pageNaviBox a.next {
    margin-left: 5px;
    border: 0 none !important;
    border:solid 1px #FFF
}

.pageNaviBox a.prev {
    margin-right: 5px;
    border: 0 none !important;
    border:solid 1px #FFF
}

.pageNaviBox a.next:hover, .pageNaviBox a.prev:hover {
    color: #FFFFFF;
    border:solid 1px #D49866
}

body {
    position: relative;
    overflow-x: hidden;
    min-width:320px
}

/*  ナビ
 * -------------------------------------------- */


.fixNavi {
    position: fixed;
    right: 0px;
    top: 120px;
    z-index: 1010;
    color:#FFF !important
}

.fixNavi a {
    padding: 10px;
    border-radius: 3px 0px 0px 3px;
    text-align: center;
    background-color: #3ac7d9;
    display: block;
    color:#FFF !important
}

.fixNavi .iconTel {
    display: block;
    background: url(../img/com/calendar-check.svg) no-repeat scroll center ;
    height: 40px;
    width: 40px;
    margin:0px auto 5px auto
}

@media screen and (max-width: 1023.9px) {
    .fixNavi {
        right: 70px;
        top:10px
    }

    .fixNavi a {
        background: url(../img/com/cal.png) no-repeat scroll center 5px;
        background-size: 25px 25px;
        background-color: #3ac7d9;
        border-radius: 3px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.8;
        padding: 0px;
        width: 50px;
        height: 50px;
        padding-top:28px
    }

    .fixNavi .iconTel {
        display:none
    }
}

.fixNavi img {
    width: 60px;
    height:auto
}

#overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1150;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition:.3s linear
}

@media screen and (max-width: 1023.9px) {
    body.overlay #overlay {
        opacity: 1;
        visibility:visible
    }
}

#header {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #F2EEEA;
    height:90px
}

@media screen and (max-width: 1023.9px) {
    #header {
        height:70px
    }
}

@media screen and (max-width: 567.9px) {
    #header {
        height:70px
    }
}

#header .headerInner {
    width: 100%;
    max-width: 1120px;
    margin: 0px auto;
    position:relative
}



#header .logo {
    width: 260px;
    height: auto;
    float: left;
    position: relative;
    margin: 20px 0px 20px 10px;
    z-index:1100
}

#header .logo img {
    width: 100%;
    height: auto;
    vertical-align:bottom
    
}

@media screen and (max-width: 1023.9px) {
    #header .logo {
        width: 240px;
        margin:15px 0px 20px 20px
    }
}

@media screen and (max-width: 567.9px) {
    #header .logo {
        margin: 20px 0px 20px 10px;
        width:180px
    }
}

#header #gMenu {
    float: right;
    width: 100%;
    position: relative;
    z-index: 1050;
    margin-left: -380px;
    padding-left: 380px;
    display:block
}

#header #gMenu ul {
    margin: 20px 0px 20px 0px;
    padding: 0px;
    text-align:center
}

#header #gMenu ul li a {
    padding: 28px 15px 5px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
    white-space: nowrap;
    background-size: 25px 15px;
    display:block
}



@media screen and (max-width: 1279.9px) {
    #header #gMenu {
        margin-left: -360px;
        padding-left:360px
    }

    #header #gMenu ul li a {
        padding:26px 10px 5px 10px
    }
}

@media screen and (max-width: 1023.9px) {
    #header #gMenu {
        z-index: 1200;
        position: absolute;
        right: -768px;
        width: 768px;
        top: 10px;
        text-align: left;
        padding: 5px 10px;
        opacity: 0;
        border-radius: 10px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        margin-top: 60px;
        background-color:#FFF
    }

    #header #gMenu ul {
        list-style: none;
        right: 0;
        bottom: 0;
        width: 180px;
        margin: 0px;
        text-align:left
    }

    #header #gMenu ul li a {
        float: none;
        position: static;
        padding: 10px 10px 10px 30px;
        background-position: center left !important;
        background-size: 15px 15px !important;
        margin:0px auto
    }
}

@media screen and (max-width: 1023.9px) {
    #header.openMenu #nav-toggle {
        z-index:1200
    }

    #header.openMenu #nav-toggle span {
        background:#FFF
    }

    #header.openMenu #nav-toggle span:nth-child(1) {
        top: 17px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform:rotate(315deg)
    }

    #header.openMenu #nav-toggle span:nth-child(2) {
        width: 0;
        left:50%
    }

    #header.openMenu #nav-toggle span:nth-child(3) {
        top: 17px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform:rotate(-315deg)
    }

    #header.openMenu #gMenu {
        -moz-transform: translateX(-180px);
        -webkit-transform: translateX(-180px);
        transform: translateX(-180px);
        opacity:1
    }
}

/*  ホーム
 * -------------------------------------------- */


body.home #header {
    background:rgba(255, 255, 255, 0.95)
}

#nav-toggle {
    z-index: 555;
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #FF7373;
    border-radius: 3px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition:.3s
}

#nav-toggle div {
    position:relative
}

#nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 26px;
    background: #FFF;
    left: 12px;
    border-radius: 1px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition:.35s ease-in-out
}

#nav-toggle span:nth-child(1) {
    top:9px
}

#nav-toggle span:nth-child(2) {
    top:17px
}

#nav-toggle span:nth-child(3) {
    top:24px
}

#nav-toggle div.menuTit {
    color: #FFF;
    margin-top: 28px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.7;
    text-align:center
}

@media screen and (max-width: 1023.9px) {
    #nav-toggle {
        display:block
    }
}

body #content {
    min-height:400px
}

body #content .ellipsisWord {
    display: block;
    height: 50px;
    overflow:hidden
}

body #content span.anchorLink {
    position: relative;
    top: -120px;
    display:block
}

body #content .textUnderLine1 {
    background:linear-gradient(transparent 93%, #ee9d9d 93%)
}

body #content .textIndext1 {
    padding-left: 1em;
    text-indent:-1em
}

body #content .contentInner {
    width: 100%;
    max-width: 1120px;
    margin: 0px auto;
    background-color: #FFF;
    min-height: 500px;
    overflow:hidden
}

body #content .contentInner #beta {
    margin:30px 0px
}

body #content .contentInner #alpha {
    padding-left: 40px;
    padding-right: 10px;
    margin:40px 0px
}

body #content .contentInner #alpha .naviBox {
    border: 2px solid #F2EEEA;
    padding-bottom:10px
}

body #content .contentInner #alpha .naviBox h3 {
    margin: 20px 15px 0px 15px;
    border-bottom: 2px solid #F2EEEA;
    display: block;
    padding-bottom: 5px;
    color: #946945;
    font-weight:400
}

body #content .contentInner #alpha .naviBox ul {
    margin:10px 15px 10px 15px
}

body #content .contentInner #alpha .naviBox ul li {
    margin:5px 0px
}

body #content .contentInner #alpha .naviBox ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right:.3em
}

body #content .contentInner #alpha .bannerList ul li {
    padding-top:10px
}

body #content .contentInner #alpha .bannerList ul li img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

@media screen and (max-width: 1023.9px) {
    body #content .contentInner #alpha {
        padding-left:20px
    }
}

@media screen and (max-width: 767.9px) {
    body #content .contentInner #alpha {
        padding: 0px 15px;
        margin-top:0px
    }

    body #content .contentInner #alpha .naviBox {
        border:2px solid #F2EEEA
    }

    body #content .contentInner #alpha .naviBox h3 {
        border-bottom: none;
        background-color: #946945;
        color: #FFF;
        padding:5px
    }

    body #content .contentInner #alpha .naviBox ul {
        margin-top:-5px
    }

    body #content .contentInner #alpha .naviBox ul li a {
        display: block;
        width: 100%;
        border-bottom: 2px solid #F2EEEA;
        padding: 10px;
        position:relative
    }

    body #content .contentInner #alpha .naviBox ul li a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        transform:translate(0, -50%)
    }

    body #content .contentInner #alpha .bannerList ul li {
        padding-top:20px
    }

    body #content .contentInner #alpha .bannerList ul li img {
        width: 100%;
        height: auto;
        vertical-align:bottom
    }
}











/*  スタート
 * -------------------------------------------- */


 body.home #content .introBox {
    max-width: 1160px;
    margin: 0px auto;
    padding: 30px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.home #content .flowCover {
    max-width: 1160px;
    margin: 0px auto;
    padding-bottom:50px
}

body.home #content .flowCover .titSym1 {
    margin:15px 20px 10px 20px
}

body.home #content .flowCover .arrow {
    position: relative;
    padding:20px 0px
}

body.home #content .flowCover .arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background:#FFF url(https://ninoia.com/img/com/icon-arrow1.png) center top/40px 40px no-repeat
}

body.home #content .flowBox {
    padding:30px 0px
}

body.home #content .flowBox .photoItem {
    padding: 20px;
    position:relative
}

body.home #content .flowBox .photoItem img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position:relative
}

body.home #content .flowBox .photoItem .photoItemInner {
    position:relative
}

body.home #content .flowBox .photoItem .photoItemInner img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    box-shadow:8px 8px #eaf3fa
}

body.homee #content .flowBox .photoItem .photoItemInner::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #F2EEEA;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index:0
}

body.home #content .flowBox .wordItem {
    padding:20px 30px 20px 30px
}

body.home #content .flowBox .wordItem h2 {
    font-family: "Kaisei Opti", serif;/* 開成オプティ  */
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    padding-bottom: 15px;
    color: #3ac7d9;
    margin-top: 30px;
    border-bottom:1px solid #2d98a6;
}

body.home #content .flowBox .wordItem p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height:1.7
}

@media screen and (max-width: 1023.9px) {
    body.home #content .arrow {
        padding:20px 0px
    }

    body.home #content .introBox {
        padding: 20px 20px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }

    body.home #content .flowBox {
        padding:15px 0px
    }

    body.home #content .flowBox .photoItem {
        max-width: 720px;
        margin:0px auto
    }

    body.home #content .flowBox .wordItem {
        max-width: 720px;
        padding: 0px 20px;
        margin:0px auto
    }

    body.home #content .flowBox .wordItem h2 {
        margin-top:0px
    }

    body.home #content .flowBox .btnSym1 {
        margin:0px auto
    }
}




/*  トラブルボックス
 * -------------------------------------------- */
body #content .troubleBox {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElKT6W1kjFcRSMH0refOEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQAh78VI8OPgXwAAAAASUVORK5CYII=) repeat;
    background-color: #f0feff;
    overflow: hidden;
    padding:0px 20px
}

body #content .troubleBox .titItem {
    padding: 60px 10px 0px 10px;
    text-align:center
}

body #content .troubleBox .titItem h2 {
    color:#456e94
}

body #content .troubleBox ul {
    max-width: 1020px;
    margin:30px auto 60px auto
}

body #content .troubleBox ul li {
    position: relative;
    display: block;
    margin: 0px auto;
    text-align: center;
    padding:20px 30px
}

body #content .troubleBox ul li img {
    max-width: 240px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    border-radius:50%
}

body #content .troubleBox ul li a {
    color:#FFF
}

body #content .troubleBox ul li a:link {
    color:#FFF
}

body #content .troubleBox ul li a:hover {
    color:#FFF
}

body #content .troubleBox ul li a:visited {
    color:#FFF
}

body #content .troubleBox ul li h2 {
    background-color: rgba(255, 125, 125, 0.8);
    position: absolute;
    left: 60%;
    bottom: 20px;
    display: block;
    width: 110px;
    height: 110px;
    padding: 15px 10px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight:400
}

body #content .troubleBox ul li h2 span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding:5px
}

body #content .troubleBox ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    bottom: 7px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform:translate(-50%, 0)
}

@media screen and (max-width: 767.9px) {
    body #content .troubleBox {
        padding:0px
    }

    body #content .troubleBox .titItem {
        padding:40px 3px 0px 3px
    }

    body #content .troubleBox ul {
        margin: 10px auto 30px auto;
        max-width:640px
    }

    body #content .troubleBox ul li h2 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.2;
        width: 90px;
        height:90px
    }
}

@media screen and (max-width: 567.9px) {
    body #content .troubleBox {
        padding:0px
    }

    body #content .troubleBox ul {
        margin: 20px auto 30px auto;
        max-width:640px
    }

    body #content .troubleBox ul li {
        padding:10px 30px 10px 10px
    }

    body #content .troubleBox ul li h2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
        width: 80px;
        height: 80px;
        left: 45%;
        bottom:10px
    }
}


/*  クリニック
 * -------------------------------------------- */

body #content .clinicBox {
    background: #FFF url(https://ninoia.com/img/com/bk-clinic.jpg) center center/cover no-repeat;
    padding: 40px 10px;
    text-align: center;
    height: 100%;
    position:relative
}

body #content .clinicBox .titItem {
    position: relative;
    padding: 25px 0px 0px 0px;
    text-align:center
}

body #content .clinicBox .titItem h2 {
    color:#FF7373
}

body #content .clinicBox .titItem p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
    color: #944545;
    margin:5px 0px
}

body #content .clinicBox::before {
    background-color: rgba(255, 255, 255, 0.867);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' '
}

body #content .clinicBox ul {
    max-width: 1140px;
    margin: 20px auto 40px auto;
    justify-content:center
}

body #content .clinicBox ul li {
    position: relative;
    padding:15px
}

body #content .clinicBox ul li img {
    width: 100%;
    height: auto;
    border:solid 3px #d9f5ff

}

body #content .clinicBox ul li h2 {
    background: rgba(255, 103, 68, 0.9);
    position: absolute;
    right: 5px;
    bottom: 10px;
    border-radius: 3px;
    display: block;
    width: 200px;
    padding: 10px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body #content .clinicBox ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body #content .clinicBox ul li a:link, body #content .clinicBox ul li a:visited, body #content .clinicBox ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body #content .clinicBox {
        padding:20px 10px
    }

    body #content .clinicBox ul {
        max-width:640px
    }

    body #content .clinicBox .titItem p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }
}
/*  スライダー
 * -------------------------------------------- */


body.home .slideMainCover {
    position: relative;
    margin: 90px auto 0px auto;
    overflow:hidden
}

@media screen and (max-width: 1023.9px) {
    body.home .slideMainCover {
        margin-top:70px
    }
}

@media screen and (max-width: 567.9px) {
    body.home .slideMainCover {
        margin-top:70px
    }
}

body.home .slideMainCover h2 {
    position: absolute;
    bottom: 140px;
    left: 50%;
    margin-left: -580px;
    background: rgba(247, 255, 255, 0.8);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: block;
    color: #ed6863;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.7;
    line-height: 1.4;
    padding: 15px 10px;
    font-weight: 400 !important;
    font-style:normal !important
}

@media screen and (max-width: 1279.9px) {
    body.home .slideMainCover h2 {
        left: 30px;
        margin-left:0px
    }
}

@media screen and (max-width: 1023.9px) {
    body.home .slideMainCover h2 {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.7;
        padding: 15px 10px;
        bottom: 60px;
        height:auto
    }
}

@media screen and (max-width: 767.9px) {
    body.home .slideMainCover h2 {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.7;
        bottom: 20px;
        left: 10px;
        padding: 5px 10px;
        -ms-writing-mode: horizontal-tb;
        writing-mode:horizontal-tb
    }
}

body.home .slideMain {
    background-color: #FFF;
    opacity: 0;
    transition:opacity .3s linear
}

body.home .slideMain img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.home .slideMain.slick-initialized {
    opacity:1
}





/*  イントロ
 * -------------------------------------------- */



body.home #content .introBox {
    max-width: 1140px;
    margin: 0px auto;
    padding:0px 10px
}

body.home #content .introBox .introItem {
    margin-top: 20px;
    position:relative
}

body.home #content .introBox .introItem .wordCover {
    padding-left:60px
}

body.home #content .introBox .introItem .wordCover .iconItem {
    margin-top: -190px;
    max-width:480px
}

body.home #content .introBox .introItem .wordCover .iconItem img {
    width: 100%;
    height:auto
}

body.home #content .introBox .introItem .wordCover .pointBox {
    position: relative;
    margin-top:30px
}

body.home #content .introBox .introItem .wordCover .pointBox h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    color: #ee9d9d;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    padding: 10px 0px;
    letter-spacing:0.05em
}

body.home #content .introBox .introItem .wordCover .pointBox ul li {
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 35px;
    padding-right: 5px;
    color: #ee9d9d;
    background-color: #ffeded;
    margin:2px 0px
}

body.home #content .introBox .introItem .wordCover .pointBox ul li:before {
    font-family: "FontAwesome";
    content: "\f05d";
    position: absolute;
    font-size: 1em;
    left: 0.5em;
    top: 10;
    color: #ee9d9d;
}

body.home #content .introBox .introItem .photoCover {
    position: relative;
    margin-top:30px
}

body.home #content .introBox .introItem .photoCover img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    box-shadow:8px 8px #fff1f1
}

@media screen and (max-width: 1279.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding-right:20px
    }
}

@media screen and (max-width: 1023.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding-left: 30px;
        padding-right:20px
    }

    body.home #content .introBox .introItem .wordCover .iconItem {
        margin-top:-120px
    }
}

@media screen and (max-width: 767.9px) {
    body.home #content .introBox .introItem {
        margin-top:20px
    }

    body.home #content .introBox .introItem .wordCover {
        padding: 0px 20px;
        z-index:200
    }

    body.home #content .introBox .introItem .wordCover .iconItem {
        margin:-40px auto 0px auto
    }

    body.home #content .introBox .introItem .wordCover .pointBox {
        margin-top:10px
    }

    body.home #content .introBox .introItem .wordCover .pointBox h1 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }

    body.home #content .introBox .introItem .photoCover {
        margin-top: 0px;
        z-index:100
    }
}

@media screen and (max-width: 567.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding:0px
    }
}




/*  ピックアップ
 * -------------------------------------------- */



body.home #content .pickUp1Box {
    max-width: 1140px;
    margin:60px auto
}

body.home #content .pickUp1Box .titItem {
    padding: 50px 20px 20px 20px;
    text-align: center;
    background:#FFF url(https://ninoia.com/img/com/deco1.png) center top/70px 33px no-repeat
}

body.home #content .pickUp1Box .titItem h2 {
    color:#f27777
}

body.home #content .pickUp1Box ul li {
    position: relative;
    padding: 15px;
    margin-top:0px
}

body.home #content .pickUp1Box ul li img {
    width: 100%;
    height: auto;
    box-shadow:5px 5px #fff0f0
}

body.home #content .pickUp1Box ul li h2 {
    background: rgba(255, 146, 146, 0.9);
    position: absolute;
    right: 5px;
    bottom: 10px;
    border-radius: 3px;
    display: block;
    width: 70%;
    padding: 10px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.home #content .pickUp1Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .pickUp1Box ul li a:link, body.home #content .pickUp1Box ul li a:visited, body.home #content .pickUp1Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.home #content .pickUp1Box {
        margin:30px auto 30px auto
    }

    body.home #content .pickUp1Box .titItem {
        padding-bottom:0px
    }

    body.home #content .pickUp1Box .titItem h2 {
        color:#946945
    }

    body.home #content .pickUp1Box ul {
        max-width: 640px;
        margin:10px auto
    }
}






body.home #content .conceptBox {
    background: #FFF url(https://ninoia.com/img/com/bk-concept.jpg) center center/cover no-repeat;
    padding: 60px 10px;
    text-align: center;
    height: 100%;
    position: relative;
    color:#FFF
}

body.home #content .conceptBox .titItem {
    padding: 0px 10px 0px 10px;
    text-align: center;
    position:relative
}

body.home #content .conceptBox::before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' '
}

body.home #content .conceptBox p {
    margin:20px 0px 30px 0px
}

body.home #content .conceptBox .btnConcept a {
    background-color: #f69d9d;
    display: block;
    padding: 10px 10px;
    max-width: 220px;
    color: #FFF;
    margin: 0px auto;
    position: relative;
    border-radius:5px
}

body.home #content .conceptBox .btnConcept a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

@media screen and (max-width: 767.9px) {
    body.home #content .conceptBox {
        padding:40px 10px
    }
}








/*  ピックアップ２
 * -------------------------------------------- */


body.home #content .pickUp2Box {
    max-width: 1140px;
    margin:40px auto 60px auto
}

body.home #content .pickUp2Box ul li {
    position: relative;
    padding:10px
}

body.home #content .pickUp2Box ul li img {
    width: 100%;
    height:auto
}

body.home #content .pickUp2Box ul li h2 {
    background-color: rgba(148, 105, 69, 0.8);
    position: absolute;
    right: 10px;
    bottom: 0px;
    display: block;
    width: 200px;
    padding: 15px 10px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.home #content .pickUp2Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .pickUp2Box ul li a:link, body.home #content .pickUp2Box ul li a:visited, body.home #content .pickUp2Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.home #content .pickUp2Box {
        margin:20px auto 40px auto
    }

    body.home #content .pickUp2Box ul {
        max-width: 640px;
        margin:0px auto
    }

    body.home #content .pickUp2Box ul li {
        padding:10px
    }
}







/*  ヴォイス
 * -------------------------------------------- */


body.home #content .voiceBox {
    margin: 0px auto 0px auto;
    padding: 40px 10px;
    background-color: #e6f4fb;
    overflow:hidden
}

body.home #content .voiceBox .titItem {
    padding: 25px 10px 0px 10px;
    text-align:center
}

body.home #content .voiceBox .titItem h2 {
    color:#f27777
}

body.home #content .voiceBox .titItem p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
    color: #00a3d9;
    margin:5px 0px
}

body.home #content .voiceBox .reviewItem {
    max-width: 820px;
    margin:0px auto
}

body.home #content .voiceBox .reviewItem .balloon1 {
    width: 100%;
    margin: 2em 0;
    overflow:hidden
}

body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
    float: left;
    margin-right: -100px;
    width:100px
}

body.home #content .voiceBox .reviewItem .balloon1 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #ffafaf;
    border-radius:50%
}

body.home #content .voiceBox .reviewItem .balloon1 .chatting {
    width:100%
}

body.home #content .voiceBox .reviewItem .balloon1 .says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 125px;
    padding: 20px 20px;
    border-radius: 12px;
    background:#fff
}

body.home #content .voiceBox .reviewItem .balloon1 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right:12px solid #FFF
}

body.home #content .voiceBox .reviewItem .balloon1 .says p {
    margin: 0;
    padding:0
}

body.home #content .voiceBox .reviewItem .balloon2 {
    width: 100%;
    margin: 2em 0;
    overflow:hidden
}

body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
    float: right;
    margin-left: -100px;
    width:100px
}

body.home #content .voiceBox .reviewItem .balloon2 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #ffafaf;
    border-radius:50%
}

body.home #content .voiceBox .reviewItem .balloon2 .chatting {
    width:100%
}

body.home #content .voiceBox .reviewItem .balloon2 .says {
    display: inline-block;
    position: relative;
    margin: 5px 125px 0 0;
    padding: 20px;
    border-radius: 12px;
    background:#fff
}

body.home #content .voiceBox .reviewItem .balloon2 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    right: -24px;
    border: 12px solid transparent;
    border-left:12px solid #FFF
}

body.home #content .voiceBox .reviewItem .balloon2 .says p {
    margin: 0;
    padding:0
}

body.home #content .voiceBox .btnReviewList {
    max-width: 820px;
    margin: 50px auto 50px auto;
    justify-content:center
}

body.home #content .voiceBox .btnReviewList li {
    padding:10px
}

body.home #content .voiceBox .btnReviewList a {
    display: block;
    padding: 10px 30px;
    color: #FFF;
    margin: 0px auto;
    position: relative;
    text-align: center;
    border-radius: 3px;
    max-width: 240px;
    margin: 0px auto;
    background-color:rgba(254, 156, 156, 0.8)
}

body.home #content .voiceBox .btnReviewList a:after {
    font-family: 'FontAwesome';
    content: "\f0e6";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .voiceBox .logoEkiten {
    margin: 0px auto;
    max-width:120px
}

body.home #content .voiceBox .logoEkiten img {
    width: 100%;
    height:auto
}

@media screen and (max-width: 767.9px) {
    body.home #content .voiceBox {
        margin: 0px auto 0px auto;
        padding:20px 10px
    }

    body.home #content .voiceBox .titItem p {
        margin-top: 10px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.4
    }

    body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
        margin-right: -80px;
        width:80px
    }

    body.home #content .voiceBox .reviewItem .balloon1 .says {
        margin:5px 0 0 100px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
        margin-left: -80px;
        width:80px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .says {
        margin:5px 100px 0 0
    }

    body.home #content .voiceBox .btnReviewList {
        margin:0px auto 40px auto
    }
}

@media screen and (max-width: 567.9px) {
    body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
        margin-right: -70px;
        width:70px
    }

    body.home #content .voiceBox .reviewItem .balloon1 .says {
        margin:5px 0 0 90px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
        margin-left: -70px;
        width:70px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .says {
        margin:5px 90px 0 0
    }
}








/*  フッター
 * -------------------------------------------- */



#footer {
    background-color: #f2b3b3;
    color: #FFF;
    text-align: center;
    padding:0px 0px 40px 0px
}

#footer a {
    color:#FFF
}

#footer .footerRow1 {
    max-width: 1140px;
    padding: 10px;
    margin: 0px auto;
    text-align: left;
    padding-top:30px
}

#footer .footerRow1 ul {
    margin-left:10px
}

#footer .footerRow1 ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right:.25em
}

#footer .footerRow1 ul li.linkNone {
    margin-top:10px
}

#footer .footerRow1 ul li.linkNone:before {
    content:none
}

#footer .footerRow1 h3 {
    font-weight: normal;
    margin-top:10px
}

#footer .footerRow1 h3 a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right:.25em
}

#footer .footerRow2 {
    border-top: 1px solid #e4f6fa;
    margin-top: 30px;
    padding-top:10px
}

#footer .footerRow2 ul {
    max-width: 1140px;
    padding: 10px;
    margin: 0px auto;
    text-align:left
}

#footer .footerRow2 ul li {
    margin-top:20px
}

#footer .snsList {
    padding:20px 0px
}

#footer .snsList ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content:center
}

#footer .snsList ul li a {
    width: 45px;
    height: 45px;
    margin: 10px;
    display:block
}



#footer .copyRight {
    margin-top: 30px;
    text-align:center
}

@media screen and (max-width: 767.9px) {
    #footer .footerRow1 {
        padding:0px
    }

    #footer .footerRow1 h3 {
        margin-top:0px
    }

    #footer .footerRow1 h3 a {
        display: block;
        width: 100%;
        border-top: 1px solid #faffff;
        padding: 10px;
        position:relative
    }

    #footer .footerRow1 h3 a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        transform:translate(0, -50%)
    }

    #footer .footerRow2 {
        margin-top:0px
    }

    #footer .footerRow2 ul li {
        margin-top:20px
    }

    #footer .copyRight {
        margin-top:10px
    }
}




/*  スタート
 * -------------------------------------------- */


body.startguide #content .introBox {
    max-width: 1160px;
    margin: 0px auto;
    padding: 30px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.startguide #content .flowCover {
    max-width: 1160px;
    margin: 0px auto;
    padding-bottom:50px
}

body.startguide #content .flowCover .titSym1 {
    margin:15px 20px 10px 20px
}

body.startguide #content .flowCover .arrow {
    position: relative;
    padding:20px 0px
}

body.startguide #content .flowCover .arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background:#FFF url(https://ninoia.com/img/com/icon-arrow1.png) center top/40px 40px no-repeat
}

body.startguide #content .flowBox {
    padding:30px 0px
}

body.startguide #content .flowBox .photoItem {
    padding: 20px;
    position:relative
}

body.startguide #content .flowBox .photoItem img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position:relative
}

body.startguide #content .flowBox .photoItem .photoItemInner {
    position:relative
}

body.startguide #content .flowBox .photoItem .photoItemInner img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    box-shadow:8px 8px #faf5ea
}

body.startguide #content .flowBox .photoItem .photoItemInner::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #F2EEEA;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index:0
}

body.startguide #content .flowBox .wordItem {
    padding:20px 30px 20px 30px
}

body.startguide #content .flowBox .wordItem h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    padding-bottom: 15px;
    color: #946945;
    margin-top: 30px;
    border-bottom:1px solid #946945
}

body.startguide #content .flowBox .wordItem p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height:1.7
}

@media screen and (max-width: 1023.9px) {
    body.startguide #content .arrow {
        padding:20px 0px
    }

    body.startguide #content .introBox {
        padding: 20px 20px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }

    body.startguide #content .flowBox {
        padding:15px 0px
    }

    body.startguide #content .flowBox .photoItem {
        max-width: 720px;
        margin:0px auto
    }

    body.startguide #content .flowBox .wordItem {
        max-width: 720px;
        padding: 0px 20px;
        margin:0px auto
    }

    body.startguide #content .flowBox .wordItem h2 {
        margin-top:0px
    }

    body.startguide #content .flowBox .btnSym1 {
        margin:0px auto
    }
}




/*  トリートメント
 * -------------------------------------------- */


body.treatment #content .movieItem {
    margin: 0px auto;
    max-width: 780px;
    padding:20px 0px
}

body.treatment #content .movieItem video {
    width: 100%;
    height:auto
}

body.treatment #content .pointBox {
    max-width: 1120px;
    margin: 50px auto 0px auto;
    padding: 40px;
    border: 2px solid #F2EEEA;
    border-radius:3px
}

body.treatment #content .pointBox h2 {
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.4;
    font-weight: 400;
    color:#946945
}

body.treatment #content .pointBox ul {
    margin-top:20px
}

body.treatment #content .pointBox ul li {
    position: relative;
    padding-left: 1.2em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
    border-bottom: 2px solid #F2EEEA;
    padding:15px 10px 15px 35px
}

body.treatment #content .pointBox ul li:before {
    font-family: "FontAwesome";
    content: "\f05d";
    position: absolute;
    font-size: 1em;
    color: #D96D00;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.treatment #content .pointBox ul li:first-child {
    border-top:2px solid #F2EEEA
}

@media screen and (max-width: 1023.9px) {
    body.treatment #content .pointBox {
        margin-top: 20px;
        padding: 20px;
        border:none
    }

    body.treatment #content .pointBox h2 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height:1.7
    }

    body.treatment #content .pointBox ul li {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
        padding:10px 10px 10px 30px
    }

    body.treatment #content .pointBox ul li:before {
        top: 10px;
        -webkit-transform: translate(0, 0);
        transform:translate(0, 0)
    }
}

body.treatment #content .treatmentList {
    max-width: 1140px;
    margin:40px auto 60px auto
}

body.treatment #content .treatmentList .titItem {
    padding: 50px 20px 20px 20px;
    text-align: center;
    background:#FFF url(https://ninoia.com/img/com/deco1.png) center top/70px 33px no-repeat
}

body.treatment #content .treatmentList .titItem h2 {
    color:#946945
}

body.treatment #content .treatmentList > ul {
    margin-top:0px
}

body.treatment #content .treatmentList > ul > li {
    position: relative;
    padding:15px
}

body.treatment #content .treatmentList > ul > li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    box-shadow:5px 5px #faf5ea
}

body.treatment #content .treatmentList > ul > li a:link h2, body.treatment #content .treatmentList > ul > li a:visited h2, body.treatment #content .treatmentList > ul > li a:hover h2 {
    color:#FFF
}

body.treatment #content .treatmentList > ul > li .innerItem {
    position: relative;
    display:block
}

body.treatment #content .treatmentList > ul > li .innerItem h2 {
    background: rgba(212, 152, 102, 0.9);
    position: absolute;
    right: -10px;
    bottom: -10px;
    display: block;
    width: 200px;
    padding: 10px 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight:normal
}

body.treatment #content .treatmentList > ul > li .innerItem h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.treatment #content .treatmentList > ul > li p {
    margin-top:20px
}

body.treatment #content .treatmentList > ul > li ul {
    margin-top: -10px;
    padding-top:0px
}

body.treatment #content .treatmentList > ul > li ul > li {
    /* float: left;  ← これを消すと波線が消えます！ */
    display: inline-block;
    border: 1px solid #946945;
    color: #946945;
    border-radius: 3px;
    margin: 3px 4px 3px 0px;
    padding: 2px 3px;
    min-width: 40px;
    font-size: 1.2rem;
    line-height: 1.7;
    text-align: center;
}

@media screen and (max-width: 767.9px) {
    body.treatment #content .treatmentList {
        margin:20px auto 40px auto
    }

    body.treatment #content .treatmentList .titItem {
        padding:50px 20px 10px 20px
    }

    body.treatment #content .treatmentList > ul {
        max-width: 640px;
        margin:0px auto
    }

    body.treatment #content .treatmentList > ul li {
        padding-bottom:20px
    }
}

body.treatment #content #beta {
    padding: 10px 10px 10px 20px;
    padding-bottom:50px
}

body.treatment #content #beta strong {
    font-weight:500
}

body.treatment #content #beta .titSym1 {
    text-align:left
}

body.treatment #content #beta .titSym2 {
    margin-top:40px
}

body.treatment #content #beta .titSym3 {
    margin-top:70px
}

body.treatment #content #beta .titSym4 {
    margin-top:30px
}

body.treatment #content #beta .titCopy {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: normal;
    color: #946945;
    margin:1.5em 0 0 0
}

body.treatment #content #beta ul.pointList1 {
    margin:10px 0px
}

body.treatment #content #beta ul.pointList1 li {
    /* floatは消して、inline-blockだけに絞るのが現代の正解です */
    display: inline-block;
    border: 1px solid #946945;
    color: #946945;
    background-color: rgba(255, 237, 237, 0.266);
    font-size: 1.5rem; /* 15pxの重複を削除 */
    line-height: 1.7;
    border-radius: 3px;
    margin: 5px;
    padding: 5px; /* 最後に ; を忘れずに */
}

body.treatment #content #beta ul.pointList2 {
    margin:10px 0px
}

body.treatment #content #beta ul.pointList2 li {
    position: relative;
    padding: 5px;
    padding-left: 1.2em;
    color:#946945
}

body.treatment #content #beta ul.pointList2 li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: center;
    color:#946945
}

body.treatment #content #beta ul.checkList {
    margin:20px 0px
}

body.treatment #content #beta ul.checkList li {
    position: relative;
    padding-left: 1.2em;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.7;
    padding: 10px 25px;
    border-bottom:1px dotted #BFAC9C
}

body.treatment #content #beta ul.checkList li:before {
    font-family: "FontAwesome";
    content: "\f046";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 10px;
    color:#946945
}

body.treatment #content #beta ul.checkList li:last-child {
    border-bottom:none
}

body.treatment #content #beta ul.checkList2 {
    margin:20px 0px
}

body.treatment #content #beta ul.checkList2 li {
    position: relative;
    padding-left: 1.2em;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.7;
    padding: 10px 25px;
    border-bottom:1px dotted #BFAC9C
}

body.treatment #content #beta ul.checkList2 li:before {
    font-family: "FontAwesome";
    content: "\f087";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 10px;
    color:#946945
}

body.treatment #content #beta ul.checkList2 li:last-child {
    border-bottom:none
}

body.treatment #content #beta ul.numberList {
    counter-reset: number;
    margin-top:20px
}

body.treatment #content #beta ul.numberList.maTBorder {
    border-top:2px solid #F2EEEA
}

body.treatment #content #beta ul.numberList li {
    position: relative;
    padding: 20px 5px 20px 40px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    border-bottom:2px solid #F2EEEA
}

body.treatment #content #beta ul.numberList li::before {
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    line-height: 30px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #D96D00;
    font-weight: normal;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: 20px;
    border: solid 2px white;
    border-radius:50%
}

body.treatment #content #beta p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height:1.75
}

body.treatment #content #beta .columnType1 {
    margin-top:20px
}

body.treatment #content #beta .columnType1 .wordItemRelease {
    overflow:hidden
}

body.treatment #content #beta .columnType1 .photoItemR {
    float: right;
    margin:10px 0px 1.5em 1.5em
}

body.treatment #content #beta .columnType1 .photoItemR img {
    width: 100%;
    max-width: 380px;
    height: auto;
}

body.treatment #content #beta .columnType1 .photoItemL {
    float: left;
    margin:0px 1.5em 1.5em 0px
}

body.treatment #content #beta .columnType1 .photoItemL img {
    width: 100%;
    max-width: 380px;
    height: auto;
}



body.treatment #content #beta .coverType1 {
    padding: 0px 20px;
    border: 2px solid #F2EEEA;
    border-radius:3px
}

body.treatment #content #beta table.biyoubariPrice {
    width: 100%;
    min-width: 768px;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.treatment #content #beta table.biyoubariPrice th, body.treatment #content #beta table.biyoubariPrice td {
    padding:15px
}

body.treatment #content #beta table.biyoubariPrice th {
    background-color: #F2EEEA;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.treatment #content #beta table.biyoubariPrice th.titType1 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice th.titType2 {
    width:55%
}

body.treatment #content #beta table.biyoubariPrice th.titType3 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice th.titType4 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList {
    width: 100%;
    margin: 20px 0px 0px 0px;
    border-right:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
        padding:10px
    }
}



body.treatment #content #beta table.priceList th {
    background-color: #f6fcff;
    width: 30%;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList th.pa2 {
    width:40%
}

body.treatment #content #beta table.priceList td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

@media screen and (max-width: 567.9px) {
    body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
        width: 100%;
        display: block;
        border-top:none
    }

    body.treatment #content #beta table.priceList th.pa2 {
        width:100%
    }

    body.treatment #content #beta table.priceList tr:first-child th {
        border-top:1px solid #BFAC9C
    }
}

body.treatment #content #beta .scrollCover {
    overflow: auto;
    white-space:nowrap
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar {
    height:5px
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar-track {
    background:#F1F1F1
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar-thumb {
    background:#BCBCBC
}

@media screen and (max-width: 1023.9px) {
    body.treatment #content #beta {
        padding:10px 15px
    }

    body.treatment #content #beta .titCopy {
        font-size: 20px;
        font-size: 2rem;
        line-height:1.7
    }

    body.treatment #content #beta p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height:1.7
    }

    body.treatment #content #beta .columnType1 .photoItemR {
        float: none;
        margin: 0px;
        text-align:center
    }

    body.treatment #content #beta .columnType1 .photoItemR img {
        max-width: 530px;
        margin:0px auto
    }

 
    
}

@media screen and (max-width: 767.9px) {
    body.treatment #content #beta ul.checkList {
        margin:0px
    }

    body.treatment #content #beta ul.checkList2 {
        margin:0px
    }

    body.treatment #content #beta ul.numberList {
        margin-top:10px
    }

    body.treatment #content #beta ul.numberList li {
        padding: 10px 5px 15px 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height:1.7
    }

    body.treatment #content #beta ul.numberList li::before {
        line-height: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        left: 0;
        top: 10px;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform:translateY(0)
    }

    body.treatment #content #beta .coverType1 {
        padding:0px 10px
    }
  
}




/*  クリニック
 * -------------------------------------------- */


body.clinic #content .prefaceBox {
    max-width: 1160px;
    margin: 0px auto;
    padding: 40px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.clinic #content .clinicList {
    max-width: 1160px;
    margin: 0px auto 60px auto;
    padding:0px 20px
}

body.clinic #content .clinicList .photoItem {
    padding:5px
}

body.clinic #content .clinicList .photoItem img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .clinicList .photoItem .photoItemInner {
    position:relative
}

body.clinic #content .clinicList .photoItem .photoItemInner img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    border:solid 3px #BFAC9C
}

body.clinic #content .clinicList .wordItem {
    text-align: left;
    padding-left:30px
}

body.clinic #content .clinicList .wordItem .clinicName {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    color: #6B4C32;
    border-bottom: 1px solid #946945;
    padding: 15px 0px 13px 0px;
    margin-top:20px
}

body.clinic #content .clinicList .wordItem .telItem {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    padding: 10px 10px 5px 30px;
    background: url(https://ninoia.com/img/com/icon-tel-white.svg) no-repeat scroll center left;
    background-size: 25px 25px;
    margin: 10px 0px 0px 0px;
    color: #00b8d9
}

body.clinic #content .clinicList .wordItem .telItem a[href^="tel:"] {
    pointer-events:none
}

body.clinic #content .clinicList .wordItem .telItem a {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:link {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:hover {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:visited {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .btnSym1 {
    margin-top:20px
}

@media screen and (max-width: 1023.9px) {
    body.clinic #content .prefaceBox {
        max-width: 720px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7;
        padding:10px 20px
    }

    body.clinic #content .clinicList .photoItem {
        max-width: 720px;
        margin:0px auto
    }

    body.clinic #content .clinicList .wordItem {
        padding-left: 0px;
        max-width: 720px;
        margin: 0px auto;
        text-align:center
    }

    body.clinic #content .clinicList .wordItem .clinicName {
        margin-top: 0px;
        text-align: center;
        border-bottom: 1px solid #BFAC9C;
        padding:12px 0px 10px 0px
    }

    body.clinic #content .clinicList .wordItem .telItem {
        margin: 10px auto 0px auto;
        display: inline-block;
        text-align:center
    }

body.clinic #content .clinicList .wordItem .addressItem {
    margin: 0px;
    padding: 0px; /* 修正：dを足して、最後に ; を追加 */
}

    body.clinic #content .clinicList .wordItem .btnSym1 {
        text-align: center;
        margin: 0px auto;
        margin-top:10px
    }
}

@media screen and (max-width: 767.9px) {
    body.clinic #content .clinicList .wordItem .telItem {
        margin: 10px auto 0px auto;
        display: inline-block;
        text-align: center
    }

    body.clinic #content .clinicList .wordItem .telItem a[href^="tel:"] {
        pointer-events:auto
    }
}

body.clinic #content .titItem {
    position: relative;
    padding: 25px 10px 0px 10px;
    text-align:center
}

body.clinic #content .titItem h2 {
    color:#946945
}

body.clinic #content .introBox {
    max-width: 1150px;
    margin: 40px auto 0px auto;
    padding:0px 15px
}

body.clinic #content .introBox .photoItem {
    position:relative
}

body.clinic #content .introBox .photoItem .slick-dots {
    margin-top:-30px !important
}

body.clinic #content .introBox .photoItem .prevArrow {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 999;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius:0px 3px 3px 0px
}

body.clinic #content .introBox .photoItem .prevArrow span {
    position: absolute;
    top: 50%;
    left: 60%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #6B4C32;
    border-right: 1px solid #6B4C32;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform:translate(-50%, -50%) rotate(-135deg)
}

body.clinic #content .introBox .photoItem .nextArrow {
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 999;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius:3px 0px 0px 3px
}

body.clinic #content .introBox .photoItem .nextArrow span {
    position: absolute;
    top: 50%;
    left: 40%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #6B4C32;
    border-right: 1px solid #6B4C32;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)
}

body.clinic #content .introBox .photoItem img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .introBox .photoItem .slideClinic {
    background-color: #FFF;
    opacity: 0;
    transition:opacity .3s linear
}

body.clinic #content .introBox .photoItem .slideClinic img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .introBox .photoItem .slideClinic.slick-initialized {
    opacity:1
}

body.clinic #content .introBox .wordItem {
    text-align: left;
    padding:30px 0px 30px 30px
}

body.clinic #content .introBox .wordItem .clinicName {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    padding: 6px 10px 8px 10px;
    background-color: #946945;
    color: #FFF;
    margin-top:30px
}

body.clinic #content .introBox .wordItem ul.pointList {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom:10px
}

body.clinic #content .introBox .wordItem ul.pointList li {
    /* floatとinline-blockが被るので、今回もfloatは消してOKです */
    display: inline-block;
    border: 1px solid #D96D00;
    color: #D96D00;
    border-radius: 3px;
    margin: 4px 4px 4px 0px;
    padding: 3px 5px;
    font-size: 1.4rem; /* 14pxを消して1つに絞りました */
    line-height: 1.7;
    text-align: left; /* 最後に ; を追加しました */
}

body.clinic #content .timeTableBox {
    max-width: 1150px;
    margin: 0px auto 0px auto;
    padding: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.clinic #content .timeTableBox table {
    width: 100%;
    margin-top:20px
}

body.clinic #content .timeTableBox table th, body.clinic #content .timeTableBox table td {
    border: 1px solid #BFAC9C;
    text-align: center;
    padding:14px 18px
}

body.clinic #content .timeTableBox table th {
    background: #F2EEEA;
    font-weight: normal;
    vertical-align: middle;
    width:11%
}

body.clinic #content .timeTableBox table th:first-of-type {
    width:20%
}

body.clinic #content .timeTableBox table th.holidayTit {
    width:13%
}

body.clinic #content .reserveBox {
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
    margin-top: 40px;
    padding: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElKT6W1kjFcRSMH0refOEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQAh78VI8OPgXwAAAAASUVORK5CYII=) repeat;
    background-color: #FAF5EA;
    overflow:hidden
}

body.clinic #content .reserveBox h2.titReserve {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #946945;
    margin-top:40px
}

body.clinic #content .reserveBox h2.clinicName {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.4;
    color: #946945;
    font-weight: normal;
    margin-top:20px
}

body.clinic #content .reserveBox span.clinicName2 {
    padding-left:15px
}

body.clinic #content .reserveBox .telItem {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1.4;
    padding: 8px 10px 5px 40px;
    background: url(https://ninoia.com/img/com/icon-tel-white.svg) no-repeat scroll center left;
    background-size: 35px 35px;
    margin-top: -5px;
    color: #D96D00;
    display: inline-block
}

body.clinic #content .reserveBox .telItem a[href^="tel:"] {
    pointer-events:none
}

body.clinic #content .reserveBox .telItem a {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:link {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:hover {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:visited {
    color:#D96D00
}

body.clinic #content .reserveBox ul.btnList {
    margin: 10px auto;
    text-align:center
}

body.clinic #content .reserveBox ul.btnList li {
    padding: 10px;
    display:inline-block
}

body.clinic #content .reserveBox p.address {
    margin-top:10px
}

body.clinic #content .accessBox {
    width: 100% !important;
    margin:40px auto 0px auto
}

body.clinic #content .accessBox p {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    padding-bottom:10px
}

body.clinic #content .accessBox .gMap {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow:hidden
}

body.clinic #content .accessBox .gMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height:100% !important
}

body.clinic #content .floorBox {
    max-width: 1140px;
    margin: 40px auto 0px auto;
    padding:0px 10px
}

body.clinic #content .floorBox ul {
    margin-top:20px
}

body.clinic #content .floorBox li {
    padding:15px
}

body.clinic #content .floorBox li img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .staffBox {
    max-width: 1140px;
    margin: 40px auto 40px auto;
    padding:0px 10px
}

body.clinic #content .staffBox li {
    padding:15px
}

body.clinic #content .staffBox li img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .staffBox li h2 {
    margin-top: 5px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom:1px solid #F2EEEA
}

body.clinic #content .staffBox li h2 span.staffName {
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.clinic #content .staffBox li h2 span.staffRomaji {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #BFAC9C;
    padding:0px 10px
}

body.clinic #content .staffBox li p {
    margin-top: -10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7
}

body.clinic #content .staffBox .staffPhoto img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

@media screen and (max-width: 1023.9px) {
    body.clinic #content .introBox .wordItem {
        padding-top:0px
    }

    body.clinic #content .introBox .wordItem .clinicName {
        margin-top:0px
    }

    body.clinic #content .accessBox .gMap {
        padding-bottom:40%
    }

    body.clinic #content .floorBox li {
        padding:10px
    }

    body.clinic #content .staffBox li {
        padding:10px
    }
}

@media screen and (max-width: 767.9px) {
    body.clinic #content .introBox .wordItem {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1;
        padding:0px
    }

    body.clinic #content .introBox .wordItem .clinicName {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.7;
        padding: 6px 10px 8px 10px;
        margin-top:0px
    }

    body.clinic #content .introBox .photoItem {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        margin-top:10px
    }

    body.clinic #content .timeTableBox {
        font-size: 14px;
        font-size: 1.4rem;
        line-height:1.7
    }

    body.clinic #content .timeTableBox table th, body.clinic #content .timeTableBox table td {
        padding:5px 4px
    }

    body.clinic #content .timeTableBox table th.holidayTit {
        padding: 5px 1px;
        width:auto
    }

    body.clinic #content .timeTableBox table th {
        width:auto
    }

    body.clinic #content .timeTableBox table th:first-of-type {
        width:auto
    }

    body.clinic #content .reserveBox {
        margin-top: 20px;
        padding:15px
    }

    body.clinic #content .reserveBox h2.titReserve {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7;
        color: #946945;
        margin-top:20px
    }

    body.clinic #content .reserveBox h2.clinicName {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.7;
        color: #946945;
        margin-top:30px
    }

    body.clinic #content .reserveBox span.clinicName2 {
        padding-left:0px
    }

    body.clinic #content .reserveBox .telItem {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.7;
        padding: 8px 5px 5px 32px;
        background-size: 28px 28px
    }

    body.clinic #content .reserveBox .telItem a[href^="tel:"] {
        pointer-events:auto
    }

    body.clinic #content .reserveBox ul.btnList {
        margin:10px auto
    }

    body.clinic #content .reserveBox ul.btnList li {
        padding:5px
    }

    body.clinic #content .reserveBox p.address {
        font-size: 14px;
        font-size: 1.4rem;
        line-height:1.7
    }

    body.clinic #content .accessBox {
        margin:20px auto 0px auto
    }

    body.clinic #content .accessBox .gMap {
        position: relative;
        padding-bottom:55%
    }

    body.clinic #content .floorBox {
        margin:20px auto 0px auto
    }

    body.clinic #content .floorBox ul {
        margin-top:10px
    }

    body.clinic #content .floorBox li {
        padding:5px
    }

    body.clinic #content .staffBox {
        margin:20px auto 40px auto
    }

    body.clinic #content .staffBox li {
        padding:5px
    }

    body.clinic #content .staffBox li h2 span.staffRomaji {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.7;
        display: block;
        padding: 0px 0px;
        margin-top:-5px
    }

    body.clinic #content .staffBox li p {
        margin-top: -10px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height:1.7
    }

    body.clinic #content .staffBox .staffPhoto img {
        width: 100%;
        height: auto;
        vertical-align:bottom
    }
}

@media screen and (max-width: 567.9px) {
    body.clinic #content .accessBox .gMap {
        padding-bottom:70%
    }
}





body.price #content .contentInner {
    padding-bottom:50px
}

body.price #content .introBox {
    max-width: 1150px;
    margin: 0px auto;
    padding: 30px 15px 0px 15px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.price #content .titSym5 {
    margin-top:40px
}

body.price #content .priceBox {
    padding:0px 15px
}

body.price #content .priceBox p.mtS {
    margin-top: -20px;
    padding-top:0px
}

body.price #content .priceBox table.tablePriceList {
    width: 100%;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.price #content .priceBox table.tablePriceList th, body.price #content .priceBox table.tablePriceList td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.price #content .priceBox table.tablePriceList th, body.price #content .priceBox table.tablePriceList td {
        padding:10px
    }
}

/*  プライス
 * -------------------------------------------- */




body.price #content .priceBox table.tablePriceList th {
    background-color: #F2EEEA;
    width: 30%;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.price #content .priceBox table.tablePriceList td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice {
    width: 100%;
    min-width: 768px;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice th, body.price #content .priceBox table.biyoubariPrice td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.price #content .priceBox table.biyoubariPrice th, body.price #content .priceBox table.biyoubariPrice td {
        padding:10px
    }
}

body.price #content .priceBox table.biyoubariPrice th {
    background-color: #F2EEEA;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice th.titType1 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice th.titType2 {
    width:55%
}

body.price #content .priceBox table.biyoubariPrice th.titType3 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice th.titType4 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.price #content .priceBox .scrollCover {
    overflow: auto;
    white-space:nowrap
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar {
    height:5px
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar-track {
    background:#F1F1F1
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar-thumb {
    background:#BCBCBC
}






/*  トラフィック
 * -------------------------------------------- */


body.traffic-accident #beta {
    padding:15px
}

body.traffic-accident #beta .mainPanel img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.traffic-accident #beta .titCopy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: normal;
    color: #6B4C32;
    margin: 1.5em 0 0 0;
    border-top: 2px dotted #BFAC9C;
    border-bottom: 2px dotted #BFAC9C;
    padding:20px 0px
}

body.traffic-accident #beta .titSym1 {
    margin-top: 50px;
    text-align: left;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.4;
    font-weight: normal;
    padding:10px 10px 10px 10px
}

body.traffic-accident #beta .photoItem1 {
    margin-top:40px
}

body.traffic-accident #beta .photoItem1 img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.traffic-accident #beta ul.numberList {
    counter-reset: number;
    margin-top:20px
}

body.traffic-accident #beta ul.numberList li {
    position: relative;
    padding: 20px 5px 20px 40px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    border-bottom:2px solid #F2EEEA
}

body.traffic-accident #beta ul.numberList li::before {
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    line-height: 30px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #D96D00;
    font-weight: normal;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: 20px;
    border: solid 2px white;
    border-radius:50%
}

@media screen and (max-width: 767.9px) {
    body.traffic-accident #beta ul.numberList {
        margin-top:10px
    }

    body.traffic-accident #beta ul.numberList li {
        padding: 10px 5px 15px 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height:1.7
    }

    body.traffic-accident #beta ul.numberList li::before {
        line-height: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        left: 0;
        top: 10px;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform:translateY(0)
    }
}

#content #notFound404Box {
    padding: 100px 20px;
    text-align:center
}

#content #notFound404Box h2 {
    color: #946945;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

#content #notFound404Box .btnSym1 {
    margin: 0px auto
}

/*  フォト
 * -------------------------------------------- */


.photoItem1 {
    margin-top:40px
}

.photoItem1 img {
    width: 100%;
    max-width: 580px;
    height: auto;
    vertical-align:bottom
    
}

.photoItem2 {
    margin-top:40px
}

.photoItem2 img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

/*  イントロ
 * -------------------------------------------- */



body.home #content .introBox {
    max-width: 1140px;
    margin: 0px auto;
    padding:0px 10px
}

body.home #content .introBox .introItem {
    margin-top: 20px;
    position:relative
}

body.home #content .introBox .introItem .wordCover {
    padding-left:60px
}

body.home #content .introBox .introItem .wordCover .iconItem {
    margin-top: -190px;
    max-width:480px
}

body.home #content .introBox .introItem .wordCover .iconItem img {
    width: 100%;
    height:auto
}

body.home #content .introBox .introItem .wordCover .pointBox {
    position: relative;
    margin-top:30px
}

body.home #content .introBox .introItem .wordCover .pointBox h1 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    color: #FF7373;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    padding: 10px 0px;
    letter-spacing:0.05em
}

body.home #content .introBox .introItem .wordCover .pointBox ul li {
    font-family: "Kaisei Opti", serif;
    font-weight: 400;
    font-style: normal;
    position: relative;
    font-size: 22px;
    font-size: 2rem;
    line-height: 1.4;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 38px;
    padding-right: 5px;
    color: #FF7373;;
    background-color: #eaf2f2;
    margin:2px 0px
}

body.home #content .introBox .introItem .wordCover .pointBox ul li:before {
    font-family: "FontAwesome";
    content: "\f05d";
    position: absolute;
    font-size: 1em;
    left: 0.5em;
    top: 10;
    color: #FFF;
}

body.home #content .introBox .introItem .photoCover {
    position: relative;
    margin-top:30px
}

body.home #content .introBox .introItem .photoCover img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    box-shadow:8px 8px #fff1f1
}

@media screen and (max-width: 1279.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding-right:20px
    }
}

@media screen and (max-width: 1023.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding-left: 30px;
        padding-right:20px
    }

    body.home #content .introBox .introItem .wordCover .iconItem {
        margin-top:-120px
    }
}

@media screen and (max-width: 767.9px) {
    body.home #content .introBox .introItem {
        margin-top:20px
    }

    body.home #content .introBox .introItem .wordCover {
        padding: 0px 20px;
        z-index:200
    }

    body.home #content .introBox .introItem .wordCover .iconItem {
        margin:-40px auto 0px auto
    }

    body.home #content .introBox .introItem .wordCover .pointBox {
        margin-top:10px
    }

    body.home #content .introBox .introItem .wordCover .pointBox h1 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }

    body.home #content .introBox .introItem .photoCover {
        margin-top: 0px;
        z-index:100
    }
}

@media screen and (max-width: 567.9px) {
    body.home #content .introBox .introItem .wordCover {
        padding:0px
    }
}



/*  ピックアップ
 * -------------------------------------------- */



body.home #content .pickUp1Box {
    max-width: 1140px;
    margin:60px auto
}

body.home #content .pickUp1Box .titItem {
    padding: 50px 20px 20px 20px;
    text-align: center;
    background:#FFF url(https://ninoia.com/img/com/deco1.png) center top/70px 33px no-repeat
}

body.home #content .pickUp1Box .titItem h2 {
    color:#f27777
}

body.home #content .pickUp1Box ul li {
    position: relative;
    padding: 15px;
    margin-top:0px
}

body.home #content .pickUp1Box ul li img {
    width: 100%;
    height: auto;
    box-shadow:5px 5px #fff0f0
}

body.home #content .pickUp1Box ul li h2 {
    background: rgba(255, 146, 146, 0.9);
    position: absolute;
    right: 5px;
    bottom: 10px;
    border-radius: 3px;
    display: block;
    width: 70%;
    padding: 10px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.home #content .pickUp1Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .pickUp1Box ul li a:link, body.home #content .pickUp1Box ul li a:visited, body.home #content .pickUp1Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.home #content .pickUp1Box {
        margin:30px auto 30px auto
    }

    body.home #content .pickUp1Box .titItem {
        padding-bottom:0px
    }

    body.home #content .pickUp1Box .titItem h2 {
        color:#f27777
    }

    body.home #content .pickUp1Box ul {
        max-width: 640px;
        margin:10px auto
    }
}


/*  コンセプト
 * -------------------------------------------- */


body.home #content .conceptBox {
    background: #FFF url(https://ninoia.com/img/com/bk-concept.jpg) center center/cover no-repeat;
    padding: 60px 10px;
    text-align: center;
    height: 100%;
    position: relative;
    color:#FFF
}

body.home #content .conceptBox .titItem {
    padding: 0px 10px 0px 10px;
    text-align: center;
    position:relative
}

body.home #content .conceptBox::before {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' '
}

body.home #content .conceptBox p {
    margin:20px 0px 30px 0px
}

body.home #content .conceptBox .btnConcept a {
    background-color: #f69d9d;
    display: block;
    padding: 10px 10px;
    max-width: 220px;
    color: #FFF;
    margin: 0px auto;
    position: relative;
    border-radius:5px
}

body.home #content .conceptBox .btnConcept a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

@media screen and (max-width: 767.9px) {
    body.home #content .conceptBox {
        padding:40px 10px
    }
}
/*  ピックアップ２
 * -------------------------------------------- */


body.home #content .pickUp2Box {
    max-width: 1140px;
    margin:40px auto 60px auto
}

body.home #content .pickUp2Box ul li {
    position: relative;
    padding:10px
}

body.home #content .pickUp2Box ul li img {
    width: 100%;
    height:auto
}

body.home #content .pickUp2Box ul li h2 {
    background-color: rgba(148, 105, 69, 0.8);
    position: absolute;
    right: 10px;
    bottom: 0px;
    display: block;
    width: 200px;
    padding: 15px 10px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.home #content .pickUp2Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .pickUp2Box ul li a:link, body.home #content .pickUp2Box ul li a:visited, body.home #content .pickUp2Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.home #content .pickUp2Box {
        margin:20px auto 40px auto
    }

    body.home #content .pickUp2Box ul {
        max-width: 640px;
        margin:0px auto
    }

    body.home #content .pickUp2Box ul li {
        padding:10px
    }
}
/*  ヴォイス
 * -------------------------------------------- */


body.home #content .voiceBox {
    margin: 0px auto 0px auto;
    padding: 40px 10px;
    background-color: #e6f4fb;
    overflow:hidden
}

body.home #content .voiceBox .titItem {
    padding: 25px 10px 0px 10px;
    text-align:center
}

body.home #content .voiceBox .titItem h2 {
    color:#f27777
}

body.home #content .voiceBox .titItem p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.4;
    color: #00a3d9;
    margin:5px 0px
}

body.home #content .voiceBox .reviewItem {
    max-width: 820px;
    margin:0px auto
}

body.home #content .voiceBox .reviewItem .balloon1 {
    width: 100%;
    margin: 2em 0;
    overflow:hidden
}

body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
    float: left;
    margin-right: -100px;
    width:100px
}

body.home #content .voiceBox .reviewItem .balloon1 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #ffafaf;
    border-radius:50%
}

body.home #content .voiceBox .reviewItem .balloon1 .chatting {
    width:100%
}

body.home #content .voiceBox .reviewItem .balloon1 .says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 125px;
    padding: 20px 20px;
    border-radius: 12px;
    background:#fff
}

body.home #content .voiceBox .reviewItem .balloon1 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right:12px solid #FFF
}

body.home #content .voiceBox .reviewItem .balloon1 .says p {
    margin: 0;
    padding:0
}

body.home #content .voiceBox .reviewItem .balloon2 {
    width: 100%;
    margin: 2em 0;
    overflow:hidden
}

body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
    float: right;
    margin-left: -100px;
    width:100px
}

body.home #content .voiceBox .reviewItem .balloon2 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #ffafaf;
    border-radius:50%
}

body.home #content .voiceBox .reviewItem .balloon2 .chatting {
    width:100%
}

body.home #content .voiceBox .reviewItem .balloon2 .says {
    display: inline-block;
    position: relative;
    margin: 5px 125px 0 0;
    padding: 20px;
    border-radius: 12px;
    background:#fff
}

body.home #content .voiceBox .reviewItem .balloon2 .says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    right: -24px;
    border: 12px solid transparent;
    border-left:12px solid #FFF
}

body.home #content .voiceBox .reviewItem .balloon2 .says p {
    margin: 0;
    padding:0
}

body.home #content .voiceBox .btnReviewList {
    max-width: 820px;
    margin: 50px auto 50px auto;
    justify-content:center
}

body.home #content .voiceBox .btnReviewList li {
    padding:10px
}

body.home #content .voiceBox .btnReviewList a {
    display: block;
    padding: 10px 30px;
    color: #FFF;
    margin: 0px auto;
    position: relative;
    text-align: center;
    border-radius: 3px;
    max-width: 240px;
    margin: 0px auto;
    background-color:rgba(254, 156, 156, 0.8)
}

body.home #content .voiceBox .btnReviewList a:after {
    font-family: 'FontAwesome';
    content: "\f0e6";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.home #content .voiceBox .logoEkiten {
    margin: 0px auto;
    max-width:120px
}

body.home #content .voiceBox .logoEkiten img {
    width: 100%;
    height:auto
}

@media screen and (max-width: 767.9px) {
    body.home #content .voiceBox {
        margin: 0px auto 0px auto;
        padding:20px 10px
    }

    body.home #content .voiceBox .titItem p {
        margin-top: 10px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.4
    }

    body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
        margin-right: -80px;
        width:80px
    }

    body.home #content .voiceBox .reviewItem .balloon1 .says {
        margin:5px 0 0 100px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
        margin-left: -80px;
        width:80px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .says {
        margin:5px 100px 0 0
    }

    body.home #content .voiceBox .btnReviewList {
        margin:0px auto 40px auto
    }
}

@media screen and (max-width: 567.9px) {
    body.home #content .voiceBox .reviewItem .balloon1 .faceicon {
        margin-right: -70px;
        width:70px
    }

    body.home #content .voiceBox .reviewItem .balloon1 .says {
        margin:5px 0 0 90px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .faceicon {
        margin-left: -70px;
        width:70px
    }

    body.home #content .voiceBox .reviewItem .balloon2 .says {
        margin:5px 90px 0 0
    }
}
/*  フッター
 * -------------------------------------------- */



#footer {
    background-color: #f2b3b3;
    color: #FFF;
    text-align: center;
    padding:0px 0px 40px 0px
}

#footer a {
    color:#FFF
}

#footer .footerRow1 {
    max-width: 1140px;
    padding: 10px;
    margin: 0px auto;
    text-align: left;
    padding-top:30px
}

#footer .footerRow1 ul {
    margin-left:10px
}

#footer .footerRow1 ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right:.25em
}

#footer .footerRow1 ul li.linkNone {
    margin-top:10px
}

#footer .footerRow1 ul li.linkNone:before {
    content:none
}

#footer .footerRow1 h3 {
    font-weight: normal;
    margin-top:10px
}

#footer .footerRow1 h3 a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right:.25em
}

#footer .footerRow2 {
    border-top: 1px solid #e4f6fa;
    margin-top: 30px;
    padding-top:10px
}

#footer .footerRow2 ul {
    max-width: 1140px;
    padding: 10px;
    margin: 0px auto;
    text-align:left
}

#footer .footerRow2 ul li {
    margin-top:20px
}

#footer .snsList {
    padding:20px 0px
}

#footer .snsList ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    justify-content:center
}

#footer .snsList ul li a {
    width: 45px;
    height: 45px;
    margin: 10px;
    display:block
}



#footer .copyRight {
    margin-top: 30px;
    text-align:center
}

@media screen and (max-width: 767.9px) {
    #footer .footerRow1 {
        padding:0px
    }

    #footer .footerRow1 h3 {
        margin-top:0px
    }

    #footer .footerRow1 h3 a {
        display: block;
        width: 100%;
        border-top: 1px solid #faffff;
        padding: 10px;
        position:relative
    }

    #footer .footerRow1 h3 a:before {
        font-family: 'FontAwesome';
        content: "\f105";
        position: absolute;
        position: absolute;
        top: 50%;
        right: 10px;
        -webkit-transform: translate(0, -50%);
        transform:translate(0, -50%)
    }

    #footer .footerRow2 {
        margin-top:0px
    }

    #footer .footerRow2 ul li {
        margin-top:20px
    }

    #footer .copyRight {
        margin-top:10px
    }
}
/*  スタート
 * -------------------------------------------- */


body.startguide #content .introBox {
    max-width: 1160px;
    margin: 0px auto;
    padding: 30px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.startguide #content .flowCover {
    max-width: 1160px;
    margin: 0px auto;
    padding-bottom:50px
}

body.startguide #content .flowCover .titSym1 {
    margin:15px 20px 10px 20px
}

body.startguide #content .flowCover .arrow {
    position: relative;
    padding:20px 0px
}

body.startguide #content .flowCover .arrow::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background:#FFF url(https://ninoia.com/img/com/icon-arrow1.png) center top/40px 40px no-repeat
}

body.startguide #content .flowBox {
    padding:30px 0px
}

body.startguide #content .flowBox .photoItem {
    padding: 20px;
    position:relative
}

body.startguide #content .flowBox .photoItem img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position:relative
}

body.startguide #content .flowBox .photoItem .photoItemInner {
    position:relative
}

body.startguide #content .flowBox .photoItem .photoItemInner img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    box-shadow:8px 8px #eaf3fa
}

body.startguide #content .flowBox .photoItem .photoItemInner::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #F2EEEA;
    position: absolute;
    left: 8px;
    top: 8px;
    z-index:0
}

body.startguide #content .flowBox .wordItem {
    padding:20px 30px 20px 30px
}

body.startguide #content .flowBox .wordItem h2 {
    font-family: "Kaisei Opti", serif;/* 開成オプティ  */
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
    padding-bottom: 15px;
    color: #3ac7d9;
    margin-top: 30px;
    border-bottom:1px solid #2d98a6;
}

body.startguide #content .flowBox .wordItem p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height:1.7
}

@media screen and (max-width: 1023.9px) {
    body.startguide #content .arrow {
        padding:20px 0px
    }

    body.startguide #content .introBox {
        padding: 20px 20px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height:1.7
    }

    body.startguide #content .flowBox {
        padding:15px 0px
    }

    body.startguide #content .flowBox .photoItem {
        max-width: 720px;
        margin:0px auto
    }

    body.startguide #content .flowBox .wordItem {
        max-width: 720px;
        padding: 0px 20px;
        margin:0px auto
    }

    body.startguide #content .flowBox .wordItem h2 {
        margin-top:0px
    }

    body.startguide #content .flowBox .btnSym1 {
        margin:0px auto
    }
}



/*  ピックアップ
 * -------------------------------------------- */


 body.startguide #content .pickUp1Box ul li {
    position: relative;
    padding: 15px;
    margin-top:0px
}

body.startguide #content .pickUp1Box ul li img {
    width: 100%;
    height: auto;
    box-shadow:5px 5px #fff0f0
}

body.startguide #content .pickUp1Box ul li h2 {
    background: rgba(255, 146, 146, 0.9);
    position: absolute;
    right: 5px;
    bottom: 10px;
    border-radius: 3px;
    display: block;
    width: 70%;
    padding: 10px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.startguide #content .pickUp1Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.startguide #content .pickUp1Box ul li a:link, body.home #content .pickUp1Box ul li a:visited, body.home #content .pickUp1Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.startguide #content .pickUp1Box {
        margin:30px auto 30px auto
    }

    body.startguide #content .pickUp1Box .titItem {
        padding-bottom:0px
    }

    body.startguide #content .pickUp1Box .titItem h2 {
        color:#f27777
    }

    body.startguide #content .pickUp1Box ul {
        max-width: 640px;
        margin:10px auto
    }
}



/*  トリートメント
 * -------------------------------------------- */

body.treatment #content .pointBox {
    max-width: 1120px;
    margin: 50px auto 0px auto;
    padding: 40px;
    border: 2px solid #F2EEEA;
    border-radius:3px
}

body.treatment #content .pointBox h1 {
    font-family: "Kiwi Maru", serif;/* キウイ丸  */
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.4;
    font-weight: 400;
    color:#FF7373 
}

body.treatment #content .pointBox ul {
    margin-top:20px
}

body.treatment #content .pointBox ul li {

    position: relative;
    padding-left: 1.2em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.7;
    border-bottom: 2px solid #f2eaea;
    padding:15px 10px 15px 35px
}

body.treatment #content .pointBox ul li:before {
    font-family: "FontAwesome";
    content: "\f05d";
    position: absolute;
    font-size: 1em;
    color: #FF7373; /* ← ここに ; を追加しました */
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%); /* ← 最後にも ; を追加しておくと安全です */
}

body.treatment #content .pointBox ul li:first-child {
    border-top:2px solid #F2EEEA
}

@media screen and (max-width: 1023.9px) {
    body.treatment #content .pointBox {
        margin-top: 20px;
        padding: 20px;
        border:none
    }

    body.treatment #content .pointBox h2 {
        font-size: 28px;
        font-size: 2.8rem;
        line-height:1.7
    }

    body.treatment #content .pointBox ul li {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.7;
        padding:10px 10px 10px 30px
    }

    body.treatment #content .pointBox ul li:before {
        top: 10px;
        -webkit-transform: translate(0, 0);
        transform:translate(0, 0)
    }
}



body.treatment #content .treatmentList {
    max-width: 1140px;
    margin:40px auto 60px auto
}

body.treatment #content .treatmentList .titItem {
    padding: 50px 20px 20px 20px;
    text-align: center;
    background:#FFF url(../img/com/deco1.png) center top/70px 33px no-repeat
}

body.treatment #content .treatmentList .titItem h2 {
    color:#FF7373 
}

body.treatment #content .treatmentList > ul {
    margin-top:0px
}

body.treatment #content .treatmentList > ul > li {
    position: relative;
    padding:15px
}

body.treatment #content .treatmentList > ul > li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    box-shadow:5px 5px #faf5ea
}

body.treatment #content .treatmentList > ul > li a:link h2, body.treatment #content .treatmentList > ul > li a:visited h2, body.treatment #content .treatmentList > ul > li a:hover h2 {
    color:#FFF
}

body.treatment #content .treatmentList > ul > li .innerItem {
    position: relative;
    display:block
}

body.treatment #content .treatmentList > ul > li .innerItem h2 {
    background: rgba(255, 137, 137, 0.9);
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    width: 250px;
    height: 50px;
    padding: 10px 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight:normal
}

body.treatment #content .treatmentList > ul > li .innerItem h2:after {
    font-family: 'FontAwesome';
    content: "\f101";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.treatment #content .treatmentList > ul > li p {
    margin-top:20px
}

body.treatment #content .treatmentList > ul > li ul {
    margin-top: -10px;
    padding-top:0px
}

body.treatment #content .treatmentList > ul > li ul > li {
    /* inline-blockがあるので、floatは消してしまって大丈夫です */
    display: inline-block;
    border: 1px solid #946945;
    color: #946945;
    border-radius: 3px;
    margin: 3px 4px 3px 0px;
    padding: 2px 3px;
    min-width: 40px;
    font-size: 1.2rem;
    line-height: 1.7;
    text-align: center;
}

@media screen and (max-width: 767.9px) {
    body.treatment #content .treatmentList {
        margin:20px auto 40px auto
    }

    body.treatment #content .treatmentList .titItem {
        padding:50px 20px 10px 20px
    }

    body.treatment #content .treatmentList > ul {
        max-width: 640px;
        margin:0px auto
    }

    body.treatment #content .treatmentList > ul li {
        padding-bottom:20px
    }
}

body.treatment #content #beta {
    padding: 10px 10px 10px 20px;
    padding-bottom:50px
}

body.treatment #content #beta strong {
    font-weight:500
}

body.treatment #content #beta .titSym1 {
    text-align:left
}

body.treatment #content #beta .titSym2 {
    margin-top:40px
}

body.treatment #content #beta .titSym3 {
    margin-top:70px
}

body.treatment #content #beta .titSym4 {
    margin-top:30px
}

body.treatment #content #beta .titCopy {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: normal;
    color: #946945;
    margin:1.5em 0 0 0
}

body.treatment #content #beta ul.pointList1 {
    margin:10px 0px
}

body.treatment #content #beta ul.pointList1 li {
    /* inline-block があるので float は不要です。消してしまいましょう */
    display: inline-block;
    border: 1px solid #946945;
    color: #946945;
    background-color: rgba(255, 237, 237, 0.266);
    font-size: 1.5rem; /* 15pxを消して1つに集約 */
    line-height: 1.7;
    border-radius: 3px;
    margin: 5px;
    padding: 5px; /* 最後にセミコロン ; を追加 */
}

body.treatment #content #beta ul.pointList2 {
    margin:10px 0px
}

body.treatment #content #beta ul.pointList2 li {
    position: relative;
    padding: 5px;
    padding-left: 1.2em;
    color:#946945
}

body.treatment #content #beta ul.pointList2 li:before {
    font-family: "FontAwesome";
    content: "\f00c";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: center;
    color:#946945
}

body.treatment #content #beta ul.checkList {
    margin:20px 0px
}

body.treatment #content #beta ul.checkList li {
    position: relative;
    padding-left: 1.2em;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.7;
    padding: 10px 25px;
    border-bottom:1px dotted #BFAC9C
}

body.treatment #content #beta ul.checkList li:before {
    font-family: "FontAwesome";
    content: "\f046";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 10px;
    color:#459494
}

body.treatment #content #beta ul.checkList li:last-child {
    border-bottom:none
}

body.treatment #content #beta ul.checkList2 {
    margin:20px 0px
}

body.treatment #content #beta ul.checkList2 li {
    position: relative;
    padding-left: 1.2em;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.7;
    padding: 10px 25px;
    border-bottom:1px dotted #BFAC9C
}

body.treatment #content #beta ul.checkList2 li:before {
    font-family: "FontAwesome";
    content: "\f087";
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 10px;
    color:#946945
}

body.treatment #content #beta ul.checkList2 li:last-child {
    border-bottom:none
}

body.treatment #content #beta ul.numberList {
    counter-reset: number;
    margin-top:20px
}

body.treatment #content #beta ul.numberList.maTBorder {
    border-top:2px solid #F2EEEA
}

body.treatment #content #beta ul.numberList li {
    position: relative;
    padding: 20px 5px 20px 40px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    border-bottom:2px solid #F2EEEA
}

body.treatment #content #beta ul.numberList li::before {
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    line-height: 30px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #D96D00;
    font-weight: normal;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: 20px;
    border: solid 2px white;
    border-radius:50%
}

body.treatment #content #beta p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height:1.75
}

body.treatment #content #beta .columnType1 {
    margin-top:20px
}

body.treatment #content #beta .columnType1 .wordItemRelease {
    overflow:hidden
}







body.treatment #content #beta .columnType1 .photoItemR {
    float: right;
    margin:10px 0px 1.5em 1.5em
}

body.treatment #content #beta .columnType1 .photoItemR img {
    width: 100%;
    max-width: 380px;
    height: auto;
}

body.treatment #content #beta .columnType1 .photoItemL {
    float: left;
    margin:0px 1.5em 1.5em 0px
}

body.treatment #content #beta .columnType1 .photoItemL img {
    width: 100%;
    max-width: 380px;
    height: auto;
}





body.treatment #content #beta .coverType1 {
    padding: 0px 20px;
    border: 2px solid #F2EEEA;
    border-radius:3px
}

body.treatment #content #beta table.biyoubariPrice {
    width: 100%;
    min-width: 768px;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.treatment #content #beta table.biyoubariPrice th, body.treatment #content #beta table.biyoubariPrice td {
    padding:15px
}

body.treatment #content #beta table.biyoubariPrice th {
    background-color: #F2EEEA;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.treatment #content #beta table.biyoubariPrice th.titType1 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice th.titType2 {
    width:55%
}

body.treatment #content #beta table.biyoubariPrice th.titType3 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice th.titType4 {
    width:15%
}

body.treatment #content #beta table.biyoubariPrice td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList {
    width: 100%;
    margin: 20px 0px 0px 0px;
    border-right:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
        padding:10px
    }
}



body.treatment #content #beta table.priceList th {
    background-color: #f6fcff;
    width: 30%;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.treatment #content #beta table.priceList th.pa2 {
    width:40%
}

body.treatment #content #beta table.priceList td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

@media screen and (max-width: 567.9px) {
    body.treatment #content #beta table.priceList th, body.treatment #content #beta table.priceList td {
        width: 100%;
        display: block;
        border-top:none
    }

    body.treatment #content #beta table.priceList th.pa2 {
        width:100%
    }

    body.treatment #content #beta table.priceList tr:first-child th {
        border-top:1px solid #BFAC9C
    }

    body.treatment #content #beta table.priceList td {
        text-align: right;
    }

}

body.treatment #content #beta .scrollCover {
    overflow: auto;
    white-space:nowrap
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar {
    height:5px
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar-track {
    background:#F1F1F1
}

body.treatment #content #beta .scrollCover::-webkit-scrollbar-thumb {
    background:#BCBCBC
}

@media screen and (max-width: 1023.9px) {
    body.treatment #content #beta {
        padding:10px 15px
    }

    body.treatment #content #beta .titCopy {
        font-size: 20px;
        font-size: 2rem;
        line-height:1.7
    }

    body.treatment #content #beta p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height:1.7
    }

    body.treatment #content #beta .columnType1 .photoItemR {
        float: none;
        margin: 0px;
        text-align:center
    }

    body.treatment #content #beta .columnType1 .photoItemR img {
        max-width: 530px;
        margin:0px auto
    }

 
    
}

@media screen and (max-width: 767.9px) {
    body.treatment #content #beta ul.checkList {
        margin:0px
    }

    body.treatment #content #beta ul.checkList2 {
        margin:0px
    }

    body.treatment #content #beta ul.numberList {
        margin-top:10px
    }

    body.treatment #content #beta ul.numberList li {
        padding: 10px 5px 15px 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height:1.7
    }

    body.treatment #content #beta ul.numberList li::before {
        line-height: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        left: 0;
        top: 10px;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform:translateY(0)
    }

    body.treatment #content #beta .coverType1 {
        padding:0px 10px
    }
  
}




/*  ピックアップ
 * -------------------------------------------- */


body.treatment #content .pickUp1Box ul li {
    position: relative;
    padding: 15px;
    margin-top:0px
}

body.treatment #content .pickUp1Box ul li img {
    width: 100%;
    height: auto;
    box-shadow:5px 5px #fff0f0
}

body.treatment #content .pickUp1Box ul li h2 {
    background: rgba(255, 146, 146, 0.9);
    position: absolute;
    right: 5px;
    bottom: 10px;
    border-radius: 3px;
    display: block;
    width: 70%;
    padding: 10px 10px;
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.treatment #content .pickUp1Box ul li h2:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translate(0, -50%);
    transform:translate(0, -50%)
}

body.treatment #content .pickUp1Box ul li a:link, body.home #content .pickUp1Box ul li a:visited, body.home #content .pickUp1Box ul li a:hover {
    color:#FFF
}

@media screen and (max-width: 767.9px) {
    body.treatment #content .pickUp1Box {
        margin:30px auto 30px auto
    }

    body.treatment #content .pickUp1Box .titItem {
        padding-bottom:0px
    }

    body.treatment #content .pickUp1Box .titItem h2 {
        color:#f27777
    }

    body.treatment #content .pickUp1Box ul {
        max-width: 640px;
        margin:10px auto
    }
}


/*  フォト
 * -------------------------------------------- */


 .photoItem1 {
    margin-top:40px
}

.photoItem1 img {
    width: 100%;
    max-width: 580px;
    height: auto;
    vertical-align:bottom
    
}

.photoItem2 {
    margin-top:40px
    
}

.photoItem2 img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

.photoItem3 {
    margin-top:40px
}

.photoItem3 img {
    width: 50%;
    height: auto;
    vertical-align:bottom
}
.photoItem4 img {
    width: 100%;
    max-width: 580px;
    height: auto;
    vertical-align:bottom
}

.photoItem5 {
    margin-top:40px
    
}

.photoItem5 img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

*  クリニック
 * -------------------------------------------- */


body.clinic #content .prefaceBox {
    max-width: 1160px;
    margin: 0px auto;
    padding: 40px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.clinic #content .clinicList {
    max-width: 1160px;
    margin: 0px auto 60px auto;
    padding:0px 20px
}

body.clinic #content .clinicList .photoItem {
    padding:5px
}

body.clinic #content .clinicList .photoItem img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .clinicList .photoItem .photoItemInner {
    position:relative
}

body.clinic #content .clinicList .photoItem .photoItemInner img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    z-index: 1;
    position: relative;
    border:solid 3px #BFAC9C
}

body.clinic #content .clinicList .wordItem {
    text-align: left;
    padding-left:30px
}

body.clinic #content .clinicList .wordItem .clinicName {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
    color: #6B4C32;
    border-bottom: 1px solid #946945;
    padding: 15px 0px 13px 0px;
    margin-top:20px
}

body.clinic #content .clinicList .wordItem .telItem {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    padding: 10px 10px 5px 30px;
    background: url(https://ninoia.com/img/com/icon-tel-white.svg) no-repeat scroll center left;
    background-size: 25px 25px;
    margin: 10px 0px 0px 0px;
    color: #00b8d9
}

body.clinic #content .clinicList .wordItem .telItem a[href^="tel:"] {
    pointer-events:none
}

body.clinic #content .clinicList .wordItem .telItem a {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:link {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:hover {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .telItem a:visited {
    color:#D96D00
}

body.clinic #content .clinicList .wordItem .btnSym1 {
    margin-top:20px
}

@media screen and (max-width: 1023.9px) {
    body.clinic #content .prefaceBox {
        max-width: 720px;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.7;
        padding:10px 20px
    }

    body.clinic #content .clinicList .photoItem {
        max-width: 720px;
        margin:0px auto
    }

    body.clinic #content .clinicList .wordItem {
        padding-left: 0px;
        max-width: 720px;
        margin: 0px auto;
        text-align:center
    }

    body.clinic #content .clinicList .wordItem .clinicName {
        margin-top: 0px;
        text-align: center;
        border-bottom: 1px solid #BFAC9C;
        padding:12px 0px 10px 0px
    }

    body.clinic #content .clinicList .wordItem .telItem {
        margin: 10px auto 0px auto;
        display: inline-block;
        text-align:center
    }

   body.clinic #content .clinicList .wordItem .addressItem {
    margin: 0px;
    padding: 0px; /* 修正：dを足して、最後に ; を追加 */
}

    body.clinic #content .clinicList .wordItem .btnSym1 {
        text-align: center;
        margin: 0px auto;
        margin-top:10px
    }
}

@media screen and (max-width: 767.9px) {
    body.clinic #content .clinicList .wordItem .telItem {
        margin: 10px auto 0px auto;
        display: inline-block;
        text-align: center
    }

    body.clinic #content .clinicList .wordItem .telItem a[href^="tel:"] {
        pointer-events:auto
    }
}

body.clinic #content .titItem {
    position: relative;
    padding: 25px 10px 0px 10px;
    text-align:center
}

body.clinic #content .titItem h2 {
    color:#946945
}

body.clinic #content .introBox {
    max-width: 1150px;
    margin: 40px auto 0px auto;
    padding:0px 15px
}

body.clinic #content .introBox .photoItem {
    position:relative
}

body.clinic #content .introBox .photoItem .slick-dots {
    margin-top:-30px !important
}

body.clinic #content .introBox .photoItem .prevArrow {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 999;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius:0px 3px 3px 0px
}

body.clinic #content .introBox .photoItem .prevArrow span {
    position: absolute;
    top: 50%;
    left: 60%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #6B4C32;
    border-right: 1px solid #6B4C32;
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform:translate(-50%, -50%) rotate(-135deg)
}

body.clinic #content .introBox .photoItem .nextArrow {
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 999;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius:3px 0px 0px 3px
}

body.clinic #content .introBox .photoItem .nextArrow span {
    position: absolute;
    top: 50%;
    left: 40%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #6B4C32;
    border-right: 1px solid #6B4C32;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)
}

body.clinic #content .introBox .photoItem img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .introBox .photoItem .slideClinic {
    background-color: #FFF;
    opacity: 0;
    transition:opacity .3s linear
}

body.clinic #content .introBox .photoItem .slideClinic img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .introBox .photoItem .slideClinic.slick-initialized {
    opacity:1
}

body.clinic #content .introBox .wordItem {
    text-align: left;
    padding:30px 0px 30px 30px
}

body.clinic #content .introBox .wordItem .clinicName {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    padding: 6px 10px 8px 10px;
    background-color: #946945;
    color: #FFF;
    margin-top:30px
}

body.clinic #content .introBox .wordItem ul.pointList {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom:10px
}

body.clinic #content .introBox .wordItem ul.pointList li {
    display: inline-block;
    border: 1px solid #D96D00;
    color: #D96D00;
    border-radius: 3px;
    margin: 4px 4px 4px 0px;
    padding: 3px 5px;
    font-size: 1.4rem;
    line-height: 1.7;
    text-align: left;
}

body.clinic #content .timeTableBox {
    max-width: 1150px;
    margin: 0px auto 0px auto;
    padding: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.clinic #content .timeTableBox table {
    width: 100%;
    margin-top:20px
}

body.clinic #content .timeTableBox table th, body.clinic #content .timeTableBox table td {
    border: 1px solid #BFAC9C;
    text-align: center;
    padding:14px 18px
}

body.clinic #content .timeTableBox table th {
    background: #F2EEEA;
    font-weight: normal;
    vertical-align: middle;
    width:11%
}

body.clinic #content .timeTableBox table th:first-of-type {
    width:20%
}

body.clinic #content .timeTableBox table th.holidayTit {
    width:13%
}

body.clinic #content .reserveBox {
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
    margin-top: 40px;
    padding: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQoU2NkIAIwElKT6W1kjFcRSMH0refOEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQAh78VI8OPgXwAAAAASUVORK5CYII=) repeat;
    background-color: #FAF5EA;
    overflow:hidden
}

body.clinic #content .reserveBox h2.titReserve {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #946945;
    margin-top:40px
}

body.clinic #content .reserveBox h2.clinicName {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.4;
    color: #946945;
    font-weight: normal;
    margin-top:20px
}

body.clinic #content .reserveBox span.clinicName2 {
    padding-left:15px
}

body.clinic #content .reserveBox .telItem {
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 1.4;
    padding: 8px 10px 5px 40px;
    background: url(https://ninoia.com/img/com/icon-tel-white.svg) no-repeat scroll center left;
    background-size: 35px 35px;
    margin-top: -5px;
    color: #D96D00;
    display: inline-block
}

body.clinic #content .reserveBox .telItem a[href^="tel:"] {
    pointer-events:none
}

body.clinic #content .reserveBox .telItem a {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:link {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:hover {
    color:#D96D00
}

body.clinic #content .reserveBox .telItem a:visited {
    color:#D96D00
}

body.clinic #content .reserveBox ul.btnList {
    margin: 10px auto;
    text-align:center
}

body.clinic #content .reserveBox ul.btnList li {
    padding: 10px;
    display:inline-block
}

body.clinic #content .reserveBox p.address {
    margin-top:10px
}

body.clinic #content .accessBox {
    width: 100% !important;
    margin:40px auto 0px auto
}

body.clinic #content .accessBox p {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.7;
    padding-bottom:10px
}

body.clinic #content .accessBox .gMap {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow:hidden
}

body.clinic #content .accessBox .gMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height:100% !important
}

body.clinic #content .floorBox {
    max-width: 1140px;
    margin: 40px auto 0px auto;
    padding:0px 10px
}

body.clinic #content .floorBox ul {
    margin-top:20px
}

body.clinic #content .floorBox li {
    padding:15px
}

body.clinic #content .floorBox li img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .staffBox {
    max-width: 1140px;
    margin: 40px auto 40px auto;
    padding:0px 10px
}

body.clinic #content .staffBox li {
    padding:15px
}

body.clinic #content .staffBox li img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.clinic #content .staffBox li h2 {
    margin-top: 5px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom:1px solid #F2EEEA
}

body.clinic #content .staffBox li h2 span.staffName {
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

body.clinic #content .staffBox li h2 span.staffRomaji {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #BFAC9C;
    padding:0px 10px
}

body.clinic #content .staffBox li p {
    margin-top: -10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height:1.7
}

body.clinic #content .staffBox .staffPhoto img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

@media screen and (max-width: 1023.9px) {
    body.clinic #content .introBox .wordItem {
        padding-top:0px
    }

    body.clinic #content .introBox .wordItem .clinicName {
        margin-top:0px
    }

    body.clinic #content .accessBox .gMap {
        padding-bottom:40%
    }

    body.clinic #content .floorBox li {
        padding:10px
    }

    body.clinic #content .staffBox li {
        padding:10px
    }
}

@media screen and (max-width: 767.9px) {
    body.clinic #content .introBox .wordItem {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        order: 1;
        padding:0px
    }

    body.clinic #content .introBox .wordItem .clinicName {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 1.7;
        padding: 6px 10px 8px 10px;
        margin-top:0px
    }

    body.clinic #content .introBox .photoItem {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        order: 2;
        margin-top:10px
    }

    body.clinic #content .timeTableBox {
        font-size: 14px;
        font-size: 1.4rem;
        line-height:1.7
    }

    body.clinic #content .timeTableBox table th, body.clinic #content .timeTableBox table td {
        padding:5px 4px
    }

    body.clinic #content .timeTableBox table th.holidayTit {
        padding: 5px 1px;
        width:auto
    }

    body.clinic #content .timeTableBox table th {
        width:auto
    }

    body.clinic #content .timeTableBox table th:first-of-type {
        width:auto
    }

    body.clinic #content .reserveBox {
        margin-top: 20px;
        padding:15px
    }

    body.clinic #content .reserveBox h2.titReserve {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.7;
        color: #946945;
        margin-top:20px
    }

    body.clinic #content .reserveBox h2.clinicName {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.7;
        color: #946945;
        margin-top:30px
    }

    body.clinic #content .reserveBox span.clinicName2 {
        padding-left:0px
    }

    body.clinic #content .reserveBox .telItem {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.7;
        padding: 8px 5px 5px 32px;
        background-size: 28px 28px
    }

    body.clinic #content .reserveBox .telItem a[href^="tel:"] {
        pointer-events:auto
    }

    body.clinic #content .reserveBox ul.btnList {
        margin:10px auto
    }

    body.clinic #content .reserveBox ul.btnList li {
        padding:5px
    }

    body.clinic #content .reserveBox p.address {
        font-size: 14px;
        font-size: 1.4rem;
        line-height:1.7
    }

    body.clinic #content .accessBox {
        margin:20px auto 0px auto
    }

    body.clinic #content .accessBox .gMap {
        position: relative;
        padding-bottom:55%
    }

    body.clinic #content .floorBox {
        margin:20px auto 0px auto
    }

    body.clinic #content .floorBox ul {
        margin-top:10px
    }

    body.clinic #content .floorBox li {
        padding:5px
    }

    body.clinic #content .staffBox {
        margin:20px auto 40px auto
    }

    body.clinic #content .staffBox li {
        padding:5px
    }

    body.clinic #content .staffBox li h2 span.staffRomaji {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.7;
        display: block;
        padding: 0px 0px;
        margin-top:-5px
    }

    body.clinic #content .staffBox li p {
        margin-top: -10px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height:1.7
    }

    body.clinic #content .staffBox .staffPhoto img {
        width: 100%;
        height: auto;
        vertical-align:bottom
    }
}

@media screen and (max-width: 567.9px) {
    body.clinic #content .accessBox .gMap {
        padding-bottom:70%
    }
}





body.price #content .contentInner {
    padding-bottom:50px
}

body.price #content .introBox {
    max-width: 1150px;
    margin: 0px auto;
    padding: 30px 15px 0px 15px;
    font-size: 20px;
    font-size: 2rem;
    line-height:1.7
}

body.price #content .titSym5 {
    margin-top:40px
}

body.price #content .priceBox {
    padding:0px 15px
}

body.price #content .priceBox p.mtS {
    margin-top: -20px;
    padding-top:0px
}

body.price #content .priceBox table.tablePriceList {
    width: 100%;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.price #content .priceBox table.tablePriceList th, body.price #content .priceBox table.tablePriceList td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.price #content .priceBox table.tablePriceList th, body.price #content .priceBox table.tablePriceList td {
        padding:10px
    }
}
/*  プライス
 * -------------------------------------------- */




body.price #content .priceBox table.tablePriceList th {
    background-color: #F2EEEA;
    width: 30%;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.price #content .priceBox table.tablePriceList td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice {
    width: 100%;
    min-width: 768px;
    margin: 10px 0px 30px 0px;
    border-right:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice th, body.price #content .priceBox table.biyoubariPrice td {
    padding:15px
}

@media screen and (max-width: 767.9px) {
    body.price #content .priceBox table.biyoubariPrice th, body.price #content .priceBox table.biyoubariPrice td {
        padding:10px
    }
}

body.price #content .priceBox table.biyoubariPrice th {
    background-color: #F2EEEA;
    text-align: left;
    font-weight: normal;
    border-top: 1px solid #BFAC9C;
    border-left: 1px solid #BFAC9C;
    border-bottom:1px solid #BFAC9C
}

body.price #content .priceBox table.biyoubariPrice th.titType1 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice th.titType2 {
    width:55%
}

body.price #content .priceBox table.biyoubariPrice th.titType3 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice th.titType4 {
    width:15%
}

body.price #content .priceBox table.biyoubariPrice td {
    vertical-align: middle;
    border-top: 1px solid #BFAC9C;
    border-bottom: 1px solid #BFAC9C;
    border-left:1px solid #BFAC9C
}

body.price #content .priceBox .scrollCover {
    overflow: auto;
    white-space:nowrap
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar {
    height:5px
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar-track {
    background:#F1F1F1
}

body.price #content .priceBox .scrollCover::-webkit-scrollbar-thumb {
    background:#BCBCBC
}

/*  トラフィック
 * -------------------------------------------- */


body.traffic-accident #beta {
    padding:15px
}

body.traffic-accident #beta .mainPanel img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.traffic-accident #beta .titCopy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
    font-weight: normal;
    color: #6B4C32;
    margin: 1.5em 0 0 0;
    border-top: 2px dotted #BFAC9C;
    border-bottom: 2px dotted #BFAC9C;
    padding:20px 0px
}

body.traffic-accident #beta .titSym1 {
    margin-top: 50px;
    text-align: left;
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 1.4;
    font-weight: normal;
    padding:10px 10px 10px 10px
}

body.traffic-accident #beta .photoItem1 {
    margin-top:40px
}

body.traffic-accident #beta .photoItem1 img {
    width: 100%;
    height: auto;
    vertical-align:bottom
}

body.traffic-accident #beta ul.numberList {
    counter-reset: number;
    margin-top:20px
}

body.traffic-accident #beta ul.numberList li {
    position: relative;
    padding: 20px 5px 20px 40px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    border-bottom:2px solid #F2EEEA
}

body.traffic-accident #beta ul.numberList li::before {
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    line-height: 30px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #D96D00;
    font-weight: normal;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    left: 0;
    top: 20px;
    border: solid 2px white;
    border-radius:50%
}

@media screen and (max-width: 767.9px) {
    body.traffic-accident #beta ul.numberList {
        margin-top:10px
    }

    body.traffic-accident #beta ul.numberList li {
        padding: 10px 5px 15px 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height:1.7
    }

    body.traffic-accident #beta ul.numberList li::before {
        line-height: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        left: 0;
        top: 10px;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform:translateY(0)
    }
}

#content #notFound404Box {
    padding: 100px 20px;
    text-align:center
}

#content #notFound404Box h2 {
    color: #946945;
    font-size: 18px;
    font-size: 1.8rem;
    line-height:1.7
}

#content #notFound404Box .btnSym1 {
    margin: 0px auto
}